@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.es.js

@@ -1,310 +1,14 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
 import { useState as k } from "react";
 import { entityHierarchies as X } from "./util/entityHierarchies.es.js";
 import { upperFirst as q } from "lodash";
 import "react-toastify";
 import "uuid";
-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 "../../util/pubsub.es.js";
 import J from "./components/EntityTypeTable.es.js";
-import "../SimpleTable/SimpleTable.styled.es.js";
-import "@tanstack/react-table";
-import "@tanstack/react-virtual";
-import "clsx";
-import "@tanstack/match-sorter-utils";
 import { SimpleTableProvider as K } from "../SimpleTable/context/SimpleTableContext.es.js";
-import "../SimpleTable/SimpleTableRowTemplate.es.js";
-import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import { Dialog as L, Button as j } from "@ynput/ayon-react-components";
-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 "react-dom";
-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 "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.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 "../../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 "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                 */
-import "../Feed/context/FeedContext.es.js";
-import "../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../Feed/components/CommentInput/CommentInput.es.js";
-import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
-import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../Feed/components/ActivityDate.es.js";
-import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../Feed/Feed.styled.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../Feed/components/FeedSearchFilter.es.js";
-import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../components/LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
-import "../../components/SearchFilter/filterDates.es.js";
-import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../NewEntity/components/NewEntity.es.js";
-import "../Slicer/components/Slicer.es.js";
-import "../Slicer/context/SlicerContextInstance.es.js";
-import "../Slicer/components/SlicerDropdownFallback.es.js";
-import "../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../NewEntity/context/NewEntityContextInstance.es.js";
-import "../NewEntity/components/NewEntityForm.es.js";
-import "../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../ProjectTreeTable/components/SelectionCell.es.js";
-import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../DetailsPanel/DetailsPanel.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../components/PlayableIcon/PlayableIcon.es.js";
-import "../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../Actions/Actions.styled.es.js";
-import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../Actions/ActionIcon.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../ListTable/ListTableRow.es.js";
-import "../ListTable/ListTable.styled.es.js";
-import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.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/InfoMessage/InfoMessage.es.js";
-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/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/SizeSlider/SizeSlider.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 Q from "styled-components";
 import { useGetEntityPickerData as U } from "./hooks/useGetEntityPickerData.es.js";
 import Y from "./hooks/useExpandedWithInitialFolders.es.js";
