@ynput/ayon-frontend-shared 0.3.36 → 0.3.38

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

@@ -1,17 +1,18 @@
 import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-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 { useRef as Y, useMemo as z } from "react";
+import H from "styled-components";
+import { BooleanWidget as J } from "./BooleanWidget.es.js";
+import { CollapsedWidget as K } from "./CollapsedWidget.es.js";
+import { DateWidget as Q } from "./DateWidget.es.js";
+import { EnumWidget as U } from "./EnumWidget.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 { isLinkEditable as X, LinksWidget as Z } from "./LinksWidget.es.js";
+import { SubtasksWidget as $ } from "./SubtasksWidget.es.js";
+import { CommentsWidget as tt } from "./CommentsWidget.es.js";
+import { useCellEditing as it } from "../context/CellEditingContext.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 ot from "clsx";
+import { useSelectionCellsContext as rt } from "../context/SelectionCellsContext.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -132,10 +133,10 @@ 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 { useProjectContext as mt } 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 { EnumCellValue as pt } from "./EnumCellValue.es.js";
+import { NameWidget as et } from "./NameWidget.es.js";
 import "@ynput/ayon-react-components";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
@@ -150,32 +151,6 @@ 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 "../context/ColumnSettingsContext.es.js";
-import "../context/SelectedRowsContext.es.js";
-import "../context/DetailsPanelEntityContext.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";
-import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
-import "remark-emoji";
-import "remark-gfm";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../Feed/components/CommentInput/CommentInput.es.js";
-import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
@@ -197,7 +172,10 @@ import "react-quill-ayon";
 import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
 import "../../../components/QuillListStyles/QuillListStyles.es.js";
 import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
 import "rehype-raw";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
@@ -209,6 +187,72 @@ import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "remark-emoji";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../Feed/Feed.styled.es.js";
+import "../../Feed/components/FeedSearchFilter.es.js";
+import "@tanstack/react-virtual";
+import "../components/HeaderActionButton.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ProjectTableContext.es.js";
+import "../components/DeleteConfirmContent.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/ProjectDataContext.es.js";
+import { READ_ONLY as st } from "../utils/restrictedEntity.es.js";
+import "../components/TableFooterRow.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../Slicer/components/Slicer.es.js";
+import "../../Slicer/context/SlicerContext.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.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/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.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/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -221,7 +265,6 @@ 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/FreeTrialLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -230,11 +273,9 @@ import "../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../../components/SizeSlider/SizeSlider.es.js";
 import "react-router-dom";
-import "../../Slicer/components/Slicer.es.js";
-import "../../Slicer/context/SlicerContext.es.js";
-import "../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
@@ -251,45 +292,8 @@ 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 "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../Feed/Feed.styled.es.js";
-import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "@tanstack/react-virtual";
-import "../components/HeaderActionButton.es.js";
-import "../components/TableFooterRow.es.js";
-import "../context/ProjectDataContext.es.js";
-import { READ_ONLY as pt } from "../utils/restrictedEntity.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/ViewsMenu/ViewsMenu.es.js";
-import "../../Views/context/ViewsContextInstance.es.js";
-import "../../Views/Views.styled.es.js";
-import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../ListTable/ListTableRow.es.js";
-import "../../ListTable/ListTable.styled.es.js";
-import "../components/DeleteConfirmContent.es.js";
 import "./LoadMoreWidget.es.js";
-const et = z.div`
+const nt = H.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -297,7 +301,8 @@ const et = z.div`
   align-items: center;
   overflow: hidden;
 
