@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

package/dist/shared/src/containers/ProjectTreeTable/utils/linksToTableData.cjs.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildTreeTableColumns = require("../buildTreeTableColumns.cjs.js");
+require("lodash");
+require("react-toastify");
+const getEntityTypeIcon = require("../../../util/getEntityTypeIcon.cjs.js");
+require("uuid");
+require("../../../util/pubsub.cjs.js");
+const linksToTableData = (links, entityType, anatomy) => (links == null ? void 0 : links.reduce((acc, edge) => {
+  const { linkType, direction, entityType: linkEntityType, id, node } = edge;
+  const entityData = {
+    label: node.label || node.name,
+    parents: node.parents,
+    linkId: id,
+    entityId: node.id,
+    entityType: linkEntityType,
+    icon: getEntityIcon(linkEntityType, node.subType, anatomy)
+  };
+  const linkTypeName = linkTypeToLinkName(linkType, entityType, linkEntityType, direction);
+  const tableId = buildTreeTableColumns.getLinkKey({ name: linkTypeName }, direction);
+  if (!acc[tableId]) {
+    acc[tableId] = [];
+  }
+  if (!acc[tableId].includes(entityData)) {
+    acc[tableId].push(entityData);
+  }
+  return acc;
+}, {})) || {};
+const linkTypeToLinkName = (linkType, baseEntityType, linkEntityType, direction) => {
+  const firstType = direction === "in" ? linkEntityType : baseEntityType;
+  const secondType = direction === "in" ? baseEntityType : linkEntityType;
+  return `${linkType}|${firstType}|${secondType}`;
+};
+const getEntityIcon = (entityType, subType, anatomy) => {
+  var _a, _b, _c;
+  switch (entityType) {
+    case "folder":
+      return ((_a = anatomy.folderTypes.find((a) => a.name === subType)) == null ? void 0 : _a.icon) || getEntityTypeIcon.getEntityTypeIcon("folder");
+    case "product":
+      return ((_b = anatomy.productTypes.find((a) => a.name === subType)) == null ? void 0 : _b.icon) || getEntityTypeIcon.getEntityTypeIcon("product");
+    case "task":
+      return ((_c = anatomy.taskTypes.find((a) => a.name === subType)) == null ? void 0 : _c.icon) || getEntityTypeIcon.getEntityTypeIcon("task");
+    default:
+      return getEntityTypeIcon.getEntityTypeIcon(entityType);
+  }
+};
+exports.getEntityIcon = getEntityIcon;
+exports.linksToTableData = linksToTableData;
+//# sourceMappingURL=linksToTableData.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/linksToTableData.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linksToTableData.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/linksToTableData.ts"],"sourcesContent":["// converts the links array to the data shown in the table (object of link keys with list of link entity names)\n// we split the links by direction (in/out) and store them in an object\n\nimport { LinkEntity } from '@shared/components'\nimport { getLinkKey } from '../buildTreeTableColumns'\nimport { EntityLink } from '@shared/api'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type LinkId = string\nexport type LinkValue = LinkEntity[]\nexport type LinksTableData = Record<LinkId, LinkValue>\n\ntype EntityAnatomy = {\n  name: string\n  icon?: string\n}\n\ntype Anatomy = {\n  folderTypes: EntityAnatomy[]\n  productTypes: EntityAnatomy[]\n  taskTypes: EntityAnatomy[]\n}\n\nexport const linksToTableData = (\n  links: EntityLink[] | undefined,\n  entityType: string,\n  anatomy: Anatomy,\n): LinksTableData =>\n  links?.reduce((acc, edge) => {\n    const { linkType, direction, entityType: linkEntityType, id, node } = edge\n    const entityData: LinkEntity = {\n      label: node.label || node.name,\n      parents: node.parents,\n      linkId: id,\n      entityId: node.id,\n      entityType: linkEntityType,\n      icon: getEntityIcon(linkEntityType, node.subType, anatomy),\n    }\n\n    // we must build the entity link type name based on the direction and entity types\n    // e.g. \"linkType|inEntityType|outEntityType\"\n    const linkTypeName = linkTypeToLinkName(linkType, entityType, linkEntityType, direction)\n\n    const tableId = getLinkKey({ name: linkTypeName }, direction)\n\n    if (!acc[tableId]) {\n      acc[tableId] = []\n    }\n\n    // add the entity name to the link type\n    if (!acc[tableId].includes(entityData)) {\n      acc[tableId].push(entityData)\n    }\n\n    return acc\n  }, {} as LinksTableData) || {}\n\n// converts the link type + in/out entity types to a link name format {linkType}|in|out\nconst linkTypeToLinkName = (\n  linkType: string,\n  baseEntityType: string,\n  linkEntityType: string,\n  direction: 'in' | 'out' | string,\n): string => {\n  const firstType = direction === 'in' ? linkEntityType : baseEntityType\n  const secondType = direction === 'in' ? baseEntityType : linkEntityType\n  return `${linkType}|${firstType}|${secondType}`\n}\n\nexport const getEntityIcon = (\n  entityType: string,\n  subType: string | undefined,\n  anatomy: Anatomy,\n) => {\n  switch (entityType) {\n    case 'folder':\n      return (\n        anatomy.folderTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('folder')\n      )\n    case 'product':\n      return (\n        anatomy.productTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('product')\n      )\n    case 'task':\n      return anatomy.taskTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('task')\n    default:\n      return getEntityTypeIcon(entityType)\n  }\n}\n"],"names":["getLinkKey","getEntityTypeIcon"],"mappings":";;;;;;;;AAuBa,MAAA,mBAAmB,CAC9B,OACA,YACA,aAEA,+BAAO,OAAO,CAAC,KAAK,SAAS;AAC3B,QAAM,EAAE,UAAU,WAAW,YAAY,gBAAgB,IAAI,SAAS;AACtE,QAAM,aAAyB;AAAA,IAC7B,OAAO,KAAK,SAAS,KAAK;AAAA,IAC1B,SAAS,KAAK;AAAA,IACd,QAAQ;AAAA,IACR,UAAU,KAAK;AAAA,IACf,YAAY;AAAA,IACZ,MAAM,cAAc,gBAAgB,KAAK,SAAS,OAAO;AAAA,EAC3D;AAIA,QAAM,eAAe,mBAAmB,UAAU,YAAY,gBAAgB,SAAS;AAEvF,QAAM,UAAUA,sBAAAA,WAAW,EAAE,MAAM,aAAA,GAAgB,SAAS;AAExD,MAAA,CAAC,IAAI,OAAO,GAAG;AACb,QAAA,OAAO,IAAI,CAAC;AAAA,EAAA;AAIlB,MAAI,CAAC,IAAI,OAAO,EAAE,SAAS,UAAU,GAAG;AAClC,QAAA,OAAO,EAAE,KAAK,UAAU;AAAA,EAAA;AAGvB,SAAA;AACT,GAAG,CAAoB,OAAK,CAAA;AAG9B,MAAM,qBAAqB,CACzB,UACA,gBACA,gBACA,cACW;AACL,QAAA,YAAY,cAAc,OAAO,iBAAiB;AAClD,QAAA,aAAa,cAAc,OAAO,iBAAiB;AACzD,SAAO,GAAG,QAAQ,IAAI,SAAS,IAAI,UAAU;AAC/C;AAEO,MAAM,gBAAgB,CAC3B,YACA,SACA,YACG;;AACH,UAAQ,YAAY;AAAA,IAClB,KAAK;AAED,eAAA,aAAQ,YAAY,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAlD,mBAAqD,SAAQC,kBAAAA,kBAAkB,QAAQ;AAAA,IAE3F,KAAK;AAED,eAAA,aAAQ,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAnD,mBAAsD,SAAQA,kBAAAA,kBAAkB,SAAS;AAAA,IAE7F,KAAK;AACI,eAAA,aAAQ,UAAU,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAhD,mBAAmD,SAAQA,kBAAAA,kBAAkB,MAAM;AAAA,IAC5F;AACE,aAAOA,kBAAAA,kBAAkB,UAAU;AAAA,EAAA;AAEzC;;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/linksToTableData.es.js

