refactor: one icon import path — 516 files onto @pace/propel/icons

.oxlintrc.json

@@ -1,6 +1,14 @@
 {
   "$schema": "./node_modules/oxlint/configuration_schema.json",
-  "plugins": ["react", "typescript", "jsx-a11y", "import", "promise", "unicorn", "oxc"],
+  "plugins": [
+    "react",
+    "typescript",
+    "jsx-a11y",
+    "import",
+    "promise",
+    "unicorn",
+    "oxc"
+  ],
   "categories": {
     "correctness": "warn",
     "suspicious": "warn",
@@ -49,5 +57,25 @@
         "ignoreRestSiblings": true
       }
     ]
-  }
+  },
+  "overrides": [
+    {
+      "files": [
+        "**/space/**"
+      ],
+      "rules": {
+        "no-restricted-imports": [
+          "error",
+          {
+            "paths": [
+              {
+                "name": "@makeplane/propel/icons",
+                "message": "Import icons from @pace/propel/icons, which re-exports this set alongside the in-repo icons, so a call site never has to know which set an icon came from. apps/web joins this rule once the pull request that deletes its last 15 users of the old path has landed; apps/admin cannot, because it declares no @pace/propel dependency."
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
 }

apps/admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "admin",
-  "version": "1.4.40",
+  "version": "1.4.41",
   "private": true,
   "description": "Admin UI for Pace",
   "license": "AGPL-3.0",

apps/space/core/components/account/auth-forms/auth-banner.tsx

@@ -4,7 +4,7 @@
  * See the LICENSE file for details.
  */
 
-import { CloseOutline, InfoOutline } from "@makeplane/propel/icons";
+import { CloseOutline, InfoOutline } from "@pace/propel/icons";
 // helpers
 import type { TAuthErrorInfo } from "@/helpers/authentication.helper";
 

apps/space/core/components/account/auth-forms/email.tsx

@@ -8,7 +8,7 @@ import type { FormEvent } from "react";
 import { useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react";
 // icons
-import { CloseCircleOutline, WarningCircleOutline } from "@makeplane/propel/icons";
+import { CloseCircleOutline, WarningCircleOutline } from "@pace/propel/icons";
 // types
 import { Button } from "@pace/propel/button";
 import type { IEmailCheckData } from "@pace/types";

apps/space/core/components/account/auth-forms/password.tsx

@@ -6,7 +6,7 @@
 
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { observer } from "mobx-react";
-import { CloseCircleOutline, HideOutline, ShowOutline } from "@makeplane/propel/icons";
+import { CloseCircleOutline, HideOutline, ShowOutline } from "@pace/propel/icons";
 // pace imports
 import { API_BASE_URL, EAuthModes, EAuthSteps, E_PASSWORD_STRENGTH } from "@pace/constants";
 import { Button } from "@pace/propel/button";

apps/space/core/components/account/auth-forms/unique-code.tsx

@@ -5,7 +5,7 @@
  */
 
 import React, { useEffect, useState } from "react";
-import { CloseCircleOutline, TickCircleOutline } from "@makeplane/propel/icons";
+import { CloseCircleOutline, TickCircleOutline } from "@pace/propel/icons";
 // pace imports
 import { API_BASE_URL, EAuthModes } from "@pace/constants";
 import { Button } from "@pace/propel/button";

apps/space/core/components/issues/filters/applied-filters/filters-list.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 import { useTranslation } from "@pace/i18n";
-import { CloseOutline } from "@makeplane/propel/icons";
+import { CloseOutline } from "@pace/propel/icons";
 // types
 import type { TFilters } from "@/types/issue";
 // components

apps/space/core/components/issues/filters/applied-filters/label.tsx

@@ -4,7 +4,7 @@
  * See the LICENSE file for details.
  */
 
-import { CloseOutline } from "@makeplane/propel/icons";
+import { CloseOutline } from "@pace/propel/icons";
 // types
 import type { IIssueLabel } from "@/types/issue";
 

apps/space/core/components/issues/filters/applied-filters/priority.tsx

@@ -5,7 +5,7 @@
  */
 
 import { PriorityIcon } from "@pace/propel/icons";
-import { CloseOutline } from "@makeplane/propel/icons";
+import { CloseOutline } from "@pace/propel/icons";
 import type { TIssuePriorities } from "@pace/propel/icons";
 
 type Props = {

apps/space/core/components/issues/filters/applied-filters/state.tsx

@@ -8,7 +8,7 @@ import { observer } from "mobx-react";
 // pace imports
 import { EIconSize } from "@pace/constants";
 import { StateGroupIcon } from "@pace/propel/icons";
-import { CloseOutline } from "@makeplane/propel/icons";
+import { CloseOutline } from "@pace/propel/icons";
 // hooks
 import { useStates } from "@/hooks/store/use-state";
 

apps/space/core/components/issues/filters/helpers/filter-header.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 // icons
-import { ChevronDownOutline, ChevronUpOutline } from "@makeplane/propel/icons";
+import { ChevronDownOutline, ChevronUpOutline } from "@pace/propel/icons";
 
 interface IFilterHeader {
   title: string;

apps/space/core/components/issues/filters/helpers/filter-option.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 // pace imports
-import { TickOutline } from "@makeplane/propel/icons";
+import { TickOutline } from "@pace/propel/icons";
 
 type Props = {
   icon?: React.ReactNode;

apps/space/core/components/issues/filters/selection.tsx

@@ -6,7 +6,7 @@
 
 import React, { useState } from "react";
 import { observer } from "mobx-react";
-import { CloseOutline, SearchOutline } from "@makeplane/propel/icons";
+import { CloseOutline, SearchOutline } from "@pace/propel/icons";
 // types
 import type { IIssueFilterOptions, TIssueFilterKeys } from "@/types/issue";
 // local imports

apps/space/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 import { Circle } from "lucide-react";
-import { ChevronDownOutline, ChevronUpOutline } from "@makeplane/propel/icons";
+import { ChevronDownOutline, ChevronUpOutline } from "@pace/propel/icons";
 // mobx
 
 interface IHeaderSubGroupByCard {

apps/space/core/components/issues/issue-layouts/properties/all-properties.tsx

@@ -5,7 +5,7 @@
  */
 
 import { observer } from "mobx-react";
-import { AttachOutline, LinkOutline, ViewsOutline } from "@makeplane/propel/icons";
+import { AttachOutline, LinkOutline, ViewsOutline } from "@pace/propel/icons";
 // pace imports
 import { Tooltip } from "@pace/propel/tooltip";
 import type { IIssueDisplayProperties } from "@pace/types";

apps/space/core/components/issues/issue-layouts/properties/cycle.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 // pace ui
-import { CyclesOutline } from "@makeplane/propel/icons";
+import { CyclesOutline } from "@pace/propel/icons";
 import { Tooltip } from "@pace/propel/tooltip";
 // pace utils
 import { cn } from "@pace/utils";

apps/space/core/components/issues/issue-layouts/properties/due-date.tsx

@@ -5,7 +5,7 @@
  */
 
 import { observer } from "mobx-react";
-import { DueDateOutline } from "@makeplane/propel/icons";
+import { DueDateOutline } from "@pace/propel/icons";
 import { Tooltip } from "@pace/propel/tooltip";
 import { cn, renderFormattedDate, shouldHighlightIssueDueDate } from "@pace/utils";
 // helpers

apps/space/core/components/issues/issue-layouts/properties/labels.tsx

@@ -5,7 +5,7 @@
  */
 
 import { observer } from "mobx-react";
-import { LabelsOutline } from "@makeplane/propel/icons";
+import { LabelsOutline } from "@pace/propel/icons";
 // pace imports
 import { Tooltip } from "@pace/propel/tooltip";
 // hooks

apps/space/core/components/issues/issue-layouts/properties/member.tsx

@@ -7,7 +7,7 @@
 import { observer } from "mobx-react";
 // icons
 import type { LucideIcon } from "lucide-react";
-import { MembersOutline } from "@makeplane/propel/icons";
+import { MembersOutline } from "@pace/propel/icons";
 import { Avatar, AvatarGroup } from "@pace/propel/avatar";
 // pace utils
 import { cn } from "@pace/utils";

apps/space/core/components/issues/issue-layouts/properties/modules.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 // pace ui
-import { ModuleOutline } from "@makeplane/propel/icons";
+import { ModuleOutline } from "@pace/propel/icons";
 import { Tooltip } from "@pace/propel/tooltip";
 // pace utils
 import { cn } from "@pace/utils";

apps/space/core/components/issues/issue-layouts/utils.tsx

@@ -9,7 +9,7 @@ import { isNil } from "lodash-es";
 import { EIconSize, ISSUE_PRIORITIES } from "@pace/constants";
 import { Avatar } from "@pace/propel/avatar";
 import { CycleGroupIcon, PriorityIcon, StateGroupIcon } from "@pace/propel/icons";
-import { CyclesOutline, ModuleOutline } from "@makeplane/propel/icons";
+import { CyclesOutline, ModuleOutline } from "@pace/propel/icons";
 import type {
   GroupByColumnTypes,
   IGroupByColumn,

apps/space/core/components/issues/navbar/layout-icon.tsx

@@ -5,7 +5,7 @@
  */
 
 import type { TIssueLayout } from "@pace/constants";
-import { BoardOutline, ListOutline } from "@makeplane/propel/icons";
+import { BoardOutline, ListOutline } from "@pace/propel/icons";
 import type { ISvgIcons } from "@pace/propel/icons";
 
 export function IssueLayoutIcon({

apps/space/core/components/issues/navbar/root.tsx

@@ -5,7 +5,7 @@
  */
 
 import { observer } from "mobx-react";
-import { ProjectsOutline } from "@makeplane/propel/icons";
+import { ProjectsOutline } from "@pace/propel/icons";
 // components
 import { ProjectLogo } from "@/components/common/project-logo";
 // store

apps/space/core/components/issues/navbar/theme.tsx

@@ -7,7 +7,7 @@
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
-import { AppearanceOutline, MoonOutline } from "@makeplane/propel/icons";
+import { AppearanceOutline, MoonOutline } from "@pace/propel/icons";
 
 export const NavbarTheme = observer(function NavbarTheme() {
   // states

apps/space/core/components/issues/navbar/user-avatar.tsx

@@ -9,7 +9,7 @@ import { observer } from "mobx-react";
 import { Link } from "react-router";
 import { usePathname, useSearchParams } from "@/app/hooks/navigation";
 import { usePopper } from "react-popper";
-import { LogOutOutline } from "@makeplane/propel/icons";
+import { LogOutOutline } from "@pace/propel/icons";
 import { Popover, Transition } from "@headlessui/react";
 // pace imports
 import { API_BASE_URL } from "@pace/constants";

apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -7,7 +7,7 @@
 import React, { useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
-import { ChatOutline, CloseOutline, MoreVerticalOutline, TickOutline } from "@makeplane/propel/icons";
+import { ChatOutline, CloseOutline, MoreVerticalOutline, TickOutline } from "@pace/propel/icons";
 import { Menu, Transition } from "@headlessui/react";
 // pace imports
 import type { EditorRefApi } from "@pace/editor";

apps/space/core/components/issues/peek-overview/header.tsx

@@ -12,7 +12,7 @@ import {
   LinkOutline,
   ModalPeekOutline,
   SidePeekOutline,
-} from "@makeplane/propel/icons";
+} from "@pace/propel/icons";
 import { Listbox, Transition } from "@headlessui/react";
 // ui
 import { TOAST_TYPE, setToast } from "@pace/propel/toast";

apps/space/core/components/issues/peek-overview/issue-activity.tsx

@@ -7,7 +7,7 @@
 import { observer } from "mobx-react";
 import { Link } from "react-router";
 import { usePathname } from "@/app/hooks/navigation";
-import { LockOutline } from "@makeplane/propel/icons";
+import { LockOutline } from "@pace/propel/icons";
 // pace imports
 import { Button } from "@pace/propel/button";
 // components

apps/space/core/components/issues/peek-overview/issue-properties.tsx

@@ -9,7 +9,7 @@ import { useParams } from "@/app/hooks/navigation";
 // pace imports
 import { useTranslation } from "@pace/i18n";
 import { StateGroupIcon, PriorityIcon } from "@pace/propel/icons";
-import { DueDateOutline, LinkOutline, PriorityOutline, StateOutline } from "@makeplane/propel/icons";
+import { DueDateOutline, LinkOutline, PriorityOutline, StateOutline } from "@pace/propel/icons";
 import { TOAST_TYPE, setToast } from "@pace/propel/toast";
 import {
   addSpaceIfCamelCase,

apps/space/core/components/issues/reactions/issue-vote-reactions.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useState } from "react";
-import { ArrowDownOutline, TopArrowOutline } from "@makeplane/propel/icons";
+import { ArrowDownOutline, TopArrowOutline } from "@pace/propel/icons";
 import { observer } from "mobx-react";
 import { usePathname, useRouter, useSearchParams } from "@/app/hooks/navigation";
 // pace imports

apps/space/package.json

@@ -1,6 +1,6 @@
 {
   "name": "space",
-  "version": "1.4.40",
+  "version": "1.4.41",
   "private": true,
   "license": "AGPL-3.0",
   "type": "module",

apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx

@@ -7,7 +7,7 @@
 import { observer } from "mobx-react";
 import { useTranslation } from "@pace/i18n";
 // ui
-import { CyclesOutline } from "@makeplane/propel/icons";
+import { CyclesOutline } from "@pace/propel/icons";
 import { Breadcrumbs, Header } from "@pace/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";

apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/header.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 import { useTranslation } from "@pace/i18n";
-import { AnalyticsOutline } from "@makeplane/propel/icons";
+import { AnalyticsOutline } from "@pace/propel/icons";
 // pace imports
 import { Breadcrumbs, Header } from "@pace/ui";
 // components

apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/work-item-header.tsx

@@ -8,7 +8,7 @@ import React from "react";
 import { observer } from "mobx-react";
 import { useParams } from "@/app/hooks/navigation";
 // pace ui
-import { WorkItemsOutline } from "@makeplane/propel/icons";
+import { WorkItemsOutline } from "@pace/propel/icons";
 import { Breadcrumbs, Header } from "@pace/ui";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";

apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/header.tsx

@@ -10,7 +10,7 @@ import { EUserPermissions, EUserPermissionsLevel } from "@pace/constants";
 import { useTranslation } from "@pace/i18n";
 // ui
 import { Button } from "@pace/propel/button";
-import { DraftsOutline } from "@makeplane/propel/icons";
+import { DraftsOutline } from "@pace/propel/icons";
 import { EIssuesStoreType } from "@pace/types";
 import { Breadcrumbs, Header } from "@pace/ui";
 // components

apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx

@@ -11,7 +11,7 @@ import { useParams } from "@/app/hooks/navigation";
 import { EUserPermissions, EUserPermissionsLevel } from "@pace/constants";
 import { useTranslation } from "@pace/i18n";
 import { EmptyStateCompact } from "@pace/propel/empty-state";
-import { AddOutline, SearchOutline } from "@makeplane/propel/icons";
+import { AddOutline, SearchOutline } from "@pace/propel/icons";
 import { TOAST_TYPE, setToast } from "@pace/propel/toast";
 import { Tooltip } from "@makeplane/propel/components/tooltip";
 import { copyUrlToClipboard, orderJoinedProjects } from "@pace/utils";

apps/web/app/(all)/[workspaceSlug]/(projects)/header.tsx

@@ -5,7 +5,7 @@
  */
 
 import { observer } from "mobx-react";
-import { HomeOutline, WidgetOutline } from "@makeplane/propel/icons";
+import { HomeOutline, WidgetOutline } from "@pace/propel/icons";
 // pace imports
 import { useTranslation } from "@pace/i18n";
 import { Button } from "@pace/propel/button";

apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx

@@ -8,7 +8,7 @@
 import { observer } from "mobx-react";
 import { useParams } from "@/app/hooks/navigation";
 import { useRouter } from "@/app/hooks/navigation";
-import { ChevronDownOutline, RightSidePaneOutline, YourWorkOutline } from "@makeplane/propel/icons";
+import { ChevronDownOutline, RightSidePaneOutline, YourWorkOutline } from "@pace/propel/icons";
 import { PROFILE_VIEWER_TAB, PROFILE_ADMINS_TAB, EUserPermissions, EUserPermissionsLevel } from "@pace/constants";
 import { useTranslation } from "@pace/i18n";
 import type { IUserProfileProjectSegregation } from "@pace/types";

apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx

@@ -12,7 +12,7 @@ import { EIssueFilterType, ISSUE_LAYOUTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "
 // pace i18n
 import { useTranslation } from "@pace/i18n";
 // icons
-import { ChevronDownOutline } from "@makeplane/propel/icons";
+import { ChevronDownOutline } from "@pace/propel/icons";
 // types
 import type {
   IIssueDisplayFilterOptions,

apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx

@@ -6,7 +6,7 @@
 
 import { observer } from "mobx-react";
 import { useParams } from "@/app/hooks/navigation";
-import { ArchiveOutline, CyclesOutline, ModuleOutline, WorkItemsOutline } from "@makeplane/propel/icons";
+import { ArchiveOutline, CyclesOutline, ModuleOutline, WorkItemsOutline } from "@pace/propel/icons";
 import { Tooltip } from "@makeplane/propel/components/tooltip";
 import { EIssuesStoreType } from "@pace/types";
 // ui