-  &:has(.markdown) {
+  &:has(.markdown),
+  &:has(.comments-list) {
     align-items: flex-start;
   }
 
@@ -315,11 +320,11 @@ const et = z.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, Ap = "edit-trigger", Mp = ({
+`, _p = "edit-trigger", qp = ({
   rowId: E,
   columnId: d,
   value: o,
-  valueData: x,
+  valueData: f,
   attributeData: C,
   options: a = [],
   isCollapsed: j,
@@ -327,14 +332,15 @@ const et = z.div`
   isPlaceholder: A,
   isReadOnly: n,
   enableCustomValues: M,
-  folderId: N,
-  tooltip: D,
+  isLinksLoading: N,
+  folderId: L,
+  tooltip: R,
   onChange: w,
-  entityType: R,
+  entityType: D,
   pt: c,
-  ...b
+  ...h
 }) => {
-  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 b = Y(null), r = C?.type, { projectName: k } = mt(), { isEditing: _, setEditingCellId: p, getEditingDraft: y, setEditingDraft: T } = it(), { isCellFocused: q, gridMap: W, selectCell: v, focusCell: F } = rt(), e = V(E, d), g = _(e), G = q(e), I = () => {
     const t = W.rowIdToIndex.get(E);
     if (t === void 0) {
       p(null);
@@ -343,67 +349,68 @@ const et = z.div`
     const s = W.indexToRowId.get(t + 1);
     if (s) {
       const i = V(s, d);
-      q(i, !1, !1), v(i), p(i);
+      v(i, !1, !1), F(i), p(i);
     } else
       p(null);
-  }, I = (t, s) => {
+  }, P = (t, s) => {
     if (n) {
       p(null);
       return;
     }
-    s === "Enter" ? (G(), w?.(t, s)) : s === "Click" && t != o ? (p(null), w?.(t, s)) : p(null);
-  }, P = () => {
+    s === "Enter" ? (I(), w?.(t, s)) : s === "Click" && t != o ? (p(null), w?.(t, s)) : p(null);
+  }, B = () => {
     p(null);
-    const t = h.current?.closest("td");
+    const t = b.current?.closest("td");
     t && t.focus();
-  }, B = Y(() => {
+  }, O = z(() => {
     const t = {
-      onChange: I,
-      onCancelEdit: P,
-      isEditing: f,
+      onChange: P,
+      onCancelEdit: B,
+      isEditing: g,
       isReadOnly: n
     }, s = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
       case j: {
         const l = (r?.includes("list") ? a.find(
-          (g) => Array.isArray(o) ? o.includes(g.value) : o === g.value
+          (x) => Array.isArray(o) ? o.includes(x.value) : o === x.value
         ) : void 0)?.color;
-        return /* @__PURE__ */ m.jsx(J, { color: l });
+        return /* @__PURE__ */ m.jsx(K, { color: l });
       }
       case r === "name":
         return /* @__PURE__ */ m.jsx(
-          mt,
+          et,
           {
             value: o,
-            valueData: x,
+            valueData: f,
             cellId: e,
-            entityType: R || "",
+            entityType: D || "",
             ...t
           }
         );
       case r === "links": {
-        const i = x, l = U(
+        const i = f, l = X(
           i?.direction || "out",
           i?.link.linkType || "",
           i?.entityType || ""
         );
         return n = !l, /* @__PURE__ */ m.jsx(
-          X,
+          Z,
           {
             value: i,
             cellId: e,
             projectName: k,
             disabled: !l,
-            folderId: N,
+            folderId: L,
+            isLoading: N,
             ...t
           }
         );
       }
       case r === "subtasks": {
-        const i = x;
+        const i = f;
         return /* @__PURE__ */ m.jsx(
-          Z,
+          $,
           {
             value: i,
             cellId: e,
@@ -413,10 +420,12 @@ const et = z.div`
           }
         );
       }
+      case r === "comments":
+        return /* @__PURE__ */ m.jsx(tt, { value: f, ...t });
       case !!a.length: {
         const i = Array.isArray(o) ? o : [o];
         if (n) {
-          const l = a.filter((g) => i.includes(g.value));
+          const l = a.filter((x) => i.includes(x.value));
           return i.length && !l.length ? /* @__PURE__ */ m.jsx(
             S,
             {
@@ -432,7 +441,7 @@ const et = z.div`
               ...c?.text
             }
           ) : /* @__PURE__ */ m.jsx(
-            rt,
+            pt,
             {
               selectedOptions: l,
               isReadOnly: !0,
@@ -443,7 +452,7 @@ const et = z.div`
           );
         }
         return /* @__PURE__ */ m.jsx(
-          Q,
+          U,
           {
             value: i,
             options: a,
@@ -475,7 +484,7 @@ const et = z.div`
         );
       case r === "datetime":
         return /* @__PURE__ */ m.jsx(
-          K,
+          Q,
           {
             value: o || void 0,
             isInherited: u,
@@ -484,32 +493,32 @@ const et = z.div`
           }
         );
       case r === "boolean":
-        return /* @__PURE__ */ m.jsx(H, { value: o, ...t, ...c?.boolean });
+        return /* @__PURE__ */ m.jsx(J, { value: o, ...t, ...c?.boolean });
       case A:
         return null;
       default:
         return null;
     }
-  }, [e, o, r, f, a, j]);
+  }, [e, o, r, g, a, j]);
   return /* @__PURE__ */ m.jsx(
-    et,
+    nt,
     {
-      ...b,
-      className: tt(b.className, {
-        inherited: u && !f,
-        [pt]: n,
+      ...h,
+      className: ot(h.className, {
+        inherited: u && !g,
+        [st]: n,
         editable: !n
       }),
-      ref: h,
+      ref: b,
       id: e,
-      "data-tooltip": D || (u && !f && F ? "Inherited" : void 0),
+      "data-tooltip": R || (u && !g && G ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: B
+      children: O
     }
   );
 };
 export {
-  Mp as CellWidget,
-  Ap as EDIT_TRIGGER_CLASS
+  qp as CellWidget,
+  _p 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 { 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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"}
+{"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'\nimport { CommentsWidget } from './CommentsWidget'\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, type EntityComment } 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  &:has(.comments-list) {\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' | 'comments'\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  isLinksLoading?: 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  isLinksLoading,\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            isLoading={isLinksLoading}\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 type === 'comments': {\n        return <CommentsWidget value={valueData as EntityComment[] | undefined} {...sharedProps} />\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","isLinksLoading","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","CommentsWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}