@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

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 { TaskLink } from '@shared/api'\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// return the link entity ids for a given column id\nexport const getLinkEntityIdsByColumnId = (links: TaskLink[], columnId: CellId): string => {\n  // split the columnId\n  const [_link, linkType, _inType, _outType, direction] = columnId.split('_')\n  const cellLinks = links.filter(\n    (link) => link.linkType === linkType && link.direction === direction,\n  )\n  if (cellLinks.length) {\n    return cellLinks.map((link) => link.node.id).join(',')\n  } else {\n    return ''\n  }\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","getCellId","rowId","colId","parseCellId","cellId","match","getCellValue","obj","path","parts","current","part","getLinkEntityIdsByColumnId","links","columnId","_link","linkType","_inType","_outType","direction","cellLinks","link","getCellBorders","rowIndex","colIndex","selectedCells","_a","borders","_b","_c","_d","_e","getBorderClasses","classes","getEntityDataById","id","entitiesMap","parseRowId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBY,IAAAA,sBAAAA,OACVA,EAAAA,EAAA,OAAO,CAAP,IAAA,QACAA,EAAAA,EAAA,MAAM,CAAN,IAAA,OACAA,EAAAA,EAAA,QAAQ,CAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,OAAO,CAAP,IAAA,QACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OANUA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,KAAY,CAACC,GAAcC,MAAyB,QAAQD,CAAK,IAAIC,CAAK,IAM1EC,KAAc,CAACC,MAAwC;AAC5D,QAAAC,IAAQD,EAAO,MAAM,kBAAkB;AACzC,SAACC,IACE,EAAE,OAAOA,EAAM,CAAC,GAAG,OAAOA,EAAM,CAAC,EAAE,IADvB;AAErB,GAEaC,KAAe,CAACC,GAAUC,MAAsB;AAC3D,MAAI,CAACD,KAAO,CAACC,EAAa;AAEpB,QAAAC,IAAQD,EAAK,MAAM,GAAG;AAC5B,MAAIE,IAAUH;AAEd,aAAWI,KAAQF;AACjB,QAAIC,KAAW,OAAOA,KAAY,YAAYC,KAAQD;AACpD,MAAAA,IAAUA,EAAQC,CAAI;AAAA;AAEf;AAIJ,SAAAD;AACT,GAGaE,KAA6B,CAACC,GAAmBC,MAA6B;AAEnF,QAAA,CAACC,GAAOC,GAAUC,GAASC,GAAUC,CAAS,IAAIL,EAAS,MAAM,GAAG,GACpEM,IAAYP,EAAM;AAAA,IACtB,CAACQ,MAASA,EAAK,aAAaL,KAAYK,EAAK,cAAcF;AAAA,EAC7D;AACA,SAAIC,EAAU,SACLA,EAAU,IAAI,CAACC,MAASA,EAAK,KAAK,EAAE,EAAE,KAAK,GAAG,IAE9C;AAEX,GAWaC,KAAiB,CAC5BC,GACAC,GACAC,MACmB;;AACnB,MAAI,GAACC,IAAAD,EAAcF,CAAQ,MAAtB,QAAAG,EAA0BF;AACtB,WAAA;AAGT,MAAIG,IAAU;AAGV,UAAAJ,MAAa,KAAK,GAACK,IAAAH,EAAcF,IAAW,CAAC,MAA1B,QAAAK,EAA8BJ,SACxCG,KAAA,KAIRE,IAAAJ,EAAcF,CAAQ,MAAtB,QAAAM,EAA0BL,IAAW,OAC7BG,KAAA,KAIRG,IAAAL,EAAcF,IAAW,CAAC,MAA1B,QAAAO,EAA8BN,OACtBG,KAAA,KAITH,MAAa,KAAK,GAACO,IAAAN,EAAcF,CAAQ,MAAtB,QAAAQ,EAA0BP,IAAW,SAC/CG,KAAA,IAGNA;AACT,GAKaK,KAAmB,CAACL,MAAsC;AACrE,QAAMM,IAAoB,CAAC;AAE3B,SAAIN,IAAU,KAA4BM,EAAA,KAAK,YAAY,GACvDN,IAAU,KAA8BM,EAAA,KAAK,cAAc,GAC3DN,IAAU,KAA+BM,EAAA,KAAK,eAAe,GAC7DN,IAAU,KAA6BM,EAAA,KAAK,aAAa,GAEtDA;AACT,GAGaC,KAAoB,CAC/BC,GACAC,MACGA,EAAY,IAAIC,EAAWF,CAAE,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 { TaskLink } from '@shared/api'\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// return the link entity ids for a given column id\nexport const getLinkEntityIdsByColumnId = (links: TaskLink[], columnId: CellId): string => {\n  // split the columnId\n  const [_link, linkType, _inType, _outType, direction] = columnId.split('_')\n  const cellLinks = links.filter(\n    (link) => link.linkType === linkType && link.direction === direction,\n  )\n  if (cellLinks.length) {\n    return cellLinks.map((link) => link.node.id).join(',')\n  } else {\n    return ''\n  }\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","getCellId","rowId","colId","parseCellId","cellId","match","getCellValue","obj","path","parts","current","part","getLinkEntityIdsByColumnId","links","columnId","_link","linkType","_inType","_outType","direction","cellLinks","link","getCellBorders","rowIndex","colIndex","selectedCells","_a","borders","_b","_c","_d","_e","getBorderClasses","classes","getEntityDataById","id","entitiesMap","parseRowId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBY,IAAAA,sBAAAA,OACVA,EAAAA,EAAA,OAAO,CAAP,IAAA,QACAA,EAAAA,EAAA,MAAM,CAAN,IAAA,OACAA,EAAAA,EAAA,QAAQ,CAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,CAAT,IAAA,UACAA,EAAAA,EAAA,OAAO,CAAP,IAAA,QACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OANUA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,KAAY,CAACC,GAAcC,MAAyB,QAAQD,CAAK,IAAIC,CAAK,IAM1EC,KAAc,CAACC,MAAwC;AAC5D,QAAAC,IAAQD,EAAO,MAAM,kBAAkB;AACzC,SAACC,IACE,EAAE,OAAOA,EAAM,CAAC,GAAG,OAAOA,EAAM,CAAC,EAAE,IADvB;AAErB,GAEaC,KAAe,CAACC,GAAUC,MAAsB;AAC3D,MAAI,CAACD,KAAO,CAACC,EAAa;AAEpB,QAAAC,IAAQD,EAAK,MAAM,GAAG;AAC5B,MAAIE,IAAUH;AAEd,aAAWI,KAAQF;AACjB,QAAIC,KAAW,OAAOA,KAAY,YAAYC,KAAQD;AACpD,MAAAA,IAAUA,EAAQC,CAAI;AAAA;AAEf;AAIJ,SAAAD;AACT,GAGaE,KAA6B,CAACC,GAAmBC,MAA6B;AAEnF,QAAA,CAACC,GAAOC,GAAUC,GAASC,GAAUC,CAAS,IAAIL,EAAS,MAAM,GAAG,GACpEM,IAAYP,EAAM;AAAA,IACtB,CAACQ,MAASA,EAAK,aAAaL,KAAYK,EAAK,cAAcF;AAAA,EAC7D;AACA,SAAIC,EAAU,SACLA,EAAU,IAAI,CAACC,MAASA,EAAK,KAAK,EAAE,EAAE,KAAK,GAAG,IAE9C;AAEX,GAWaC,KAAiB,CAC5BC,GACAC,GACAC,MACmB;;AACnB,MAAI,GAACC,IAAAD,EAAcF,CAAQ,MAAtB,QAAAG,EAA0BF;AACtB,WAAA;AAGT,MAAIG,IAAU;AAGV,UAAAJ,MAAa,KAAK,GAACK,IAAAH,EAAcF,IAAW,CAAC,MAA1B,QAAAK,EAA8BJ,SACxCG,KAAA,KAIRE,IAAAJ,EAAcF,CAAQ,MAAtB,QAAAM,EAA0BL,IAAW,OAC7BG,KAAA,KAIRG,IAAAL,EAAcF,IAAW,CAAC,MAA1B,QAAAO,EAA8BN,OACtBG,KAAA,KAITH,MAAa,KAAK,GAACO,IAAAN,EAAcF,CAAQ,MAAtB,QAAAQ,EAA0BP,IAAW,SAC/CG,KAAA,IAGNA;AACT,GAKaK,KAAmB,CAACL,MAAsC;AACrE,QAAMM,IAAoB,CAAC;AAE3B,SAAIN,IAAU,KAA4BM,EAAA,KAAK,YAAY,GACvDN,IAAU,KAA8BM,EAAA,KAAK,cAAc,GAC3DN,IAAU,KAA+BM,EAAA,KAAK,eAAe,GAC7DN,IAAU,KAA6BM,EAAA,KAAK,aAAa,GAEtDA;AACT,GAGaC,KAAoB,CAC/BC,GACAC,MACGA,EAAY,IAAIC,EAAWF,CAAE,CAAC;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),z=require("styled-components"),J=require("./BooleanWidget.cjs.js"),K=require("./CollapsedWidget.cjs.js"),Q=require("./DateWidget.cjs.js"),X=require("./EnumWidget.cjs.js"),Y=require("./TextWidget.cjs.js"),I=require("./LinksWidget.cjs.js"),Z=require("../context/CellEditingContext.cjs.js"),$=require("../context/ColumnSettingsContext.cjs.js"),w=require("../utils/cellUtils.cjs.js"),O=require("clsx"),V=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 ee=require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../context/ProjectDataContext.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/activities/getCategories.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/entityLists/listFolders.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/users/guests.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("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");const re=require("./EnumCellValue.cjs.js"),ie=require("./NameWidget.cjs.js"),ue=z.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),z=require("styled-components"),J=require("./BooleanWidget.cjs.js"),K=require("./CollapsedWidget.cjs.js"),Q=require("./DateWidget.cjs.js"),X=require("./EnumWidget.cjs.js"),Y=require("./TextWidget.cjs.js"),I=require("./LinksWidget.cjs.js"),Z=require("../context/CellEditingContext.cjs.js"),$=require("../context/ColumnSettingsContext.cjs.js"),w=require("../utils/cellUtils.cjs.js"),O=require("clsx"),V=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 ee=require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../context/ProjectDataContext.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/activities/getCategories.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/entityLists/listFolders.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/users/guests.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("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");const re=require("./EnumCellValue.cjs.js"),ie=require("./NameWidget.cjs.js"),ue=z.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;

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, 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'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\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'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\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' | 'name' }\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  entityType?: string\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  entityType,\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 { rowHeight } = useColumnSettingsContext()\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      case type === 'name': {\n        return (\n          <NameWidget\n            value={value as CellValue}\n            valueData={valueData as NameWidgetData}\n            cellId={cellId}\n            entityType={entityType || ''}\n            {...sharedProps}\n          />\n        )\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          const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\n              rowHeight={rowHeight}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => 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            columnId={columnId}\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":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"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'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\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'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\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' | 'name' }\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  entityType?: string\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  entityType,\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 { rowHeight } = useColumnSettingsContext()\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      case type === 'name': {\n        return (\n          <NameWidget\n            value={value as CellValue}\n            valueData={valueData as NameWidgetData}\n            cellId={cellId}\n            entityType={entityType || ''}\n            {...sharedProps}\n          />\n        )\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          const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\n              rowHeight={rowHeight}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => 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            columnId={columnId}\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":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

@@ -129,6 +129,7 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
@@ -155,7 +156,7 @@ const pt = Q.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, _i = "edit-trigger", Bi = ({
+`, Bi = "edit-trigger", Hi = ({
   rowId: j,
   columnId: g,
   value: i,
@@ -312,7 +313,7 @@ const pt = Q.div`
   );
 };
 export {
-  Bi as CellWidget,
-  _i as EDIT_TRIGGER_CLASS
+  Hi as CellWidget,
+  Bi as EDIT_TRIGGER_CLASS
 };
 //# sourceMappingURL=CellWidget.es.js.map

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, 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'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\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'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\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' | 'name' }\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  entityType?: string\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  entityType,\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 { rowHeight } = useColumnSettingsContext()\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      case type === 'name': {\n        return (\n          <NameWidget\n            value={value as CellValue}\n            valueData={valueData as NameWidgetData}\n            cellId={cellId}\n            entityType={entityType || ''}\n            {...sharedProps}\n          />\n        )\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          const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\n              rowHeight={rowHeight}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => 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            columnId={columnId}\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":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
+{"version":3,"file":"CellWidget.es.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'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\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'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\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' | 'name' }\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  entityType?: string\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  entityType,\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 { rowHeight } = useColumnSettingsContext()\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      case type === 'name': {\n        return (\n          <NameWidget\n            value={value as CellValue}\n            valueData={valueData as NameWidgetData}\n            cellId={cellId}\n            entityType={entityType || ''}\n            {...sharedProps}\n          />\n        )\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          const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\n              rowHeight={rowHeight}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => 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            columnId={columnId}\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":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.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/entityLists/listFolders.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/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");const E=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const C=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),g=require("../context/DetailsPanelEntityContext.cjs.js"),h=require("../context/SelectedRowsContext.cjs.js"),j=require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredPowerpackVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");const m=require("../../../components/Chips/Chips.cjs.js"),R=require("../../../components/LinksManager/LinksManager.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const k=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),L=(e,i,u)=>{const t=i.split("|"),[n,s,c]=t;return e==="in"?u===c:u===s},T=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:c,onCancelEdit:y})=>{let o,l;const a=[];try{const r=g.useDetailsPanelEntityContext();o=r.setSelectedEntity,r.selectedEntity&&a.push(r.selectedEntity.entityId)}catch{}try{l=h.useSelectedRowsContext().clearRowsSelection}catch{}const x=(r,d)=>{l&&l(),o?o({entityId:r,entityType:d}):console.log("Entity clicked:",r,d)},p=e!=null&&e.links?k(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(m.Chips,{values:p.map(r=>({label:r.label,tooltip:r.parents.join("/")+"/"+r.label}))||[],pt:{chip:{className:E.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(C.CellEditingDialog,{isEditing:i,anchorId:u,onClose:y,children:n?q.jsxRuntimeExports.jsx(j.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(R.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:p,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:a,onEntityClick:x,folderId:s,onClose:y})})]})};exports.LinksWidget=T;exports.isLinkEditable=L;exports.sortEntityLinksByPath=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.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/entityLists/listFolders.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/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");const E=require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");const C=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),g=require("../context/DetailsPanelEntityContext.cjs.js"),h=require("../context/SelectedRowsContext.cjs.js"),j=require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");const m=require("../../../components/Chips/Chips.cjs.js"),R=require("../../../components/LinksManager/LinksManager.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const k=e=>[...e].sort((i,u)=>{const t=i.parents.join("/")+i.label,n=u.parents.join("/")+u.label;return t.localeCompare(n)}),L=(e,i,u)=>{const t=i.split("|"),[n,s,c]=t;return e==="in"?u===c:u===s},T=({value:e,isEditing:i,cellId:u,projectName:t,disabled:n,folderId:s,onChange:c,onCancelEdit:y})=>{let o,l;const a=[];try{const r=g.useDetailsPanelEntityContext();o=r.setSelectedEntity,r.selectedEntity&&a.push(r.selectedEntity.entityId)}catch{}try{l=h.useSelectedRowsContext().clearRowsSelection}catch{}const x=(r,d)=>{l&&l(),o?o({entityId:r,entityType:d}):console.log("Entity clicked:",r,d)},p=e!=null&&e.links?k(e.links):[];return q.jsxRuntimeExports.jsxs(q.jsxRuntimeExports.Fragment,{children:[q.jsxRuntimeExports.jsx(m.Chips,{values:p.map(r=>({label:r.label,tooltip:r.parents.join("/")+"/"+r.label}))||[],pt:{chip:{className:E.EDIT_TRIGGER_CLASS}},disabled:n}),i&&e&&q.jsxRuntimeExports.jsx(C.CellEditingDialog,{isEditing:i,anchorId:u,onClose:y,children:n?q.jsxRuntimeExports.jsx(j.Container,{style:{color:"var(--md-sys-color-outline)"},children:`${e.link.label||""} ${e.direction} link is not of type ${e.entityType}`}):q.jsxRuntimeExports.jsx(R.LinksManager,{projectName:t,linkTypeLabel:e.link.label||"",links:p,direction:e.direction,entityId:e.entityId,entityType:e.entityType,targetEntityType:e.link.targetEntityType,linkType:e.link.linkType,selectedEntityIds:a,onEntityClick:x,folderId:s,onClose:y})})]})};exports.LinksWidget=T;exports.isLinkEditable=L;exports.sortEntityLinksByPath=k;
 //# sourceMappingURL=LinksWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"omZASa,MAAAA,EAAyBC,GAC7B,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACC,EAAGC,IAAM,CAC/B,MAAMC,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAChCG,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAE/B,OAAAC,EAAM,cAAcC,CAAK,CAAA,CACjC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACN,MAAAC,EAAgBF,EAAS,MAAM,GAAG,EAClC,CAACG,EAAOC,EAASC,CAAM,EAAIH,EACjC,OAAIH,IAAc,KACTE,IAAeI,EAEfJ,IAAeG,CAE1B,EAsBaE,EAAoC,CAAC,CAChD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CAEA,IAAAC,EAGAC,EAEJ,MAAMC,EAA8B,CAAC,EACjC,GAAA,CACF,MAAMC,EAAgBC,EAAAA,6BAA6B,EACnDJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBACED,EAAA,KAAKC,EAAc,eAAe,QAAQ,CAC9D,MACM,CAAA,CAIJ,GAAA,CAEFF,EADoBI,EAAAA,uBAAuB,EACV,kBAAA,MAC3B,CAAA,CAIF,MAAAC,EAAoB,CAACC,EAAkBrB,IAAuB,CAE9De,GACiBA,EAAA,EAGjBD,EACgBA,EAAA,CAChB,SAAAO,EACA,WAAArB,CAAA,CACD,EAGO,QAAA,IAAI,kBAAmBqB,EAAUrB,CAAU,CAEvD,EAEMsB,EAAchB,GAAA,MAAAA,EAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAC,EAEzE,OAEIiB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,MACT,QAASA,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,KACzC,EAAE,GAAK,CAAC,EAEV,GAAI,CAAE,KAAM,CAAE,UAAWC,qBAAqB,EAC9C,SAAAlB,CAAA,CACF,EACCH,GAAaD,GACXmB,EAAA,kBAAA,IAAAI,EAAA,kBAAA,CAAkB,UAAAtB,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACEe,EAAA,kBAAA,IAAAK,EAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BACxB,EAAA,SAAA,GAAGxB,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,EACF,CAAA,EAEAmB,EAAA,kBAAA,IAACM,EAAA,aAAA,CACC,YAAAtB,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOgB,EACP,UAAWhB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAU,EACA,cAAeI,EACf,SAAAT,EACA,QAASE,CAAA,CAAA,CAGf,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"LinksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"opZASa,MAAAA,EAAyBC,GAC7B,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACC,EAAGC,IAAM,CAC/B,MAAMC,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAChCG,EAAQF,EAAE,QAAQ,KAAK,GAAG,EAAIA,EAAE,MAE/B,OAAAC,EAAM,cAAcC,CAAK,CAAA,CACjC,EAGUC,EAAiB,CAC5BC,EACAC,EACAC,IACY,CACN,MAAAC,EAAgBF,EAAS,MAAM,GAAG,EAClC,CAACG,EAAOC,EAASC,CAAM,EAAIH,EACjC,OAAIH,IAAc,KACTE,IAAeI,EAEfJ,IAAeG,CAE1B,EAsBaE,EAAoC,CAAC,CAChD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CAEA,IAAAC,EAGAC,EAEJ,MAAMC,EAA8B,CAAC,EACjC,GAAA,CACF,MAAMC,EAAgBC,EAAAA,6BAA6B,EACnDJ,EAAoBG,EAAc,kBAC9BA,EAAc,gBACED,EAAA,KAAKC,EAAc,eAAe,QAAQ,CAC9D,MACM,CAAA,CAIJ,GAAA,CAEFF,EADoBI,EAAAA,uBAAuB,EACV,kBAAA,MAC3B,CAAA,CAIF,MAAAC,EAAoB,CAACC,EAAkBrB,IAAuB,CAE9De,GACiBA,EAAA,EAGjBD,EACgBA,EAAA,CAChB,SAAAO,EACA,WAAArB,CAAA,CACD,EAGO,QAAA,IAAI,kBAAmBqB,EAAUrB,CAAU,CAEvD,EAEMsB,EAAchB,GAAA,MAAAA,EAAO,MAAQf,EAAsBe,EAAM,KAAK,EAAI,CAAC,EAEzE,OAEIiB,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,OACEJ,EAAY,IAAKK,IAAO,CACtB,MAAOA,EAAE,MACT,QAASA,EAAE,QAAQ,KAAK,GAAG,EAAI,IAAMA,EAAE,KACzC,EAAE,GAAK,CAAC,EAEV,GAAI,CAAE,KAAM,CAAE,UAAWC,qBAAqB,EAC9C,SAAAlB,CAAA,CACF,EACCH,GAAaD,GACXmB,EAAA,kBAAA,IAAAI,EAAA,kBAAA,CAAkB,UAAAtB,EAAsB,SAAUC,EAAQ,QAASK,EACjE,SAAAH,EACEe,EAAA,kBAAA,IAAAK,EAAA,UAAA,CAAU,MAAO,CAAE,MAAO,6BACxB,EAAA,SAAA,GAAGxB,EAAM,KAAK,OAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,EACF,CAAA,EAEAmB,EAAA,kBAAA,IAACM,EAAA,aAAA,CACC,YAAAtB,EACA,cAAeH,EAAM,KAAK,OAAS,GACnC,MAAOgB,EACP,UAAWhB,EAAM,UACjB,SAAUA,EAAM,SAChB,WAAYA,EAAM,WAClB,iBAAkBA,EAAM,KAAK,iBAC7B,SAAUA,EAAM,KAAK,SACrB,kBAAAU,EACA,cAAeI,EACf,SAAAT,EACA,QAASE,CAAA,CAAA,CAGf,CAAA,CAAA,EAEJ,CAEJ"}

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

@@ -109,6 +109,7 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
@@ -206,7 +207,7 @@ import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredPowerpackVersion.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -227,10 +228,10 @@ import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 const b = (t) => [...t].sort((i, r) => {
   const m = i.parents.join("/") + i.label, n = r.parents.join("/") + r.label;
   return m.localeCompare(n);
-}), Br = (t, i, r) => {
+}), Fr = (t, i, r) => {
   const m = i.split("|"), [n, e, c] = m;
   return t === "in" ? r === c : r === e;
-}, Fr = ({
+}, Mr = ({
   value: t,
   isEditing: i,
   cellId: r,
@@ -290,8 +291,8 @@ const b = (t) => [...t].sort((i, r) => {
   ] });
 };
 export {
-  Fr as LinksWidget,
-  Br as isLinkEditable,
+  Mr as LinksWidget,
+  Fr as isLinkEditable,
   b as sortEntityLinksByPath
 };
 //# sourceMappingURL=LinksWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}
+{"version":3,"file":"LinksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, ChipValue, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { createPortal } from 'react-dom'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n\n  return (\n    <>\n      <Chips\n        values={\n          sortedLinks.map((v) => ({\n            label: v.label,\n            tooltip: v.parents.join('/') + '/' + v.label,\n          })) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","sortedLinks","jsxs","Fragment","jsx","Chips","v","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}