npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.1 → 0.4.2 - Mend

@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1096) hide show

package/dist/shared/src/hooks/useHierarchyTable.es.js CHANGED Viewed

@@ -1,354 +1,51 @@
 import { useMemo as D, useCallback as F } from "react";
-import "../context/RemoteModulesContext.es.js";
-import "../../../_virtual/jsx-runtime.es.js";
-import "../../../_virtual/runtime.es.js";
-import "../../../_virtual/semver.es.js";
-import "../api/base/client.es.js";
-import "../api/generated/graphql.es.js";
-import "../api/generated/graphqlLinks.es.js";
-import "../api/generated/access.es.js";
-import "../api/generated/actions.es.js";
-import "../api/generated/activityFeed.es.js";
-import "../api/generated/addons.es.js";
-import "../api/generated/anatomy.es.js";
-import "../api/generated/attributes.es.js";
-import "../api/generated/authentication.es.js";
-import "../api/generated/bundles.es.js";
-import "../api/generated/configuration.es.js";
-import "../api/generated/dataImport.es.js";
-import "../api/generated/desktop.es.js";
-import "../api/generated/entityLists.es.js";
-import "../api/generated/events.es.js";
-import "../api/generated/files.es.js";
-import "../api/generated/folders.es.js";
-import "../api/generated/inbox.es.js";
-import "../api/generated/links.es.js";
-import "../api/generated/market.es.js";
-import "../api/generated/onboarding.es.js";
-import "../api/generated/operations.es.js";
-import "../api/generated/products.es.js";
-import "../api/generated/projectDashboard.es.js";
-import "../api/generated/projects.es.js";
-import "../api/generated/projectFolders.es.js";
-import "../api/generated/reviewables.es.js";
-import "../api/generated/services.es.js";
-import "../api/generated/system.es.js";
-import "../api/generated/tasks.es.js";
-import "../api/generated/teams.es.js";
-import "../api/generated/thumbnails.es.js";
-import "../api/generated/uRIs.es.js";
-import "../api/generated/users.es.js";
-import "../api/generated/versions.es.js";
-import "../api/generated/workfiles.es.js";
-import "../api/generated/ynputCloud.es.js";
-import "../api/generated/grouping.es.js";
-import "../api/generated/views.es.js";
-import "../api/queries/actions/getActions.es.js";
-import "../api/queries/activities/getActivities.es.js";
-import "../api/queries/activities/updateReaction.es.js";
-import "../api/queries/activities/getMentions.es.js";
-import "../api/queries/activities/getCategories.es.js";
-import "../api/queries/addons/getAddons.es.js";
-import "../api/queries/addons/updateAddons.es.js";
-import "../api/queries/attributes/getAttributes.es.js";
-import "../api/queries/attributes/updateAttributes.es.js";
-import "../api/queries/authentication/getAuthentication.es.js";
-import "../api/queries/bundles/getBundles.es.js";
-import "../api/queries/bundles/updateBundles.es.js";
-import "../api/queries/cloud/cloud.es.js";
-import "../api/queries/columnStats/metricTargets.es.js";
-import "../api/queries/columnStats/groupCounts.es.js";
-import "../api/queries/config/getConfig.es.js";
-import "../api/queries/config/updateConfig.es.js";
-import "../api/queries/entities/getEntity.es.js";
-import "../api/queries/entities/getEntityPanel.es.js";
-import "../api/queries/overview/getOverview.es.js";
-import "../api/queries/overview/updateOverview.es.js";
-import "../api/queries/versions/getVersionsProducts.es.js";
-import "../api/queries/links/getEntityLinks.es.js";
-import "../api/queries/entities/updateEntity.es.js";
-import "../api/queries/entityLists/getLists.es.js";
-import "../api/queries/entityLists/updateLists.es.js";
-import "../api/queries/entityLists/getListsAttributes.es.js";
-import "../api/queries/entityLists/listItemsColumnStats.es.js";
-import "../api/queries/entityLists/updateListsAttributes.es.js";
-import "../api/queries/entityLists/listFolders.es.js";
-import "../api/queries/folders/getFolders.es.js";
-import "../api/queries/folders/getFolderDeleteInfo.es.js";
-import "../api/queries/grouping/getGrouping.es.js";
-import "../api/queries/links/updateLinks.es.js";
-import "../api/queries/links/getLinks.es.js";
-import "../api/queries/permissions/getPermissions.es.js";
-import "../api/queries/products/createProduct.es.js";
-import "../api/queries/products/getFolderProducts.es.js";
-import "../api/queries/project/getProject.es.js";
-import "../api/queries/project/updateProject.es.js";
-import "../api/queries/projectFolders/projectFolders.es.js";
-import "../api/queries/review/getReview.es.js";
-import "../api/queries/review/updateReview.es.js";
-import "../api/queries/share/share.es.js";
-import "../api/queries/system/getSystem.es.js";
-import "../api/queries/tasks/getTasks.es.js";
-import "../api/queries/tasks/updateTasks.es.js";
-import "../api/queries/teams/getTeams.es.js";
-import "../api/queries/userDashboard/getUserDashboard.es.js";
-import "../api/queries/users/getUsers.es.js";
-import "../api/queries/users/updateUsers.es.js";
-import "../api/queries/users/guests.es.js";
-import "../api/queries/versions/updateVersions.es.js";
-import "../api/queries/views/getViews.es.js";
-import "../api/queries/views/updateViews.es.js";
-import "../api/queries/watchers/getWatchers.es.js";
-import "../api/queries/uris/getUris.es.js";
-import "lodash";
-import "react-toastify";
-import "react-redux";
-import "custom-protocol-check";
-import "../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "uuid";
-import "../util/pubsub.es.js";
-import "../context/PowerpackContextInstance.es.js";
-import "../context/UriContext.es.js";
-import "../context/DetailsPanelContextInstance.es.js";
-import "../context/SubtasksModulesContextInstance.es.js";
-import "../context/ThumbnailUploaderContext.es.js";
-import "../context/SettingsPanelContext.es.js";
-import "../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../context/pip/PiPWrapper.es.js";
-import "../context/AddonProjectContext.es.js";
-import "../context/AddonContext.es.js";
-import "../context/MenuContext.es.js";
-import "../context/WebsocketContext.es.js";
-import "../context/GlobalContext.es.js";
-import "../context/ProjectContext.es.js";
 import { useProjectFoldersContext as I } from "../context/ProjectFoldersContext.es.js";