@@ -0,0 +1,49 @@
+import { getLinkKey } from "../buildTreeTableColumns.es.js";
+import "lodash";
+import "react-toastify";
+import { getEntityTypeIcon } from "../../../util/getEntityTypeIcon.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
+const linksToTableData = (links, entityType, anatomy) => (links == null ? void 0 : links.reduce((acc, edge) => {
+  const { linkType, direction, entityType: linkEntityType, id, node } = edge;
+  const entityData = {
+    label: node.label || node.name,
+    parents: node.parents,
+    linkId: id,
+    entityId: node.id,
+    entityType: linkEntityType,
+    icon: getEntityIcon(linkEntityType, node.subType, anatomy)
+  };
+  const linkTypeName = linkTypeToLinkName(linkType, entityType, linkEntityType, direction);
+  const tableId = getLinkKey({ name: linkTypeName }, direction);
+  if (!acc[tableId]) {
+    acc[tableId] = [];
+  }
+  if (!acc[tableId].includes(entityData)) {
+    acc[tableId].push(entityData);
+  }
+  return acc;
+}, {})) || {};
+const linkTypeToLinkName = (linkType, baseEntityType, linkEntityType, direction) => {
+  const firstType = direction === "in" ? linkEntityType : baseEntityType;
+  const secondType = direction === "in" ? baseEntityType : linkEntityType;
+  return `${linkType}|${firstType}|${secondType}`;
+};
+const getEntityIcon = (entityType, subType, anatomy) => {
+  var _a, _b, _c;
+  switch (entityType) {
+    case "folder":
+      return ((_a = anatomy.folderTypes.find((a) => a.name === subType)) == null ? void 0 : _a.icon) || getEntityTypeIcon("folder");
+    case "product":
+      return ((_b = anatomy.productTypes.find((a) => a.name === subType)) == null ? void 0 : _b.icon) || getEntityTypeIcon("product");
+    case "task":
+      return ((_c = anatomy.taskTypes.find((a) => a.name === subType)) == null ? void 0 : _c.icon) || getEntityTypeIcon("task");
+    default:
+      return getEntityTypeIcon(entityType);
+  }
+};
+export {
+  getEntityIcon,
+  linksToTableData
+};
+//# sourceMappingURL=linksToTableData.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/linksToTableData.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linksToTableData.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/linksToTableData.ts"],"sourcesContent":["// converts the links array to the data shown in the table (object of link keys with list of link entity names)\n// we split the links by direction (in/out) and store them in an object\n\nimport { LinkEntity } from '@shared/components'\nimport { getLinkKey } from '../buildTreeTableColumns'\nimport { EntityLink } from '@shared/api'\nimport { getEntityTypeIcon } from '@shared/util'\n\nexport type LinkId = string\nexport type LinkValue = LinkEntity[]\nexport type LinksTableData = Record<LinkId, LinkValue>\n\ntype EntityAnatomy = {\n  name: string\n  icon?: string\n}\n\ntype Anatomy = {\n  folderTypes: EntityAnatomy[]\n  productTypes: EntityAnatomy[]\n  taskTypes: EntityAnatomy[]\n}\n\nexport const linksToTableData = (\n  links: EntityLink[] | undefined,\n  entityType: string,\n  anatomy: Anatomy,\n): LinksTableData =>\n  links?.reduce((acc, edge) => {\n    const { linkType, direction, entityType: linkEntityType, id, node } = edge\n    const entityData: LinkEntity = {\n      label: node.label || node.name,\n      parents: node.parents,\n      linkId: id,\n      entityId: node.id,\n      entityType: linkEntityType,\n      icon: getEntityIcon(linkEntityType, node.subType, anatomy),\n    }\n\n    // we must build the entity link type name based on the direction and entity types\n    // e.g. \"linkType|inEntityType|outEntityType\"\n    const linkTypeName = linkTypeToLinkName(linkType, entityType, linkEntityType, direction)\n\n    const tableId = getLinkKey({ name: linkTypeName }, direction)\n\n    if (!acc[tableId]) {\n      acc[tableId] = []\n    }\n\n    // add the entity name to the link type\n    if (!acc[tableId].includes(entityData)) {\n      acc[tableId].push(entityData)\n    }\n\n    return acc\n  }, {} as LinksTableData) || {}\n\n// converts the link type + in/out entity types to a link name format {linkType}|in|out\nconst linkTypeToLinkName = (\n  linkType: string,\n  baseEntityType: string,\n  linkEntityType: string,\n  direction: 'in' | 'out' | string,\n): string => {\n  const firstType = direction === 'in' ? linkEntityType : baseEntityType\n  const secondType = direction === 'in' ? baseEntityType : linkEntityType\n  return `${linkType}|${firstType}|${secondType}`\n}\n\nexport const getEntityIcon = (\n  entityType: string,\n  subType: string | undefined,\n  anatomy: Anatomy,\n) => {\n  switch (entityType) {\n    case 'folder':\n      return (\n        anatomy.folderTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('folder')\n      )\n    case 'product':\n      return (\n        anatomy.productTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('product')\n      )\n    case 'task':\n      return anatomy.taskTypes.find((a) => a.name === subType)?.icon || getEntityTypeIcon('task')\n    default:\n      return getEntityTypeIcon(entityType)\n  }\n}\n"],"names":[],"mappings":";;;;;;AAuBa,MAAA,mBAAmB,CAC9B,OACA,YACA,aAEA,+BAAO,OAAO,CAAC,KAAK,SAAS;AAC3B,QAAM,EAAE,UAAU,WAAW,YAAY,gBAAgB,IAAI,SAAS;AACtE,QAAM,aAAyB;AAAA,IAC7B,OAAO,KAAK,SAAS,KAAK;AAAA,IAC1B,SAAS,KAAK;AAAA,IACd,QAAQ;AAAA,IACR,UAAU,KAAK;AAAA,IACf,YAAY;AAAA,IACZ,MAAM,cAAc,gBAAgB,KAAK,SAAS,OAAO;AAAA,EAC3D;AAIA,QAAM,eAAe,mBAAmB,UAAU,YAAY,gBAAgB,SAAS;AAEvF,QAAM,UAAU,WAAW,EAAE,MAAM,aAAA,GAAgB,SAAS;AAExD,MAAA,CAAC,IAAI,OAAO,GAAG;AACb,QAAA,OAAO,IAAI,CAAC;AAAA,EAAA;AAIlB,MAAI,CAAC,IAAI,OAAO,EAAE,SAAS,UAAU,GAAG;AAClC,QAAA,OAAO,EAAE,KAAK,UAAU;AAAA,EAAA;AAGvB,SAAA;AACT,GAAG,CAAoB,OAAK,CAAA;AAG9B,MAAM,qBAAqB,CACzB,UACA,gBACA,gBACA,cACW;AACL,QAAA,YAAY,cAAc,OAAO,iBAAiB;AAClD,QAAA,aAAa,cAAc,OAAO,iBAAiB;AACzD,SAAO,GAAG,QAAQ,IAAI,SAAS,IAAI,UAAU;AAC/C;AAEO,MAAM,gBAAgB,CAC3B,YACA,SACA,YACG;;AACH,UAAQ,YAAY;AAAA,IAClB,KAAK;AAED,eAAA,aAAQ,YAAY,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAlD,mBAAqD,SAAQ,kBAAkB,QAAQ;AAAA,IAE3F,KAAK;AAED,eAAA,aAAQ,aAAa,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAnD,mBAAsD,SAAQ,kBAAkB,SAAS;AAAA,IAE7F,KAAK;AACI,eAAA,aAAQ,UAAU,KAAK,CAAC,MAAM,EAAE,SAAS,OAAO,MAAhD,mBAAmD,SAAQ,kBAAkB,MAAM;AAAA,IAC5F;AACE,aAAO,kBAAkB,UAAU;AAAA,EAAA;AAEzC;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.cjs.js

