@ynput/ayon-frontend-shared 0.2.45 → 0.3.0

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

@@ -18,10 +18,17 @@ import "../widgets/EntityNameWidget.es.js";
 import "../widgets/GroupHeaderWidget.es.js";
 import "../widgets/ThumbnailWidget.es.js";
 import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/AccessUser/AccessUser.es.js";
 import "clsx";
-import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/graphqlLinks.es.js";
@@ -107,19 +114,23 @@ import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/uris/getUris.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
-import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
@@ -131,14 +142,6 @@ import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
-import "../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../Feed/context/FeedContext.es.js";
-import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -187,6 +190,13 @@ import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
+import "../../SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../SimpleTable/context/SimpleTableContext.es.js";
+import "../../SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../Slicer/components/SlicerSearch.es.js";
+import "../../Slicer/context/SlicerContext.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -202,43 +212,40 @@ import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "axios";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/Watchers/Watchers.es.js";
-import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Badge/Badge.es.js";
-import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
-import "../../../components/Feedback/SupportBubble.es.js";
-import "../../../components/Chips/Chips.es.js";
-import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../../components/StyledLink/StyledLink.es.js";
 import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
 import "../../../components/LinksManager/CellEditingDialog.es.js";
@@ -247,10 +254,10 @@ import "../widgets/ErrorWidget.es.js";
 import "../widgets/LoadMoreWidget.es.js";
 import { parseRowId as u } from "../context/ProjectTableProvider.es.js";
 var l = /* @__PURE__ */ ((t) => (t[t.None = 0] = "None", t[t.Top = 1] = "Top", t[t.Right = 2] = "Right", t[t.Bottom = 4] = "Bottom", t[t.Left = 8] = "Left", t[t.All = 15] = "All", t))(l || {});
