@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

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

@@ -1,15 +1,15 @@
-import { j as n } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as J, useCallback as K, useMemo as P } from "react";
-import Q from "styled-components";
-import { BooleanWidget as U } from "./BooleanWidget.es.js";
-import { CollapsedWidget as X } from "./CollapsedWidget.es.js";
-import { DateWidget as Y } from "./DateWidget.es.js";
-import { EnumWidget as Z } from "./EnumWidget.es.js";
-import { TextWidget as $ } from "./TextWidget.es.js";
+import { j as p } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef as K, useCallback as P, useMemo as Q } from "react";
+import U from "styled-components";
+import { BooleanWidget as X } from "./BooleanWidget.es.js";
+import { CollapsedWidget as Y } from "./CollapsedWidget.es.js";
+import { DateWidget as Z } from "./DateWidget.es.js";
+import { EnumWidget as $ } from "./EnumWidget.es.js";
+import { TextWidget as W } from "./TextWidget.es.js";
 import { isLinkEditable as D, LinksWidget as O } from "./LinksWidget.es.js";
 import { useCellEditing as V } from "../context/CellEditingContext.es.js";
 import { useColumnSettingsContext as tt } from "../context/ColumnSettingsContext.es.js";
-import { getCellId as h } from "../utils/cellUtils.es.js";
+import { getCellId as A } from "../utils/cellUtils.es.js";
 import ot from "clsx";
 import { useSelectionCellsContext as it } from "../context/SelectionCellsContext.es.js";
 import "react-toastify";
@@ -17,10 +17,13 @@ import "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "@ynput/ayon-react-components";
+import "short-uuid";
 import "@tanstack/react-table";
 import "./EntityNameWidget.es.js";
 import "./GroupHeaderWidget.es.js";
 import "./ThumbnailWidget.es.js";
+import "./EmptyWidget.es.js";
+import "./ErrorWidget.es.js";
 import "../ProjectTreeTable.styled.es.js";
 import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
@@ -99,6 +102,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -129,12 +133,13 @@ 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";
 import { EnumCellValue as mt } from "./EnumCellValue.es.js";
 import { NameWidget as et } from "./NameWidget.es.js";
