@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/components/LinksManager/utils/linkUpdates.cjs.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactToastify = require("react-toastify");
+const removeMultipleLinks = async (links, deleteLinkMutation) => {
+  if (!links.length) return;
+  try {
+    const deletePromises = links.map(
+      (link) => deleteLinkMutation({
+        linkId: link.id,
+        projectName: link.projectName,
+        // @ts-ignore - patch is purely used for patching the entities
+        patch: {
+          target: link.target,
+          source: link.source,
+          linkType: link.linkType,
+          direction: link.direction
+        }
+      })
+    );
+    const results = await Promise.all(deletePromises);
+    const errors = results.filter((result) => "error" in result);
+    if (errors.length > 0) {
+      throw errors.map((error) => error || "Unknown error").join(", ");
+    }
+  } catch (error) {
+    console.error("Error removing links:", error);
+    reactToastify.toast.error(`Failed to remove links: ${error}`);
+    throw error;
+  }
+};
+const addMultipleLinks = async (links, createLinkMutation) => {
+  if (!links.length) return;
+  try {
+    const addPromises = links.map(
+      (link) => createLinkMutation({
+        projectName: link.projectName,
+        createLinkRequestModel: {
+          input: link.direction === "out" ? link.sourceEntityId : link.targetEntityId,
+          output: link.direction === "in" ? link.sourceEntityId : link.targetEntityId,
+          linkType: link.linkType,
+          id: link.linkId
+        },
+        // @ts-ignore - patch is purely used for patching the entities
+        patch: {
+          direction: link.direction,
+          source: {
+            entityType: link.sourceEntityType,
+            entityId: link.sourceEntityId
+          },
+          target: {
+            entityId: link.targetEntityId,
+            entityType: link.targetEntityType
+          }
+        }
+      })
+    );
+    const results = await Promise.all(addPromises);
+    const errors = results.filter((result) => "error" in result);
+    if (errors.length > 0) {
+      throw errors.map((error) => error.error || "Unknown error").join(", ");
+    }
+  } catch (error) {
+    console.error("Error adding links:", error);
+    reactToastify.toast.error(`Failed to add links: ${error}`);
+    throw error;
+  }
+};
+exports.addMultipleLinks = addMultipleLinks;
+exports.removeMultipleLinks = removeMultipleLinks;
+//# sourceMappingURL=linkUpdates.cjs.js.map