-const Ur = (t, p) => `cell-${t}-${p}`, Wr = (t) => {
+const Br = (t, p) => `cell-${t}-${p}`, dr = (t) => {
   const p = t.match(/^cell-(.+)-(.+)$/);
   return p ? { rowId: p[1], colId: p[2] } : null;
-}, Xr = (t, p) => {
+}, xr = (t, p) => {
   if (!t || !p) return;
   const r = p.split("_");
   let i = t;
@@ -260,28 +267,28 @@ const Ur = (t, p) => `cell-${t}-${p}`, Wr = (t) => {
     else
       return;
   return i;
-}, Yr = (t, p) => {
+}, Pr = (t, p) => {
   const [r, i, o, e, n] = p.split("_"), f = t.filter(
     (m) => m.linkType === i && m.direction === n
   );
   return f.length ? f.map((m) => m.node.id).join(",") : "";
-}, Zr = (t, p, r) => {
+}, tm = (t, p, r) => {
   if (!r[t]?.[p])
     return 0;
   let i = 0;
   return (t === 0 || !r[t - 1]?.[p]) && (i |= 1), r[t]?.[p + 1] || (i |= 2), r[t + 1]?.[p] || (i |= 4), (p === 0 || !r[t]?.[p - 1]) && (i |= 8), i;
-}, br = (t) => {
+}, pm = (t) => {
   const p = [];
   return t & 1 && p.push("shadow-top"), t & 2 && p.push("shadow-right"), t & 4 && p.push("shadow-bottom"), t & 8 && p.push("shadow-left"), p;
-}, Ir = (t, p) => p.get(u(t));
+}, im = (t, p) => p.get(u(t));
 export {
   l as BorderPosition,
-  br as getBorderClasses,
-  Zr as getCellBorders,
-  Ur as getCellId,
-  Xr as getCellValue,
-  Ir as getEntityDataById,
-  Yr as getLinkEntityIdsByColumnId,
-  Wr as parseCellId
+  pm as getBorderClasses,
+  tm as getCellBorders,
+  Br as getCellId,
+  xr as getCellValue,
+  im as getEntityDataById,
+  Pr as getLinkEntityIdsByColumnId,
+  dr as parseCellId
 };
 //# sourceMappingURL=cellUtils.es.js.map

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","borders","getBorderClasses","classes","getEntityDataById","id","entitiesMap","parseRowId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,IAAKA,sBAAAA,OACVA,EAAAA,EAAA,OAAO,CAAA,IAAP,QACAA,EAAAA,EAAA,MAAM,CAAA,IAAN,OACAA,EAAAA,EAAA,QAAQ,CAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,CAAA,IAAT,UACAA,EAAAA,EAAA,OAAO,CAAA,IAAP,QACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OANUA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,KAAY,CAACC,GAAcC,MAAyB,QAAQD,CAAK,IAAIC,CAAK,IAM1EC,KAAc,CAACC,MAAwC;AAClE,QAAMC,IAAQD,EAAO,MAAM,kBAAkB;AAC7C,SAAKC,IACE,EAAE,OAAOA,EAAM,CAAC,GAAG,OAAOA,EAAM,CAAC,EAAA,IADrB;AAErB,GAEaC,KAAe,CAACC,GAAUC,MAAsB;AAC3D,MAAI,CAACD,KAAO,CAACC,EAAM;AAEnB,QAAMC,IAAQD,EAAK,MAAM,GAAG;AAC5B,MAAIE,IAAUH;AAEd,aAAWI,KAAQF;AACjB,QAAIC,KAAW,OAAOA,KAAY,YAAYC,KAAQD;AACpD,MAAAA,IAAUA,EAAQC,CAAI;AAAA;AAEtB;AAIJ,SAAOD;AACT,GAGaE,KAA6B,CAACC,GAAmBC,MAA6B;AAEzF,QAAM,CAACC,GAAOC,GAAUC,GAASC,GAAUC,CAAS,IAAIL,EAAS,MAAM,GAAG,GACpEM,IAAYP,EAAM;AAAA,IACtB,CAACQ,MAASA,EAAK,aAAaL,KAAYK,EAAK,cAAcF;AAAA,EAAA;AAE7D,SAAIC,EAAU,SACLA,EAAU,IAAI,CAACC,MAASA,EAAK,KAAK,EAAE,EAAE,KAAK,GAAG,IAE9C;AAEX,GAWaC,KAAiB,CAC5BC,GACAC,GACAC,MACmB;AACnB,MAAI,CAACA,EAAcF,CAAQ,IAAIC,CAAQ;AACrC,WAAO;AAGT,MAAIE,IAAU;AAGd,UAAIH,MAAa,KAAK,CAACE,EAAcF,IAAW,CAAC,IAAIC,CAAQ,OAC3DE,KAAW,IAIRD,EAAcF,CAAQ,IAAIC,IAAW,CAAC,MACzCE,KAAW,IAIRD,EAAcF,IAAW,CAAC,IAAIC,CAAQ,MACzCE,KAAW,KAITF,MAAa,KAAK,CAACC,EAAcF,CAAQ,IAAIC,IAAW,CAAC,OAC3DE,KAAW,IAGNA;AACT,GAKaC,KAAmB,CAACD,MAAsC;AACrE,QAAME,IAAoB,CAAA;AAE1B,SAAIF,IAAU,KAAoBE,EAAQ,KAAK,YAAY,GACvDF,IAAU,KAAsBE,EAAQ,KAAK,cAAc,GAC3DF,IAAU,KAAuBE,EAAQ,KAAK,eAAe,GAC7DF,IAAU,KAAqBE,EAAQ,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","borders","getBorderClasses","classes","getEntityDataById","id","entitiesMap","parseRowId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,IAAKA,sBAAAA,OACVA,EAAAA,EAAA,OAAO,CAAA,IAAP,QACAA,EAAAA,EAAA,MAAM,CAAA,IAAN,OACAA,EAAAA,EAAA,QAAQ,CAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,CAAA,IAAT,UACAA,EAAAA,EAAA,OAAO,CAAA,IAAP,QACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OANUA,IAAAA,KAAA,CAAA,CAAA;AAYL,MAAMC,KAAY,CAACC,GAAcC,MAAyB,QAAQD,CAAK,IAAIC,CAAK,IAM1EC,KAAc,CAACC,MAAwC;AAClE,QAAMC,IAAQD,EAAO,MAAM,kBAAkB;AAC7C,SAAKC,IACE,EAAE,OAAOA,EAAM,CAAC,GAAG,OAAOA,EAAM,CAAC,EAAA,IADrB;AAErB,GAEaC,KAAe,CAACC,GAAUC,MAAsB;AAC3D,MAAI,CAACD,KAAO,CAACC,EAAM;AAEnB,QAAMC,IAAQD,EAAK,MAAM,GAAG;AAC5B,MAAIE,IAAUH;AAEd,aAAWI,KAAQF;AACjB,QAAIC,KAAW,OAAOA,KAAY,YAAYC,KAAQD;AACpD,MAAAA,IAAUA,EAAQC,CAAI;AAAA;AAEtB;AAIJ,SAAOD;AACT,GAGaE,KAA6B,CAACC,GAAmBC,MAA6B;AAEzF,QAAM,CAACC,GAAOC,GAAUC,GAASC,GAAUC,CAAS,IAAIL,EAAS,MAAM,GAAG,GACpEM,IAAYP,EAAM;AAAA,IACtB,CAACQ,MAASA,EAAK,aAAaL,KAAYK,EAAK,cAAcF;AAAA,EAAA;AAE7D,SAAIC,EAAU,SACLA,EAAU,IAAI,CAACC,MAASA,EAAK,KAAK,EAAE,EAAE,KAAK,GAAG,IAE9C;AAEX,GAWaC,KAAiB,CAC5BC,GACAC,GACAC,MACmB;AACnB,MAAI,CAACA,EAAcF,CAAQ,IAAIC,CAAQ;AACrC,WAAO;AAGT,MAAIE,IAAU;AAGd,UAAIH,MAAa,KAAK,CAACE,EAAcF,IAAW,CAAC,IAAIC,CAAQ,OAC3DE,KAAW,IAIRD,EAAcF,CAAQ,IAAIC,IAAW,CAAC,MACzCE,KAAW,IAIRD,EAAcF,IAAW,CAAC,IAAIC,CAAQ,MACzCE,KAAW,KAITF,MAAa,KAAK,CAACC,EAAcF,CAAQ,IAAIC,IAAW,CAAC,OAC3DE,KAAW,IAGNA;AACT,GAKaC,KAAmB,CAACD,MAAsC;AACrE,QAAME,IAAoB,CAAA;AAE1B,SAAIF,IAAU,KAAoBE,EAAQ,KAAK,YAAY,GACvDF,IAAU,KAAsBE,EAAQ,KAAK,cAAc,GAC3DF,IAAU,KAAuBE,EAAQ,KAAK,eAAe,GAC7DF,IAAU,KAAqBE,EAAQ,KAAK,aAAa,GAEtDA;AACT,GAGaC,KAAoB,CAC/BC,GACAC,MACGA,EAAY,IAAIC,EAAWF,CAAE,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T="unknown",t="restricted",s="Access Restricted - Insufficient Permissions",I="lock",R=E=>E===T;exports.RESTRICTED_ENTITY_ICON=I;exports.RESTRICTED_ENTITY_LABEL=s;exports.RESTRICTED_ENTITY_NAME=t;exports.RESTRICTED_ENTITY_TYPE=T;exports.isEntityRestricted=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="unknown",n="restricted",c="Access Restricted - Insufficient Permissions",i="lock",r=s=>s===E,T="readonly",R=s=>{const t=s.target;return t.tagName==="TD"?t.classList.contains(T)||Array.from(t.children).some(e=>e.classList.contains(T)):t.closest(`.${T}`)!==null};exports.READ_ONLY=T;exports.RESTRICTED_ENTITY_ICON=i;exports.RESTRICTED_ENTITY_LABEL=c;exports.RESTRICTED_ENTITY_NAME=n;exports.RESTRICTED_ENTITY_TYPE=E;exports.isEntityRestricted=r;exports.isTargetReadOnly=R;
 //# sourceMappingURL=restrictedEntity.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"restrictedEntity.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/restrictedEntity.ts"],"sourcesContent":["/**\n * Constants and utilities for handling restricted entities (entities the user doesn't have access to)\n */\n\nexport const RESTRICTED_ENTITY_TYPE = 'unknown' as const\nexport const RESTRICTED_ENTITY_NAME = 'restricted'\nexport const RESTRICTED_ENTITY_LABEL = 'Access Restricted - Insufficient Permissions'\nexport const RESTRICTED_ENTITY_ICON = 'lock'\n\n/**\n * Check if an entity type indicates restricted access\n * @param type - The entity type to check\n * @returns true if the entity is restricted (no access), false otherwise\n */\nexport const isEntityRestricted = (type: string | undefined): boolean =>\n  type === RESTRICTED_ENTITY_TYPE\n"],"names":["RESTRICTED_ENTITY_TYPE","RESTRICTED_ENTITY_NAME","RESTRICTED_ENTITY_LABEL","RESTRICTED_ENTITY_ICON","isEntityRestricted","type"],"mappings":"gFAIO,MAAMA,EAAyB,UACzBC,EAAyB,aACzBC,EAA0B,+CAC1BC,EAAyB,OAOzBC,EAAsBC,GACjCA,IAASL"}
+{"version":3,"file":"restrictedEntity.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/restrictedEntity.ts"],"sourcesContent":["/**\n * Constants and utilities for handling restricted entities (entities the user doesn't have access to)\n */\n\nimport { MouseEvent } from 'react'\n\nexport const RESTRICTED_ENTITY_TYPE = 'unknown' as const\nexport const RESTRICTED_ENTITY_NAME = 'restricted'\nexport const RESTRICTED_ENTITY_LABEL = 'Access Restricted - Insufficient Permissions'\nexport const RESTRICTED_ENTITY_ICON = 'lock'\n\n/**\n * Check if an entity type indicates restricted access\n * @param type - The entity type to check\n * @returns true if the entity is restricted (no access), false otherwise\n */\nexport const isEntityRestricted = (type: string | undefined): boolean =>\n  type === RESTRICTED_ENTITY_TYPE\n\nexport const READ_ONLY = 'readonly'\nexport const isTargetReadOnly = (e: MouseEvent<HTMLTableCellElement>): boolean => {\n  const target = e.target as HTMLElement\n  // if target is td, look at at child classes\n  if (target.tagName === 'TD') {\n    return (\n      target.classList.contains(READ_ONLY) ||\n      Array.from(target.children).some((child) => child.classList.contains(READ_ONLY))\n    )\n  } else {\n    // look up for parent classes\n    return target.closest(`.${READ_ONLY}`) !== null\n  }\n}\n"],"names":["RESTRICTED_ENTITY_TYPE","RESTRICTED_ENTITY_NAME","RESTRICTED_ENTITY_LABEL","RESTRICTED_ENTITY_ICON","isEntityRestricted","type","READ_ONLY","isTargetReadOnly","e","target","child"],"mappings":"gFAMO,MAAMA,EAAyB,UACzBC,EAAyB,aACzBC,EAA0B,+CAC1BC,EAAyB,OAOzBC,EAAsBC,GACjCA,IAASL,EAEEM,EAAY,WACZC,EAAoBC,GAAiD,CAChF,MAAMC,EAASD,EAAE,OAEjB,OAAIC,EAAO,UAAY,KAEnBA,EAAO,UAAU,SAASH,CAAS,GACnC,MAAM,KAAKG,EAAO,QAAQ,EAAE,KAAMC,GAAUA,EAAM,UAAU,SAASJ,CAAS,CAAC,EAI1EG,EAAO,QAAQ,IAAIH,CAAS,EAAE,IAAM,IAE/C"}

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