-const pt = Q.div`
+const pt = U.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -155,164 +160,173 @@ const pt = Q.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, _i = "edit-trigger", Bi = ({
-  rowId: j,
-  columnId: g,
-  value: i,
+`, Ji = "edit-trigger", Ki = ({
+  rowId: E,
+  columnId: a,
+  value: r,
   valueData: T,
   attributeData: x,
   options: d = [],
   isCollapsed: b,
-  isInherited: f,
+  isInherited: u,
   isPlaceholder: C,
-  isReadOnly: l,
-  enableCustomValues: I,
-  folderId: A,
-  onChange: E,
-  entityType: N,
-  pt: m,
+  isReadOnly: c,
+  enableCustomValues: N,
+  folderId: S,
+  tooltip: I,
+  onChange: j,
+  entityType: M,
+  pt: i,
   ...y
 }) => {
-  const w = J(null), r = x == null ? void 0 : x.type, { projectName: S } = rt(), { isEditing: M, setEditingCellId: s } = V(), { isCellFocused: k, gridMap: W, selectCell: L, focusCell: R } = it(), { rowHeight: F } = tt(), p = h(j, g), u = M(p), G = k(p), _ = K(() => {
-    C || l || s(p);
-  }, [p, s, C]), B = () => {
-    u || s(null);
+  const h = K(null), m = x == null ? void 0 : x.type, { projectName: k } = rt(), { isEditing: L, setEditingCellId: s } = V(), { isCellFocused: R, gridMap: w, selectCell: F, focusCell: G } = it(), { rowHeight: nt } = tt(), n = A(E, a), f = L(n), _ = R(n), v = P(() => {
+    C || c || s(n);
+  }, [n, s, C]), B = () => {
+    f || s(null);
   }, H = () => {
-    const o = W.rowIdToIndex.get(j);
+    const o = w.rowIdToIndex.get(E);
     if (o === void 0) return;
-    const e = W.indexToRowId.get(o + 1);
+    const e = w.indexToRowId.get(o + 1);
     if (e) {
-      const t = h(e, g);
-      L(t, !1, !1), R(t), s(t);
+      const t = A(e, a);
+      F(t, !1, !1), G(t), s(t);
     }
   }, q = (o, e) => {
-    s(null), !l && (e === "Enter" && H(), (o !== i || e === "Enter") && (E == null || E(o, e)));
-  }, v = () => {
+    s(null), !c && (e === "Enter" && H(), (o !== r || e === "Enter") && (j == null || j(o, e)));
+  }, z = () => {
     var e;
     s(null);
-    const o = (e = w.current) == null ? void 0 : e.closest("td");
+    const o = (e = h.current) == null ? void 0 : e.closest("td");
     o && o.focus();
-  }, z = P(() => {
+  }, J = Q(() => {
     const o = {
       onChange: q,
-      onCancelEdit: v,
-      isEditing: u
+      onCancelEdit: z,
+      isEditing: f
     }, e = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
       case b: {
-        const t = r != null && r.includes("list") ? d.find(
-          (a) => Array.isArray(i) ? i.includes(a.value) : i === a.value
-        ) : void 0, c = t == null ? void 0 : t.color;
-        return /* @__PURE__ */ n.jsx(X, { color: c });
+        const t = m != null && m.includes("list") ? d.find(
+          (g) => Array.isArray(r) ? r.includes(g.value) : r === g.value
+        ) : void 0, l = t == null ? void 0 : t.color;
+        return /* @__PURE__ */ p.jsx(Y, { color: l });
       }
-      case r === "name":
-        return /* @__PURE__ */ n.jsx(
+      case m === "name":
+        return /* @__PURE__ */ p.jsx(
           et,
           {
-            value: i,
+            value: r,
             valueData: T,
-            cellId: p,
-            entityType: N || "",
+            cellId: n,
+            entityType: M || "",
             ...o
           }
         );
-      case r === "links": {
-        const t = T, c = D(
+      case m === "links": {
+        const t = T, l = D(
           (t == null ? void 0 : t.direction) || "out",
           (t == null ? void 0 : t.link.linkType) || "",
           (t == null ? void 0 : t.entityType) || ""
         );
-        return l = !c, /* @__PURE__ */ n.jsx(
+        return c = !l, /* @__PURE__ */ p.jsx(
           O,
           {
             value: t,
-            cellId: p,
-            projectName: S,
-            disabled: !c,
-            folderId: A,
+            cellId: n,
+            projectName: k,
+            disabled: !l,
+            folderId: S,
             ...o
           }
         );
       }
       case !!d.length: {
-        const t = Array.isArray(i) ? i : [i];
-        if (l) {
-          const c = d.filter((a) => t.includes(a.value));
-          return /* @__PURE__ */ n.jsx(
+        const t = Array.isArray(r) ? r : [r];
+        if (c) {
+          const l = d.filter((g) => t.includes(g.value));
+          return t.length && !l.length ? /* @__PURE__ */ p.jsx(
+            W,
+            {
+              value: t.join(", "),
+              isInherited: u,
+              columnId: a,
+              ...o,
+              ...i == null ? void 0 : i.text
+            }
+          ) : /* @__PURE__ */ p.jsx(
             mt,
             {
-              selectedOptions: c,
+              selectedOptions: l,
               isReadOnly: !0,
               hasMultipleValues: t.length > 1,
-              isMultiSelect: r == null ? void 0 : r.includes("list"),
-              rowHeight: F
+              isMultiSelect: m == null ? void 0 : m.includes("list")
             }
           );
         }
-        return /* @__PURE__ */ n.jsx(
-          Z,
+        return /* @__PURE__ */ p.jsx(
+          $,
           {
             value: t,
             options: d,
-            type: r,
-            onOpen: () => s(p),
-            enableCustomValues: I,
+            type: m,
+            onOpen: () => s(n),
+            enableCustomValues: N,
             ...o,
-            ...m == null ? void 0 : m.enum
+            ...i == null ? void 0 : i.enum
           }
         );
       }
-      case e.includes(r):
-        return /* @__PURE__ */ n.jsx(
-          $,
+      case e.includes(m):
+        return /* @__PURE__ */ p.jsx(
+          W,
           {
-            value: i,
-            isInherited: f,
-            columnId: g,
+            value: r,
+            isInherited: u,
+            columnId: a,
             ...o,
-            ...m == null ? void 0 : m.text
+            ...i == null ? void 0 : i.text
           }
         );
-      case r === "datetime":
-        return /* @__PURE__ */ n.jsx(
-          Y,
+      case m === "datetime":
+        return /* @__PURE__ */ p.jsx(
+          Z,
           {
-            value: i || void 0,
-            isInherited: f,
+            value: r || void 0,
+            isInherited: u,
             ...o,
-            ...m == null ? void 0 : m.date
+            ...i == null ? void 0 : i.date
           }
         );
-      case r === "boolean":
-        return /* @__PURE__ */ n.jsx(U, { value: i, ...o, ...m == null ? void 0 : m.boolean });
+      case m === "boolean":
+        return /* @__PURE__ */ p.jsx(X, { value: r, ...o, ...i == null ? void 0 : i.boolean });
       case C:
         return null;
       default:
         return null;
     }
-  }, [p, i, r, u, d, b]);
-  return /* @__PURE__ */ n.jsx(
+  }, [n, r, m, f, d, b]);
+  return /* @__PURE__ */ p.jsx(
     pt,
     {
       ...y,
       className: ot(y.className, {
-        inherited: f && !u,
-        readonly: l,
-        editable: !l
+        inherited: u && !f,
+        readonly: c,
+        editable: !c
       }),
-      ref: w,
-      onDoubleClick: _,
+      ref: h,
+      onDoubleClick: v,
       onClick: B,
-      id: p,
-      "data-tooltip": f && !u && G ? "Inherited" : void 0,
+      id: n,
+      "data-tooltip": I || (u && !f && _ ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: z
+      children: J
     }
   );
 };
 export {
-  Bi as CellWidget,
-  _i as EDIT_TRIGGER_CLASS
+  Ki as CellWidget,
+  Ji 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  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 } = 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\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      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\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","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","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,KAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBPC,KAAqB,gBAuCrBC,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU,CAAC;AAAA,EACX,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjCC,IAAOf,KAAA,gBAAAA,EAAe,MAEtB,EAAE,aAAAgB,EAAY,IAAIC,GAAuB,GACzC,EAAE,WAAAC,GAAW,kBAAAC,EAAiB,IAAIC,EAAe,GACjD,EAAE,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,WAAAC,EAAA,IAAcC,GAAyB,GAC7E,EAAE,WAAAC,GAAU,IAAIC,GAAyB,GACzCC,IAASC,EAAUjC,GAAOC,CAAQ,GAElCiC,IAAuBZ,EAAUU,CAAM,GACvCG,IAAuBV,EAAcO,CAAM,GAE3CI,IAAoBC,EAAY,MAAM;AAC1C,IAAI7B,KAAiBC,KACrBc,EAAiBS,CAAM;AAAA,EACtB,GAAA,CAACA,GAAQT,GAAkBf,CAAa,CAAC,GAEtC8B,IAAoB,MAAM;AAG9B,IAAKJ,KACHX,EAAiB,IAAI;AAAA,EAEzB,GAEMgB,IAAgB,MAAM;AAC1B,UAAMC,IAAWd,EAAQ,aAAa,IAAI1B,CAAK;AAC/C,QAAIwC,MAAa,OAAW;AAC5B,UAAMC,IAAWf,EAAQ,aAAa,IAAIc,IAAW,CAAC;AACtD,QAAIC,GAAU;AACN,YAAAC,IAAYT,EAAUQ,GAAUxC,CAAQ;AACnC,MAAA0B,EAAAe,GAAW,IAAO,EAAK,GAClCd,EAAUc,CAAS,GACnBnB,EAAiBmB,CAAS;AAAA,IAAA;AAAA,EAE9B,GAEMC,IAA8C,CAACC,GAAUC,MAAQ;AAErE,IADAtB,EAAiB,IAAI,GACjB,CAAAd,MAEJoC,MAAQ,WAAWN,EAAc,IAE7BK,MAAa1C,KAAS2C,MAAQ,aAChChC,KAAA,QAAAA,EAAW+B,GAAUC;AAAA,EAEzB,GAEMC,IAAe,MAAM;;AACzB,IAAAvB,EAAiB,IAAI;AAErB,UAAMwB,KAAKC,IAAA/B,EAAI,YAAJ,gBAAA+B,EAAa,QAAQ;AAC5B,IAAAD,OAAO,MAAM;AAAA,EACnB,GAEME,IAASC,EAAQ,MAAM;AAE3B,UAAMC,IAA+B;AAAA,MACnC,UAAUR;AAAA,MACV,cAAcG;AAAA,MACd,WAAWZ;AAAA,IACb,GAEMkB,IAA8B,CAAC,UAAU,WAAW,OAAO;AAGjE,YAAQ,IAAM;AAAA;AAAA,MAEZ,KAAK9C,GAAa;AAEhB,cAAM+C,IAAsBlC,KAAA,QAAAA,EAAM,SAAS,UACvCd,EAAQ;AAAA,UAAK,CAACiD,MACZ,MAAM,QAAQpD,CAAK,IAAIA,EAAM,SAASoD,EAAO,KAAK,IAAIpD,MAAUoD,EAAO;AAAA,QAAA,IAEzE,QACEC,IAAQF,KAAA,gBAAAA,EAAqB;AAC5B,eAAAG,gBAAAA,MAACC,KAAgB,OAAAF,GAAc;AAAA,MAAA;AAAA,MAExC,KAAKpC,MAAS;AAEV,eAAAqC,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAAxD;AAAA,YACA,WAAAC;AAAA,YACA,QAAA6B;AAAA,YACA,YAAYlB,KAAc;AAAA,YACzB,GAAGqC;AAAA,UAAA;AAAA,QACN;AAAA,MAIJ,KAAKhC,MAAS,SAAS;AACrB,cAAMwC,IAAaxD,GAEbyD,IAAaC;AAAA,WACjBF,KAAA,gBAAAA,EAAY,cAAa;AAAA,WACzBA,KAAA,gBAAAA,EAAY,KAAK,aAAY;AAAA,WAC7BA,KAAA,gBAAAA,EAAY,eAAc;AAAA,QAC5B;AAGA,eAAAlD,IAAa,CAACmD,GAEZJ,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAOH;AAAA,YACP,QAAA3B;AAAA,YACA,aAAAZ;AAAA,YACA,UAAU,CAACwC;AAAA,YACX,UAAAjD;AAAA,YACC,GAAGwC;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,MAIJ,KAAK,CAAC,CAAC9C,EAAQ,QAAQ;AACrB,cAAM0D,IAAY,MAAM,QAAQ7D,CAAK,IAAIA,IAAQ,CAACA,CAAK;AACvD,YAAIO,GAAY;AACR,gBAAAuD,IAAkB3D,EAAQ,OAAO,CAACiD,MAAWS,EAAU,SAAST,EAAO,KAAK,CAAC;AAEnF,iBAAIS,EAAU,UAAU,CAACC,EAAgB,SAGrCR,gBAAAA,EAAA;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAOF,EAAU,KAAK,IAAI;AAAA,cAC1B,aAAAxD;AAAA,cACA,UAAAN;AAAA,cACC,GAAGkD;AAAA,cACH,GAAGpC,KAAA,gBAAAA,EAAI;AAAA,YAAA;AAAA,UACV,IAKFyC,gBAAAA,EAAA;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,iBAAAF;AAAA,cACA,YAAU;AAAA,cACV,mBAAmBD,EAAU,SAAS;AAAA,cACtC,eAAe5C,KAAA,gBAAAA,EAAM,SAAS;AAAA,YAAM;AAAA,UACtC;AAAA,QAAA;AAIF,eAAAqC,gBAAAA,EAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OAAOJ;AAAA,YACP,SAAA1D;AAAA,YACA,MAAAc;AAAA,YACA,QAAQ,MAAMI,EAAiBS,CAAM;AAAA,YACrC,oBAAAtB;AAAA,YACC,GAAGyC;AAAA,YACH,GAAGpC,KAAA,gBAAAA,EAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAIJ,KAAKqC,EAAU,SAASjC,CAAsB;AAE1C,eAAAqC,gBAAAA,EAAA;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAA/D;AAAA,YACA,aAAAK;AAAA,YACA,UAAAN;AAAA,YACC,GAAGkD;AAAA,YACH,GAAGpC,KAAA,gBAAAA,EAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAGJ,KAAKI,MAAS;AAEV,eAAAqC,gBAAAA,EAAA;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,OAAOlE,KAA4B;AAAA,YACnC,aAAAK;AAAA,YACC,GAAG4C;AAAA,YACH,GAAGpC,KAAA,gBAAAA,EAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAGJ,KAAKI,MAAS;AACZ,qCAAQkD,GAAc,EAAA,OAAAnE,GAA0B,GAAGiD,GAAc,GAAGpC,KAAA,gBAAAA,EAAI,SAAS;AAAA,MAEnF,KAAKP;AACI,eAAA;AAAA,MAET;AASS,eAAA;AAAA,IAAA;AAAA,EACX,GACC,CAACwB,GAAQ9B,GAAOiB,GAAMe,GAAsB7B,GAASC,CAAW,CAAC;AAGlE,SAAAkD,gBAAAA,EAAA;AAAA,IAAC5D;AAAA,IAAA;AAAA,MACE,GAAGoB;AAAA,MACJ,WAAWsD,GAAKtD,EAAM,WAAW;AAAA,QAC/B,WAAWT,KAAe,CAAC2B;AAAA,QAC3B,UAAUzB;AAAA,QACV,UAAU,CAACA;AAAA,MAAA,CACZ;AAAA,MACD,KAAAQ;AAAA,MACA,eAAemB;AAAA,MACf,SAASE;AAAA,MACT,IAAIN;AAAA,MACJ,gBACEpB,MACCL,KAAe,CAAC2B,KAAwBC,IAAuB,cAAc;AAAA,MAEhF,sBAAoB;AAAA,MAEnB,UAAAc;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),i=require("styled-components"),d=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),l=require("styled-components"),d=l.div`
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: #ffffff;
+  background-color: var(--color-table-collapsed-widget);
 
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-`,l=s.forwardRef(({color:t,...e},o)=>r.jsxRuntimeExports.jsx(d,{style:{backgroundColor:t},...e,ref:o}));exports.CollapsedWidget=l;
+`,i=s.forwardRef(({color:e,...t},o)=>r.jsxRuntimeExports.jsx(d,{style:{backgroundColor:e},...t,ref:o}));exports.CollapsedWidget=i;
 //# sourceMappingURL=CollapsedWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsedWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CollapsedWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDot = styled.div`\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\ninterface CollapsedWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  color?: string\n}\n\nexport const CollapsedWidget = forwardRef<HTMLDivElement, CollapsedWidgetProps>(\n  ({ color, ...props }, ref) => {\n    return <StyledDot style={{ backgroundColor: color }} {...props} ref={ref}></StyledDot>\n  },\n)\n"],"names":["StyledDot","styled","CollapsedWidget","forwardRef","color","props","ref","jsx"],"mappings":"gMAGMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBZC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAAC,EAAO,GAAGC,CAAA,EAASC,IACbC,EAAA,kBAAA,IAACP,GAAU,MAAO,CAAE,gBAAiBI,GAAU,GAAGC,EAAO,IAAAC,EAAU,CAE9E"}
+{"version":3,"file":"CollapsedWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CollapsedWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDot = styled.div`\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--color-table-collapsed-widget);\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\ninterface CollapsedWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  color?: string\n}\n\nexport const CollapsedWidget = forwardRef<HTMLDivElement, CollapsedWidgetProps>(\n  ({ color, ...props }, ref) => {\n    return <StyledDot style={{ backgroundColor: color }} {...props} ref={ref}></StyledDot>\n  },\n)\n"],"names":["StyledDot","styled","CollapsedWidget","forwardRef","color","props","ref","jsx"],"mappings":"gMAGMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBZC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAAC,EAAO,GAAGC,CAAA,EAASC,IACbC,EAAA,kBAAA,IAACP,GAAU,MAAO,CAAE,gBAAiBI,GAAU,GAAGC,EAAO,IAAAC,EAAU,CAE9E"}

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

@@ -1,20 +1,20 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
 import { forwardRef as s } from "react";
-import f from "styled-components";
-const d = f.div`
+import l from "styled-components";
+const a = l.div`
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: #ffffff;
+  background-color: var(--color-table-collapsed-widget);
 
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-`, p = s(
-  ({ color: o, ...t }, r) => /* @__PURE__ */ e.jsx(d, { style: { backgroundColor: o }, ...t, ref: r })
+`, n = s(
+  ({ color: o, ...t }, r) => /* @__PURE__ */ e.jsx(a, { style: { backgroundColor: o }, ...t, ref: r })
 );
 export {
-  p as CollapsedWidget
+  n as CollapsedWidget
 };
 //# sourceMappingURL=CollapsedWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsedWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CollapsedWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDot = styled.div`\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\ninterface CollapsedWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  color?: string\n}\n\nexport const CollapsedWidget = forwardRef<HTMLDivElement, CollapsedWidgetProps>(\n  ({ color, ...props }, ref) => {\n    return <StyledDot style={{ backgroundColor: color }} {...props} ref={ref}></StyledDot>\n  },\n)\n"],"names":["StyledDot","styled","CollapsedWidget","forwardRef","color","props","ref","jsx"],"mappings":";;;AAGA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBZC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,GAAGC,EAAA,GAASC,MACbC,gBAAAA,EAAA,IAACP,KAAU,OAAO,EAAE,iBAAiBI,KAAU,GAAGC,GAAO,KAAAC,GAAU;AAE9E;"}
+{"version":3,"file":"CollapsedWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CollapsedWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDot = styled.div`\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--color-table-collapsed-widget);\n\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\ninterface CollapsedWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  color?: string\n}\n\nexport const CollapsedWidget = forwardRef<HTMLDivElement, CollapsedWidgetProps>(\n  ({ color, ...props }, ref) => {\n    return <StyledDot style={{ backgroundColor: color }} {...props} ref={ref}></StyledDot>\n  },\n)\n"],"names":["StyledDot","styled","CollapsedWidget","forwardRef","color","props","ref","jsx"],"mappings":";;;AAGA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBZC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,GAAGC,EAAA,GAASC,MACbC,gBAAAA,EAAA,IAACP,KAAU,OAAO,EAAE,iBAAiBI,KAAU,GAAGC,GAAO,KAAAC,GAAU;AAE9E;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("date-fns"),u=require("react"),l=require("./DateWidgetInput.cjs.js"),g=u.forwardRef(({value:e,isEditing:a,isReadOnly:r,isInherited:x,onChange:d,onCancelEdit:o,...n},s)=>{let t="";if(e)try{t=c.format(new Date(e),"dd-MM-yyyy")}catch{console.error("Invalid date value:",e),t="Invalid Date"}return a?i.jsxRuntimeExports.jsx(l.DateWidgetInput,{value:e,onChange:d,onCancel:o,readOnly:r,disabled:r,...n}):i.jsxRuntimeExports.jsx("span",{...n,ref:s,children:t})});exports.DateWidget=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../../_virtual/jsx-runtime.cjs.js"),y=require("date-fns"),l=require("react"),f=require("./DateWidgetInput.cjs.js"),g=l.forwardRef(({value:e,isEditing:s,isReadOnly:r,isInherited:m,onChange:d,onCancelEdit:o,showTime:c=!1,...n},u)=>{let t="";if(e)try{const i=c?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy";t=y.format(new Date(e),i)}catch{console.error("Invalid date value:",e),t="Invalid Date"}return s?a.jsxRuntimeExports.jsx(f.DateWidgetInput,{value:e,onChange:d,onCancel:o,readOnly:r,disabled:r,...n}):a.jsxRuntimeExports.jsx("span",{...n,ref:u,style:{whiteSpace:"nowrap"},children:t})});exports.DateWidget=g;
 //# sourceMappingURL=DateWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  ({ value, isEditing, isReadOnly, isInherited, onChange, onCancelEdit, ...props }, ref) => {\n    let dateString = ''\n    if (value) {\n      try {\n          dateString = format(new Date(value), 'dd-MM-yyyy')\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","props","ref","dateString","format","jsx","DateWidgetInput"],"mappings":"6NAaaA,EAAaC,EAAA,WACxB,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,SAAAC,EAAU,aAAAC,EAAc,GAAGC,CAAM,EAAGC,IAAQ,CACxF,IAAIC,EAAa,GACjB,GAAIR,EACE,GAAA,CACAQ,EAAaC,EAAAA,OAAO,IAAI,KAAKT,CAAK,EAAG,YAAY,OACrC,CACN,QAAA,MAAM,sBAAuBA,CAAK,EAC7BQ,EAAA,cAAA,CAIjB,OAAIP,EAEAS,EAAA,kBAAA,IAACC,EAAA,gBAAA,CACC,MAAAX,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACT,GAAII,CAAA,CACP,EAKDI,EAAAA,kBAAAA,IAAA,OAAA,CAAM,GAAGJ,EAAO,IAAAC,EACd,SACHC,EAAA,CAAA,CAGN"}
+{"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        dateString = format(new Date(value), formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","props","ref","dateString","formatString","format","jsx","DateWidgetInput"],"mappings":"6NAcaA,EAAaC,EAAA,WACxB,CACE,CACE,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,GAELC,IACG,CACH,IAAIC,EAAa,GACjB,GAAIT,EACE,GAAA,CACI,MAAAU,EAAeJ,EAAW,sBAAwB,aACxDG,EAAaE,EAAAA,OAAO,IAAI,KAAKX,CAAK,EAAGU,CAAY,OACnC,CACN,QAAA,MAAM,sBAAuBV,CAAK,EAC7BS,EAAA,cAAA,CAIjB,OAAIR,EAEAW,EAAA,kBAAA,IAACC,EAAA,gBAAA,CACC,MAAAb,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACT,GAAIK,CAAA,CACP,EAKFK,wBAAC,OAAM,CAAA,GAAGL,EAAO,IAAAC,EAAU,MAAO,CAAE,WAAY,QAAS,EACtD,SACHC,CAAA,CAAA,CAAA,CAGN"}

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

@@ -1,30 +1,40 @@
-import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { format as f } from "date-fns";
-import { forwardRef as s } from "react";
-import { DateWidgetInput as c } from "./DateWidgetInput.es.js";
-const I = s(
-  ({ value: r, isEditing: n, isReadOnly: e, isInherited: p, onChange: a, onCancelEdit: d, ...o }, m) => {
+import { j as a } from "../../../../../_virtual/jsx-runtime.es.js";
+import { format as y } from "date-fns";
+import { forwardRef as c } from "react";
+import { DateWidgetInput as p } from "./DateWidgetInput.es.js";
+const w = c(
+  ({
+    value: r,
+    isEditing: i,
+    isReadOnly: e,
+    isInherited: l,
+    onChange: d,
+    onCancelEdit: m,
+    showTime: s = !1,
+    ...o
+  }, f) => {
     let t = "";
     if (r)
       try {
-        t = f(new Date(r), "dd-MM-yyyy");
+        const n = s ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy";
+        t = y(new Date(r), n);
       } catch {
         console.error("Invalid date value:", r), t = "Invalid Date";
       }
-    return n ? /* @__PURE__ */ i.jsx(
-      c,
+    return i ? /* @__PURE__ */ a.jsx(
+      p,
       {
         value: r,
-        onChange: a,
-        onCancel: d,
+        onChange: d,
+        onCancel: m,
         readOnly: e,
         disabled: e,
         ...o
       }
-    ) : /* @__PURE__ */ i.jsx("span", { ...o, ref: m, children: t });
+    ) : /* @__PURE__ */ a.jsx("span", { ...o, ref: f, style: { whiteSpace: "nowrap" }, children: t });
   }
 );
 export {
-  I as DateWidget
+  w as DateWidget
 };
 //# sourceMappingURL=DateWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  ({ value, isEditing, isReadOnly, isInherited, onChange, onCancelEdit, ...props }, ref) => {\n    let dateString = ''\n    if (value) {\n      try {\n          dateString = format(new Date(value), 'dd-MM-yyyy')\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","props","ref","dateString","format","jsx","DateWidgetInput"],"mappings":";;;;AAaO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,YAAAC,GAAY,aAAAC,GAAa,UAAAC,GAAU,cAAAC,GAAc,GAAGC,EAAM,GAAGC,MAAQ;AACxF,QAAIC,IAAa;AACjB,QAAIR;AACE,UAAA;AACA,QAAAQ,IAAaC,EAAO,IAAI,KAAKT,CAAK,GAAG,YAAY;AAAA,cACrC;AACN,gBAAA,MAAM,uBAAuBA,CAAK,GAC7BQ,IAAA;AAAA,MAAA;AAIjB,WAAIP,IAEAS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAX;AAAA,QACA,UAAAI;AAAA,QACA,UAAUC;AAAA,QACV,UAAUH;AAAA,QACV,UAAUA;AAAA,QACT,GAAII;AAAA,MAAA;AAAA,IACP,IAKDI,gBAAAA,EAAAA,IAAA,QAAA,EAAM,GAAGJ,GAAO,KAAAC,GACd,UACHC,GAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        dateString = format(new Date(value), formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","props","ref","dateString","formatString","format","jsx","DateWidgetInput"],"mappings":";;;;AAcO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,KAELC,MACG;AACH,QAAIC,IAAa;AACjB,QAAIT;AACE,UAAA;AACI,cAAAU,IAAeJ,IAAW,wBAAwB;AACxD,QAAAG,IAAaE,EAAO,IAAI,KAAKX,CAAK,GAAGU,CAAY;AAAA,cACnC;AACN,gBAAA,MAAM,uBAAuBV,CAAK,GAC7BS,IAAA;AAAA,MAAA;AAIjB,WAAIR,IAEAW,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAb;AAAA,QACA,UAAAI;AAAA,QACA,UAAUC;AAAA,QACV,UAAUH;AAAA,QACV,UAAUA;AAAA,QACT,GAAIK;AAAA,MAAA;AAAA,IACP,IAKFK,gBAAAA,MAAC,QAAM,EAAA,GAAGL,GAAO,KAAAC,GAAU,OAAO,EAAE,YAAY,SAAS,GACtD,UACHC,EAAA,CAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("styled-components"),n=i.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  padding: 0 8px;
+  font-style: italic;
+  color: var(--md-sys-color-outline);
+  pointer-events: none;
+`,o=({label:t})=>e.jsxRuntimeExports.jsx(n,{children:t});exports.EmptyWidget=o;
+//# sourceMappingURL=EmptyWidget.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EmptyWidget.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst StyledEmptyWidget = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  font-style: italic;\n  color: var(--md-sys-color-outline);\n  pointer-events: none;\n`\n\ntype EmptyWidgetProps = {\n  label: string\n}\n\n/**\n * Widget for displaying empty rows (e.g., products with no versions)\n * Shows a simple label indicating the empty state\n */\nexport const EmptyWidget = ({ label }: EmptyWidgetProps) => {\n  return <StyledEmptyWidget>{label}</StyledEmptyWidget>\n}\n"],"names":["StyledEmptyWidget","styled","EmptyWidget","label","jsx"],"mappings":"6KAEMA,EAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBpBC,EAAc,CAAC,CAAE,MAAAC,KACrBC,EAAA,kBAAA,IAACJ,GAAmB,SAAMG,CAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import i from "styled-components";
+const o = i.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  padding: 0 8px;
+  font-style: italic;
+  color: var(--md-sys-color-outline);
+  pointer-events: none;
+`, s = ({ label: t }) => /* @__PURE__ */ e.jsx(o, { children: t });
+export {
+  s as EmptyWidget
+};
+//# sourceMappingURL=EmptyWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EmptyWidget.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst StyledEmptyWidget = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  font-style: italic;\n  color: var(--md-sys-color-outline);\n  pointer-events: none;\n`\n\ntype EmptyWidgetProps = {\n  label: string\n}\n\n/**\n * Widget for displaying empty rows (e.g., products with no versions)\n * Shows a simple label indicating the empty state\n */\nexport const EmptyWidget = ({ label }: EmptyWidgetProps) => {\n  return <StyledEmptyWidget>{label}</StyledEmptyWidget>\n}\n"],"names":["StyledEmptyWidget","styled","EmptyWidget","label","jsx"],"mappings":";;AAEA,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBpBC,IAAc,CAAC,EAAE,OAAAC,QACrBC,gBAAAA,EAAA,IAACJ,KAAmB,UAAMG,EAAA,CAAA;"}