@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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

@@ -1,56 +1,20 @@
 import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as B, useMemo as Y } from "react";
+import { useRef as O, useMemo as Y } from "react";
 import z from "styled-components";
 import { BooleanWidget as H } from "./BooleanWidget.es.js";
 import { CollapsedWidget as J } from "./CollapsedWidget.es.js";
 import { DateWidget as K } from "./DateWidget.es.js";
 import { EnumWidget as Q } from "./EnumWidget.es.js";
-import { TextWidget as w } from "./TextWidget.es.js";
+import { TextWidget as S } from "./TextWidget.es.js";
 import { isLinkEditable as U, LinksWidget as X } from "./LinksWidget.es.js";
 import { SubtasksWidget as Z } from "./SubtasksWidget.es.js";
 import { useCellEditing as $ } from "../context/CellEditingContext.es.js";
-import { getCellId as D } from "../utils/cellUtils.es.js";
+import { getCellId as V } from "../utils/cellUtils.es.js";
 import tt from "clsx";
 import { useSelectionCellsContext as it } from "../context/SelectionCellsContext.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
-import "../../../context/ThumbnailUploaderContext.es.js";
-import "../../../context/SettingsPanelContext.es.js";
-import "../../../context/pip/PiPProvider.es.js";
-import "react-dom";
-import "../../../context/pip/PiPWrapper.es.js";
-import "../../../context/AddonProjectContext.es.js";
-import "../../../context/AddonContext.es.js";
-import "../../../context/PowerpackContext.es.js";
-import "../../../context/MoveEntityContext.es.js";
-import "../../../context/MenuContext.es.js";
-import "../../../context/WebsocketContext.es.js";
-import "../../../context/GlobalContext.es.js";
-import { useProjectContext as ot } from "../../../context/ProjectContext.es.js";
-import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
-import { EnumCellValue as rt } from "./EnumCellValue.es.js";
-import { NameWidget as mt } from "./NameWidget.es.js";
-import "@ynput/ayon-react-components";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "date-fns";
-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";
-import "react-toastify";
-import "lodash";
-import "uuid";
-import "../../../util/pubsub.es.js";
-import "../context/ProjectTableQueriesContext.es.js";
-import "../context/ProjectTableContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
 import "../../../api/generated/graphqlLinks.es.js";
@@ -144,14 +108,53 @@ 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 "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
+import "../../../context/GlobalContext.es.js";
+import { useProjectContext as ot } from "../../../context/ProjectContext.es.js";
+import "../../../context/ProjectFoldersContext.es.js";
+import { EnumCellValue as rt } from "./EnumCellValue.es.js";
+import { NameWidget as mt } from "./NameWidget.es.js";
+import "@ynput/ayon-react-components";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "date-fns";
+import "short-uuid";
+import "@tanstack/react-table";
+import "./MarkdownWidget.es.js";
+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";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ProjectTableContext.es.js";
 import "../context/ClipboardContext.es.js";
 import "@tanstack/react-virtual";
 import "../components/HeaderActionButton.es.js";
-import "../components/ColumnHeaderMenu.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
+import "../../ContextMenu/ContextMenuContext.es.js";
 import "../../Feed/context/FeedContext.es.js";
 import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -175,8 +178,7 @@ 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 "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/AttributeEditor/AttributeEditor.es.js";
 import "../../../components/AttributeEditor/attributeTypeMap.es.js";
 import "../../../components/Badge/Badge.es.js";
 import "../../../components/Chips/Chips.es.js";
@@ -188,12 +190,22 @@ import "../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                 */
 import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "rehype-raw";
+import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -201,14 +213,14 @@ import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/FeedbackContextInstance.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 "../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/FreeTrialLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
@@ -218,7 +230,6 @@ import "react-router-dom";
 import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContext.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
@@ -236,12 +247,12 @@ import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
 import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../../components/ColumnHeaderMenuUI.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -250,27 +261,26 @@ import "../../Feed/Feed.styled.es.js";
 import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../components/DeleteConfirmContent.es.js";