@@ -1,9 +1,14 @@
-const E = "unknown", s = "restricted", t = "Access Restricted - Insufficient Permissions", c = "lock", n = (T) => T === E;
+const c = "unknown", T = "restricted", o = "Access Restricted - Insufficient Permissions", r = "lock", E = (t) => t === c, n = "readonly", i = (t) => {
+  const s = t.target;
+  return s.tagName === "TD" ? s.classList.contains(n) || Array.from(s.children).some((e) => e.classList.contains(n)) : s.closest(`.${n}`) !== null;
+};
 export {
-  c as RESTRICTED_ENTITY_ICON,
-  t as RESTRICTED_ENTITY_LABEL,
-  s as RESTRICTED_ENTITY_NAME,
-  E as RESTRICTED_ENTITY_TYPE,
-  n as isEntityRestricted
+  n as READ_ONLY,
+  r as RESTRICTED_ENTITY_ICON,
+  o as RESTRICTED_ENTITY_LABEL,
+  T as RESTRICTED_ENTITY_NAME,
+  c as RESTRICTED_ENTITY_TYPE,
+  E as isEntityRestricted,
+  i as isTargetReadOnly
 };
 //# sourceMappingURL=restrictedEntity.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"restrictedEntity.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/restrictedEntity.ts"],"sourcesContent":["/**\n * Constants and utilities for handling restricted entities (entities the user doesn't have access to)\n */\n\nexport const RESTRICTED_ENTITY_TYPE = 'unknown' as const\nexport const RESTRICTED_ENTITY_NAME = 'restricted'\nexport const RESTRICTED_ENTITY_LABEL = 'Access Restricted - Insufficient Permissions'\nexport const RESTRICTED_ENTITY_ICON = 'lock'\n\n/**\n * Check if an entity type indicates restricted access\n * @param type - The entity type to check\n * @returns true if the entity is restricted (no access), false otherwise\n */\nexport const isEntityRestricted = (type: string | undefined): boolean =>\n  type === RESTRICTED_ENTITY_TYPE\n"],"names":["RESTRICTED_ENTITY_TYPE","RESTRICTED_ENTITY_NAME","RESTRICTED_ENTITY_LABEL","RESTRICTED_ENTITY_ICON","isEntityRestricted","type"],"mappings":"AAIO,MAAMA,IAAyB,WACzBC,IAAyB,cACzBC,IAA0B,gDAC1BC,IAAyB,QAOzBC,IAAqB,CAACC,MACjCA,MAASL;"}