package/dist/shared/src/components/LinksManager/utils/linkUpdates.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkUpdates.cjs.js","sources":["../../../../../../src/components/LinksManager/utils/linkUpdates.ts"],"sourcesContent":["import { toast } from 'react-toastify'\n\nexport type LinkToRemove = {\n  id: string\n  target: { entityId: string; entityType: string }\n  source: { entityId: string; entityType: string }\n  linkType: string\n  direction?: 'in' | 'out'\n  projectName: string\n}\n\nexport type LinkToAdd = {\n  targetEntityId: string\n  linkId: string\n  sourceEntityId: string\n  sourceEntityType: string\n  targetEntityType: string\n  linkType: string\n  direction?: 'in' | 'out'\n  projectName: string\n}\n\nexport type DeleteLinkMutation = (params: {\n  linkId: string\n  projectName: string\n  patch?: any\n}) => Promise<any>\n\nexport type CreateLinkMutation = (params: {\n  projectName: string\n  createLinkRequestModel: {\n    input: string\n    output: string\n    linkType: string\n    id: string\n  }\n  patch?: any\n}) => Promise<any>\n\n/**\n * Remove multiple links across multiple entities\n */\nexport const removeMultipleLinks = async (\n  links: LinkToRemove[],\n  deleteLinkMutation: DeleteLinkMutation,\n): Promise<void> => {\n  if (!links.length) return\n\n  try {\n    const deletePromises = links.map((link) =>\n      deleteLinkMutation({\n        linkId: link.id,\n        projectName: link.projectName,\n        // @ts-ignore - patch is purely used for patching the entities\n        patch: {\n          target: link.target,\n          source: link.source,\n          linkType: link.linkType,\n          direction: link.direction,\n        },\n      }),\n    )\n\n    const results = await Promise.all(deletePromises)\n    const errors = results.filter((result) => 'error' in result)\n    if (errors.length > 0) {\n      throw errors.map((error) => error || 'Unknown error').join(', ')\n    }\n  } catch (error: any) {\n    console.error('Error removing links:', error)\n    toast.error(`Failed to remove links: ${error}`)\n    throw error\n  }\n}\n\n/**\n * Add multiple links across multiple entities\n */\nexport const addMultipleLinks = async (\n  links: LinkToAdd[],\n  createLinkMutation: CreateLinkMutation,\n): Promise<void> => {\n  if (!links.length) return\n\n  try {\n    const addPromises = links.map((link) =>\n      createLinkMutation({\n        projectName: link.projectName,\n        createLinkRequestModel: {\n          input: link.direction === 'out' ? link.sourceEntityId : link.targetEntityId,\n          output: link.direction === 'in' ? link.sourceEntityId : link.targetEntityId,\n          linkType: link.linkType,\n          id: link.linkId,\n        },\n        // @ts-ignore - patch is purely used for patching the entities\n        patch: {\n          direction: link.direction,\n          source: {\n            entityType: link.sourceEntityType,\n            entityId: link.sourceEntityId,\n          },\n          target: {\n            entityId: link.targetEntityId,\n            entityType: link.targetEntityType,\n          },\n        },\n      }),\n    )\n\n    const results = await Promise.all(addPromises)\n    const errors = results.filter((result) => 'error' in result)\n    if (errors.length > 0) {\n      throw errors.map((error) => error.error || 'Unknown error').join(', ')\n    }\n  } catch (error: any) {\n    console.error('Error adding links:', error)\n    toast.error(`Failed to add links: ${error}`)\n    throw error\n  }\n}\n"],"names":["toast"],"mappings":";;;AA0Ca,MAAA,sBAAsB,OACjC,OACA,uBACkB;AACd,MAAA,CAAC,MAAM,OAAQ;AAEf,MAAA;AACF,UAAM,iBAAiB,MAAM;AAAA,MAAI,CAAC,SAChC,mBAAmB;AAAA,QACjB,QAAQ,KAAK;AAAA,QACb,aAAa,KAAK;AAAA;AAAA,QAElB,OAAO;AAAA,UACL,QAAQ,KAAK;AAAA,UACb,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf,WAAW,KAAK;AAAA,QAAA;AAAA,MAEnB,CAAA;AAAA,IACH;AAEA,UAAM,UAAU,MAAM,QAAQ,IAAI,cAAc;AAChD,UAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,WAAW,MAAM;AACvD,QAAA,OAAO,SAAS,GAAG;AACf,YAAA,OAAO,IAAI,CAAC,UAAU,SAAS,eAAe,EAAE,KAAK,IAAI;AAAA,IAAA;AAAA,WAE1D,OAAY;AACX,YAAA,MAAM,yBAAyB,KAAK;AACtCA,kBAAAA,MAAA,MAAM,2BAA2B,KAAK,EAAE;AACxC,UAAA;AAAA,EAAA;AAEV;AAKa,MAAA,mBAAmB,OAC9B,OACA,uBACkB;AACd,MAAA,CAAC,MAAM,OAAQ;AAEf,MAAA;AACF,UAAM,cAAc,MAAM;AAAA,MAAI,CAAC,SAC7B,mBAAmB;AAAA,QACjB,aAAa,KAAK;AAAA,QAClB,wBAAwB;AAAA,UACtB,OAAO,KAAK,cAAc,QAAQ,KAAK,iBAAiB,KAAK;AAAA,UAC7D,QAAQ,KAAK,cAAc,OAAO,KAAK,iBAAiB,KAAK;AAAA,UAC7D,UAAU,KAAK;AAAA,UACf,IAAI,KAAK;AAAA,QACX;AAAA;AAAA,QAEA,OAAO;AAAA,UACL,WAAW,KAAK;AAAA,UAChB,QAAQ;AAAA,YACN,YAAY,KAAK;AAAA,YACjB,UAAU,KAAK;AAAA,UACjB;AAAA,UACA,QAAQ;AAAA,YACN,UAAU,KAAK;AAAA,YACf,YAAY,KAAK;AAAA,UAAA;AAAA,QACnB;AAAA,MAEH,CAAA;AAAA,IACH;AAEA,UAAM,UAAU,MAAM,QAAQ,IAAI,WAAW;AAC7C,UAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,WAAW,MAAM;AACvD,QAAA,OAAO,SAAS,GAAG;AACf,YAAA,OAAO,IAAI,CAAC,UAAU,MAAM,SAAS,eAAe,EAAE,KAAK,IAAI;AAAA,IAAA;AAAA,WAEhE,OAAY;AACX,YAAA,MAAM,uBAAuB,KAAK;AACpCA,kBAAAA,MAAA,MAAM,wBAAwB,KAAK,EAAE;AACrC,UAAA;AAAA,EAAA;AAEV;;;"}

package/dist/shared/src/components/LinksManager/utils/linkUpdates.es.js

@@ -0,0 +1,70 @@
+import { toast } from "react-toastify";
+const removeMultipleLinks = async (links, deleteLinkMutation) => {
+  if (!links.length) return;
+  try {
+    const deletePromises = links.map(
+      (link) => deleteLinkMutation({
+        linkId: link.id,
+        projectName: link.projectName,
+        // @ts-ignore - patch is purely used for patching the entities
+        patch: {
+          target: link.target,
+          source: link.source,
+          linkType: link.linkType,
+          direction: link.direction
+        }
+      })
+    );
+    const results = await Promise.all(deletePromises);
+    const errors = results.filter((result) => "error" in result);
+    if (errors.length > 0) {
+      throw errors.map((error) => error || "Unknown error").join(", ");
+    }
+  } catch (error) {
+    console.error("Error removing links:", error);
+    toast.error(`Failed to remove links: ${error}`);
+    throw error;
+  }
+};
+const addMultipleLinks = async (links, createLinkMutation) => {
+  if (!links.length) return;
+  try {
+    const addPromises = links.map(
+      (link) => createLinkMutation({
+        projectName: link.projectName,
+        createLinkRequestModel: {
+          input: link.direction === "out" ? link.sourceEntityId : link.targetEntityId,
+          output: link.direction === "in" ? link.sourceEntityId : link.targetEntityId,
+          linkType: link.linkType,
+          id: link.linkId
+        },
+        // @ts-ignore - patch is purely used for patching the entities
+        patch: {
+          direction: link.direction,
+          source: {
+            entityType: link.sourceEntityType,
+            entityId: link.sourceEntityId
+          },
+          target: {
+            entityId: link.targetEntityId,
+            entityType: link.targetEntityType
+          }
+        }
+      })
+    );
+    const results = await Promise.all(addPromises);
+    const errors = results.filter((result) => "error" in result);
+    if (errors.length > 0) {
+      throw errors.map((error) => error.error || "Unknown error").join(", ");
+    }
+  } catch (error) {
+    console.error("Error adding links:", error);
+    toast.error(`Failed to add links: ${error}`);
+    throw error;
+  }
+};
+export {
+  addMultipleLinks,
+  removeMultipleLinks
+};
+//# sourceMappingURL=linkUpdates.es.js.map

package/dist/shared/src/components/LinksManager/utils/linkUpdates.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkUpdates.es.js","sources":["../../../../../../src/components/LinksManager/utils/linkUpdates.ts"],"sourcesContent":["import { toast } from 'react-toastify'\n\nexport type LinkToRemove = {\n  id: string\n  target: { entityId: string; entityType: string }\n  source: { entityId: string; entityType: string }\n  linkType: string\n  direction?: 'in' | 'out'\n  projectName: string\n}\n\nexport type LinkToAdd = {\n  targetEntityId: string\n  linkId: string\n  sourceEntityId: string\n  sourceEntityType: string\n  targetEntityType: string\n  linkType: string\n  direction?: 'in' | 'out'\n  projectName: string\n}\n\nexport type DeleteLinkMutation = (params: {\n  linkId: string\n  projectName: string\n  patch?: any\n}) => Promise<any>\n\nexport type CreateLinkMutation = (params: {\n  projectName: string\n  createLinkRequestModel: {\n    input: string\n    output: string\n    linkType: string\n    id: string\n  }\n  patch?: any\n}) => Promise<any>\n\n/**\n * Remove multiple links across multiple entities\n */\nexport const removeMultipleLinks = async (\n  links: LinkToRemove[],\n  deleteLinkMutation: DeleteLinkMutation,\n): Promise<void> => {\n  if (!links.length) return\n\n  try {\n    const deletePromises = links.map((link) =>\n      deleteLinkMutation({\n        linkId: link.id,\n        projectName: link.projectName,\n        // @ts-ignore - patch is purely used for patching the entities\n        patch: {\n          target: link.target,\n          source: link.source,\n          linkType: link.linkType,\n          direction: link.direction,\n        },\n      }),\n    )\n\n    const results = await Promise.all(deletePromises)\n    const errors = results.filter((result) => 'error' in result)\n    if (errors.length > 0) {\n      throw errors.map((error) => error || 'Unknown error').join(', ')\n    }\n  } catch (error: any) {\n    console.error('Error removing links:', error)\n    toast.error(`Failed to remove links: ${error}`)\n    throw error\n  }\n}\n\n/**\n * Add multiple links across multiple entities\n */\nexport const addMultipleLinks = async (\n  links: LinkToAdd[],\n  createLinkMutation: CreateLinkMutation,\n): Promise<void> => {\n  if (!links.length) return\n\n  try {\n    const addPromises = links.map((link) =>\n      createLinkMutation({\n        projectName: link.projectName,\n        createLinkRequestModel: {\n          input: link.direction === 'out' ? link.sourceEntityId : link.targetEntityId,\n          output: link.direction === 'in' ? link.sourceEntityId : link.targetEntityId,\n          linkType: link.linkType,\n          id: link.linkId,\n        },\n        // @ts-ignore - patch is purely used for patching the entities\n        patch: {\n          direction: link.direction,\n          source: {\n            entityType: link.sourceEntityType,\n            entityId: link.sourceEntityId,\n          },\n          target: {\n            entityId: link.targetEntityId,\n            entityType: link.targetEntityType,\n          },\n        },\n      }),\n    )\n\n    const results = await Promise.all(addPromises)\n    const errors = results.filter((result) => 'error' in result)\n    if (errors.length > 0) {\n      throw errors.map((error) => error.error || 'Unknown error').join(', ')\n    }\n  } catch (error: any) {\n    console.error('Error adding links:', error)\n    toast.error(`Failed to add links: ${error}`)\n    throw error\n  }\n}\n"],"names":[],"mappings":";AA0Ca,MAAA,sBAAsB,OACjC,OACA,uBACkB;AACd,MAAA,CAAC,MAAM,OAAQ;AAEf,MAAA;AACF,UAAM,iBAAiB,MAAM;AAAA,MAAI,CAAC,SAChC,mBAAmB;AAAA,QACjB,QAAQ,KAAK;AAAA,QACb,aAAa,KAAK;AAAA;AAAA,QAElB,OAAO;AAAA,UACL,QAAQ,KAAK;AAAA,UACb,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf,WAAW,KAAK;AAAA,QAAA;AAAA,MAEnB,CAAA;AAAA,IACH;AAEA,UAAM,UAAU,MAAM,QAAQ,IAAI,cAAc;AAChD,UAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,WAAW,MAAM;AACvD,QAAA,OAAO,SAAS,GAAG;AACf,YAAA,OAAO,IAAI,CAAC,UAAU,SAAS,eAAe,EAAE,KAAK,IAAI;AAAA,IAAA;AAAA,WAE1D,OAAY;AACX,YAAA,MAAM,yBAAyB,KAAK;AACtC,UAAA,MAAM,2BAA2B,KAAK,EAAE;AACxC,UAAA;AAAA,EAAA;AAEV;AAKa,MAAA,mBAAmB,OAC9B,OACA,uBACkB;AACd,MAAA,CAAC,MAAM,OAAQ;AAEf,MAAA;AACF,UAAM,cAAc,MAAM;AAAA,MAAI,CAAC,SAC7B,mBAAmB;AAAA,QACjB,aAAa,KAAK;AAAA,QAClB,wBAAwB;AAAA,UACtB,OAAO,KAAK,cAAc,QAAQ,KAAK,iBAAiB,KAAK;AAAA,UAC7D,QAAQ,KAAK,cAAc,OAAO,KAAK,iBAAiB,KAAK;AAAA,UAC7D,UAAU,KAAK;AAAA,UACf,IAAI,KAAK;AAAA,QACX;AAAA;AAAA,QAEA,OAAO;AAAA,UACL,WAAW,KAAK;AAAA,UAChB,QAAQ;AAAA,YACN,YAAY,KAAK;AAAA,YACjB,UAAU,KAAK;AAAA,UACjB;AAAA,UACA,QAAQ;AAAA,YACN,UAAU,KAAK;AAAA,YACf,YAAY,KAAK;AAAA,UAAA;AAAA,QACnB;AAAA,MAEH,CAAA;AAAA,IACH;AAEA,UAAM,UAAU,MAAM,QAAQ,IAAI,WAAW;AAC7C,UAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,WAAW,MAAM;AACvD,QAAA,OAAO,SAAS,GAAG;AACf,YAAA,OAAO,IAAI,CAAC,UAAU,MAAM,SAAS,eAAe,EAAE,KAAK,IAAI;AAAA,IAAA;AAAA,WAEhE,OAAY;AACX,YAAA,MAAM,uBAAuB,KAAK;AACpC,UAAA,MAAM,wBAAwB,KAAK,EAAE;AACrC,UAAA;AAAA,EAAA;AAEV;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -21,6 +21,7 @@ require("../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");
@@ -76,6 +77,9 @@ 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");
@@ -100,6 +104,7 @@ require("../ReviewablesList/ReviewablesList.styled.cjs.js");
 require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
 ;/* empty css                                                 */
 require("lodash");
+require("uuid");
 require("../../util/pubsub.cjs.js");
 require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");
 require("axios");
@@ -138,19 +143,7 @@ require("../../containers/Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
 require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("@tanstack/react-table");
-require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../../../_virtual/runtime.cjs.js");
-require("../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
-require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -160,10 +153,24 @@ require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
+require("../LinksManager/LinksManagerDialog.cjs.js");
+require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
+require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
@@ -197,6 +204,9 @@ require("../VersionUploader/components/UploadVersionDialog.cjs.js");
 require("../VersionUploader/context/VersionUploadContext.cjs.js");
 const FeedbackContext = require("../Feedback/FeedbackContext.cjs.js");
 require("../Feedback/SupportBubble.cjs.js");
+require("../Chips/Chips.cjs.js");
+require("../LinksManager/LinksManager.styled.cjs.js");
+require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");
 const PowerpackDialog = ({
   label,
   description,

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","useFeedback","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAIC,4BAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAC,2BAAA,kBAAA;AAAA,IAACC,uBAAO;AAAA,IAAP;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,UAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,YAAAG,iDAACC,oBAAAA,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCD,2BAAA,kBAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,kDAACK,uBAAAA,cAAA,EACE,UAAA;AAAA,UAAA,0DACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,sDAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,2BAAAA,kBAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAYG,kCAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfN,2BAAAA,kBAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,2BAAA,kBAAA,IAACI,qBAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEJ,2BAAAA,kBAAAA,IAACK,YAAAA,aACC,EAAA,UAAAL,2BAAAA,kBAAAA,IAACI,UAAAA,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["usePowerpack","useFeedback","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","powerpackFeatures","CTAButton","PricingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoBA,iBAAAA,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAIC,4BAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAC,2BAAA,kBAAA;AAAA,IAACC,uBAAO;AAAA,IAAP;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,kDAAAE,uBAAAA,aAAA,EACC,UAAA;AAAA,UAAAF,kDAAC,MACC,EAAA,UAAA;AAAA,YAAAG,iDAACC,oBAAAA,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCD,2BAAA,kBAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,kDAACK,uBAAAA,cAAA,EACE,UAAA;AAAA,UAAA,0DACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,sDAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,2BAAAA,kBAAAA,IAACC,oBAAK,MAAA,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAED,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,2BAAAA,kBAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAYG,kCAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfN,2BAAAA,kBAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,2BAAA,kBAAA,IAACC,oBAAK,MAAA,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCD,2BAAAA,kBAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,2BAAA,kBAAA,IAACI,qBAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEJ,2BAAAA,kBAAAA,IAACK,YAAAA,aACC,EAAA,UAAAL,2BAAAA,kBAAAA,IAACI,UAAAA,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js

@@ -19,6 +19,7 @@ import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 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";
@@ -74,6 +75,9 @@ 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";
@@ -98,6 +102,7 @@ import "../ReviewablesList/ReviewablesList.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
 import "lodash";
+import "uuid";
 import "../../util/pubsub.es.js";
 import "../ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
@@ -136,19 +141,7 @@ import "../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -158,10 +151,24 @@ import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../LinksManager/LinksManagerDialog.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -195,6 +202,9 @@ import "../VersionUploader/components/UploadVersionDialog.es.js";
 import "../VersionUploader/context/VersionUploadContext.es.js";
 import { useFeedback } from "../Feedback/FeedbackContext.es.js";
 import "../Feedback/SupportBubble.es.js";
+import "../Chips/Chips.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 const PowerpackDialog = ({
   label,
   description,

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,UAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,YAAAG,sCAAC,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,uCAACI,cAAA,EACE,UAAA;AAAA,UAAA,+CACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUD,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2CAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,kCAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAY,iBAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfH,kCAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,kCAAA,IAAC,MAAK,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,kCAAA,IAAC,WAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEA,kCAAAA,IAAC,aACC,EAAA,UAAAA,kCAAAA,IAAC,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { PricingLink } from './PricingLink'\nimport { powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { useFeedback } from '@shared/components'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog } = usePowerpack()\n  const { openSupport, messengerLoaded } = useFeedback()\n\n  if (!powerpackDialog && (!label || !description)) return null\n\n  // Dynamic support message\n  const featureLabel =\n    label ?? powerpackDialog?.label ?? (addon ? 'this addon' : 'this feature')\n  const SUPPORT_MESSAGE = addon\n    ? `I would like to know how I can try out the \"${featureLabel}\" addon?`\n    : `I would like to know how I can try out the \"${featureLabel}\" power feature?`\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={() => (isCloseable ? setPowerpackDialog(null) : undefined)}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={addon?.icon ? addon.icon : 'bolt'} />\n          {label ?? powerpackDialog?.label}\n        </h1>\n        <h2>{description ?? powerpackDialog?.description}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {addon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {Object.entries(features ?? powerpackFeatures)\n            .sort(([key]) => (key !== selectedPowerPack ? 1 : -1))\n            .map(([key, value]) => (\n              <li key={key}>\n                <Icon icon={value.icon ?? 'check'} />\n                <span>{value.bullet}</span>\n              </li>\n            ))}\n        </ul>\n      </Styled.FeaturesList>\n      {messengerLoaded ? (\n        <CTAButton onClick={() => openSupport('NewMessage', SUPPORT_MESSAGE)} />\n      ) : (\n        <PricingLink>\n          <CTAButton />\n        </PricingLink>\n      )}\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Styled.FeaturesList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,EAAE,oBAAoB,mBAAmB,gBAAA,IAAoB,aAAa;AAChF,QAAM,EAAE,aAAa,gBAAgB,IAAI,YAAY;AAErD,MAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,aAAqB,QAAA;AAGzD,QAAM,eACJ,UAAS,mDAAiB,WAAU,QAAQ,eAAe;AAC7D,QAAM,kBAAkB,QACpB,+CAA+C,YAAY,aAC3D,+CAA+C,YAAY;AAG7D,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAAS,MAAO,cAAc,mBAAmB,IAAI,IAAI;AAAA,MACzD,MAAK;AAAA,MACL,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MAEf,UAAA;AAAA,QAACD,uCAAAE,aAAA,EACC,UAAA;AAAA,UAAAF,uCAAC,MACC,EAAA,UAAA;AAAA,YAAAG,sCAAC,QAAK,OAAM,+BAAO,QAAO,MAAM,OAAO,QAAQ;AAAA,YAC9C,UAAS,mDAAiB;AAAA,UAAA,GAC7B;AAAA,UACCA,kCAAA,IAAA,MAAA,EAAI,UAAe,gBAAA,mDAAiB,aAAY,CAAA;AAAA,QAAA,GACnD;AAAA,QAEAH,uCAACI,cAAA,EACE,UAAA;AAAA,UAAA,+CACE,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACUD,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAE1D,EAAA,CAAA,2CAEC,MAAG,EAAA,UAAA;AAAA,YAAA;AAAA,YACSA,kCAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,YAAE;AAAA,YAAEA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAQ,UAAc,kBAAA;AAAA,YAAO;AAAA,UAAA,GAE/E;AAAA,UAEFA,kCAAAA,IAAC,MACE,EAAA,UAAA,OAAO,QAAQ,YAAY,iBAAiB,EAC1C,KAAK,CAAC,CAAC,GAAG,MAAO,QAAQ,oBAAoB,IAAI,EAAG,EACpD,IAAI,CAAC,CAAC,KAAK,KAAK,MACfH,kCAAAA,KAAC,MACC,EAAA,UAAA;AAAA,YAAAG,kCAAA,IAAC,MAAK,EAAA,MAAM,MAAM,QAAQ,SAAS;AAAA,YACnCA,kCAAAA,IAAC,QAAM,EAAA,UAAA,MAAM,OAAO,CAAA;AAAA,UAAA,EAFb,GAAA,GAGT,CACD,EACL,CAAA;AAAA,QAAA,GACF;AAAA,QACC,kBACCA,kCAAA,IAAC,WAAU,EAAA,SAAS,MAAM,YAAY,cAAc,eAAe,EAAG,CAAA,IAEtEA,kCAAAA,IAAC,aACC,EAAA,UAAAA,kCAAAA,IAAC,aAAU,EACb,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.cjs.js

@@ -3,23 +3,27 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
 require("react-toastify");
+require("lodash");
+require("uuid");
+require("../../util/pubsub.cjs.js");
 require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("react");
-require("@tanstack/react-table");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const buildTreeTableColumns = require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");
 require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
-const ColumnSettingsContext = require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-const ProjectTableContext = require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
-require("lodash");
-require("../../util/pubsub.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
+const ProjectTableContext = require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
+const ColumnSettingsContext = require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-const ayonReactComponents = require("@ynput/ayon-react-components");
+require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");
 ;/* empty css                                                 */
 require("clsx");
 require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
 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");
@@ -75,6 +79,9 @@ 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");
@@ -117,13 +124,86 @@ require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
-require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
-require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
-require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
-require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
-const styled = require("styled-components");
+require("../ThumbnailSimple/ThumbnailSimple.cjs.js");
+require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../ReviewablesList/ReviewablesList.styled.cjs.js");
+require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
+require("../ReviewableCard/ReviewableCard.cjs.js");
+require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../FileThumbnail/FileThumbnail.cjs.js");
+require("../Thumbnail/Thumbnail.styled.cjs.js");
+require("../Thumbnail/StackedThumbnails.cjs.js");
+require("../../containers/Feed/context/FeedContext.cjs.js");
+require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
+require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../containers/Feed/components/ActivityDate.cjs.js");
+require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../containers/Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../PlayableIcon/PlayableIcon.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../containers/Actions/Actions.styled.cjs.js");
+require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../containers/Actions/ActionIcon.cjs.js");
+require("../../containers/Views/context/ViewsContext.cjs.js");
+require("../../containers/Views/Views.styled.cjs.js");
+require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");
+require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
+require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../EntityPath/EntityPath.styled.cjs.js");
+require("../EntityPath/SegmentProvider.cjs.js");
+require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../Watchers/Watchers.cjs.js");
+require("../Powerpack/PowerpackButton.cjs.js");
+require("../Powerpack/PricingLink.cjs.js");
+require("../Powerpack/PowerpackDialog.styled.cjs.js");
+require("../Powerpack/CTAButton.cjs.js");
 const SettingsPanel = require("../SettingsPanel/SettingsPanel.cjs.js");
 require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../AttributeEditor/components/MinMaxField.cjs.js");
+require("../EnumEditor/EnumEditor.styled.cjs.js");
+require("../SearchFilter/filterDates.cjs.js");
+require("../Badge/Badge.cjs.js");
+require("../VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../VersionUploader/context/VersionUploadContext.cjs.js");
+require("../Feedback/FeedbackContext.cjs.js");
+require("../Feedback/SupportBubble.cjs.js");
+require("../Chips/Chips.cjs.js");
+require("../LinksManager/LinksManager.styled.cjs.js");
+require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");
+require("../LinksManager/LinksManagerDialog.cjs.js");
+const styled = require("styled-components");
 const ColumnsSettings = require("./ColumnsSettings.cjs.js");
 const StyledCustomizeButton = styled(ayonReactComponents.Button)`
   min-width: 120px;
@@ -146,7 +226,7 @@ const ProjectTableSettings = ({
   extraColumns = [],
   highlighted
 }) => {
-  const { attribFields } = ProjectTableContext.useProjectTableContext();
+  const { attribFields, projectInfo } = ProjectTableContext.useProjectTableContext();
   const { columnVisibility } = ColumnSettingsContext.useColumnSettingsContext();
   const columns = [
     {
@@ -174,9 +254,19 @@ const ProjectTableSettings = ({
       label: "Tags"
     },
     ...attribFields.map((field) => ({
-      value: "attrib_" + field.name,
+      value: `attrib_${field.name}`,
       label: field.data.title || field.name
     })),
+    ...(projectInfo == null ? void 0 : projectInfo.linkTypes) ? projectInfo.linkTypes.flatMap((link) => [
+      {
+        value: buildTreeTableColumns.getLinkColumnId(link, "in"),
+        label: buildTreeTableColumns.getLinkLabel(link, "in")
+      },
+      {
+        value: buildTreeTableColumns.getLinkColumnId(link, "out"),
+        label: buildTreeTableColumns.getLinkLabel(link, "out")
+      }
+    ]) : [],
     ...extraColumns
   ];
   const visibleCount = columns.filter(

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}
+{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields, projectInfo } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: `attrib_${field.name}`,\n      label: field.data.title || field.name,\n    })),\n    ...(projectInfo?.linkTypes\n      ? projectInfo.linkTypes.flatMap((link) => [\n          {\n            value: getLinkColumnId(link, 'in'),\n            label: getLinkLabel(link, 'in'),\n          },\n          {\n            value: getLinkColumnId(link, 'out'),\n            label: getLinkLabel(link, 'out'),\n          },\n        ])\n      : []),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","getLinkColumnId","getLinkLabel","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,YAAY,IAAIC,2CAAuB;AACvD,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,UAAU,MAAM,IAAI;AAAA,MAC3B,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,IAAI,2CAAa,aACb,YAAY,UAAU,QAAQ,CAAC,SAAS;AAAA,MACtC;AAAA,QACE,OAAOC,sBAAAA,gBAAgB,MAAM,IAAI;AAAA,QACjC,OAAOC,sBAAAA,aAAa,MAAM,IAAI;AAAA,MAChC;AAAA,MACA;AAAA,QACE,OAAOD,sBAAAA,gBAAgB,MAAM,KAAK;AAAA,QAClC,OAAOC,sBAAAA,aAAa,MAAM,KAAK;AAAA,MAAA;AAAA,IAElC,CAAA,IACD,CAAC;AAAA,IACL,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWJ,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACK,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}