-import "../context/ProjectDataContext.es.js";
-import { READ_ONLY as pt } from "../utils/restrictedEntity.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "custom-protocol-check";
-import "../components/GroupSettingsFallback.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../Views/context/ViewsContext.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
+import "../components/DeleteConfirmContent.es.js";
+import "../context/ProjectDataContext.es.js";
+import { READ_ONLY as pt } from "../utils/restrictedEntity.es.js";
 import "../context/SelectedRowsContext.es.js";
 import "../context/ColumnSettingsContext.es.js";
 import "../context/DetailsPanelEntityContext.es.js";
@@ -301,60 +311,61 @@ const et = z.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, gp = "edit-trigger", xp = ({
-  rowId: C,
-  columnId: u,
+`, Tp = "edit-trigger", Wp = ({
+  rowId: E,
+  columnId: d,
   value: o,
   valueData: x,
-  attributeData: S,
-  options: d = [],
-  isCollapsed: E,
-  isInherited: a,
-  isPlaceholder: V,
-  isReadOnly: l,
-  enableCustomValues: A,
+  attributeData: C,
+  options: a = [],
+  isCollapsed: j,
+  isInherited: u,
+  isPlaceholder: A,
+  isReadOnly: n,
+  enableCustomValues: M,
   folderId: N,
-  tooltip: R,
-  onChange: j,
-  entityType: I,
+  tooltip: D,
+  onChange: w,
+  entityType: R,
   pt: c,
   ...b
 }) => {
-  const h = B(null), r = S?.type, { projectName: y } = ot(), { isEditing: L, setEditingCellId: p, getEditingDraft: T, setEditingDraft: W } = $(), { isCellFocused: M, gridMap: k, selectCell: _, focusCell: q } = it(), e = D(C, u), f = L(e), v = M(e), F = () => {
-    const t = k.rowIdToIndex.get(C);
+  const h = O(null), r = C?.type, { projectName: k } = ot(), { isEditing: L, setEditingCellId: p, getEditingDraft: y, setEditingDraft: T } = $(), { isCellFocused: _, gridMap: W, selectCell: q, focusCell: v } = it(), e = V(E, d), f = L(e), F = _(e), G = () => {
+    const t = W.rowIdToIndex.get(E);
     if (t === void 0) {
       p(null);
       return;
     }
-    const s = k.indexToRowId.get(t + 1);
+    const s = W.indexToRowId.get(t + 1);
     if (s) {
-      const i = D(s, u);
-      _(i, !1, !1), q(i), p(i);
+      const i = V(s, d);
+      q(i, !1, !1), v(i), p(i);
     } else
       p(null);
-  }, G = (t, s) => {
-    if (l) {
+  }, I = (t, s) => {
+    if (n) {
       p(null);
       return;
     }
-    s === "Enter" ? (F(), j?.(t, s)) : s === "Click" && t != o ? (p(null), j?.(t, s)) : p(null);
-  }, O = () => {
+    s === "Enter" ? (G(), w?.(t, s)) : s === "Click" && t != o ? (p(null), w?.(t, s)) : p(null);
+  }, P = () => {
     p(null);
     const t = h.current?.closest("td");
     t && t.focus();
-  }, P = Y(() => {
+  }, B = Y(() => {
     const t = {
-      onChange: G,
-      onCancelEdit: O,
-      isEditing: f
+      onChange: I,
+      onCancelEdit: P,
+      isEditing: f,
+      isReadOnly: n
     }, s = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
-      case E: {
-        const n = (r?.includes("list") ? d.find(
+      case j: {
+        const l = (r?.includes("list") ? a.find(
           (g) => Array.isArray(o) ? o.includes(g.value) : o === g.value
         ) : void 0)?.color;
-        return /* @__PURE__ */ m.jsx(J, { color: n });
+        return /* @__PURE__ */ m.jsx(J, { color: l });
       }
       case r === "name":
         return /* @__PURE__ */ m.jsx(
@@ -363,23 +374,23 @@ const et = z.div`
             value: o,
             valueData: x,
             cellId: e,
-            entityType: I || "",
+            entityType: R || "",
             ...t
           }
         );
       case r === "links": {
-        const i = x, n = U(
+        const i = x, l = U(
           i?.direction || "out",
           i?.link.linkType || "",
           i?.entityType || ""
         );
-        return l = !n, /* @__PURE__ */ m.jsx(
+        return n = !l, /* @__PURE__ */ m.jsx(
           X,
           {
             value: i,
             cellId: e,
-            projectName: y,
-            disabled: !n,
+            projectName: k,
+            disabled: !l,
             folderId: N,
             ...t
           }
@@ -392,33 +403,34 @@ const et = z.div`
           {
             value: i,
             cellId: e,
-            projectName: y,
-            disabled: l,
+            projectName: k,
+            disabled: n,
             ...t
           }
         );
       }
-      case !!d.length: {
+      case !!a.length: {
         const i = Array.isArray(o) ? o : [o];
-        if (l) {
-          const n = d.filter((g) => i.includes(g.value));
-          return i.length && !n.length ? /* @__PURE__ */ m.jsx(
-            w,
+        if (n) {
+          const l = a.filter((g) => i.includes(g.value));
+          return i.length && !l.length ? /* @__PURE__ */ m.jsx(
+            S,
             {
               value: i.join(", "),
-              isInherited: a,
-              columnId: u,
+              isInherited: u,
+              columnId: d,
               cellId: e,
+              isMarkdown: C?.widget === "markdown",
               onRequestEdit: p,
-              getDraftValue: T,
-              setDraftValue: W,
+              getDraftValue: y,
+              setDraftValue: T,
               ...t,
               ...c?.text
             }
           ) : /* @__PURE__ */ m.jsx(
             rt,
             {
-              selectedOptions: n,
+              selectedOptions: l,
               isReadOnly: !0,
               hasMultipleValues: i.length > 1,
               isMultiSelect: r?.includes("list"),
@@ -430,10 +442,10 @@ const et = z.div`
           Q,
           {
             value: i,
-            options: d,
+            options: a,
             type: r,
             onOpen: () => p(e),
-            enableCustomValues: A,
+            enableCustomValues: M,
             ...t,
             ...c?.enum
           }
@@ -441,16 +453,18 @@ const et = z.div`
       }
       case s.includes(r):
         return /* @__PURE__ */ m.jsx(
-          w,
+          S,
           {
             value: o,
-            isInherited: a,
-            columnId: u,
+            isInherited: u,
+            columnId: d,
             cellId: e,
+            isMarkdown: C?.widget === "markdown" || // description SHOULD be default markdown, but lets have this here just in case
+            d === "attrib_description" || d === "description",
             type: r,
             onRequestEdit: p,
-            getDraftValue: T,
-            setDraftValue: W,
+            getDraftValue: y,
+            setDraftValue: T,
             ...t,
             ...c?.text
           }
@@ -460,38 +474,38 @@ const et = z.div`
           K,
           {
             value: o || void 0,
-            isInherited: a,
+            isInherited: u,
             ...t,
             ...c?.date
           }
         );
       case r === "boolean":
         return /* @__PURE__ */ m.jsx(H, { value: o, ...t, ...c?.boolean });
-      case V:
+      case A:
         return null;
       default:
         return null;
     }
-  }, [e, o, r, f, d, E]);
+  }, [e, o, r, f, a, j]);
   return /* @__PURE__ */ m.jsx(
     et,
     {
       ...b,
       className: tt(b.className, {
-        inherited: a && !f,
-        [pt]: l,
-        editable: !l
+        inherited: u && !f,
+        [pt]: n,
+        editable: !n
       }),
       ref: h,
       id: e,
-      "data-tooltip": R || (a && !f && v ? "Inherited" : void 0),
+      "data-tooltip": D || (u && !f && F ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: P
+      children: B
     }
   );
 };
 export {
-  xp as CellWidget,
-  gp as EDIT_TRIGGER_CLASS
+  Wp as CellWidget,
+  Tp 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 { 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'\nimport { SubtasksWidget, SubtasksWidgetData } from './SubtasksWidget'\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  overflow: hidden;\n\n  &:has(.markdown) {\n    align-items: flex-start;\n  }\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' | 'subtasks' }\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, getEditingDraft, setEditingDraft } = 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) {\n      setEditingCellId(null)\n      return\n    }\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    } else {\n      setEditingCellId(null)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    if (isReadOnly) {\n      setEditingCellId(null)\n      return\n    }\n    if (key === 'Enter') {\n      // Move to next row first (sets new editing cell), then save value.\n      // This prevents the dialog from blinking between rows.\n      moveToNextRow()\n      onChange?.(newValue, key)\n    } else if (key === 'Click' && newValue != value) {\n      setEditingCellId(null)\n      onChange?.(newValue, key)\n    } else {\n      setEditingCellId(null)\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 type === 'subtasks': {\n        const subtasksValue = valueData as SubtasksWidgetData | undefined\n\n        return (\n          <SubtasksWidget\n            value={subtasksValue}\n            cellId={cellId}\n            projectName={projectName}\n            disabled={isReadOnly}\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                cellId={cellId}\n                onRequestEdit={setEditingCellId}\n                getDraftValue={getEditingDraft}\n                setDraftValue={setEditingDraft}\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              {...pt?.enum?.pt?.template}\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            cellId={cellId}\n            type={type as TextWidgetType}\n            onRequestEdit={setEditingCellId}\n            getDraftValue={getEditingDraft}\n            setDraftValue={setEditingDraft}\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","getEditingDraft","setEditingDraft","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","subtasksValue","SubtasksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}
+{"version":3,"file":"CellWidget.es.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'\nimport { SubtasksWidget, SubtasksWidgetData } from './SubtasksWidget'\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 { 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'\nimport { AttributeData, EnumItem } from '@shared/api'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n\n  &:has(.markdown) {\n    align-items: flex-start;\n  }\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 = {\n  type: AttributeData['type'] | 'links' | 'name' | 'subtasks'\n  widget?: AttributeData['widget']\n}\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?: EnumItem[]\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  isReadOnly?: 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, getEditingDraft, setEditingDraft } = 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) {\n      setEditingCellId(null)\n      return\n    }\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    } else {\n      setEditingCellId(null)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    if (isReadOnly) {\n      setEditingCellId(null)\n      return\n    }\n    if (key === 'Enter') {\n      // Move to next row first (sets new editing cell), then save value.\n      // This prevents the dialog from blinking between rows.\n      moveToNextRow()\n      onChange?.(newValue, key)\n    } else if (key === 'Click' && newValue != value) {\n      setEditingCellId(null)\n      onChange?.(newValue, key)\n    } else {\n      setEditingCellId(null)\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      isReadOnly: isReadOnly,\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 type === 'subtasks': {\n        const subtasksValue = valueData as SubtasksWidgetData | undefined\n\n        return (\n          <SubtasksWidget\n            value={subtasksValue}\n            cellId={cellId}\n            projectName={projectName}\n            disabled={isReadOnly}\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                cellId={cellId}\n                isMarkdown={attributeData?.widget === 'markdown'}\n                onRequestEdit={setEditingCellId}\n                getDraftValue={getEditingDraft}\n                setDraftValue={setEditingDraft}\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              {...pt?.enum?.pt?.template}\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            cellId={cellId}\n            isMarkdown={\n              attributeData?.widget === 'markdown' ||\n              // description SHOULD be default markdown, but lets have this here just in case\n              columnId === 'attrib_description' ||\n              columnId === 'description'\n            }\n            type={type as TextWidgetType}\n            onRequestEdit={setEditingCellId}\n            getDraftValue={getEditingDraft}\n            setDraftValue={setEditingDraft}\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","getEditingDraft","setEditingDraft","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","subtasksValue","SubtasksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}

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

@@ -61,6 +61,7 @@
   padding: 0px 2px;
   white-space: nowrap;
   overflow: hidden;
+  text-overflow: ellipsis;
   max-width: 100%;
 
   &.placeholder {
@@ -92,5 +93,5 @@
 `,X=r(o.Icon)`
   transition: rotate 0.2s;
   padding: 2px;
-`,Y=({selectedOptions:a,placeholder:n,hasMultipleValues:p,isMultiSelect:c,isOpen:i,isItem:l,isSelected:d,isReadOnly:g,iconOnlyColor:h=!1,className:v,pt:y,...b})=>{const{icon:f={},img:j={},value:R={},expand:w={},close:E={}}=y||{},{style:N,className:S,...C}=f,{style:k,className:I,...W}=j,{style:V,className:q,...T}=R,{style:L,className:_,...A}=w,{style:D,className:G,...P}=E,x=a.every(e=>e.icon),z=!p||!x,m=!x&&c&&!l,u=!a.length&&n;return u&&(a=[{label:n,value:""}]),s.jsxRuntimeExports.jsxs(H,{className:t(v,{selected:d,item:l}),...b,children:[s.jsxRuntimeExports.jsx(J,{className:"values",children:a.map((e,B)=>s.jsxRuntimeExports.jsxs(K,{children:[e.icon&&Z(e.icon)?s.jsxRuntimeExports.jsx(Q,{src:e.icon,className:t({avatar:$(e.icon)},I),style:k,"data-tooltip":e.label,...W}):e.icon?s.jsxRuntimeExports.jsx(o.Icon,{icon:e.icon,style:{color:e.color,...N},className:S,...C}):null,(z||!e.icon)&&s.jsxRuntimeExports.jsx(M,{style:{color:m&&e.color?o.getTextColor(e.color):h&&e.icon?void 0:e.color,backgroundColor:m?e.color||"var(--md-sys-color-surface-container)":"transparent",...V},className:t({placeholder:u},q),"aria-label":e.label,...T,children:e.label})]},e.value.toString()+B))}),!l&&!g&&s.jsxRuntimeExports.jsx(U,{className:t("expand",F,{open:i},_),children:s.jsxRuntimeExports.jsx(X,{icon:"expand_more",style:{rotate:i?"180deg":"0",...L},"aria-label":"Expand options",...A})}),l&&d&&c&&s.jsxRuntimeExports.jsx(o.Icon,{icon:"close",style:{marginLeft:"auto",marginRight:4,...D},"aria-label":"Deselect item",className:t("close",G),...P})]})},Z=(a="")=>a.startsWith("/")||a.startsWith("./")||a.startsWith("../")||a.startsWith("http://")||a.startsWith("https://"),$=a=>a.includes("avatar");exports.EnumCellValue=Y;
+`,Y=({selectedOptions:a,placeholder:n,hasMultipleValues:p,isMultiSelect:c,isOpen:i,isItem:l,isSelected:d,isReadOnly:g,iconOnlyColor:h=!1,className:v,pt:y,...b})=>{const{icon:f={},img:j={},value:w={},expand:R={},close:E={}}=y||{},{style:N,className:S,...C}=f,{style:k,className:I,...W}=j,{style:V,className:q,...T}=w,{style:L,className:_,...A}=R,{style:D,className:G,...P}=E,x=a.every(e=>e.icon),z=!p||!x,m=!x&&c&&!l,u=!a.length&&n;return u&&(a=[{label:n,value:""}]),s.jsxRuntimeExports.jsxs(H,{className:t(v,{selected:d,item:l}),...b,children:[s.jsxRuntimeExports.jsx(J,{className:"values",children:a.map((e,B)=>s.jsxRuntimeExports.jsxs(K,{children:[e.icon&&Z(e.icon)?s.jsxRuntimeExports.jsx(Q,{src:e.icon,className:t({avatar:$(e.icon)},I),style:k,"data-tooltip":e.label,...W}):e.icon?s.jsxRuntimeExports.jsx(o.Icon,{icon:e.icon,style:{color:e.color,...N},className:S,...C}):null,(z||!e.icon)&&s.jsxRuntimeExports.jsx(M,{style:{color:m&&e.color?o.getTextColor(e.color):h&&e.icon?void 0:e.color,backgroundColor:m?e.color||"var(--md-sys-color-surface-container)":"transparent",...V},className:t({placeholder:u},q),"aria-label":e.label,...T,children:e.label})]},e.value.toString()+B))}),!l&&!g&&s.jsxRuntimeExports.jsx(U,{className:t("expand",F,{open:i},_),children:s.jsxRuntimeExports.jsx(X,{icon:"expand_more",style:{rotate:i?"180deg":"0",...L},"aria-label":"Expand options",...A})}),l&&d&&c&&s.jsxRuntimeExports.jsx(o.Icon,{icon:"close",style:{marginLeft:"auto",marginRight:4,...D},"aria-label":"Deselect item",className:t("close",G),...P})]})},Z=(a="")=>a.startsWith("/")||a.startsWith("./")||a.startsWith("../")||a.startsWith("http://")||a.startsWith("https://"),$=a=>a.includes("avatar");exports.EnumCellValue=Y;
 //# sourceMappingURL=EnumCellValue.cjs.js.map