+{"version":3,"file":"restrictedEntity.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/restrictedEntity.ts"],"sourcesContent":["/**\n * Constants and utilities for handling restricted entities (entities the user doesn't have access to)\n */\n\nimport { MouseEvent } from 'react'\n\nexport const RESTRICTED_ENTITY_TYPE = 'unknown' as const\nexport const RESTRICTED_ENTITY_NAME = 'restricted'\nexport const RESTRICTED_ENTITY_LABEL = 'Access Restricted - Insufficient Permissions'\nexport const RESTRICTED_ENTITY_ICON = 'lock'\n\n/**\n * Check if an entity type indicates restricted access\n * @param type - The entity type to check\n * @returns true if the entity is restricted (no access), false otherwise\n */\nexport const isEntityRestricted = (type: string | undefined): boolean =>\n  type === RESTRICTED_ENTITY_TYPE\n\nexport const READ_ONLY = 'readonly'\nexport const isTargetReadOnly = (e: MouseEvent<HTMLTableCellElement>): boolean => {\n  const target = e.target as HTMLElement\n  // if target is td, look at at child classes\n  if (target.tagName === 'TD') {\n    return (\n      target.classList.contains(READ_ONLY) ||\n      Array.from(target.children).some((child) => child.classList.contains(READ_ONLY))\n    )\n  } else {\n    // look up for parent classes\n    return target.closest(`.${READ_ONLY}`) !== null\n  }\n}\n"],"names":["RESTRICTED_ENTITY_TYPE","RESTRICTED_ENTITY_NAME","RESTRICTED_ENTITY_LABEL","RESTRICTED_ENTITY_ICON","isEntityRestricted","type","READ_ONLY","isTargetReadOnly","e","target","child"],"mappings":"AAMO,MAAMA,IAAyB,WACzBC,IAAyB,cACzBC,IAA0B,gDAC1BC,IAAyB,QAOzBC,IAAqB,CAACC,MACjCA,MAASL,GAEEM,IAAY,YACZC,IAAmB,CAACC,MAAiD;AAChF,QAAMC,IAASD,EAAE;AAEjB,SAAIC,EAAO,YAAY,OAEnBA,EAAO,UAAU,SAASH,CAAS,KACnC,MAAM,KAAKG,EAAO,QAAQ,EAAE,KAAK,CAACC,MAAUA,EAAM,UAAU,SAASJ,CAAS,CAAC,IAI1EG,EAAO,QAAQ,IAAIH,CAAS,EAAE,MAAM;AAE/C;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),i=require("styled-components"),s=i.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),s=require("styled-components"),l=s.input`
   margin: auto;
   z-index: 1;
   cursor: pointer;
