@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

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

@@ -0,0 +1,357 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState } from "react";
+import { entityHierarchies } from "./util/entityHierarchies.es.js";
+import { upperFirst } from "lodash";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import EntityTypeTable 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 } from "../SimpleTable/context/SimpleTableContext.es.js";
+import "../SimpleTable/SimpleTableRowTemplate.es.js";
+import { Dialog, Button } from "@ynput/ayon-react-components";
+import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.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/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/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/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.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/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.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/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                 */
+import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.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/PowerpackContext.es.js";
+import "../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../components/Thumbnail/StackedThumbnails.es.js";
+import "../Feed/context/FeedContext.es.js";
+import "../Feed/components/Tooltips/UserTooltip/UserTooltip.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 "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+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/CommentInput/quillToMarkdown.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/ActivityStatusChange/ActivityStatusChange.styled.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 "date-fns";
+import "../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../ProjectTreeTable/widgets/TextWidget.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 "../../components/LinksManager/LinksManagerDialog.es.js";
+import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../ProjectTreeTable/components/SelectionCell.es.js";
+import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../DetailsPanel/DetailsPanel.styled.es.js";
+import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../components/PlayableIcon/PlayableIcon.es.js";
+import "../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../Actions/Actions.styled.es.js";
+import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../Actions/ActionIcon.es.js";
+import "../Views/context/ViewsContext.es.js";
+import "../Views/Views.styled.es.js";
+import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../components/EntityPath/EntityPath.styled.es.js";
+import "../../components/EntityPath/SegmentProvider.es.js";
+import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../components/Watchers/Watchers.es.js";
+import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../components/Powerpack/PowerpackButton.es.js";
+import "../../components/Powerpack/PricingLink.es.js";
+import "../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../components/Powerpack/CTAButton.es.js";
+import "../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../components/SearchFilter/filterDates.es.js";
+import "../../components/Badge/Badge.es.js";
+import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../components/Feedback/FeedbackContext.es.js";
+import "../../components/Feedback/SupportBubble.es.js";
+import "../../components/Chips/Chips.es.js";
+import "../../components/LinksManager/LinksManager.styled.es.js";
+import styled from "styled-components";
+import { useGetEntityPickerData } from "./hooks/useGetEntityPickerData.es.js";
+import useExpandedWithInitialFolders from "./hooks/useExpandedWithInitialFolders.es.js";
+const COL_MAX_WIDTH = 600;
+const TablesContainer = styled.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+  gap: var(--base-gap-large);
+  height: 100%;
+  overflow: hidden;
+  flex: 1;
+
+  table {
+    height: 100%;
+
+    td:has(.path) {
+      .value {
+        font-weight: bold;
+      }
+    }
+  }
+`;
+const EntityPickerDialog = ({
+  projectName,
+  entityType,
+  initialSelection,
+  isMultiSelect,
+  onSubmit,
+  ...props
+}) => {
+  var _a;
+  const initSelectionState = {
+    folder: (initialSelection == null ? void 0 : initialSelection.folder) || {},
+    task: (initialSelection == null ? void 0 : initialSelection.task) || {},
+    product: (initialSelection == null ? void 0 : initialSelection.product) || {},
+    version: (initialSelection == null ? void 0 : initialSelection.version) || {},
+    representation: (initialSelection == null ? void 0 : initialSelection.representation) || {},
+    workfile: (initialSelection == null ? void 0 : initialSelection.workfile) || {}
+  };
+  const [rowSelection, setRowSelection] = useState(initSelectionState);
+  const setEntityRowSelection = (selection, entityType2) => {
+    setRowSelection((prev) => ({
+      ...prev,
+      [entityType2]: selection
+    }));
+  };
+  const [search, setSearch] = useState({
+    folder: void 0,
+    task: void 0,
+    product: void 0,
+    version: void 0,
+    representation: void 0,
+    workfile: void 0
+  });
+  const setEntitySearch = (searchValue, entityType2) => {
+    setSearch((prev) => ({
+      ...prev,
+      [entityType2]: searchValue
+    }));
+  };
+  const entitySelection = Object.fromEntries(
+    Object.entries(rowSelection).map(([type, selection]) => [
+      type,
+      Object.keys(selection).filter((id) => selection[id])
+    ])
+  );
+  const entityData = useGetEntityPickerData({
+    entityType,
+    projectName,
+    search,
+    selection: entitySelection
+  });
+  const handleFetchNextPage = (entityType2) => {
+    var _a2;
+    const entityDataForType = entityData[entityType2];
+    if ((entityDataForType == null ? void 0 : entityDataForType.hasNextPage) && !entityDataForType.isFetchingNextPage) {
+      (_a2 = entityDataForType.fetchNextPage) == null ? void 0 : _a2.call(entityDataForType);
+    }
+  };
+  const [expanded, setExpanded] = useExpandedWithInitialFolders({
+    foldersSelection: initSelectionState.folder,
+    foldersData: entityData.folder
+  });
+  const entityHierarchy = entityHierarchies[entityType];
+  const handleSubmit = () => {
+    var _a2;
+    if (!((_a2 = entitySelection[entityType]) == null ? void 0 : _a2.length)) {
+      return;
+    }
+    const selection = isMultiSelect ? entitySelection[entityType] : entitySelection[entityType].slice(0, 1);
+    onSubmit(selection);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Dialog,
+    {
+      ...props,
+      className: "entity-picker-dialog",
+      header: `Select ${upperFirst(entityType)}`,
+      isOpen: true,
+      size: "full",
+      style: { height: "80vh", maxWidth: entityHierarchy.length * COL_MAX_WIDTH },
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          label: `Select ${entityType}${isMultiSelect ? "s" : ""}`,
+          variant: "filled",
+          disabled: !((_a = entitySelection[entityType]) == null ? void 0 : _a.length),
+          onClick: handleSubmit
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TablesContainer, { children: entityHierarchy.map((tableEntityType) => {
+        var _a2;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          SimpleTableProvider,
+          {
+            rowSelection: rowSelection[tableEntityType] || {},
+            onRowSelectionChange: (s) => setEntityRowSelection(s, tableEntityType),
+            expanded: tableEntityType === "folder" ? expanded : void 0,
+            setExpanded: tableEntityType === "folder" ? setExpanded : void 0,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              EntityTypeTable,
+              {
+                entityType: tableEntityType,
+                search: search[tableEntityType],
+                tableData: ((_a2 = entityData[tableEntityType]) == null ? void 0 : _a2.table) || [],
+                isFolderHierarchy: tableEntityType === "folder" && !search.folder,
+                onSearch: (v) => setEntitySearch(v, tableEntityType),
+                isMultiSelect: tableEntityType === entityType ? !!isMultiSelect : true,
+                onRowSubmit: (id) => tableEntityType === entityType ? onSubmit([id]) : void 0,
+                onScrollBottom: () => handleFetchNextPage(tableEntityType)
+              },
+              tableEntityType
+            )
+          },
+          tableEntityType
+        );
+      }) })
+    }
+  );
+};
+export {
+  EntityPickerDialog
+};
+//# sourceMappingURL=EntityPickerDialog.es.js.map

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

@@ -0,0 +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 { ExpandedState, 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'\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}\n\nexport const EntityPickerDialog: FC<EntityPickerDialogProps> = ({\n  projectName,\n  entityType,\n  initialSelection,\n  isMultiSelect,\n  onSubmit,\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  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  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\"\n      header={`Select ${upperFirst(entityType)}`}\n      isOpen\n      size=\"full\"\n      style={{ height: '80vh', maxWidth: entityHierarchy.length * COL_MAX_WIDTH }}\n      footer={\n        <Button\n          label={`Select ${entityType}${isMultiSelect ? 's' : ''}`}\n          variant=\"filled\"\n          disabled={!entitySelection[entityType]?.length}\n          onClick={handleSubmit}\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={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":["entityType","_a","jsx"],"mappings":"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"}

package/dist/shared/src/containers/EntityPickerDialog/components/EntityTypeTable.cjs.js

@@ -0,0 +1,262 @@
+"use strict";
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const SimpleTable = require("../../SimpleTable/SimpleTable.cjs.js");
+require("../../SimpleTable/context/SimpleTableContext.cjs.js");
+const SimpleTable_styled = require("../../SimpleTable/SimpleTable.styled.cjs.js");
+require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");
+const EntityTypeTableHeader = require("./EntityTypeTableHeader.cjs.js");
+const lodash = require("lodash");
+require("@ynput/ayon-react-components");
+require("clsx");
+require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");
+const EmptyPlaceholder = require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
+require("react-toastify");
+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/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/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/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.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/cloud/cloud.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.cjs.js");
+require("../../../api/queries/folders/getFolders.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/links/getEntityLinks.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.cjs.js");
+require("../../../api/queries/users/getUsers.cjs.js");
+require("../../../api/queries/users/updateUsers.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("react");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
+require("../../ContextMenu/ContextMenuContext.cjs.js");
+;/* empty css                                      */
+require("uuid");
+require("../../../util/pubsub.cjs.js");
+require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+require("../../../context/PowerpackContext.cjs.js");
+require("../../../components/ReviewableCard/ReviewableCard.cjs.js");
+require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../../../components/FileThumbnail/FileThumbnail.cjs.js");
+require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");
+require("../../../components/Thumbnail/StackedThumbnails.cjs.js");
+require("../../Feed/context/FeedContext.cjs.js");
+require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
+require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../Feed/components/ActivityDate.cjs.js");
+require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("@tanstack/react-table");
+require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
+require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../../../components/LinksManager/LinksManagerDialog.cjs.js");
+require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
+require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
+require("../../ProjectTreeTable/components/SelectionCell.cjs.js");
+require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../../components/PlayableIcon/PlayableIcon.cjs.js");
+require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../Actions/Actions.styled.cjs.js");
+require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../Actions/ActionIcon.cjs.js");
+require("../../Views/context/ViewsContext.cjs.js");
+require("../../Views/Views.styled.cjs.js");
+require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../Views/ViewsMenu/ViewsMenu.cjs.js");
+require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
+require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../../../components/EntityPath/EntityPath.styled.cjs.js");
+require("../../../components/EntityPath/SegmentProvider.cjs.js");
+require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../../../components/Watchers/Watchers.cjs.js");
+require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../../../components/Powerpack/PowerpackButton.cjs.js");
+require("../../../components/Powerpack/PricingLink.cjs.js");
+require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../../components/Powerpack/CTAButton.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanel.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");
+require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");
+require("../../../components/SearchFilter/filterDates.cjs.js");
+require("../../../components/Badge/Badge.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
+require("../../../components/Feedback/FeedbackContext.cjs.js");
+require("../../../components/Feedback/SupportBubble.cjs.js");
+require("../../../components/Chips/Chips.cjs.js");
+require("../../../components/LinksManager/LinksManager.styled.cjs.js");
+require("../EntityPickerDialog.cjs.js");
+const EntityTypeTable = ({
+  entityType,
+  tableData,
+  isLoading = false,
+  error,
+  search,
+  onSearch,
+  isFolderHierarchy,
+  isMultiSelect,
+  onRowSubmit,
+  onScrollBottom
+}) => {
+  const handleDoubleClick = (e) => {
+    e.preventDefault();
+    const id = e.currentTarget.id;
+    if (id) {
+      onRowSubmit == null ? void 0 : onRowSubmit(id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(SimpleTable_styled.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      EntityTypeTableHeader,
+      {
+        search,
+        onSearch,
+        title: lodash.upperFirst(entityType) + "s"
+      }
+    ),
+    !isLoading && !(tableData == null ? void 0 : tableData.length) && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptyPlaceholder.EmptyPlaceholder, { message: `No ${entityType}s found.`, error }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      SimpleTable,
+      {
+        data: tableData,
+        isLoading,
+        isExpandable: isFolderHierarchy,
+        rowHeight: 34,
+        isMultiSelect,
+        onScrollBottom,
+        pt: {
+          row: {
+            onDoubleClick: handleDoubleClick
+          }
+        }
+      }
+    )
+  ] });
+};
+module.exports = EntityTypeTable;
+//# sourceMappingURL=EntityTypeTable.cjs.js.map