@@ -20,7 +20,8 @@ const generateLoadingRows = (attribs, count = 50, { type = "folder", parentId }
       attrib: attribs.reduce((acc, attrib) => {
         acc[attrib.name] = null;
         return acc;
-      }, {})
+      }, {}),
+      links: {}
     })
   );
 };

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":";;AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;;AAErD,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;;AAAA,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;;;;"}
+{"version":3,"file":"loadingUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n      links: {},\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":";;AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MACT,GAAG,EAAE;AAAA,MACL,OAAO,CAAA;AAAA,IACT;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;;AAErD,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;;AAAA,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;;;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.es.js

@@ -18,7 +18,8 @@ const generateLoadingRows = (attribs, count = 50, { type = "folder", parentId }
       attrib: attribs.reduce((acc, attrib) => {
         acc[attrib.name] = null;
         return acc;
-      }, {})
+      }, {}),
+      links: {}
     })
   );
 };

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":"AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AAnE1C;AAqEX,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;AAvEC,UAAAA;AAuED,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;"}
+{"version":3,"file":"loadingUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n      links: {},\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":"AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MACT,GAAG,EAAE;AAAA,MACL,OAAO,CAAA;AAAA,IACT;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AApE1C;AAsEX,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;AAxEC,UAAAA;AAwED,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js

@@ -8,10 +8,127 @@ const CollapsedWidget = require("./CollapsedWidget.cjs.js");
 const DateWidget = require("./DateWidget.cjs.js");
 const EnumWidget = require("./EnumWidget.cjs.js");
 const TextWidget = require("./TextWidget.cjs.js");
+const LinksWidget = require("./LinksWidget.cjs.js");
 const CellEditingContext = require("../context/CellEditingContext.cjs.js");
 const cellUtils = require("../utils/cellUtils.cjs.js");
 const clsx = require("clsx");
 const SelectionCellsContext = require("../context/SelectionCellsContext.cjs.js");
+require("react-toastify");
+require("lodash");
+require("uuid");
+require("../../../util/pubsub.cjs.js");
+require("@ynput/ayon-react-components");
+require("@tanstack/react-table");
+require("./EntityNameWidget.cjs.js");
+require("./GroupHeaderWidget.cjs.js");
+require("./ThumbnailWidget.cjs.js");
+require("../ProjectTreeTable.styled.cjs.js");
+require("../components/SelectionCell.cjs.js");
+require("../components/RowSelectionHeader.cjs.js");
+require("./LoadMoreWidget.cjs.js");
+require("../context/ProjectTableQueriesContext.cjs.js");
+const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
+require("../context/ClipboardContext.cjs.js");
+require("../ProjectTreeTable.cjs.js");
+require("../context/ColumnSettingsContext.cjs.js");
+require("../context/SelectedRowsContext.cjs.js");
+require("../context/DetailsPanelEntityContext.cjs.js");
+;/* empty css                                      */
+require("../../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");
+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("../../../context/RemoteModulesContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.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("react-redux");
+require("custom-protocol-check");
+require("../components/GroupSettingsFallback.cjs.js");
+require("../context/ProjectDataContext.cjs.js");
 const Cell = styled.div`
   position: absolute;
   inset: 0;
@@ -34,10 +151,12 @@ const Cell = styled.div`
     opacity: 1;
   }
 `;
+const EDIT_TRIGGER_CLASS = "edit-trigger";
 const CellWidget = ({
   rowId,
   columnId,
   value,
+  valueData,
   attributeData,
   options = [],
   isCollapsed,
@@ -45,12 +164,14 @@ const CellWidget = ({
   isPlaceholder,
   isReadOnly,
   enableCustomValues,
+  folderId,
   onChange,
   pt,
   ...props
 }) => {
   const ref = React.useRef(null);
   const type = attributeData == null ? void 0 : attributeData.type;
+  const { projectName } = ProjectTableContext.useProjectTableContext();
   const { isEditing, setEditingCellId } = CellEditingContext.useCellEditing();
   const { isCellFocused, gridMap, selectCell, focusCell } = SelectionCellsContext.useSelectionCellsContext();
   const cellId = cellUtils.getCellId(rowId, columnId);
@@ -106,6 +227,26 @@ const CellWidget = ({
         const color = firstSelectedOption == null ? void 0 : firstSelectedOption.color;
         return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CollapsedWidget.CollapsedWidget, { color });
       }
+      case type === "links": {
+        const linksValue = valueData;
+        const isEditable = LinksWidget.isLinkEditable(
+          (linksValue == null ? void 0 : linksValue.direction) || "out",
+          (linksValue == null ? void 0 : linksValue.link.linkType) || "",
+          (linksValue == null ? void 0 : linksValue.entityType) || ""
+        );
+        isReadOnly = !isEditable;
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          LinksWidget.LinksWidget,
+          {
+            value: linksValue,
+            cellId,
+            projectName,
+            disabled: !isEditable,
+            folderId,
+            ...sharedProps
+          }
+        );
+      }
       case !!options.length: {
         const enumValue = Array.isArray(value) ? value : [value];
         if (isReadOnly) {
@@ -179,4 +320,5 @@ const CellWidget = ({
   );
 };
 exports.CellWidget = CellWidget;
+exports.EDIT_TRIGGER_CLASS = EDIT_TRIGGER_CLASS;
 //# sourceMappingURL=CellWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, memo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\ntype WidgetAttributeData = Pick<AttributeData, 'type'>\n\nexport type CellValue = string | number | boolean\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n    // ensure the browser focus moves back to the parent <td>\n    const td = ref.current?.closest('td') as HTMLElement | null\n    if (td) td.focus()\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        if (isReadOnly) {\n          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, {\n        inherited: isInherited && !isCurrentCellEditing,\n        readonly: isReadOnly,\n        editable: !isReadOnly,\n      })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n"],"names":["useRef","useCellEditing","useSelectionCellsContext","getCellId","useCallback","useMemo","jsx","CollapsedWidget","TextWidget","EnumWidget","DateWidget","BooleanWidget"],"mappings":"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"}
+{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectTableContext } from '../context'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = { type: AttributeData['type'] | 'links' }\n\nexport type CellValue = string | number | boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  valueData?: CellValueData | CellValueData[] // extra data for the value\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  folderId?: string | null\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  valueData,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  folderId,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { projectName } = useProjectTableContext()\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    // NOTE: the selection of a cell is handled in ProjectTreeTable.tsx line 1079\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n    // ensure the browser focus moves back to the parent <td>\n    const td = ref.current?.closest('td') as HTMLElement | null\n    if (td) td.focus()\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case type === 'links': {\n        const linksValue = valueData as LinkWidgetData | undefined\n\n        const isEditable = isLinkEditable(\n          linksValue?.direction || 'out',\n          linksValue?.link.linkType || '',\n          linksValue?.entityType || '',\n        )\n\n        // overwrite readonly state if the cell is currently being edited\n        isReadOnly = !isEditable\n        return (\n          <LinksWidget\n            value={linksValue}\n            cellId={cellId}\n            projectName={projectName}\n            disabled={!isEditable}\n            folderId={folderId}\n            {...sharedProps}\n          />\n        )\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        if (isReadOnly) {\n          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, {\n        inherited: isInherited && !isCurrentCellEditing,\n        readonly: isReadOnly,\n        editable: !isReadOnly,\n      })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n"],"names":["useRef","useProjectTableContext","useCellEditing","useSelectionCellsContext","getCellId","useCallback","useMemo","jsx","CollapsedWidget","isLinkEditable","LinksWidget","TextWidget","EnumWidget","DateWidget","BooleanWidget"],"mappings":"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"}