@@ -19,5 +19,5 @@
     border-color: var(--md-sys-color-primary);
     appearance: auto;
   }
-`,l=d.forwardRef(({value:r,onChange:o,isReadOnly:e,isEditing:u,onCancelEdit:p,isInherited:b,...t},a)=>c.jsxRuntimeExports.jsx(s,{...t,checked:r,onChange:n=>o(n.target.checked),ref:a,type:"checkbox",disabled:e,readOnly:e}));exports.BooleanWidget=l;
+`,u=i.forwardRef(({value:e,onChange:t,isReadOnly:r,isEditing:p,onCancelEdit:b,isInherited:g,...n},c)=>d.jsxRuntimeExports.jsx(l,{...n,checked:e,onChange:a=>{const o=a.target.checked;o!==e&&t(o,"Click")},ref:c,type:"checkbox",disabled:r,readOnly:r}));exports.BooleanWidget=u;
 //# sourceMappingURL=BooleanWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: var(--color-table-boolean-border);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, isInherited, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","isInherited","props","ref","jsx","e"],"mappings":"gMAIMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BjBC,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,UAAAC,EAAW,aAAAC,EAAc,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAE9EC,EAAAA,kBAAAA,IAACZ,EAAA,CACE,GAAGU,EACJ,QAASN,EACT,SAAWS,GAAMR,EAAUQ,EAAE,OAA4B,OAAO,EAChE,IAAAF,EACA,KAAK,WACL,SAAUL,EACV,SAAUA,CAAA,CAAA,CAIlB"}
+{"version":3,"file":"BooleanWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: var(--color-table-boolean-border);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, isInherited, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => {\n          const newValue = (e.target as HTMLInputElement).checked\n          // For checkboxes, every click is a value change, but we check anyway for consistency\n          if (newValue !== value) {\n            onChange(newValue, 'Click')\n          }\n        }}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","isInherited","props","ref","jsx","e","newValue"],"mappings":"gMAIMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BjBC,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,UAAAC,EAAW,aAAAC,EAAc,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAE9EC,EAAAA,kBAAAA,IAACZ,EAAA,CACE,GAAGU,EACJ,QAASN,EACT,SAAWS,GAAM,CACf,MAAMC,EAAYD,EAAE,OAA4B,QAE5CC,IAAaV,GACfC,EAASS,EAAU,OAAO,CAE9B,EACA,IAAAH,EACA,KAAK,WACL,SAAUL,EACV,SAAUA,CAAA,CAAA,CAIlB"}

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

