@ynput/ayon-frontend-shared 0.2.18 → 0.2.19

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

@@ -11,6 +11,96 @@ import "../context/ProjectTableContext.es.js";
 import { parseRowId } from "../context/ProjectTableProvider.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/SelectedRowsContext.es.js";
+import "lodash";
+import "../../../util/pubsub.es.js";
+import "@ynput/ayon-react-components";
+/* empty css                                    */
+import "clsx";
+import "../../ContextMenu/ContextMenuContext.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/DetailsPanelContext.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/PowerpackContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
 import "../context/ProjectDataContext.es.js";
 var BorderPosition = /* @__PURE__ */ ((BorderPosition2) => {
   BorderPosition2[BorderPosition2["None"] = 0] = "None";

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

@@ -1 +1 @@
-{"version":3,"file":"cellUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition"],"mappings":";;;;;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAI,WAAW,EAAE,CAAC;"}
+{"version":3,"file":"cellUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/cellUtils.ts"],"sourcesContent":["/**\n * Shared cell utilities for table operations\n */\n\nimport { parseRowId } from '../context'\nimport { EMapResult, EntitiesMap } from '../types'\n\n// Type definitions for cell identifiers\nexport type CellId = string\nexport type RowId = string\nexport type ColId = string\n\n// Cell position in the grid\nexport interface CellPosition {\n  rowId: RowId\n  colId: ColId\n}\n\n// Cell border position flags - used for determining which borders to show\nexport enum BorderPosition {\n  None = 0,\n  Top = 1 << 0,\n  Right = 1 << 1,\n  Bottom = 1 << 2,\n  Left = 1 << 3,\n  All = Top | Right | Bottom | Left,\n}\n\n/**\n * Create a standardized cell ID from row and column IDs\n */\nexport const getCellId = (rowId: RowId, colId: ColId): CellId => `cell-${rowId}-${colId}`\n\n/**\n * Parse a cell ID to extract row and column IDs\n * @returns CellPosition or null if invalid format\n */\nexport const parseCellId = (cellId: CellId): CellPosition | null => {\n  const match = cellId.match(/^cell-(.+)-(.+)$/)\n  if (!match) return null\n  return { rowId: match[1], colId: match[2] }\n}\n\nexport const getCellValue = (obj: any, path: string): any => {\n  if (!obj || !path) return undefined\n\n  const parts = path.split('_')\n  let current = obj\n\n  for (const part of parts) {\n    if (current && typeof current === 'object' && part in current) {\n      current = current[part]\n    } else {\n      return undefined // Return undefined if any part of the path is invalid\n    }\n  }\n\n  return current\n}\n\n/**\n * Determines which borders to display for a selected cell\n * based on its position within the selection grid\n *\n * @param rowIndex Current cell's row index\n * @param colIndex Current cell's column index\n * @param selectedCells 2D array representing selection state (true = selected)\n * @returns BorderPosition flags indicating which borders to display\n */\nexport const getCellBorders = (\n  rowIndex: number,\n  colIndex: number,\n  selectedCells: boolean[][],\n): BorderPosition => {\n  if (!selectedCells[rowIndex]?.[colIndex]) {\n    return BorderPosition.None\n  }\n\n  let borders = BorderPosition.None\n\n  // Check top border\n  if (rowIndex === 0 || !selectedCells[rowIndex - 1]?.[colIndex]) {\n    borders |= BorderPosition.Top\n  }\n\n  // Check right border\n  if (!selectedCells[rowIndex]?.[colIndex + 1]) {\n    borders |= BorderPosition.Right\n  }\n\n  // Check bottom border\n  if (!selectedCells[rowIndex + 1]?.[colIndex]) {\n    borders |= BorderPosition.Bottom\n  }\n\n  // Check left border\n  if (colIndex === 0 || !selectedCells[rowIndex]?.[colIndex - 1]) {\n    borders |= BorderPosition.Left\n  }\n\n  return borders\n}\n\n/**\n * Converts border position flags to CSS classes for shadow styling\n */\nexport const getBorderClasses = (borders: BorderPosition): string[] => {\n  const classes: string[] = []\n\n  if (borders & BorderPosition.Top) classes.push('shadow-top')\n  if (borders & BorderPosition.Right) classes.push('shadow-right')\n  if (borders & BorderPosition.Bottom) classes.push('shadow-bottom')\n  if (borders & BorderPosition.Left) classes.push('shadow-left')\n\n  return classes\n}\n\n// get a entity from it's id\nexport const getEntityDataById = <T extends 'folder' | 'task' | 'product' | 'version'>(\n  id: string,\n  entitiesMap: EntitiesMap,\n) => entitiesMap.get(parseRowId(id)) as EMapResult<T> | undefined\n"],"names":["BorderPosition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,CAAN,IAAA;AACAA,kBAAAA,gBAAA,WAAQ,CAAR,IAAA;AACAA,kBAAAA,gBAAA,YAAS,CAAT,IAAA;AACAA,kBAAAA,gBAAA,UAAO,CAAP,IAAA;AACAA,kBAAAA,gBAAA,SAAM,EAAN,IAAA;AANUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAYL,MAAM,YAAY,CAAC,OAAc,UAAyB,QAAQ,KAAK,IAAI,KAAK;AAM1E,MAAA,cAAc,CAAC,WAAwC;AAC5D,QAAA,QAAQ,OAAO,MAAM,kBAAkB;AACzC,MAAA,CAAC,MAAc,QAAA;AACZ,SAAA,EAAE,OAAO,MAAM,CAAC,GAAG,OAAO,MAAM,CAAC,EAAE;AAC5C;AAEa,MAAA,eAAe,CAAC,KAAU,SAAsB;AAC3D,MAAI,CAAC,OAAO,CAAC,KAAa,QAAA;AAEpB,QAAA,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,UAAU;AAEd,aAAW,QAAQ,OAAO;AACxB,QAAI,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAC7D,gBAAU,QAAQ,IAAI;AAAA,IAAA,OACjB;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAGK,SAAA;AACT;AAWO,MAAM,iBAAiB,CAC5B,UACA,UACA,kBACmB;;AACnB,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,YAAW;AACjC,WAAA;AAAA,EAAA;AAGT,MAAI,UAAU;AAGV,MAAA,aAAa,KAAK,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACnD,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACjC,eAAA;AAAA,EAAA;AAIb,MAAI,GAAC,mBAAc,WAAW,CAAC,MAA1B,mBAA8B,YAAW;AACjC,eAAA;AAAA,EAAA;AAIT,MAAA,aAAa,KAAK,GAAC,mBAAc,QAAQ,MAAtB,mBAA0B,WAAW,KAAI;AACnD,eAAA;AAAA,EAAA;AAGN,SAAA;AACT;AAKa,MAAA,mBAAmB,CAAC,YAAsC;AACrE,QAAM,UAAoB,CAAC;AAE3B,MAAI,UAAU,EAA4B,SAAA,KAAK,YAAY;AAC3D,MAAI,UAAU,EAA8B,SAAA,KAAK,cAAc;AAC/D,MAAI,UAAU,EAA+B,SAAA,KAAK,eAAe;AACjE,MAAI,UAAU,EAA6B,SAAA,KAAK,aAAa;AAEtD,SAAA;AACT;AAGa,MAAA,oBAAoB,CAC/B,IACA,gBACG,YAAY,IAAI,WAAW,EAAE,CAAC;"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getEntityViewierIds = (entity) => {
+  var _a, _b, _c, _d, _e;
+  const targetIds = {
+    [entity.entityType + "Id"]: entity.entityId
+  };
+  if (entity.entityType === "version") {
+    if ("product" in entity && ((_a = entity.product) == null ? void 0 : _a.id)) {
+      targetIds.productId = (_b = entity.product) == null ? void 0 : _b.id;
+      if ("folder" in entity.product && ((_d = (_c = entity.product) == null ? void 0 : _c.folder) == null ? void 0 : _d.id)) {
+        targetIds.folderId = (_e = entity.product) == null ? void 0 : _e.folder.id;
+      }
+    }
+  }
+  return targetIds;
+};
+exports.getEntityViewierIds = getEntityViewierIds;
+//# sourceMappingURL=getEntityViewerIds.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getEntityViewerIds.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getEntityViewerIds.ts"],"sourcesContent":["import { EntityMap } from '.'\n\n// gets parents id of an entity when using the viewer\nexport const getEntityViewierIds = (entity: EntityMap): { [id: string]: string } => {\n  const targetIds = {\n    [entity.entityType + 'Id']: entity.entityId,\n  }\n  // if version, also include productId and folderId\n  if (entity.entityType === 'version') {\n    if ('product' in entity && entity.product?.id) {\n      targetIds.productId = entity.product?.id\n      if ('folder' in entity.product && entity.product?.folder?.id) {\n        targetIds.folderId = entity.product?.folder.id\n      }\n    }\n  }\n  return targetIds\n}\n"],"names":[],"mappings":";;AAGa,MAAA,sBAAsB,CAAC,WAAgD;;AAClF,QAAM,YAAY;AAAA,IAChB,CAAC,OAAO,aAAa,IAAI,GAAG,OAAO;AAAA,EACrC;AAEI,MAAA,OAAO,eAAe,WAAW;AACnC,QAAI,aAAa,YAAU,YAAO,YAAP,mBAAgB,KAAI;AACnC,gBAAA,aAAY,YAAO,YAAP,mBAAgB;AACtC,UAAI,YAAY,OAAO,aAAW,kBAAO,YAAP,mBAAgB,WAAhB,mBAAwB,KAAI;AAClD,kBAAA,YAAW,YAAO,YAAP,mBAAgB,OAAO;AAAA,MAAA;AAAA,IAC9C;AAAA,EACF;AAEK,SAAA;AACT;;"}

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

@@ -0,0 +1,19 @@
+const getEntityViewierIds = (entity) => {
+  var _a, _b, _c, _d, _e;
+  const targetIds = {
+    [entity.entityType + "Id"]: entity.entityId
+  };
+  if (entity.entityType === "version") {
+    if ("product" in entity && ((_a = entity.product) == null ? void 0 : _a.id)) {
+      targetIds.productId = (_b = entity.product) == null ? void 0 : _b.id;
+      if ("folder" in entity.product && ((_d = (_c = entity.product) == null ? void 0 : _c.folder) == null ? void 0 : _d.id)) {
+        targetIds.folderId = (_e = entity.product) == null ? void 0 : _e.folder.id;
+      }
+    }
+  }
+  return targetIds;
+};
+export {
+  getEntityViewierIds
+};
+//# sourceMappingURL=getEntityViewerIds.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getEntityViewerIds.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getEntityViewerIds.ts"],"sourcesContent":["import { EntityMap } from '.'\n\n// gets parents id of an entity when using the viewer\nexport const getEntityViewierIds = (entity: EntityMap): { [id: string]: string } => {\n  const targetIds = {\n    [entity.entityType + 'Id']: entity.entityId,\n  }\n  // if version, also include productId and folderId\n  if (entity.entityType === 'version') {\n    if ('product' in entity && entity.product?.id) {\n      targetIds.productId = entity.product?.id\n      if ('folder' in entity.product && entity.product?.folder?.id) {\n        targetIds.folderId = entity.product?.folder.id\n      }\n    }\n  }\n  return targetIds\n}\n"],"names":[],"mappings":"AAGa,MAAA,sBAAsB,CAAC,WAAgD;AAAvE;AACX,QAAM,YAAY;AAAA,IAChB,CAAC,OAAO,aAAa,IAAI,GAAG,OAAO;AAAA,EACrC;AAEI,MAAA,OAAO,eAAe,WAAW;AACnC,QAAI,aAAa,YAAU,YAAO,YAAP,mBAAgB,KAAI;AACnC,gBAAA,aAAY,YAAO,YAAP,mBAAgB;AACtC,UAAI,YAAY,OAAO,aAAW,kBAAO,YAAP,mBAAgB,WAAhB,mBAAwB,KAAI;AAClD,kBAAA,YAAW,YAAO,YAAP,mBAAgB,OAAO;AAAA,MAAA;AAAA,IAC9C;AAAA,EACF;AAEK,SAAA;AACT;"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getTypeDefaultValue = (type) => {
+  switch (type) {
+    case "boolean":
+      return false;
+    case "datetime":
+      return null;
+    case "float":
+    case "integer":
+      return 0;
+    case "string":
+      return "";
+    case "list_of_strings":
+    case "list_of_integers":
+    case "list_of_any":
+    case "list_of_submodels":
+      return [];
+    case "dict":
+      return {};
+    default:
+      return null;
+  }
+};
+exports.getTypeDefaultValue = getTypeDefaultValue;
+//# sourceMappingURL=getTypeDefaultValue.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTypeDefaultValue.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTypeDefaultValue.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\n\nexport const getTypeDefaultValue = (type: AttributeData['type']) => {\n  switch (type) {\n    case 'boolean':\n      return false\n    case 'datetime':\n      return null\n    case 'float':\n    case 'integer':\n      return 0\n    case 'string':\n      return ''\n    case 'list_of_strings':\n    case 'list_of_integers':\n    case 'list_of_any':\n    case 'list_of_submodels':\n      return []\n    case 'dict':\n      return {}\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":";;AAEa,MAAA,sBAAsB,CAAC,SAAgC;AAClE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAC;AAAA,IACV,KAAK;AACH,aAAO,CAAC;AAAA,IACV;AACS,aAAA;AAAA,EAAA;AAEb;;"}

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

@@ -0,0 +1,26 @@
+const getTypeDefaultValue = (type) => {
+  switch (type) {
+    case "boolean":
+      return false;
+    case "datetime":
+      return null;
+    case "float":
+    case "integer":
+      return 0;
+    case "string":
+      return "";
+    case "list_of_strings":
+    case "list_of_integers":
+    case "list_of_any":
+    case "list_of_submodels":
+      return [];
+    case "dict":
+      return {};
+    default:
+      return null;
+  }
+};
+export {
+  getTypeDefaultValue
+};
+//# sourceMappingURL=getTypeDefaultValue.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTypeDefaultValue.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTypeDefaultValue.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\n\nexport const getTypeDefaultValue = (type: AttributeData['type']) => {\n  switch (type) {\n    case 'boolean':\n      return false\n    case 'datetime':\n      return null\n    case 'float':\n    case 'integer':\n      return 0\n    case 'string':\n      return ''\n    case 'list_of_strings':\n    case 'list_of_integers':\n    case 'list_of_any':\n    case 'list_of_submodels':\n      return []\n    case 'dict':\n      return {}\n    default:\n      return null\n  }\n}\n"],"names":[],"mappings":"AAEa,MAAA,sBAAsB,CAAC,SAAgC;AAClE,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAC;AAAA,IACV,KAAK;AACH,aAAO,CAAC;AAAA,IACV;AACS,aAAA;AAAA,EAAA;AAEb;"}

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

@@ -34,7 +34,7 @@ const Cell = styled.div`
     opacity: 1;
   }
 `;
-const EditorCellComponent = ({
+const CellWidget = ({
   rowId,
   columnId,
   value,
@@ -85,7 +85,10 @@ const EditorCellComponent = ({
     }
   };
   const handleCancel = () => {
+    var _a;
     setEditingCellId(null);
+    const td = (_a = ref.current) == null ? void 0 : _a.closest("td");
+    if (td) td.focus();
   };
   const widget = React.useMemo(() => {
     const sharedProps = {
@@ -160,7 +163,11 @@ const EditorCellComponent = ({
     Cell,
     {
       ...props,
-      className: clsx(props.className, { inherited: isInherited && !isCurrentCellEditing }),
+      className: clsx(props.className, {
+        inherited: isInherited && !isCurrentCellEditing,
+        readonly: isReadOnly,
+        editable: !isReadOnly
+      }),
       ref,
       onDoubleClick: handleDoubleClick,
       onClick: handleSingleClick,
@@ -171,11 +178,5 @@ const EditorCellComponent = ({
     }
   );
 };
-function arePropsEqual(prevProps, nextProps) {
-  var _a, _b, _c, _d, _e, _f;
-  return prevProps.rowId === nextProps.rowId && prevProps.columnId === nextProps.columnId && prevProps.isCollapsed === nextProps.isCollapsed && JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) && ((_a = prevProps == null ? void 0 : prevProps.attributeData) == null ? void 0 : _a.type) === ((_b = nextProps == null ? void 0 : nextProps.attributeData) == null ? void 0 : _b.type) && // Only check options length for list types to avoid deep comparison
-  (!((_c = prevProps == null ? void 0 : prevProps.attributeData) == null ? void 0 : _c.type.includes("list")) && !((_d = nextProps == null ? void 0 : nextProps.attributeData) == null ? void 0 : _d.type.includes("list")) || ((_e = prevProps.options) == null ? void 0 : _e.length) === ((_f = nextProps.options) == null ? void 0 : _f.length)) && prevProps.isInherited === nextProps.isInherited && prevProps.enableCustomValues === nextProps.enableCustomValues && prevProps.isReadOnly === nextProps.isReadOnly && prevProps.isPlaceholder === nextProps.isPlaceholder && prevProps.isFocused === nextProps.isFocused && prevProps.isCollapsed === nextProps.isCollapsed;
-}
-const CellWidget = React.memo(EditorCellComponent, arePropsEqual);
 exports.CellWidget = CellWidget;
 //# 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\nconst EditorCellComponent: 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  }\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, { inherited: isInherited && !isCurrentCellEditing })}\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\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["useRef","useCellEditing","useSelectionCellsContext","getCellId","useCallback","useMemo","jsx","CollapsedWidget","TextWidget","EnumWidget","DateWidget","BooleanWidget","memo"],"mappings":"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"}
+{"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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"}

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

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { memo, useRef, useCallback, useMemo } from "react";
+import { useRef, useCallback, useMemo } from "react";
 import styled from "styled-components";
 import { BooleanWidget } from "./BooleanWidget.es.js";
 import { CollapsedWidget } from "./CollapsedWidget.es.js";
@@ -32,7 +32,7 @@ const Cell = styled.div`
     opacity: 1;
   }
 `;
-const EditorCellComponent = ({
+const CellWidget = ({
   rowId,
   columnId,
   value,
@@ -83,7 +83,10 @@ const EditorCellComponent = ({
     }
   };
   const handleCancel = () => {
+    var _a;
     setEditingCellId(null);
+    const td = (_a = ref.current) == null ? void 0 : _a.closest("td");
+    if (td) td.focus();
   };
   const widget = useMemo(() => {
     const sharedProps = {
@@ -158,7 +161,11 @@ const EditorCellComponent = ({
     Cell,
     {
       ...props,
-      className: clsx(props.className, { inherited: isInherited && !isCurrentCellEditing }),
+      className: clsx(props.className, {
+        inherited: isInherited && !isCurrentCellEditing,
+        readonly: isReadOnly,
+        editable: !isReadOnly
+      }),
       ref,
       onDoubleClick: handleDoubleClick,
       onClick: handleSingleClick,
@@ -169,12 +176,6 @@ const EditorCellComponent = ({
     }
   );
 };
-function arePropsEqual(prevProps, nextProps) {
-  var _a, _b, _c, _d, _e, _f;
-  return prevProps.rowId === nextProps.rowId && prevProps.columnId === nextProps.columnId && prevProps.isCollapsed === nextProps.isCollapsed && JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) && ((_a = prevProps == null ? void 0 : prevProps.attributeData) == null ? void 0 : _a.type) === ((_b = nextProps == null ? void 0 : nextProps.attributeData) == null ? void 0 : _b.type) && // Only check options length for list types to avoid deep comparison
-  (!((_c = prevProps == null ? void 0 : prevProps.attributeData) == null ? void 0 : _c.type.includes("list")) && !((_d = nextProps == null ? void 0 : nextProps.attributeData) == null ? void 0 : _d.type.includes("list")) || ((_e = prevProps.options) == null ? void 0 : _e.length) === ((_f = nextProps.options) == null ? void 0 : _f.length)) && prevProps.isInherited === nextProps.isInherited && prevProps.enableCustomValues === nextProps.enableCustomValues && prevProps.isReadOnly === nextProps.isReadOnly && prevProps.isPlaceholder === nextProps.isPlaceholder && prevProps.isFocused === nextProps.isFocused && prevProps.isCollapsed === nextProps.isCollapsed;
-}
-const CellWidget = memo(EditorCellComponent, arePropsEqual);
 export {
   CellWidget
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.es.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\nconst EditorCellComponent: 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  }\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, { inherited: isInherited && !isCurrentCellEditing })}\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\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["jsx"],"mappings":"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"}
+{"version":3,"file":"CellWidget.es.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":["jsx"],"mappings":"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"}

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

@@ -4,8 +4,14 @@ const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const styled = require("styled-components");
 const Expander = styled(ayonReactComponents.Button)`
-  background-color: unset !important;
-  padding: 2px !important;
+  &.expander {
+    background-color: unset;
+    padding: 2px;
+
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-high-hover);
+    }
+  }
   cursor: pointer;
 `;
 const StyledEntityNameWidget = styled.div`

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

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Button","theme","jsx","jsxs","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,2DACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,iDAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,2BAAA,kBAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,2BAAAA,kBAAAA,IAAC,uBACC,EAAA,UAAAC,2BAAAA,kBAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,2BAAA,kBAAA,IAACE,4BAAK,KAAY,CAAA;AAAA,wDAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"EntityNameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["Button","theme","jsx","jsxs","Icon"],"mappings":";;;;;AAGA,MAAM,WAAW,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3BC,0BAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,2DACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPC,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,iDAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,2BAAA,kBAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,2BAAAA,kBAAAA,IAAC,uBACC,EAAA,UAAAC,2BAAAA,kBAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,2BAAA,kBAAA,IAACE,4BAAK,KAAY,CAAA;AAAA,wDAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASF,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js

@@ -2,8 +2,14 @@ import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.j
 import { Button, theme, Icon } from "@ynput/ayon-react-components";
 import styled from "styled-components";
 const Expander = styled(Button)`
-  background-color: unset !important;
-  padding: 2px !important;
+  &.expander {
+    background-color: unset;
+    padding: 2px;
+
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-high-hover);
+    }
+  }
   cursor: pointer;
 `;
 const StyledEntityNameWidget = styled.div`

package/dist/shared/src/containers/ProjectTreeTable/widgets/EntityNameWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  background-color: unset !important;\n  padding: 2px !important;\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,gDACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,sCAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,kCAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,kCAAAA,IAAC,uBACC,EAAA,UAAAC,kCAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,kCAAA,IAAC,QAAK,KAAY,CAAA;AAAA,6CAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASA,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EntityNameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EntityNameWidget.tsx"],"sourcesContent":["import { Button, Icon, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n  cursor: pointer;\n`\n\nconst StyledEntityNameWidget = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 100%;\n  width: 100%;\n  padding-right: 8px;\n`\n\nconst StyledContentWrapper = styled.div`\n  width: 100%;\n  height: 24px;\n  overflow: hidden;\n  position: relative;\n`\n\nconst StyledContentAbsolute = styled.div`\n  position: absolute;\n  inset: 0;\n`\n\nconst StyledContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-large);\n  padding: 2px 4px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  width: fit-content;\n  max-width: 100%;\n  height: 100%;\n\n  /* &:hover {\n    &,\n    .icon,\n    .path {\n      color: var(--md-sys-color-primary);\n    }\n  } */\n`\n\nconst StyledTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  .path {\n    ${theme.labelSmall}\n    margin-bottom: -4px;\n    color: var(--md-sys-color-outline);\n  }\n\n  span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`\n\ntype EntityNameWidgetProps = {\n  id: string\n  label: string\n  name: string\n  path?: string | null\n  showHierarchy?: boolean\n  icon?: string | null\n  type: string\n  isExpanded: boolean\n  toggleExpandAll: (id: string) => void\n  toggleExpanded: () => void\n}\n\nexport const EntityNameWidget = ({\n  id,\n  label,\n  name,\n  path,\n  showHierarchy,\n  icon,\n  type,\n  isExpanded,\n  toggleExpandAll,\n  toggleExpanded,\n}: EntityNameWidgetProps) => {\n  return (\n    <StyledEntityNameWidget>\n      {showHierarchy ? (\n        type === 'folder' ? (\n          <Expander\n            onClick={(e) => {\n              e.stopPropagation()\n              if (e.altKey) {\n                // expand/collapse all children\n                toggleExpandAll(id)\n              } else {\n                // use built-in toggleExpanded function\n                toggleExpanded()\n              }\n            }}\n            className=\"expander\"\n            icon={isExpanded ? 'expand_more' : 'chevron_right'}\n          />\n        ) : (\n          <div style={{ display: 'inline-block', minWidth: 24 }} />\n        )\n      ) : null}\n      <StyledContentWrapper style={{ height: path ? 32 : 24 }}>\n        <StyledContentAbsolute>\n          <StyledContent>\n            {icon && <Icon icon={icon} />}\n            <StyledTextContent>\n              {path && <span className=\"path\">{path}</span>}\n              <span className=\"label\">{label || name}</span>\n            </StyledTextContent>\n          </StyledContent>\n        </StyledContentAbsolute>\n      </StyledContentWrapper>\n    </StyledEntityNameWidget>\n  )\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAGA,MAAM,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY9B,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB7B,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAM3B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBf,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,gDACG,wBACE,EAAA,UAAA;AAAA,IAAA,gBACC,SAAS,WACPA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,cAAI,EAAE,QAAQ;AAEZ,4BAAgB,EAAE;AAAA,UAAA,OACb;AAEU,2BAAA;AAAA,UAAA;AAAA,QAEnB;AAAA,QACA,WAAU;AAAA,QACV,MAAM,aAAa,gBAAgB;AAAA,MAAA;AAAA,IACrC,IAECA,sCAAA,OAAA,EAAI,OAAO,EAAE,SAAS,gBAAgB,UAAU,KAAM,CAAA,IAEvD;AAAA,IACHA,kCAAA,IAAA,sBAAA,EAAqB,OAAO,EAAE,QAAQ,OAAO,KAAK,GAAA,GACjD,UAAAA,kCAAAA,IAAC,uBACC,EAAA,UAAAC,kCAAAA,KAAC,eACE,EAAA,UAAA;AAAA,MAAQ,QAAAD,kCAAA,IAAC,QAAK,KAAY,CAAA;AAAA,6CAC1B,mBACE,EAAA,UAAA;AAAA,QAAA,QAASA,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,QACrCA,kCAAA,IAAA,QAAA,EAAK,WAAU,SAAS,mBAAS,KAAK,CAAA;AAAA,MAAA,EACzC,CAAA;AAAA,IAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}