-import "../context/EntityUpdatesContextInstance.es.js";
-import "../containers/ContextMenu/ContextMenuContext.es.js";
-import "@ynput/ayon-react-components";
-/* empty css                                            */
-import "clsx";
-import "../containers/Feed/context/FeedContext.es.js";
-import "../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../components/AccessUser/AccessUser.es.js";
-import "../components/AttributeEditor/AttributeEditor.es.js";
-import "../components/AttributeEditor/attributeTypeMap.es.js";
-import "../components/Badge/Badge.es.js";
-import "../components/Chips/Chips.es.js";
-import "date-fns";
-import "../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../components/LinksManager/CellEditingDialog.es.js";
-import "../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../_virtual/index.es.js";
-import "../../../node_modules/refractor/lib/common.es.js";
-import "../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                           */
-import "../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../components/QuillListStyles/QuillListStyles.es.js";
-import "../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "rehype-raw";
-import "../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../components/EarlyPreview/EarlyPreview.es.js";
-import "../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../components/InfoMessage/InfoMessage.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../components/EnumEditor/EnumEditor.styled.es.js";
-import "../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../components/EntityPath/EntityPath.styled.es.js";
-import "../components/EntityPath/SegmentProvider.es.js";
-import "../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../components/Feedback/FeedbackContextInstance.es.js";
-import "../components/Feedback/SupportBubble.es.js";
-import "../components/FileThumbnail/FileThumbnail.es.js";
-import "../components/LegacyBadge/LegacyBadge.es.js";
-import "../components/LinksManager/LinksManager.styled.es.js";
-import "../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../components/Powerpack/PowerpackButton.es.js";
-import "../components/Powerpack/FreeTrialLink.es.js";
-import "../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../components/Powerpack/CTAButton.es.js";
-import "../components/Powerpack/RequiredAddonVersion.es.js";
-import "../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../components/ProjectTableSettings/ColumnsSettings.es.js";
-import "../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../containers/Slicer/components/Slicer.es.js";
-import "../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../containers/NewEntity/components/NewEntity.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import "../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../components/SearchFilter/filterDates.es.js";
-import "short-uuid";
-import "../containers/ProjectTreeTable/utils/columnIds.es.js";
-import "../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../containers/NewEntity/components/NewEntityForm.es.js";
-import "../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "../components/ReviewableCard/ReviewableCard.es.js";
-import "../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../components/SettingsPanel/SettingsPanel.es.js";
-import "../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../components/StyledLink/StyledLink.es.js";
-import "../components/SyncButton/SyncButton.es.js";
-import "../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../components/Thumbnail/Thumbnail.styled.es.js";
-import "../components/Thumbnail/StackedThumbnails.es.js";
-import "../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../components/Watchers/Watchers.es.js";
-import "../components/Menu/Menu.styled.es.js";
-import "../components/Menu/MenuItem.es.js";
-import "../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../components/ColumnHeaderMenuUI.es.js";
-import "../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../containers/Feed/components/ActivityDate.es.js";
-import "../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../containers/Feed/Feed.styled.es.js";
-import "../containers/Feed/components/FeedSearchFilter.es.js";
-import "../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../components/PlayableIcon/PlayableIcon.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../containers/Actions/Actions.styled.es.js";
-import "../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../containers/Actions/ActionIcon.es.js";
-import "../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../containers/Views/context/ViewsContextInstance.es.js";
-import "../containers/Views/Views.styled.es.js";
-import "../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../containers/ListTable/ListTableRow.es.js";
-import "../containers/ListTable/ListTable.styled.es.js";
-import "../context/DeleteEntitiesContext.es.js";
-const am = ({ projectName: R, folderTypes: a, includeColors: h = !1 }) => {
-  const { folders: p, isLoading: s } = I(), T = (t) => a.find((i) => i.name === t)?.icon || "folder", w = (t) => h ? a.find((i) => i.name === t)?.color : void 0, y = (t) => ({
-    id: t.id,
-    parentId: t.parentId,
-    name: t.name,
-    label: t.label || t.name,
-    icon: T(t.folderType),
-    iconColor: w(t.folderType),
+const H = ({ projectName: R, folderTypes: i, includeColors: h = !1 }) => {
+  const { folders: o, isLoading: l } = I(), T = (e) => i.find((a) => a.name === e)?.icon || "folder", w = (e) => h ? i.find((a) => a.name === e)?.color : void 0, y = (e) => ({
+    id: e.id,
+    parentId: e.parentId,
+    name: e.name,
+    label: e.label || e.name,
+    icon: T(e.folderType),
+    iconColor: w(e.folderType),
     img: null,
     data: {
-      id: t.id,
-      name: t.name,
-      label: t.label || t.name,
-      subType: t.folderType,
-      path: t.path,
-      parents: t.parents
+      id: e.id,
+      name: e.name,
+      label: e.label || e.name,
+      subType: e.folderType,
+      path: e.path,
+      parents: e.parents
     }
-  }), f = (t, m = "id", i = "parentId") => {
-    const l = /* @__PURE__ */ new Map(), d = [], e = [...t].sort(
-      (o, r) => (o.label || o.name).localeCompare(r.label || r.name)
+  }), f = (e, r = "id", a = "parentId") => {
+    const m = /* @__PURE__ */ new Map(), d = [], s = [...e].sort(
+      (t, n) => (t.label || t.name).localeCompare(n.label || n.name)
     );
-    for (let o = 0; o < e.length; o++) {
-      const r = e[o], u = r[m], n = {
-        ...y(r),
+    for (let t = 0; t < s.length; t++) {
+      const n = s[t], u = n[r], c = {
+        ...y(n),
         subRows: []
       };
-      l.set(u, n);
+      m.set(u, c);
     }
-    for (let o = 0; o < e.length; o++) {
-      const r = e[o], u = r[m], n = r[i], b = l.get(u);
-      if (n) {
-        const g = l.get(n);
+    for (let t = 0; t < s.length; t++) {
+      const n = s[t], u = n[r], c = n[a], b = m.get(u);
+      if (c) {
+        const g = m.get(c);
         g && g.subRows.push(b);
       } else
         d.push(b);
     }
     return d;
-  }, c = D(() => !p.length || s ? [] : f(p), [p, a, s]), C = F(async () => c, [c]);
+  }, p = D(() => !o.length || l ? [] : f(o), [o, i, l]), C = F(async () => p, [p]);
   return {
-    data: c,
-    folders: p,
+    data: p,
+    folders: o,
     getData: C,
-    isFetching: s
+    isFetching: l
   };
 };
 export {
-  am as useHierarchyTable
+  H as useHierarchyTable
 };
 //# sourceMappingURL=useHierarchyTable.es.js.map

package/dist/shared/src/hooks/useHierarchyTable.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHierarchyTable.es.js","sources":["../../../../src/hooks/useHierarchyTable.ts"],"sourcesContent":["// create table data for the hierarchy\nimport { SimpleTableRow } from '@shared/containers/SimpleTable'\nimport type { FolderType, FolderListItem } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { useProjectFoldersContext } from '@shared/context'\n\ntype Props = {\n projectName: string \| null\n folderTypes: FolderType[]\n includeColors?: boolean\n}\n\nexport const useHierarchyTable = ({ projectName, folderTypes, includeColors = false }: Props) => {\n const { folders, isLoading } = useProjectFoldersContext()\n\n const getFolderIcon = (type: string) => {\n const folderType = folderTypes.find((folderType) => folderType.name === type)\n return folderType?.icon \|\| 'folder'\n }\n\n const getFolderColor = (type: string) => {\n if (!includeColors) return undefined\n const folderType = folderTypes.find((folderType) => folderType.name === type)\n return folderType?.color\n }\n\n const folderToTableRow = (folder: FolderListItem): Omit<SimpleTableRow, 'subRows'> => ({\n id: folder.id,\n parentId: folder.parentId,\n name: folder.name,\n label: folder.label \|\| folder.name,\n icon: getFolderIcon(folder.folderType),\n iconColor: getFolderColor(folder.folderType),\n img: null,\n data: {\n id: folder.id,\n name: folder.name,\n label: folder.label \|\| folder.name,\n subType: folder.folderType,\n path: folder.path,\n parents: folder.parents,\n },\n })\n\n const createDataTree = <T extends FolderListItem>(\n items: T[],\n elementId: keyof T = 'id' as keyof T,\n parentId: keyof T = 'parentId' as keyof T,\n ): SimpleTableRow[] => {\n // Use Map instead of Object.create(null)\n const hashTable = new Map<string, SimpleTableRow>()\n const dataTree: SimpleTableRow[] = []\n\n // sort folders by name\n const sortedItems = [...items].sort((a, b) =>\n (a.label \|\| a.name).localeCompare(b.label \|\| b.name),\n )\n\n // Single pass to create base rows and store in Map\n for (let i = 0; i < sortedItems.length; i++) {\n const item = sortedItems[i]\n const id = item[elementId] as string\n const row: SimpleTableRow = {\n ...folderToTableRow(item),\n subRows: [],\n }\n hashTable.set(id, row)\n }\n\n // Single pass to build relationships\n for (let i = 0; i < sortedItems.length; i++) {\n const item = sortedItems[i]\n const id = item[elementId] as string\n const parentValue = item[parentId] as string\n const row = hashTable.get(id)!\n\n if (parentValue) {\n const parentRow = hashTable.get(parentValue)\n if (parentRow) {\n parentRow.subRows.push(row)\n }\n } else {\n dataTree.push(row)\n }\n }\n\n return dataTree\n }\n\n const tableData: SimpleTableRow[] = useMemo(() => {\n if (!folders.length \|\| isLoading) return []\n\n const rows = createDataTree(folders)\n\n return rows\n }, [folders, folderTypes, isLoading])\n\n const getHierarchyData = useCallback(async () => {\n return tableData\n }, [tableData])\n\n return {\n data: tableData,\n folders,\n getData: getHierarchyData,\n isFetching: isLoading,\n }\n}\n"],"names":["useHierarchyTable","projectName","folderTypes","includeColors","folders","isLoading","useProjectFoldersContext","getFolderIcon","type","folderType","getFolderColor","folderToTableRow","folder","createDataTree","items","elementId","parentId","hashTable","dataTree","sortedItems","a","b","i","item","id","row","parentValue","parentRow","tableData","useMemo","getHierarchyData","useCallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,~~KAAoB~~,CAAC,EAAE,aAAAC,GAAa,aAAAC,GAAa,eAAAC,IAAgB,SAAmB;AAC/F,QAAM,EAAE,SAAAC,GAAS,WAAAC,EAAA,IAAcC,EAAA,GAEzBC,IAAgB,CAACC,MACFN,EAAY,KAAK,CAACO,MAAeA,EAAW,SAASD,CAAI,GACzD,QAAQ,UAGvBE,IAAiB,CAACF,MACjBL,IACcD,EAAY,KAAK,CAACO,MAAeA,EAAW,SAASD,CAAI,GACzD,QAFC,QAKhBG,IAAmB,CAACC,OAA6D;AAAA,IACrF,IAAIA,EAAO;AAAA,IACX,UAAUA,EAAO;AAAA,IACjB,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,MAAML,EAAcK,EAAO,UAAU;AAAA,IACrC,WAAWF,EAAeE,EAAO,UAAU;AAAA,IAC3C,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,SAASA,EAAO;AAAA,MAChB,MAAMA,EAAO;AAAA,MACb,SAASA,EAAO;AAAA,IAAA;AAAA,EAClB,IAGIC,IAAiB,CACrBC,GACAC,IAAqB,MACrBC,IAAoB,eACC;AAErB,UAAMC,wBAAgB,IAAA,GAChBC,IAA6B,CAAA,GAG7BC,IAAc,CAAC,GAAGL,CAAK,EAAE;AAAA,MAAK,CAACM,GAAGC,OACrCD,EAAE,SAASA,EAAE,MAAM,cAAcC,EAAE,SAASA,EAAE,IAAI;AAAA,IAAA;AAIrD,aAASC,IAAI,GAAGA,IAAIH,EAAY,QAAQG,KAAK;AAC3C,YAAMC,IAAOJ,EAAYG,CAAC,GACpBE,IAAKD,EAAKR,CAAS,GACnBU,IAAsB;AAAA,QAC1B,GAAGd,EAAiBY,CAAI;AAAA,QACxB,SAAS,CAAA;AAAA,MAAC;AAEZ,MAAAN,EAAU,IAAIO,GAAIC,CAAG;AAAA,IACvB;AAGA,aAASH,IAAI,GAAGA,IAAIH,EAAY,QAAQG,KAAK;AAC3C,YAAMC,IAAOJ,EAAYG,CAAC,GACpBE,IAAKD,EAAKR,CAAS,GACnBW,IAAcH,EAAKP,CAAQ,GAC3BS,IAAMR,EAAU,IAAIO,CAAE;AAE5B,UAAIE,GAAa;AACf,cAAMC,IAAYV,EAAU,IAAIS,CAAW;AAC3C,QAAIC,KACFA,EAAU,QAAQ,KAAKF,CAAG;AAAA,MAE9B;AACE,QAAAP,EAAS,KAAKO,CAAG;AAAA,IAErB;AAEA,WAAOP;AAAA,EACT,GAEMU,IAA8BC,EAAQ,MACtC,CAACzB,EAAQ,UAAUC,IAAkB,CAAA,IAE5BQ,EAAeT,CAAO,GAGlC,CAACA,GAASF,GAAaG,CAAS,CAAC,GAE9ByB,IAAmBC,EAAY,YAC5BH,GACN,CAACA,CAAS,CAAC;AAEd,SAAO;AAAA,IACL,MAAMA;AAAA,IACN,SAAAxB;AAAA,IACA,SAAS0B;AAAA,IACT,YAAYzB;AAAA,EAAA;AAEhB;"}
1	+ {"version":3,"file":"useHierarchyTable.es.js","sources":["../../../../src/hooks/useHierarchyTable.ts"],"sourcesContent":["// create table data for the hierarchy\nimport type { SimpleTableRow } from '@shared/containers/SimpleTable/SimpleTable.types'\nimport type { FolderType, FolderListItem } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { useProjectFoldersContext } from '@shared/context/ProjectFoldersContext'\n\ntype Props = {\n projectName: string \| null\n folderTypes: FolderType[]\n includeColors?: boolean\n}\n\nexport const useHierarchyTable = ({ projectName, folderTypes, includeColors = false }: Props) => {\n const { folders, isLoading } = useProjectFoldersContext()\n\n const getFolderIcon = (type: string) => {\n const folderType = folderTypes.find((folderType) => folderType.name === type)\n return folderType?.icon \|\| 'folder'\n }\n\n const getFolderColor = (type: string) => {\n if (!includeColors) return undefined\n const folderType = folderTypes.find((folderType) => folderType.name === type)\n return folderType?.color\n }\n\n const folderToTableRow = (folder: FolderListItem): Omit<SimpleTableRow, 'subRows'> => ({\n id: folder.id,\n parentId: folder.parentId,\n name: folder.name,\n label: folder.label \|\| folder.name,\n icon: getFolderIcon(folder.folderType),\n iconColor: getFolderColor(folder.folderType),\n img: null,\n data: {\n id: folder.id,\n name: folder.name,\n label: folder.label \|\| folder.name,\n subType: folder.folderType,\n path: folder.path,\n parents: folder.parents,\n },\n })\n\n const createDataTree = <T extends FolderListItem>(\n items: T[],\n elementId: keyof T = 'id' as keyof T,\n parentId: keyof T = 'parentId' as keyof T,\n ): SimpleTableRow[] => {\n // Use Map instead of Object.create(null)\n const hashTable = new Map<string, SimpleTableRow>()\n const dataTree: SimpleTableRow[] = []\n\n // sort folders by name\n const sortedItems = [...items].sort((a, b) =>\n (a.label \|\| a.name).localeCompare(b.label \|\| b.name),\n )\n\n // Single pass to create base rows and store in Map\n for (let i = 0; i < sortedItems.length; i++) {\n const item = sortedItems[i]\n const id = item[elementId] as string\n const row: SimpleTableRow = {\n ...folderToTableRow(item),\n subRows: [],\n }\n hashTable.set(id, row)\n }\n\n // Single pass to build relationships\n for (let i = 0; i < sortedItems.length; i++) {\n const item = sortedItems[i]\n const id = item[elementId] as string\n const parentValue = item[parentId] as string\n const row = hashTable.get(id)!\n\n if (parentValue) {\n const parentRow = hashTable.get(parentValue)\n if (parentRow) {\n parentRow.subRows.push(row)\n }\n } else {\n dataTree.push(row)\n }\n }\n\n return dataTree\n }\n\n const tableData: SimpleTableRow[] = useMemo(() => {\n if (!folders.length \|\| isLoading) return []\n\n const rows = createDataTree(folders)\n\n return rows\n }, [folders, folderTypes, isLoading])\n\n const getHierarchyData = useCallback(async () => {\n return tableData\n }, [tableData])\n\n return {\n data: tableData,\n folders,\n getData: getHierarchyData,\n isFetching: isLoading,\n }\n}\n"],"names":["useHierarchyTable","projectName","folderTypes","includeColors","folders","isLoading","useProjectFoldersContext","getFolderIcon","type","folderType","getFolderColor","folderToTableRow","folder","createDataTree","items","elementId","parentId","hashTable","dataTree","sortedItems","a","b","i","item","id","row","parentValue","parentRow","tableData","useMemo","getHierarchyData","useCallback"],"mappings":";;AAYO,MAAMA,IAAoB,CAAC,EAAE,aAAAC,GAAa,aAAAC,GAAa,eAAAC,IAAgB,SAAmB;AAC/F,QAAM,EAAE,SAAAC,GAAS,WAAAC,EAAA,IAAcC,EAAA,GAEzBC,IAAgB,CAACC,MACFN,EAAY,KAAK,CAACO,MAAeA,EAAW,SAASD,CAAI,GACzD,QAAQ,UAGvBE,IAAiB,CAACF,MACjBL,IACcD,EAAY,KAAK,CAACO,MAAeA,EAAW,SAASD,CAAI,GACzD,QAFC,QAKhBG,IAAmB,CAACC,OAA6D;AAAA,IACrF,IAAIA,EAAO;AAAA,IACX,UAAUA,EAAO;AAAA,IACjB,MAAMA,EAAO;AAAA,IACb,OAAOA,EAAO,SAASA,EAAO;AAAA,IAC9B,MAAML,EAAcK,EAAO,UAAU;AAAA,IACrC,WAAWF,EAAeE,EAAO,UAAU;AAAA,IAC3C,KAAK;AAAA,IACL,MAAM;AAAA,MACJ,IAAIA,EAAO;AAAA,MACX,MAAMA,EAAO;AAAA,MACb,OAAOA,EAAO,SAASA,EAAO;AAAA,MAC9B,SAASA,EAAO;AAAA,MAChB,MAAMA,EAAO;AAAA,MACb,SAASA,EAAO;AAAA,IAAA;AAAA,EAClB,IAGIC,IAAiB,CACrBC,GACAC,IAAqB,MACrBC,IAAoB,eACC;AAErB,UAAMC,wBAAgB,IAAA,GAChBC,IAA6B,CAAA,GAG7BC,IAAc,CAAC,GAAGL,CAAK,EAAE;AAAA,MAAK,CAACM,GAAGC,OACrCD,EAAE,SAASA,EAAE,MAAM,cAAcC,EAAE,SAASA,EAAE,IAAI;AAAA,IAAA;AAIrD,aAASC,IAAI,GAAGA,IAAIH,EAAY,QAAQG,KAAK;AAC3C,YAAMC,IAAOJ,EAAYG,CAAC,GACpBE,IAAKD,EAAKR,CAAS,GACnBU,IAAsB;AAAA,QAC1B,GAAGd,EAAiBY,CAAI;AAAA,QACxB,SAAS,CAAA;AAAA,MAAC;AAEZ,MAAAN,EAAU,IAAIO,GAAIC,CAAG;AAAA,IACvB;AAGA,aAASH,IAAI,GAAGA,IAAIH,EAAY,QAAQG,KAAK;AAC3C,YAAMC,IAAOJ,EAAYG,CAAC,GACpBE,IAAKD,EAAKR,CAAS,GACnBW,IAAcH,EAAKP,CAAQ,GAC3BS,IAAMR,EAAU,IAAIO,CAAE;AAE5B,UAAIE,GAAa;AACf,cAAMC,IAAYV,EAAU,IAAIS,CAAW;AAC3C,QAAIC,KACFA,EAAU,QAAQ,KAAKF,CAAG;AAAA,MAE9B;AACE,QAAAP,EAAS,KAAKO,CAAG;AAAA,IAErB;AAEA,WAAOP;AAAA,EACT,GAEMU,IAA8BC,EAAQ,MACtC,CAACzB,EAAQ,UAAUC,IAAkB,CAAA,IAE5BQ,EAAeT,CAAO,GAGlC,CAACA,GAASF,GAAaG,CAAS,CAAC,GAE9ByB,IAAmBC,EAAY,YAC5BH,GACN,CAACA,CAAS,CAAC;AAEd,SAAO;AAAA,IACL,MAAMA;AAAA,IACN,SAAAxB;AAAA,IACA,SAAS0B;AAAA,IACT,YAAYzB;AAAA,EAAA;AAEhB;"}

package/dist/shared/src/hooks/useLoadModules.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLoadModules.cjs.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\nimport { FrontendModuleListItem } from '@shared/api'\n\nexport interface ModuleSpec<T> {\n addon: string\n remote: string\n module: string\n fallback?: T\n debug?: boolean\n minVersion?: string\n}\n\ntype ModuleResult<T> = [\n T,\n {\n isLoaded: boolean\n addon: string\n remote: string\n module: string\n minVersion?: string\n outdated?: {\n current: string\n required: string\n }\n },\n]\n\nexport const useLoadModules = <T extends any[]>(\n moduleSpecs: ModuleSpec<T[number]>[],\n modules: FrontendModuleListItem[],\n skip: boolean,\n): { modules: ModuleResult<T[number]>[]; isLoading: boolean } => {\n // Use a ref to track which modules have been processed\n const processedModules = useRef<Set<string>>(new Set())\n\n // Initialize results state\n const [results, setResults] = useState<ModuleResult<T[number]>[]>(() =>\n initializeResults(moduleSpecs),\n )\n const [isLoading, setIsLoading] = useState(modules.length > 0 && !skip)\n\n // Reset and reinitialize when moduleSpecs change\n useEffect(() => {\n if (skip) return\n console.log('resetting processedModules')\n // Reset the processed modules tracker\n processedModules.current = new Set()\n\n // Initialize results with proper structure\n setResults(initializeResults(moduleSpecs))\n }, [JSON.stringify(moduleSpecs), skip])\n\n const loadModule = async (\n remote: string,\n module: string,\n addon: string,\n fallback: T[number] \| undefined,\n minVersion?: string,\n ) => {\n try {\n const result = await loadRemote<{ default: T[number] }>(`${remote}/${module}`, {\n from: 'runtime',\n })\n updateResultWithLoaded(addon, remote, module, result?.['default'] \|\| fallback, minVersion)\n } catch (error) {\n console.error('Error loading remote module', remote, module, error)\n throw error\n }\n }\n\n // Load modules when remotes are initialized\n useEffect(() => {\n if (skip) {\n setIsLoading(false)\n return\n }\n\n // If all results are unloaded, reset processedModules to ensure we attempt loading\n // This handles the case where the component remounts with the same moduleSpecs\n const allUnloaded = results.every((result) => !result[1].isLoaded)\n if (allUnloaded && processedModules.current.size > 0) {\n console.log('resetting processedModules - results were reset')\n processedModules.current = new Set()\n }\n\n console.log('loading modules')\n\n const promises: Promise<void>[] = []\n moduleSpecs.forEach((spec, index) => {\n const { addon, remote, module, fallback, minVersion } = spec\n\n if (!addon \|\| !remote \|\| !module) {\n console.log('Invalid module spec', spec)\n return\n }\n\n // Create a unique key for this module\n const moduleKey = `${addon}/${remote}/${module}`\n\n // Skip if already processed\n if (processedModules.current.has(moduleKey)) {\n console.log('skipping already processed module', moduleKey)\n return\n }\n\n // Check if this module is already loaded in our results\n if (results[index]?.[1]?.isLoaded) {\n processedModules.current.add(moduleKey)\n return\n }\n\n // Mark as processed\n processedModules.current.add(moduleKey)\n\n const addonInfo = modules.find((m) => m.addonName === addon)\n\n // Handle missing addon\n if (!addonInfo) {\n console.log('Addon not found', { addon, remote, module })\n return\n }\n\n // Check version requirements\n if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {\n updateResultWithOutdated(\n index,\n addon,\n remote,\n module,\n fallback,\n minVersion,\n addonInfo.addonVersion,\n )\n return\n }\n\n // Check if module exists\n if (!addonInfo.modules[remote]) {\n console.log('Module not found', { addon, remote, module })\n return\n }\n\n promises.push(loadModule(remote, module, addon, fallback, minVersion))\n })\n\n if (!promises.length) {\n setIsLoading(false)\n return\n }\n\n // Wait for all promises to resolve\n setIsLoading(true)\n Promise.all(promises)\n .then(() => {\n // all modules loaded\n setIsLoading(false)\n })\n .catch((error) => {\n console.error('Error loading modules', error)\n setIsLoading(false)\n })\n }, [skip, modules, JSON.stringify(moduleSpecs), results])\n\n // Helper function to initialize results\n function initializeResults(specs: ModuleSpec<T[number]>[]): ModuleResult<T[number]>[] {\n return specs.map(\n ({ addon = '', remote = '', module = '', fallback, minVersion }): ModuleResult<T[number]> => [\n fallback as T[number],\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ],\n )\n }\n\n // Helper to update a result with outdated status\n function updateResultWithOutdated(\n index: number,\n addon: string,\n remote: string,\n module: string,\n fallback: T[number] \| undefined,\n requiredVersion: string,\n currentVersion: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n fallback,\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion: requiredVersion,\n outdated: {\n current: currentVersion,\n required: requiredVersion,\n },\n },\n ]\n }\n return updated\n })\n }\n\n // Helper to update a result when module is loaded\n function updateResultWithLoaded(\n addon: string,\n remote: string,\n module: string,\n loadedModule: T[number] \| undefined,\n minVersion?: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n // Find the corresponding module spec\n const index = moduleSpecs.findIndex(\n (spec) => spec.addon === addon && spec.remote === remote && spec.module === module,\n )\n\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n loadedModule,\n {\n isLoaded: true,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ]\n }\n return updated\n })\n }\n\n return { modules: results, isLoading }\n}\n"],"names":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}
1	+ {"version":3,"file":"useLoadModules.cjs.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\nimport type { FrontendModuleListItem } from '@shared/api'\n\nexport interface ModuleSpec<T> {\n addon: string\n remote: string\n module: string\n fallback?: T\n debug?: boolean\n minVersion?: string\n}\n\ntype ModuleResult<T> = [\n T,\n {\n isLoaded: boolean\n addon: string\n remote: string\n module: string\n minVersion?: string\n outdated?: {\n current: string\n required: string\n }\n },\n]\n\nexport const useLoadModules = <T extends any[]>(\n moduleSpecs: ModuleSpec<T[number]>[],\n modules: FrontendModuleListItem[],\n skip: boolean,\n): { modules: ModuleResult<T[number]>[]; isLoading: boolean } => {\n // Use a ref to track which modules have been processed\n const processedModules = useRef<Set<string>>(new Set())\n\n // Initialize results state\n const [results, setResults] = useState<ModuleResult<T[number]>[]>(() =>\n initializeResults(moduleSpecs),\n )\n const [isLoading, setIsLoading] = useState(modules.length > 0 && !skip)\n\n // Reset and reinitialize when moduleSpecs change\n useEffect(() => {\n if (skip) return\n console.log('resetting processedModules')\n // Reset the processed modules tracker\n processedModules.current = new Set()\n\n // Initialize results with proper structure\n setResults(initializeResults(moduleSpecs))\n }, [JSON.stringify(moduleSpecs), skip])\n\n const loadModule = async (\n remote: string,\n module: string,\n addon: string,\n fallback: T[number] \| undefined,\n minVersion?: string,\n ) => {\n try {\n const result = await loadRemote<{ default: T[number] }>(`${remote}/${module}`, {\n from: 'runtime',\n })\n updateResultWithLoaded(addon, remote, module, result?.['default'] \|\| fallback, minVersion)\n } catch (error) {\n console.error('Error loading remote module', remote, module, error)\n throw error\n }\n }\n\n // Load modules when remotes are initialized\n useEffect(() => {\n if (skip) {\n setIsLoading(false)\n return\n }\n\n // If all results are unloaded, reset processedModules to ensure we attempt loading\n // This handles the case where the component remounts with the same moduleSpecs\n const allUnloaded = results.every((result) => !result[1].isLoaded)\n if (allUnloaded && processedModules.current.size > 0) {\n console.log('resetting processedModules - results were reset')\n processedModules.current = new Set()\n }\n\n console.log('loading modules')\n\n const promises: Promise<void>[] = []\n moduleSpecs.forEach((spec, index) => {\n const { addon, remote, module, fallback, minVersion } = spec\n\n if (!addon \|\| !remote \|\| !module) {\n console.log('Invalid module spec', spec)\n return\n }\n\n // Create a unique key for this module\n const moduleKey = `${addon}/${remote}/${module}`\n\n // Skip if already processed\n if (processedModules.current.has(moduleKey)) {\n console.log('skipping already processed module', moduleKey)\n return\n }\n\n // Check if this module is already loaded in our results\n if (results[index]?.[1]?.isLoaded) {\n processedModules.current.add(moduleKey)\n return\n }\n\n // Mark as processed\n processedModules.current.add(moduleKey)\n\n const addonInfo = modules.find((m) => m.addonName === addon)\n\n // Handle missing addon\n if (!addonInfo) {\n console.log('Addon not found', { addon, remote, module })\n return\n }\n\n // Check version requirements\n if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {\n updateResultWithOutdated(\n index,\n addon,\n remote,\n module,\n fallback,\n minVersion,\n addonInfo.addonVersion,\n )\n return\n }\n\n // Check if module exists\n if (!addonInfo.modules[remote]) {\n console.log('Module not found', { addon, remote, module })\n return\n }\n\n promises.push(loadModule(remote, module, addon, fallback, minVersion))\n })\n\n if (!promises.length) {\n setIsLoading(false)\n return\n }\n\n // Wait for all promises to resolve\n setIsLoading(true)\n Promise.all(promises)\n .then(() => {\n // all modules loaded\n setIsLoading(false)\n })\n .catch((error) => {\n console.error('Error loading modules', error)\n setIsLoading(false)\n })\n }, [skip, modules, JSON.stringify(moduleSpecs), results])\n\n // Helper function to initialize results\n function initializeResults(specs: ModuleSpec<T[number]>[]): ModuleResult<T[number]>[] {\n return specs.map(\n ({ addon = '', remote = '', module = '', fallback, minVersion }): ModuleResult<T[number]> => [\n fallback as T[number],\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ],\n )\n }\n\n // Helper to update a result with outdated status\n function updateResultWithOutdated(\n index: number,\n addon: string,\n remote: string,\n module: string,\n fallback: T[number] \| undefined,\n requiredVersion: string,\n currentVersion: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n fallback,\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion: requiredVersion,\n outdated: {\n current: currentVersion,\n required: requiredVersion,\n },\n },\n ]\n }\n return updated\n })\n }\n\n // Helper to update a result when module is loaded\n function updateResultWithLoaded(\n addon: string,\n remote: string,\n module: string,\n loadedModule: T[number] \| undefined,\n minVersion?: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n // Find the corresponding module spec\n const index = moduleSpecs.findIndex(\n (spec) => spec.addon === addon && spec.remote === remote && spec.module === module,\n )\n\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n loadedModule,\n {\n isLoaded: true,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ]\n }\n return updated\n })\n }\n\n return { modules: results, isLoading }\n}\n"],"names":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}

package/dist/shared/src/hooks/useLoadModules.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLoadModules.es.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\nimport { FrontendModuleListItem } from '@shared/api'\n\nexport interface ModuleSpec<T> {\n addon: string\n remote: string\n module: string\n fallback?: T\n debug?: boolean\n minVersion?: string\n}\n\ntype ModuleResult<T> = [\n T,\n {\n isLoaded: boolean\n addon: string\n remote: string\n module: string\n minVersion?: string\n outdated?: {\n current: string\n required: string\n }\n },\n]\n\nexport const useLoadModules = <T extends any[]>(\n moduleSpecs: ModuleSpec<T[number]>[],\n modules: FrontendModuleListItem[],\n skip: boolean,\n): { modules: ModuleResult<T[number]>[]; isLoading: boolean } => {\n // Use a ref to track which modules have been processed\n const processedModules = useRef<Set<string>>(new Set())\n\n // Initialize results state\n const [results, setResults] = useState<ModuleResult<T[number]>[]>(() =>\n initializeResults(moduleSpecs),\n )\n const [isLoading, setIsLoading] = useState(modules.length > 0 && !skip)\n\n // Reset and reinitialize when moduleSpecs change\n useEffect(() => {\n if (skip) return\n console.log('resetting processedModules')\n // Reset the processed modules tracker\n processedModules.current = new Set()\n\n // Initialize results with proper structure\n setResults(initializeResults(moduleSpecs))\n }, [JSON.stringify(moduleSpecs), skip])\n\n const loadModule = async (\n remote: string,\n module: string,\n addon: string,\n fallback: T[number] \| undefined,\n minVersion?: string,\n ) => {\n try {\n const result = await loadRemote<{ default: T[number] }>(`${remote}/${module}`, {\n from: 'runtime',\n })\n updateResultWithLoaded(addon, remote, module, result?.['default'] \|\| fallback, minVersion)\n } catch (error) {\n console.error('Error loading remote module', remote, module, error)\n throw error\n }\n }\n\n // Load modules when remotes are initialized\n useEffect(() => {\n if (skip) {\n setIsLoading(false)\n return\n }\n\n // If all results are unloaded, reset processedModules to ensure we attempt loading\n // This handles the case where the component remounts with the same moduleSpecs\n const allUnloaded = results.every((result) => !result[1].isLoaded)\n if (allUnloaded && processedModules.current.size > 0) {\n console.log('resetting processedModules - results were reset')\n processedModules.current = new Set()\n }\n\n console.log('loading modules')\n\n const promises: Promise<void>[] = []\n moduleSpecs.forEach((spec, index) => {\n const { addon, remote, module, fallback, minVersion } = spec\n\n if (!addon \|\| !remote \|\| !module) {\n console.log('Invalid module spec', spec)\n return\n }\n\n // Create a unique key for this module\n const moduleKey = `${addon}/${remote}/${module}`\n\n // Skip if already processed\n if (processedModules.current.has(moduleKey)) {\n console.log('skipping already processed module', moduleKey)\n return\n }\n\n // Check if this module is already loaded in our results\n if (results[index]?.[1]?.isLoaded) {\n processedModules.current.add(moduleKey)\n return\n }\n\n // Mark as processed\n processedModules.current.add(moduleKey)\n\n const addonInfo = modules.find((m) => m.addonName === addon)\n\n // Handle missing addon\n if (!addonInfo) {\n console.log('Addon not found', { addon, remote, module })\n return\n }\n\n // Check version requirements\n if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {\n updateResultWithOutdated(\n index,\n addon,\n remote,\n module,\n fallback,\n minVersion,\n addonInfo.addonVersion,\n )\n return\n }\n\n // Check if module exists\n if (!addonInfo.modules[remote]) {\n console.log('Module not found', { addon, remote, module })\n return\n }\n\n promises.push(loadModule(remote, module, addon, fallback, minVersion))\n })\n\n if (!promises.length) {\n setIsLoading(false)\n return\n }\n\n // Wait for all promises to resolve\n setIsLoading(true)\n Promise.all(promises)\n .then(() => {\n // all modules loaded\n setIsLoading(false)\n })\n .catch((error) => {\n console.error('Error loading modules', error)\n setIsLoading(false)\n })\n }, [skip, modules, JSON.stringify(moduleSpecs), results])\n\n // Helper function to initialize results\n function initializeResults(specs: ModuleSpec<T[number]>[]): ModuleResult<T[number]>[] {\n return specs.map(\n ({ addon = '', remote = '', module = '', fallback, minVersion }): ModuleResult<T[number]> => [\n fallback as T[number],\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ],\n )\n }\n\n // Helper to update a result with outdated status\n function updateResultWithOutdated(\n index: number,\n addon: string,\n remote: string,\n module: string,\n fallback: T[number] \| undefined,\n requiredVersion: string,\n currentVersion: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n fallback,\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion: requiredVersion,\n outdated: {\n current: currentVersion,\n required: requiredVersion,\n },\n },\n ]\n }\n return updated\n })\n }\n\n // Helper to update a result when module is loaded\n function updateResultWithLoaded(\n addon: string,\n remote: string,\n module: string,\n loadedModule: T[number] \| undefined,\n minVersion?: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n // Find the corresponding module spec\n const index = moduleSpecs.findIndex(\n (spec) => spec.addon === addon && spec.remote === remote && spec.module === module,\n )\n\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n loadedModule,\n {\n isLoaded: true,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ]\n }\n return updated\n })\n }\n\n return { modules: results, isLoading }\n}\n"],"names":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}
1	+ {"version":3,"file":"useLoadModules.es.js","sources":["../../../../src/hooks/useLoadModules.ts"],"sourcesContent":["import { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\nimport type { FrontendModuleListItem } from '@shared/api'\n\nexport interface ModuleSpec<T> {\n addon: string\n remote: string\n module: string\n fallback?: T\n debug?: boolean\n minVersion?: string\n}\n\ntype ModuleResult<T> = [\n T,\n {\n isLoaded: boolean\n addon: string\n remote: string\n module: string\n minVersion?: string\n outdated?: {\n current: string\n required: string\n }\n },\n]\n\nexport const useLoadModules = <T extends any[]>(\n moduleSpecs: ModuleSpec<T[number]>[],\n modules: FrontendModuleListItem[],\n skip: boolean,\n): { modules: ModuleResult<T[number]>[]; isLoading: boolean } => {\n // Use a ref to track which modules have been processed\n const processedModules = useRef<Set<string>>(new Set())\n\n // Initialize results state\n const [results, setResults] = useState<ModuleResult<T[number]>[]>(() =>\n initializeResults(moduleSpecs),\n )\n const [isLoading, setIsLoading] = useState(modules.length > 0 && !skip)\n\n // Reset and reinitialize when moduleSpecs change\n useEffect(() => {\n if (skip) return\n console.log('resetting processedModules')\n // Reset the processed modules tracker\n processedModules.current = new Set()\n\n // Initialize results with proper structure\n setResults(initializeResults(moduleSpecs))\n }, [JSON.stringify(moduleSpecs), skip])\n\n const loadModule = async (\n remote: string,\n module: string,\n addon: string,\n fallback: T[number] \| undefined,\n minVersion?: string,\n ) => {\n try {\n const result = await loadRemote<{ default: T[number] }>(`${remote}/${module}`, {\n from: 'runtime',\n })\n updateResultWithLoaded(addon, remote, module, result?.['default'] \|\| fallback, minVersion)\n } catch (error) {\n console.error('Error loading remote module', remote, module, error)\n throw error\n }\n }\n\n // Load modules when remotes are initialized\n useEffect(() => {\n if (skip) {\n setIsLoading(false)\n return\n }\n\n // If all results are unloaded, reset processedModules to ensure we attempt loading\n // This handles the case where the component remounts with the same moduleSpecs\n const allUnloaded = results.every((result) => !result[1].isLoaded)\n if (allUnloaded && processedModules.current.size > 0) {\n console.log('resetting processedModules - results were reset')\n processedModules.current = new Set()\n }\n\n console.log('loading modules')\n\n const promises: Promise<void>[] = []\n moduleSpecs.forEach((spec, index) => {\n const { addon, remote, module, fallback, minVersion } = spec\n\n if (!addon \|\| !remote \|\| !module) {\n console.log('Invalid module spec', spec)\n return\n }\n\n // Create a unique key for this module\n const moduleKey = `${addon}/${remote}/${module}`\n\n // Skip if already processed\n if (processedModules.current.has(moduleKey)) {\n console.log('skipping already processed module', moduleKey)\n return\n }\n\n // Check if this module is already loaded in our results\n if (results[index]?.[1]?.isLoaded) {\n processedModules.current.add(moduleKey)\n return\n }\n\n // Mark as processed\n processedModules.current.add(moduleKey)\n\n const addonInfo = modules.find((m) => m.addonName === addon)\n\n // Handle missing addon\n if (!addonInfo) {\n console.log('Addon not found', { addon, remote, module })\n return\n }\n\n // Check version requirements\n if (minVersion && !semver.gte(addonInfo.addonVersion, minVersion)) {\n updateResultWithOutdated(\n index,\n addon,\n remote,\n module,\n fallback,\n minVersion,\n addonInfo.addonVersion,\n )\n return\n }\n\n // Check if module exists\n if (!addonInfo.modules[remote]) {\n console.log('Module not found', { addon, remote, module })\n return\n }\n\n promises.push(loadModule(remote, module, addon, fallback, minVersion))\n })\n\n if (!promises.length) {\n setIsLoading(false)\n return\n }\n\n // Wait for all promises to resolve\n setIsLoading(true)\n Promise.all(promises)\n .then(() => {\n // all modules loaded\n setIsLoading(false)\n })\n .catch((error) => {\n console.error('Error loading modules', error)\n setIsLoading(false)\n })\n }, [skip, modules, JSON.stringify(moduleSpecs), results])\n\n // Helper function to initialize results\n function initializeResults(specs: ModuleSpec<T[number]>[]): ModuleResult<T[number]>[] {\n return specs.map(\n ({ addon = '', remote = '', module = '', fallback, minVersion }): ModuleResult<T[number]> => [\n fallback as T[number],\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ],\n )\n }\n\n // Helper to update a result with outdated status\n function updateResultWithOutdated(\n index: number,\n addon: string,\n remote: string,\n module: string,\n fallback: T[number] \| undefined,\n requiredVersion: string,\n currentVersion: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n fallback,\n {\n isLoaded: false,\n addon,\n remote,\n module,\n minVersion: requiredVersion,\n outdated: {\n current: currentVersion,\n required: requiredVersion,\n },\n },\n ]\n }\n return updated\n })\n }\n\n // Helper to update a result when module is loaded\n function updateResultWithLoaded(\n addon: string,\n remote: string,\n module: string,\n loadedModule: T[number] \| undefined,\n minVersion?: string,\n ) {\n setResults((prev) => {\n const updated = [...prev]\n // Find the corresponding module spec\n const index = moduleSpecs.findIndex(\n (spec) => spec.addon === addon && spec.remote === remote && spec.module === module,\n )\n\n if (index >= 0 && index < updated.length) {\n updated[index] = [\n loadedModule,\n {\n isLoaded: true,\n addon,\n remote,\n module,\n minVersion,\n outdated: undefined,\n },\n ]\n }\n return updated\n })\n }\n\n return { modules: results, isLoading }\n}\n"],"names":["useLoadModules","moduleSpecs","modules","skip","processedModules","useRef","results","setResults","useState","initializeResults","isLoading","setIsLoading","useEffect","loadModule","remote","module","addon","fallback","minVersion","result","loadRemote","updateResultWithLoaded","error","promises","spec","index","moduleKey","addonInfo","m","semver","updateResultWithOutdated","specs","requiredVersion","currentVersion","prev","updated","loadedModule"],"mappings":"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"}

package/dist/shared/src/hooks/useReviewablesKeyboardNavigation.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");require("lodash");require("react-toastify");require("uuid");require("../api/base/client.cjs.js");require("../api/generated/graphql.cjs.js");require("../api/generated/graphqlLinks.cjs.js");require("../api/generated/access.cjs.js");require("../api/generated/actions.cjs.js");require("../api/generated/activityFeed.cjs.js");require("../api/generated/addons.cjs.js");require("../api/generated/anatomy.cjs.js");require("../api/generated/attributes.cjs.js");require("../api/generated/authentication.cjs.js");require("../api/generated/bundles.cjs.js");require("../api/generated/configuration.cjs.js");require("../api/generated/dataImport.cjs.js");require("../api/generated/desktop.cjs.js");require("../api/generated/entityLists.cjs.js");require("../api/generated/events.cjs.js");require("../api/generated/files.cjs.js");require("../api/generated/folders.cjs.js");require("../api/generated/inbox.cjs.js");require("../api/generated/links.cjs.js");require("../api/generated/market.cjs.js");require("../api/generated/onboarding.cjs.js");require("../api/generated/operations.cjs.js");require("../api/generated/products.cjs.js");require("../api/generated/projectDashboard.cjs.js");require("../api/generated/projects.cjs.js");require("../api/generated/projectFolders.cjs.js");require("../api/generated/reviewables.cjs.js");require("../api/generated/services.cjs.js");require("../api/generated/system.cjs.js");require("../api/generated/tasks.cjs.js");require("../api/generated/teams.cjs.js");require("../api/generated/thumbnails.cjs.js");require("../api/generated/uRIs.cjs.js");require("../api/generated/users.cjs.js");require("../api/generated/versions.cjs.js");require("../api/generated/workfiles.cjs.js");require("../api/generated/ynputCloud.cjs.js");require("../api/generated/grouping.cjs.js");require("../api/generated/views.cjs.js");require("../api/queries/actions/getActions.cjs.js");require("../api/queries/activities/getActivities.cjs.js");require("../api/queries/activities/updateReaction.cjs.js");require("../api/queries/activities/getMentions.cjs.js");require("../api/queries/activities/getCategories.cjs.js");require("../api/queries/addons/getAddons.cjs.js");require("../api/queries/addons/updateAddons.cjs.js");require("../api/queries/attributes/getAttributes.cjs.js");require("../api/queries/attributes/updateAttributes.cjs.js");require("../api/queries/authentication/getAuthentication.cjs.js");require("../api/queries/bundles/getBundles.cjs.js");require("../api/queries/bundles/updateBundles.cjs.js");require("../api/queries/cloud/cloud.cjs.js");require("../api/queries/columnStats/metricTargets.cjs.js");require("../api/queries/columnStats/groupCounts.cjs.js");require("../api/queries/config/getConfig.cjs.js");require("../api/queries/config/updateConfig.cjs.js");require("../api/queries/entities/getEntity.cjs.js");require("../api/queries/entities/getEntityPanel.cjs.js");require("../api/queries/overview/getOverview.cjs.js");require("../api/queries/overview/updateOverview.cjs.js");require("../api/queries/versions/getVersionsProducts.cjs.js");require("../api/queries/links/getEntityLinks.cjs.js");require("../api/queries/entities/updateEntity.cjs.js");require("../api/queries/entityLists/getLists.cjs.js");require("../api/queries/entityLists/updateLists.cjs.js");require("../api/queries/entityLists/getListsAttributes.cjs.js");require("../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../api/queries/entityLists/updateListsAttributes.cjs.js");require("../api/queries/entityLists/listFolders.cjs.js");require("../api/queries/folders/getFolders.cjs.js");require("../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../api/queries/grouping/getGrouping.cjs.js");require("../api/queries/links/updateLinks.cjs.js");require("../api/queries/links/getLinks.cjs.js");require("../api/queries/permissions/getPermissions.cjs.js");require("../api/queries/products/createProduct.cjs.js");require("../api/queries/products/getFolderProducts.cjs.js");require("../api/queries/project/getProject.cjs.js");require("../api/queries/project/updateProject.cjs.js");require("../api/queries/projectFolders/projectFolders.cjs.js");require("../api/queries/review/getReview.cjs.js");require("../api/queries/review/updateReview.cjs.js");require("../api/queries/share/share.cjs.js");require("../api/queries/system/getSystem.cjs.js");require("../api/queries/tasks/getTasks.cjs.js");require("../api/queries/tasks/updateTasks.cjs.js");require("../api/queries/teams/getTeams.cjs.js");require("../api/queries/userDashboard/getUserDashboard.cjs.js");require("../api/queries/users/getUsers.cjs.js");require("../api/queries/users/updateUsers.cjs.js");require("../api/queries/users/guests.cjs.js");require("../api/queries/versions/updateVersions.cjs.js");require("../api/queries/views/getViews.cjs.js");require("../api/queries/views/updateViews.cjs.js");require("../api/queries/watchers/getWatchers.cjs.js");require("../api/queries/uris/getUris.cjs.js");const f=require("../util/isHTMLElement.cjs.js");require("../util/pubsub.cjs.js");const w=["w","s","ArrowUp","ArrowDown"];function g({reviewables:r,selected:q,onChange:t,onNavigate:n,enabled:o=!0}){c.useEffect(()=>{if(!o||r.length<=1)return;const d=e=>{const i=e.key.length===1?e.key.toLowerCase():e.key;if(!w.includes(i)||f(e.target)&&(e.target.tagName==="INPUT"||e.target.tagName==="TEXTAREA"||e.target.isContentEditable))return;(i==="ArrowUp"||i==="ArrowDown")&&e.preventDefault();const s=r.findIndex(({fileId:a})=>q.includes(a))+(i==="w"||i==="ArrowUp"?-1:1),u=r[s<0?r.length-1:s%r.length];u&&(t?.(u.fileId),n?.(u))};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[o,r,q,t,n])}exports.useReviewablesKeyboardNavigation=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");require("lodash");require("react-toastify");require("uuid");require("../api/queries/users/updateUsers.cjs.js");const w=require("../util/isHTMLElement.cjs.js");require("../util/pubsub.cjs.js");const g=["w","s","ArrowUp","ArrowDown"];function l({reviewables:t,selected:o,onChange:i,onNavigate:u,enabled:d=!0}){f.useEffect(()=>{if(!d||t.length<=1)return;const s=e=>{const r=e.key.length===1?e.key.toLowerCase():e.key;if(!g.includes(r)||w(e.target)&&(e.target.tagName==="INPUT"||e.target.tagName==="TEXTAREA"||e.target.isContentEditable))return;(r==="ArrowUp"||r==="ArrowDown")&&e.preventDefault();const a=t.findIndex(({fileId:c})=>o.includes(c))+(r==="w"||r==="ArrowUp"?-1:1),n=t[a<0?t.length-1:a%t.length];n&&(i?.(n.fileId),u?.(n))};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[d,t,o,i,u])}exports.useReviewablesKeyboardNavigation=l;
 //# sourceMappingURL=useReviewablesKeyboardNavigation.cjs.js.map

package/dist/shared/src/hooks/useReviewablesKeyboardNavigation.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useReviewablesKeyboardNavigation.cjs.js","sources":["../../../../src/hooks/useReviewablesKeyboardNavigation.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { isHTMLElement } from '@shared/util'\n\ntype ReviewableLike = {\n fileId: string\n label?: string \| null\n}\n\ntype Options<T extends ReviewableLike> = {\n reviewables: T[]\n selected: string[]\n onChange?: (fileId: string) => void\n onNavigate?: (item: T) => void\n enabled?: boolean\n}\n\nconst NAV_KEYS = ['w', 's', 'ArrowUp', 'ArrowDown']\n\nexport function useReviewablesKeyboardNavigation<T extends ReviewableLike>({\n reviewables,\n selected,\n onChange,\n onNavigate,\n enabled = true,\n}: Options<T>) {\n useEffect(() => {\n if (!enabled \|\| reviewables.length <= 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n const key = e.key.length === 1 ? e.key.toLowerCase() : e.key\n if (!NAV_KEYS.includes(key)) return\n\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n if (key === 'ArrowUp' \|\| key === 'ArrowDown') e.preventDefault()\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const delta = key === 'w' \|\| key === 'ArrowUp' ? -1 : 1\n const nextIndex = currentIndex + delta\n const next =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n if (!next) return\n\n onChange?.(next.fileId)\n onNavigate?.(next)\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [enabled, reviewables, selected, onChange, onNavigate])\n}\n"],"names":["NAV_KEYS","useReviewablesKeyboardNavigation","reviewables","selected","onChange","onNavigate","enabled","useEffect","handleKeyDown","key","isHTMLElement","nextIndex","fileId","next"],"mappings":"~~0gKAgBA~~,MAAMA,EAAW,CAAC,IAAK,IAAK,UAAW,WAAW,EAE3C,SAASC,EAA2D,CACzE,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,EACZ,EAAe,CACbC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACD,GAAWJ,EAAY,QAAU,EAAG,OAEzC,MAAMM,EAAiB,GAAqB,CAC1C,MAAMC,EAAM,EAAE,IAAI,SAAW,EAAI,EAAE,IAAI,cAAgB,EAAE,IAGzD,GAFI,CAACT,EAAS,SAASS,CAAG,GAEtBC,EAAc,EAAE,MAAM,IACpB,EAAE,OAAO,UAAY,SAAW,EAAE,OAAO,UAAY,YACrD,EAAE,OAAO,mBAAmB,QAG9BD,IAAQ,WAAaA,IAAQ,gBAAe,eAAA,EAIhD,MAAME,EAFeT,EAAY,UAAU,CAAC,CAAE,OAAAU,KAAaT,EAAS,SAASS,CAAM,CAAC,GACtEH,IAAQ,KAAOA,IAAQ,UAAY,GAAK,GAEhDI,EACJX,EAAYS,EAAY,EAAIT,EAAY,OAAS,EAAIS,EAAYT,EAAY,MAAM,EAChFW,IAELT,IAAWS,EAAK,MAAM,EACtBR,IAAaQ,CAAI,EACnB,EAEA,cAAO,iBAAiB,UAAWL,CAAa,EACzC,IAAM,OAAO,oBAAoB,UAAWA,CAAa,CAClE,EAAG,CAACF,EAASJ,EAAaC,EAAUC,EAAUC,CAAU,CAAC,CAC3D"}
1	+ {"version":3,"file":"useReviewablesKeyboardNavigation.cjs.js","sources":["../../../../src/hooks/useReviewablesKeyboardNavigation.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { isHTMLElement } from '@shared/util'\n\ntype ReviewableLike = {\n fileId: string\n label?: string \| null\n}\n\ntype Options<T extends ReviewableLike> = {\n reviewables: T[]\n selected: string[]\n onChange?: (fileId: string) => void\n onNavigate?: (item: T) => void\n enabled?: boolean\n}\n\nconst NAV_KEYS = ['w', 's', 'ArrowUp', 'ArrowDown']\n\nexport function useReviewablesKeyboardNavigation<T extends ReviewableLike>({\n reviewables,\n selected,\n onChange,\n onNavigate,\n enabled = true,\n}: Options<T>) {\n useEffect(() => {\n if (!enabled \|\| reviewables.length <= 1) return\n\n const handleKeyDown = (e: KeyboardEvent) => {\n const key = e.key.length === 1 ? e.key.toLowerCase() : e.key\n if (!NAV_KEYS.includes(key)) return\n\n if (isHTMLElement(e.target)) {\n if (e.target.tagName === 'INPUT' \|\| e.target.tagName === 'TEXTAREA') return\n if (e.target.isContentEditable) return\n }\n\n if (key === 'ArrowUp' \|\| key === 'ArrowDown') e.preventDefault()\n\n const currentIndex = reviewables.findIndex(({ fileId }) => selected.includes(fileId))\n const delta = key === 'w' \|\| key === 'ArrowUp' ? -1 : 1\n const nextIndex = currentIndex + delta\n const next =\n reviewables[nextIndex < 0 ? reviewables.length - 1 : nextIndex % reviewables.length]\n if (!next) return\n\n onChange?.(next.fileId)\n onNavigate?.(next)\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [enabled, reviewables, selected, onChange, onNavigate])\n}\n"],"names":["NAV_KEYS","useReviewablesKeyboardNavigation","reviewables","selected","onChange","onNavigate","enabled","useEffect","handleKeyDown","key","isHTMLElement","nextIndex","fileId","next"],"mappings":"ySAgBA,MAAMA,EAAW,CAAC,IAAK,IAAK,UAAW,WAAW,EAE3C,SAASC,EAA2D,CACzE,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,EACZ,EAAe,CACbC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACD,GAAWJ,EAAY,QAAU,EAAG,OAEzC,MAAMM,EAAiB,GAAqB,CAC1C,MAAMC,EAAM,EAAE,IAAI,SAAW,EAAI,EAAE,IAAI,cAAgB,EAAE,IAGzD,GAFI,CAACT,EAAS,SAASS,CAAG,GAEtBC,EAAc,EAAE,MAAM,IACpB,EAAE,OAAO,UAAY,SAAW,EAAE,OAAO,UAAY,YACrD,EAAE,OAAO,mBAAmB,QAG9BD,IAAQ,WAAaA,IAAQ,gBAAe,eAAA,EAIhD,MAAME,EAFeT,EAAY,UAAU,CAAC,CAAE,OAAAU,KAAaT,EAAS,SAASS,CAAM,CAAC,GACtEH,IAAQ,KAAOA,IAAQ,UAAY,GAAK,GAEhDI,EACJX,EAAYS,EAAY,EAAIT,EAAY,OAAS,EAAIS,EAAYT,EAAY,MAAM,EAChFW,IAELT,IAAWS,EAAK,MAAM,EACtBR,IAAaQ,CAAI,EACnB,EAEA,cAAO,iBAAiB,UAAWL,CAAa,EACzC,IAAM,OAAO,oBAAoB,UAAWA,CAAa,CAClE,EAAG,CAACF,EAASJ,EAAaC,EAAUC,EAAUC,CAAU,CAAC,CAC3D"}