@@ -1,7 +1,7 @@
-import { j as c } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as n } from "react";
-import i from "styled-components";
-const p = i.input`
+import { j as d } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as i } from "react";
+import s from "styled-components";
+const p = s.input`
   margin: auto;
   z-index: 1;
   cursor: pointer;
@@ -22,21 +22,24 @@ const p = i.input`
     border-color: var(--md-sys-color-primary);
     appearance: auto;
   }
-`, u = n(
-  ({ value: o, onChange: e, isReadOnly: r, isEditing: s, onCancelEdit: l, isInherited: m, ...a }, t) => /* @__PURE__ */ c.jsx(
+`, g = i(
+  ({ value: r, onChange: a, isReadOnly: o, isEditing: l, onCancelEdit: m, isInherited: b, ...t }, c) => /* @__PURE__ */ d.jsx(
     p,
     {
-      ...a,
-      checked: o,
-      onChange: (d) => e(d.target.checked),
-      ref: t,
+      ...t,
+      checked: r,
+      onChange: (n) => {
+        const e = n.target.checked;
+        e !== r && a(e, "Click");
+      },
+      ref: c,
       type: "checkbox",
-      disabled: r,
-      readOnly: r
+      disabled: o,
+      readOnly: o
     }
   )
 );
 export {
-  u as BooleanWidget
+  g as BooleanWidget
 };
 //# sourceMappingURL=BooleanWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: var(--color-table-boolean-border);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, isInherited, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","isInherited","props","ref","jsx","e"],"mappings":";;;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BjBC,IAAgBC;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAE9EC,gBAAAA,EAAAA;AAAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGU;AAAA,MACJ,SAASN;AAAA,MACT,UAAU,CAACS,MAAMR,EAAUQ,EAAE,OAA4B,OAAO;AAAA,MAChE,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAUL;AAAA,MACV,UAAUA;AAAA,IAAA;AAAA,EAAA;AAIlB;"}
+{"version":3,"file":"BooleanWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: var(--color-table-boolean-border);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, isInherited, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => {\n          const newValue = (e.target as HTMLInputElement).checked\n          // For checkboxes, every click is a value change, but we check anyway for consistency\n          if (newValue !== value) {\n            onChange(newValue, 'Click')\n          }\n        }}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","isInherited","props","ref","jsx","e","newValue"],"mappings":";;;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BjBC,IAAgBC;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAE9EC,gBAAAA,EAAAA;AAAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGU;AAAA,MACJ,SAASN;AAAA,MACT,UAAU,CAACS,MAAM;AACf,cAAMC,IAAYD,EAAE,OAA4B;AAEhD,QAAIC,MAAaV,KACfC,EAASS,GAAU,OAAO;AAAA,MAE9B;AAAA,MACA,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,UAAUL;AAAA,MACV,UAAUA;AAAA,IAAA;AAAA,EAAA;AAIlB;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../../_virtual/jsx-runtime.cjs.js"),W=require("react"),F=require("styled-components"),U=require("./BooleanWidget.cjs.js"),z=require("./CollapsedWidget.cjs.js"),H=require("./DateWidget.cjs.js"),J=require("./EnumWidget.cjs.js"),y=require("./TextWidget.cjs.js"),T=require("./LinksWidget.cjs.js"),K=require("../context/CellEditingContext.cjs.js"),b=require("../utils/cellUtils.cjs.js"),Q=require("clsx"),X=require("../context/SelectionCellsContext.cjs.js");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("../../../context/GlobalContext.cjs.js");const Y=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const Z=require("./EnumCellValue.cjs.js"),$=require("./NameWidget.cjs.js"),ee=F.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),y=require("react"),F=require("styled-components"),U=require("./BooleanWidget.cjs.js"),Y=require("./CollapsedWidget.cjs.js"),z=require("./DateWidget.cjs.js"),H=require("./EnumWidget.cjs.js"),T=require("./TextWidget.cjs.js"),b=require("./LinksWidget.cjs.js"),J=require("../context/CellEditingContext.cjs.js"),S=require("../utils/cellUtils.cjs.js"),K=require("clsx"),Q=require("../context/SelectionCellsContext.cjs.js");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("../../../context/GlobalContext.cjs.js");const X=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");const Z=require("./EnumCellValue.cjs.js"),$=require("./NameWidget.cjs.js");require("@ynput/ayon-react-components");require("short-uuid");require("@tanstack/react-table");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("@tanstack/react-virtual");require("../components/HeaderActionButton.cjs.js");require("../components/ColumnHeaderMenu.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../context/ProjectDataContext.cjs.js");const ee=require("../utils/restrictedEntity.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.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/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.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/versions/getVersionsProducts.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("../../../api/queries/uris/getUris.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("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.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/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("date-fns");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/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.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("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.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("../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../Slicer/components/SlicerSearch.cjs.js");require("../../Slicer/context/SlicerContext.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("./LoadMoreWidget.cjs.js");const re=F.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -19,5 +19,5 @@
     border-radius: 4px;
     opacity: 1;
   }
-`,te="edit-trigger",ie=({rowId:E,columnId:x,value:i,valueData:j,attributeData:h,options:u=[],isCollapsed:p,isInherited:c,isPlaceholder:S,isReadOnly:d,enableCustomValues:w,folderId:I,tooltip:A,onChange:N,entityType:k,pt:a,...m})=>{const f=W.useRef(null),r=h?.type,{projectName:L}=Y.useProjectContext(),{isEditing:M,setEditingCellId:g}=K.useCellEditing(),{isCellFocused:G,gridMap:R,selectCell:P,focusCell:V}=X.useSelectionCellsContext(),l=b.getCellId(E,x),q=M(l),_=G(l),D=()=>{const e=R.rowIdToIndex.get(E);if(e===void 0)return;const s=R.indexToRowId.get(e+1);if(s){const t=b.getCellId(s,x);P(t,!1,!1),V(t),g(t)}},O=(e,s)=>{g(null),!d&&(s==="Enter"&&D(),(e!==i||s==="Enter")&&N?.(e,s))},v=()=>{g(null);const e=f.current?.closest("td");e&&e.focus()},B=W.useMemo(()=>{const e={onChange:O,onCancelEdit:v,isEditing:q},s=["string","integer","float"];switch(!0){case p:{const o=(r?.includes("list")?u.find(C=>Array.isArray(i)?i.includes(C.value):i===C.value):void 0)?.color;return n.jsxRuntimeExports.jsx(z.CollapsedWidget,{color:o})}case r==="name":return n.jsxRuntimeExports.jsx($.NameWidget,{value:i,valueData:j,cellId:l,entityType:k||"",...e});case r==="links":{const t=j,o=T.isLinkEditable(t?.direction||"out",t?.link.linkType||"",t?.entityType||"");return d=!o,n.jsxRuntimeExports.jsx(T.LinksWidget,{value:t,cellId:l,projectName:L,disabled:!o,folderId:I,...e})}case!!u.length:{const t=Array.isArray(i)?i:[i];if(d){const o=u.filter(C=>t.includes(C.value));return t.length&&!o.length?n.jsxRuntimeExports.jsx(y.TextWidget,{value:t.join(", "),isInherited:c,columnId:x,...e,...a?.text}):n.jsxRuntimeExports.jsx(Z.EnumCellValue,{selectedOptions:o,isReadOnly:!0,hasMultipleValues:t.length>1,isMultiSelect:r?.includes("list")})}return n.jsxRuntimeExports.jsx(J.EnumWidget,{value:t,options:u,type:r,onOpen:()=>g(l),enableCustomValues:w,...e,...a?.enum})}case s.includes(r):return n.jsxRuntimeExports.jsx(y.TextWidget,{value:i,isInherited:c,columnId:x,...e,...a?.text});case r==="datetime":return n.jsxRuntimeExports.jsx(H.DateWidget,{value:i||void 0,isInherited:c,...e,...a?.date});case r==="boolean":return n.jsxRuntimeExports.jsx(U.BooleanWidget,{value:i,...e,...a?.boolean});case S:return null;default:return null}},[l,i,r,q,u,p]);return n.jsxRuntimeExports.jsx(ee,{...m,className:Q(m.className,{inherited:c&&!q,readonly:d,editable:!d}),ref:f,id:l,"data-tooltip":A||(c&&!q&&_?"Inherited":void 0),"data-tooltip-delay":200,children:B})};exports.CellWidget=ie;exports.EDIT_TRIGGER_CLASS=te;
+`,ie="edit-trigger",ue=({rowId:E,columnId:a,value:i,valueData:j,attributeData:h,options:l=[],isCollapsed:p,isInherited:o,isPlaceholder:A,isReadOnly:c,enableCustomValues:I,folderId:N,tooltip:w,onChange:m,entityType:L,pt:d,...f})=>{const R=y.useRef(null),q=h?.type,{projectName:k}=X.useProjectContext(),{isEditing:M,setEditingCellId:x}=J.useCellEditing(),{isCellFocused:_,gridMap:W,selectCell:D,focusCell:G}=Q.useSelectionCellsContext(),n=S.getCellId(E,a),g=M(n),O=_(n),P=()=>{const e=W.rowIdToIndex.get(E);if(e===void 0)return;const t=W.indexToRowId.get(e+1);if(t){const r=S.getCellId(t,a);D(r,!1,!1),G(r),x(r)}},V=(e,t)=>{x(null),!c&&(t==="Enter"?(P(),m?.(e,t)):t==="Click"&&e!=i&&m?.(e,t))},v=()=>{x(null);const e=R.current?.closest("td");e&&e.focus()},B=y.useMemo(()=>{const e={onChange:V,onCancelEdit:v,isEditing:g},t=["string","integer","float"];switch(!0){case p:{const s=(q?.includes("list")?l.find(C=>Array.isArray(i)?i.includes(C.value):i===C.value):void 0)?.color;return u.jsxRuntimeExports.jsx(Y.CollapsedWidget,{color:s})}case q==="name":return u.jsxRuntimeExports.jsx($.NameWidget,{value:i,valueData:j,cellId:n,entityType:L||"",...e});case q==="links":{const r=j,s=b.isLinkEditable(r?.direction||"out",r?.link.linkType||"",r?.entityType||"");return c=!s,u.jsxRuntimeExports.jsx(b.LinksWidget,{value:r,cellId:n,projectName:k,disabled:!s,folderId:N,...e})}case!!l.length:{const r=Array.isArray(i)?i:[i];if(c){const s=l.filter(C=>r.includes(C.value));return r.length&&!s.length?u.jsxRuntimeExports.jsx(T.TextWidget,{value:r.join(", "),isInherited:o,columnId:a,...e,...d?.text}):u.jsxRuntimeExports.jsx(Z.EnumCellValue,{selectedOptions:s,isReadOnly:!0,hasMultipleValues:r.length>1,isMultiSelect:q?.includes("list")})}return u.jsxRuntimeExports.jsx(H.EnumWidget,{value:r,options:l,type:q,onOpen:()=>x(n),enableCustomValues:I,...e,...d?.enum})}case t.includes(q):return u.jsxRuntimeExports.jsx(T.TextWidget,{value:i,isInherited:o,columnId:a,...e,...d?.text});case q==="datetime":return u.jsxRuntimeExports.jsx(z.DateWidget,{value:i||void 0,isInherited:o,...e,...d?.date});case q==="boolean":return u.jsxRuntimeExports.jsx(U.BooleanWidget,{value:i,...e,...d?.boolean});case A:return null;default:return null}},[n,i,q,g,l,p]);return u.jsxRuntimeExports.jsx(re,{...f,className:K(f.className,{inherited:o&&!g,[ee.READ_ONLY]:c,editable:!c}),ref:R,id:n,"data-tooltip":w||(o&&!g&&O?"Inherited":void 0),"data-tooltip-delay":200,children:B})};exports.CellWidget=ue;exports.EDIT_TRIGGER_CLASS=ie;
 //# sourceMappingURL=CellWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectContext } from '@shared/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  tooltip?: string\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  tooltip,\n  onChange,\n  entityType,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { projectName } = useProjectContext()\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const 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\n          if (enumValue.length && !selectedOptions.length) {\n            // value has something but it is not in options, show a placeholder\n            return (\n              <TextWidget\n                value={enumValue.join(', ')}\n                isInherited={isInherited}\n                columnId={columnId}\n                {...sharedProps}\n                {...pt?.text}\n              />\n            )\n          }\n\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\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      id={cellId}\n      data-tooltip={\n        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","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
+{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { FC, useMemo, useRef } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectContext } from '@shared/context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\nimport { READ_ONLY } from '../utils'\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  tooltip?: string\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  tooltip,\n  onChange,\n  entityType,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { projectName } = useProjectContext()\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const 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    if (key === 'Enter') {\n      moveToNextRow()\n      onChange?.(newValue, key)\n    } else if (key === 'Click' && newValue != value) {\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\n          if (enumValue.length && !selectedOptions.length) {\n            // value has something but it is not in options, show a placeholder\n            return (\n              <TextWidget\n                value={enumValue.join(', ')}\n                isInherited={isInherited}\n                columnId={columnId}\n                {...sharedProps}\n                {...pt?.text}\n              />\n            )\n          }\n\n          return (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              isReadOnly\n              hasMultipleValues={enumValue.length > 1}\n              isMultiSelect={type?.includes('list')}\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        [READ_ONLY]: isReadOnly,\n        editable: !isReadOnly,\n      })}\n      ref={ref}\n      id={cellId}\n      data-tooltip={\n        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","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}