@@ -326,15 +30,15 @@ const E = 600, T = Q.div`
       }
     }
   }
-`, zp = ({
+`, ue = ({
   projectName: D,
-  entityType: t,
-  initialSelection: p,
-  isMultiSelect: a,
-  onSubmit: u,
+  entityType: r,
+  initialSelection: i,
+  isMultiSelect: c,
+  onSubmit: v,
   showMoveToRoot: P,
-  onMoveToRoot: v,
-  disabledIds: g = [],
+  onMoveToRoot: g,
+  disabledIds: p = [],
   disabledMessage: C = "Cannot select this item",
   getDisabledMessage: F,
   reviewableRequired: N,
@@ -342,117 +46,117 @@ const E = 600, T = Q.div`
   ...O
 }) => {
   const w = {
-    folder: p?.folder || {},
-    task: p?.task || {},
-    product: p?.product || {},
-    version: p?.version || {},
-    representation: p?.representation || {},
-    workfile: p?.workfile || {}
-  }, [n, H] = k(w), b = (o, r) => {
-    H((m) => ({
-      ...m,
-      [r]: o
+    folder: i?.folder || {},
+    task: i?.task || {},
+    product: i?.product || {},
+    version: i?.version || {},
+    representation: i?.representation || {},
+    workfile: i?.workfile || {}
+  }, [l, H] = k(w), b = (e, o) => {
+    H((t) => ({
+      ...t,
+      [o]: e
     }));
-  }, [c, W] = k({
+  }, [d, W] = k({
     folder: void 0,
     task: void 0,
     product: void 0,
     version: void 0,
     representation: void 0,
     workfile: void 0
-  }), B = (o, r) => {
-    W((m) => ({
-      ...m,
-      [r]: o
+  }), B = (e, o) => {
+    W((t) => ({
+      ...t,
+      [o]: e
     }));
-  }, e = Object.fromEntries(
-    Object.entries(n).map(([o, r]) => [
-      o,
-      Object.keys(r).filter((m) => r[m])
+  }, a = Object.fromEntries(
+    Object.entries(l).map(([e, o]) => [
+      e,
+      Object.keys(o).filter((t) => o[t])
     ])
-  ), s = U({
-    entityType: t,
+  ), n = U({
+    entityType: r,
     projectName: D,
-    search: c,
-    selection: e
-  }), l = N && t === "version" ? s.version.data.filter((o) => "hasReviewables" in o && o.hasReviewables === !1).map((o) => o.id) : [], d = l.length > 0 ? Array.from(/* @__PURE__ */ new Set([...g, ...l])) : g, M = (o) => l.includes(o) ? "Version has no reviewables" : F?.(o), $ = (o) => {
-    const r = s[o];
-    r?.hasNextPage && !r.isFetchingNextPage && r.fetchNextPage?.();
+    search: d,
+    selection: a
+  }), f = N && r === "version" ? n.version.data.filter((e) => "hasReviewables" in e && e.hasReviewables === !1).map((e) => e.id) : [], h = f.length > 0 ? Array.from(/* @__PURE__ */ new Set([...p, ...f])) : p, M = (e) => f.includes(e) ? "Version has no reviewables" : F?.(e), $ = (e) => {
+    const o = n[e];
+    o?.hasNextPage && !o.isFetchingNextPage && o.fetchNextPage?.();
   }, [A, G] = Y({
     foldersSelection: w.folder,
-    foldersData: s.folder
-  }), f = X[t];
+    foldersData: n.folder
+  }), m = X[r];
   Z({
-    entityHierarchy: f,
-    entityData: s,
-    rowSelection: n,
+    entityHierarchy: m,
+    entityData: n,
+    rowSelection: l,
     setEntityRowSelection: b
   });
-  const R = (o, r, m) => {
-    const h = m || r.includes(o.id), _ = h ? M(o.id) || C : void 0, S = {
-      ...o,
-      isDisabled: h,
+  const R = (e, o, t) => {
+    const u = t || o.includes(e.id), _ = u ? M(e.id) || C : void 0, S = {
+      ...e,
+      isDisabled: u,
       disabledMessage: _
     };
-    return o.subRows && o.subRows.length > 0 && (S.subRows = o.subRows.map(
-      (z) => R(z, r, h)
+    return e.subRows && e.subRows.length > 0 && (S.subRows = e.subRows.map(
+      (z) => R(z, o, u)
     )), S;
-  }, I = (o) => !d || d.length === 0 ? o : o.map((r) => R(r, d, !1)), V = () => {
-    if (!e[t]?.length)
+  }, I = (e) => !h || h.length === 0 ? e : e.map((o) => R(o, h, !1)), V = () => {
+    if (!a[r]?.length)
       return;
-    const o = a ? e[t] : e[t].slice(0, 1);
-    u(o);
+    const e = c ? a[r] : a[r].slice(0, 1);
+    v(e);
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ s.jsx(
     L,
     {
       ...O,
       className: "entity-picker-dialog block-shortcuts",
-      header: `Select ${q(t)}`,
+      header: `Select ${q(r)}`,
       isOpen: !0,
       size: "full",
-      style: { height: "80vh", maxWidth: f.length * E },
-      footer: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-        P && v && /* @__PURE__ */ i.jsx(j, { label: "Move to root", variant: "text", onClick: v }),
-        /* @__PURE__ */ i.jsx(
+      style: { height: "80vh", maxWidth: m.length * E },
+      footer: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        P && g && /* @__PURE__ */ s.jsx(j, { label: "Move to root", variant: "text", onClick: g }),
+        /* @__PURE__ */ s.jsx(
           j,
           {
-            label: `Select ${t}${a ? "s" : ""}`,
+            label: `Select ${r}${c ? "s" : ""}`,
             variant: "filled",
-            disabled: !e[t]?.length || x,
+            disabled: !a[r]?.length || x,
             loading: x,
             onClick: V
           }
         )
       ] }),
-      children: /* @__PURE__ */ i.jsx(T, { children: f.map((o) => /* @__PURE__ */ i.jsx(
+      children: /* @__PURE__ */ s.jsx(T, { children: m.map((e) => /* @__PURE__ */ s.jsx(
         K,
         {
-          rowSelection: n[o] || {},
-          onRowSelectionChange: (r) => b(r, o),
-          expanded: o === "folder" ? A : void 0,
-          setExpanded: o === "folder" ? G : void 0,
-          children: /* @__PURE__ */ i.jsx(
+          rowSelection: l[e] || {},
+          onRowSelectionChange: (o) => b(o, e),
+          expanded: e === "folder" ? A : void 0,
+          setExpanded: e === "folder" ? G : void 0,
+          children: /* @__PURE__ */ s.jsx(
             J,
             {
-              entityType: o,
-              search: c[o],
-              tableData: I(s[o]?.table || []),
-              isFolderHierarchy: o === "folder" && !c.folder,
-              onSearch: (r) => B(r, o),
-              isMultiSelect: o === t ? !!a : !0,
-              onRowSubmit: (r) => o === t ? u([r]) : void 0,
-              onScrollBottom: () => $(o)
+              entityType: e,
+              search: d[e],
+              tableData: I(n[e]?.table || []),
+              isFolderHierarchy: e === "folder" && !d.folder,
+              onSearch: (o) => B(o, e),
+              isMultiSelect: e === r ? !!c : !0,
+              onRowSubmit: (o) => e === r ? v([o]) : void 0,
+              onScrollBottom: () => $(e)
             },
-            o
+            e
           )
         },
-        o
+        e
       )) })
     }
   );
 };
 export {
-  zp as EntityPickerDialog
+  ue as EntityPickerDialog
 };
 //# sourceMappingURL=EntityPickerDialog.es.js.map

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerDialog.es.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { Button, Dialog, DialogProps } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","entityHierarchy","entityHierarchies","usePreserveChildSelectionByName","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsx","Dialog","upperFirst","jsxs","Fragment","Button","tableEntityType","SimpleTableProvider","s","EntityTypeTable"],"mappings":"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"}
+{"version":3,"file":"EntityPickerDialog.es.js","sources":["../../../../../src/containers/EntityPickerDialog/EntityPickerDialog.tsx"],"sourcesContent":["// This components lets you pick a specific entity from the tree table.\n// Each entity type has it's own table\n\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { FC, useState } from 'react'\nimport { entityHierarchies } from './util'\nimport EntityTypeTable from './components/EntityTypeTable'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable/context/SimpleTableContext'\nimport { Button, Dialog, DialogProps } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { useGetEntityPickerData } from './hooks/useGetEntityPickerData'\nimport { upperFirst } from 'lodash'\nimport useExpandedWithInitialFolders from './hooks/useExpandedWithInitialFolders'\nimport { usePreserveChildSelectionByName } from './hooks/usePreserveChildSelectionByName'\n\nconst COL_MAX_WIDTH = 600\n\nconst TablesContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n  gap: var(--base-gap-large);\n  height: 100%;\n  overflow: hidden;\n  flex: 1;\n\n  table {\n    height: 100%;\n\n    td:has(.path) {\n      .value {\n        font-weight: bold;\n      }\n    }\n  }\n`\n\nexport type PickerEntityType =\n  | 'folder'\n  | 'task'\n  | 'product'\n  | 'version'\n  | 'representation'\n  | 'workfile'\nexport type PickerSelection = Record<PickerEntityType, RowSelectionState>\nexport type PickerSearch = Record<PickerEntityType, string | undefined>\n\ninterface EntityPickerDialogProps extends Pick<DialogProps, 'onClose'> {\n  projectName: string // The name of the project\n  entityType: PickerEntityType // The type of entity to pick\n  initialSelection?: Partial<PickerSelection> // Initial selection of entities\n  isMultiSelect?: boolean // Whether to allow multiple selection\n  onSubmit: (selection: string[]) => void // Callback when the user selects an entity/entities\n  showMoveToRoot?: boolean // Whether to show \"Move to root\" button\n  onMoveToRoot?: () => void // Callback when user clicks \"Move to root\"\n  disabledIds?: string[] // IDs to display as disabled/unselectable\n  disabledMessage?: string // Default tooltip message for disabled items\n  getDisabledMessage?: (id: string) => string | undefined // Custom message per disabled item\n  reviewableRequired?: boolean // When entityType is 'version', disable versions without reviewables\n  isLoading?: boolean // Whether the submit action is loading\n}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\n  showMoveToRoot,\n  onMoveToRoot,\n  disabledIds = [],\n  disabledMessage = 'Cannot select this item',\n  getDisabledMessage,\n  reviewableRequired,\n  isLoading,\n  ...props\n}) => {\n  const initSelectionState: PickerSelection = {\n    folder: initialSelection?.folder || {},\n    task: initialSelection?.task || {},\n    product: initialSelection?.product || {},\n    version: initialSelection?.version || {},\n    representation: initialSelection?.representation || {},\n    workfile: initialSelection?.workfile || {},\n  }\n\n  const [rowSelection, setRowSelection] = useState<PickerSelection>(initSelectionState)\n\n  // helper function to set the row selection for each entity type\n  const setEntityRowSelection = (selection: RowSelectionState, entityType: PickerEntityType) => {\n    setRowSelection((prev) => ({\n      ...prev,\n      [entityType]: selection,\n    }))\n  }\n\n  const [search, setSearch] = useState<PickerSearch>({\n    folder: undefined,\n    task: undefined,\n    product: undefined,\n    version: undefined,\n    representation: undefined,\n    workfile: undefined,\n  })\n\n  // helper function to set the search for each entity type\n  const setEntitySearch = (searchValue: string | undefined, entityType: PickerEntityType) => {\n    setSearch((prev) => ({\n      ...prev,\n      [entityType]: searchValue,\n    }))\n  }\n\n  // convert row selection into a list of ids for each entity type to make it easier to work with\n  const entitySelection = Object.fromEntries(\n    Object.entries(rowSelection).map(([type, selection]) => [\n      type,\n      Object.keys(selection).filter((id) => selection[id]),\n    ]),\n  ) as Record<PickerEntityType, string[]>\n\n  const entityData = useGetEntityPickerData({\n    entityType,\n    projectName,\n    search,\n    selection: entitySelection,\n  })\n\n  // When reviewableRequired is set and we're picking versions, disable any\n  // version returned by the query that does not have reviewables.\n  const nonReviewableVersionIds =\n    reviewableRequired && entityType === 'version'\n      ? entityData.version.data\n          .filter((v) => 'hasReviewables' in v && v.hasReviewables === false)\n          .map((v) => v.id)\n      : []\n\n  const effectiveDisabledIds =\n    nonReviewableVersionIds.length > 0\n      ? Array.from(new Set([...disabledIds, ...nonReviewableVersionIds]))\n      : disabledIds\n\n  const effectiveGetDisabledMessage = (id: string): string | undefined => {\n    if (nonReviewableVersionIds.includes(id)) {\n      return 'Version has no reviewables'\n    }\n    return getDisabledMessage?.(id)\n  }\n\n  const handleFetchNextPage = (entityType: PickerEntityType) => {\n    const entityDataForType = entityData[entityType]\n    if (entityDataForType?.hasNextPage && !entityDataForType.isFetchingNextPage) {\n      entityDataForType.fetchNextPage?.()\n    }\n  }\n\n  const [expanded, setExpanded] = useExpandedWithInitialFolders({\n    foldersSelection: initSelectionState.folder,\n    foldersData: entityData.folder,\n  })\n\n  // Get the complete hierarchy for the target entity type!\n  const entityHierarchy = entityHierarchies[entityType]\n\n  usePreserveChildSelectionByName({\n    entityHierarchy,\n    entityData,\n    rowSelection,\n    setEntityRowSelection,\n  })\n\n  // Process table data to filter out excluded IDs and mark disabled rows\n  const recursivelyProcessRows = (\n    row: { id: string; subRows: any[] },\n    disabledIds: string[],\n    parentIsDisabled: boolean,\n  ) => {\n    // Determine if the current row should be disabled.\n\n    // A row is disabled if its parent is disabled OR its own ID is in the disabledIds list.\n    const isDisabled = parentIsDisabled || disabledIds.includes(row.id)\n    const disabledRowMessage = isDisabled\n      ? effectiveGetDisabledMessage(row.id) || disabledMessage\n      : undefined\n\n    // Create a new row object with the updated disabled state.\n    const newRow = {\n      ...row,\n      isDisabled,\n      disabledMessage: disabledRowMessage,\n    }\n\n    // If the row has subRows, recursively process each of them.\n    if (row.subRows && row.subRows.length > 0) {\n      newRow.subRows = row.subRows.map((subRow: any) =>\n        recursivelyProcessRows(subRow, disabledIds, isDisabled),\n      )\n    }\n\n    return newRow\n  }\n\n  const processTableDataWithDisabled = (tableData: any) => {\n    if (!effectiveDisabledIds || effectiveDisabledIds.length === 0) {\n      return tableData\n    }\n\n    // Iterate over the top-level rows and start the recursive processing.\n    return tableData.map((row: any) => recursivelyProcessRows(row, effectiveDisabledIds, false))\n  }\n\n  const handleSubmit = () => {\n    // check the target entity has a selection\n    if (!entitySelection[entityType]?.length) {\n      return\n    }\n    const selection = isMultiSelect\n      ? entitySelection[entityType]\n      : entitySelection[entityType].slice(0, 1)\n    // Call the onSubmit callback with the selected entity ids\n    onSubmit(selection)\n  }\n\n  //   based on the entity type, we need to create a new table for each parent\n  return (\n    <Dialog\n      {...props}\n      className=\"entity-picker-dialog block-shortcuts\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <>\n          {showMoveToRoot && onMoveToRoot && (\n            <Button label=\"Move to root\" variant=\"text\" onClick={onMoveToRoot} />\n          )}\n          <Button\n            label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n            variant=\"filled\"\n            disabled={!entitySelection[entityType]?.length || isLoading}\n            // @ts-ignore\n            loading={isLoading}\n            onClick={handleSubmit}\n          />\n        </>\n      }\n    >\n      <TablesContainer>\n        {entityHierarchy.map((tableEntityType) => (\n          <SimpleTableProvider\n            rowSelection={rowSelection[tableEntityType] || {}}\n            onRowSelectionChange={(s) => setEntityRowSelection(s, tableEntityType)}\n            // expanded state is only used for folders, so we only pass it when the entity type is folder\n            expanded={tableEntityType === 'folder' ? expanded : undefined}\n            setExpanded={tableEntityType === 'folder' ? setExpanded : undefined}\n            key={tableEntityType}\n          >\n            <EntityTypeTable\n              key={tableEntityType}\n              entityType={tableEntityType}\n              search={search[tableEntityType]}\n              tableData={processTableDataWithDisabled(entityData[tableEntityType]?.table || [])}\n              isFolderHierarchy={tableEntityType === 'folder' && !search.folder}\n              onSearch={(v) => setEntitySearch(v, tableEntityType)}\n              isMultiSelect={tableEntityType === entityType ? !!isMultiSelect : true}\n              onRowSubmit={(id) => (tableEntityType === entityType ? onSubmit([id]) : undefined)}\n              onScrollBottom={() => handleFetchNextPage(tableEntityType)}\n            />\n          </SimpleTableProvider>\n        ))}\n      </TablesContainer>\n    </Dialog>\n  )\n}\n"],"names":["COL_MAX_WIDTH","TablesContainer","styled","EntityPickerDialog","projectName","entityType","initialSelection","isMultiSelect","onSubmit","showMoveToRoot","onMoveToRoot","disabledIds","disabledMessage","getDisabledMessage","reviewableRequired","isLoading","props","initSelectionState","rowSelection","setRowSelection","useState","setEntityRowSelection","selection","prev","search","setSearch","setEntitySearch","searchValue","entitySelection","type","id","entityData","useGetEntityPickerData","nonReviewableVersionIds","v","effectiveDisabledIds","effectiveGetDisabledMessage","handleFetchNextPage","entityDataForType","expanded","setExpanded","useExpandedWithInitialFolders","entityHierarchy","entityHierarchies","usePreserveChildSelectionByName","recursivelyProcessRows","row","parentIsDisabled","isDisabled","disabledRowMessage","newRow","subRow","processTableDataWithDisabled","tableData","handleSubmit","jsx","Dialog","upperFirst","jsxs","Fragment","Button","tableEntityType","SimpleTableProvider","s","EntityTypeTable"],"mappings":"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"}