@ynput/ayon-frontend-shared 0.4.2 → 0.4.3

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

@@ -1,35 +1,38 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as H, useMemo as J } from "react";
-import K from "styled-components";
-import { BooleanWidget as Q } from "./BooleanWidget.es.js";
-import { CollapsedWidget as U } from "./CollapsedWidget.es.js";
-import { DateWidget as X } from "./DateWidget.es.js";
-import { EnumWidget as Z } from "./EnumWidget.es.js";
-import { TextWidget as S } from "./TextWidget.es.js";
-import { isLinkEditable as $, LinksWidget as tt } from "./LinksWidget.es.js";
-import { SubtasksWidget as et } from "./SubtasksWidget.es.js";
-import { CommentsWidget as it } from "./CommentsWidget.es.js";
-import { useCellEditing as st } from "../context/CellEditingContext.es.js";
-import { getCellId as V } from "../utils/cellUtils.es.js";
-import ot from "clsx";
-import { useSelectionCellsContext as rt } from "../context/SelectionCellsContext.es.js";
-import { useProjectContext as nt } from "../../../context/ProjectContext.es.js";
-import { EnumCellValue as lt } from "./EnumCellValue.es.js";
-import { NameWidget as dt } from "./NameWidget.es.js";
+import { useRef as $, useMemo as H } from "react";
+import J from "styled-components";
+import { BooleanWidget as K } from "./BooleanWidget.es.js";
+import { CollapsedWidget as Q } from "./CollapsedWidget.es.js";
+import { DateWidget as U } from "./DateWidget.es.js";
+import { EnumWidget as X } from "./EnumWidget.es.js";
+import { TextWidget as L } from "./TextWidget.es.js";
+import { isLinkEditable as Z, LinksWidget as ee } from "./LinksWidget.es.js";
+import { SubtasksWidget as te } from "./SubtasksWidget.es.js";
+import { CommentsWidget as ie } from "./CommentsWidget.es.js";
+import { useCellEditing as se } from "../context/CellEditingContext.es.js";
+import { getCellId as M } from "../utils/cellUtils.es.js";
+import oe from "clsx";
+import { useSelectionCellsContext as re } from "../context/SelectionCellsContext.es.js";
+import { useProjectContext as ne } from "../../../context/ProjectContext.es.js";
+import { EnumCellValue as le } from "./EnumCellValue.es.js";
+import { NameWidget as ce } from "./NameWidget.es.js";
+import { CELL_PADDING_Y as de } from "../constants.es.js";
 import "@ynput/ayon-react-components";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
 import "short-uuid";
 import "../utils/columnIds.es.js";
 import "../buildTreeTableColumns.es.js";
-import { READ_ONLY as ct } from "../utils/restrictedEntity.es.js";
-const at = K.div`
+import { READ_ONLY as ae } from "../utils/restrictedEntity.es.js";
+const me = J.div`
   position: absolute;
   inset: 0;
-  padding: 4px 8px;
+  padding: ${de}px 8px;
   display: flex;
   align-items: center;
   overflow: hidden;
+  container-type: size;
+  container-name: cell;
 
   &:has(.markdown),
   &:has(.comments-list) {
@@ -54,55 +57,55 @@ const at = K.div`
   &.entity-widget {
     cursor: pointer;
   }
-`, vt = "edit-trigger", qt = ({
+`, Pe = "edit-trigger", qe = ({
   rowId: E,
-  columnId: d,
+  columnId: c,
   value: i,
   valueData: p,
   attributeData: C,
   options: u = [],
   isCollapsed: j,
   isInherited: f,
-  isPlaceholder: A,
-  isReadOnly: c,
-  enableCustomValues: N,
-  isLinksLoading: L,
-  folderId: R,
-  midnightExclusiveFields: D,
-  tooltip: _,
+  isPlaceholder: N,
+  isReadOnly: d,
+  enableCustomValues: S,
+  isLinksLoading: V,
+  folderId: D,
+  midnightExclusiveFields: _,
+  tooltip: R,
   onChange: w,
   entityType: v,
   pt: m,
   ...h
 }) => {
-  const b = H(null), s = C?.type, { projectName: k } = nt(), { isEditing: q, setEditingCellId: r, getEditingDraft: y, setEditingDraft: T } = st(), { isCellFocused: F, gridMap: W, selectCell: G, focusCell: P } = rt(), n = V(E, d), M = D?.includes(d) ?? !1, g = q(n), B = F(n), I = () => {
-    const t = W.rowIdToIndex.get(E);
-    if (t === void 0) {
+  const b = $(null), s = C?.type, { projectName: k } = ne(), { isEditing: G, setEditingCellId: r, getEditingDraft: y, setEditingDraft: T } = se(), { isCellFocused: P, gridMap: W, selectCell: q, focusCell: F } = re(), n = M(E, c), A = _?.includes(c) ?? !1, g = G(n), I = P(n), Y = () => {
+    const e = W.rowIdToIndex.get(E);
+    if (e === void 0) {
       r(null);
       return;
     }
-    const l = W.indexToRowId.get(t + 1);
+    const l = W.indexToRowId.get(e + 1);
     if (l) {
-      const e = V(l, d);
-      G(e, !1, !1), P(e), r(e);
+      const t = M(l, c);
+      q(t, !1, !1), F(t), r(t);
     } else
       r(null);
-  }, O = (t, l) => {
-    if (c) {
+  }, z = (e, l) => {
+    if (d) {
       r(null);
       return;
     }
-    l === "Enter" ? (I(), w?.(t, l)) : l === "Click" && t != i ? (r(null), w?.(t, l)) : r(null);
-  }, Y = () => {
+    l === "Enter" ? (Y(), w?.(e, l)) : l === "Click" && e != i ? (r(null), w?.(e, l)) : r(null);
+  }, B = () => {
     r(null);
-    const t = b.current?.closest("td");
-    t && t.focus();
-  }, z = J(() => {
-    const t = {
-      onChange: O,
-      onCancelEdit: Y,
+    const e = b.current?.closest("td");
+    e && e.focus();
+  }, O = H(() => {
+    const e = {
+      onChange: z,
+      onCancelEdit: B,
       isEditing: g,
-      isReadOnly: c
+      isReadOnly: d
     }, l = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
@@ -110,151 +113,151 @@ const at = K.div`
         const a = (s?.includes("list") ? u.find(
           (x) => Array.isArray(i) ? i.includes(x.value) : i === x.value
         ) : void 0)?.color;
-        return /* @__PURE__ */ o.jsx(U, { color: a });
+        return /* @__PURE__ */ o.jsx(Q, { color: a });
       }
       case s === "name":
         return /* @__PURE__ */ o.jsx(
-          dt,
+          ce,
           {
             value: i,
             valueData: p,
             cellId: n,
             entityType: v || "",
-            ...t
+            ...e
           }
         );
       case s === "links": {
-        const e = p, a = $(
-          e?.direction || "out",
-          e?.link.linkType || "",
-          e?.entityType || ""
+        const t = p, a = Z(
+          t?.direction || "out",
+          t?.link.linkType || "",
+          t?.entityType || ""
         );
-        return c = !a, /* @__PURE__ */ o.jsx(
-          tt,
+        return d = !a, /* @__PURE__ */ o.jsx(
+          ee,
           {
-            value: e,
+            value: t,
             cellId: n,
             projectName: k,
             disabled: !a,
-            folderId: R,
-            isLoading: L,
-            ...t
+            folderId: D,
+            isLoading: V,
+            ...e
           }
         );
       }
       case s === "subtasks": {
-        const e = p;
+        const t = p;
         return /* @__PURE__ */ o.jsx(
-          et,
+          te,
           {
-            value: e,
+            value: t,
             cellId: n,
             projectName: k,
-            disabled: c,
-            ...t
+            disabled: d,
+            ...e
           }
         );
       }
       case s === "comments":
-        return /* @__PURE__ */ o.jsx(it, { value: p, ...t });
+        return /* @__PURE__ */ o.jsx(ie, { value: p, ...e });
       case !!u.length: {
-        const e = Array.isArray(i) ? i : [i];
-        if (c) {
-          const a = u.filter((x) => e.includes(x.value));
-          return e.length && !a.length ? /* @__PURE__ */ o.jsx(
-            S,
+        const t = Array.isArray(i) ? i : [i];
+        if (d) {
+          const a = u.filter((x) => t.includes(x.value));
+          return t.length && !a.length ? /* @__PURE__ */ o.jsx(
+            L,
             {
-              value: e.join(", "),
+              value: t.join(", "),
               isInherited: f,
-              columnId: d,
+              columnId: c,
               cellId: n,
               isMarkdown: C?.widget === "markdown",
               onRequestEdit: r,
               getDraftValue: y,
               setDraftValue: T,
-              ...t,
+              ...e,
               ...m?.text
             }
           ) : /* @__PURE__ */ o.jsx(
-            lt,
+            le,
             {
               selectedOptions: a,
               isReadOnly: !0,
-              hasMultipleValues: e.length > 1,
+              hasMultipleValues: t.length > 1,
               isMultiSelect: s?.includes("list"),
               ...m?.enum?.pt?.template
             }
           );
         }
         return /* @__PURE__ */ o.jsx(
-          Z,
+          X,
           {
-            value: e,
+            value: t,
             options: u,
             type: s,
             onOpen: () => r(n),
-            enableCustomValues: N,
-            ...t,
+            enableCustomValues: S,
+            ...e,
             ...m?.enum
           }
         );
       }
       case l.includes(s):
         return /* @__PURE__ */ o.jsx(
-          S,
+          L,
           {
             value: i,
             isInherited: f,
-            columnId: d,
+            columnId: c,
             cellId: n,
             isMarkdown: C?.widget === "markdown" || // description SHOULD be default markdown, but lets have this here just in case
-            d === "attrib_description" || d === "description",
+            c === "attrib_description" || c === "description",
             type: s,
             onRequestEdit: r,
             getDraftValue: y,
             setDraftValue: T,
-            ...t,
+            ...e,
             ...m?.text
           }
         );
       case s === "datetime":
         return /* @__PURE__ */ o.jsx(
-          X,
+          U,
           {
             value: i || void 0,
             isInherited: f,
-            isMidnightExclusive: M,
-            ...t,
+            isMidnightExclusive: A,
+            ...e,
             ...m?.date
           }
         );
       case s === "boolean":
-        return /* @__PURE__ */ o.jsx(Q, { value: i, ...t, ...m?.boolean });
-      case A:
+        return /* @__PURE__ */ o.jsx(K, { value: i, ...e, ...m?.boolean });
+      case N:
         return null;
       default:
         return null;
     }
-  }, [n, i, s, g, u, j, M]);
+  }, [n, i, s, g, u, j, A]);
   return /* @__PURE__ */ o.jsx(
-    at,
+    me,
     {
       ...h,
-      className: ot(h.className, {
+      className: oe(h.className, {
         inherited: f && !g,
-        [ct]: c,
-        editable: !c
+        [ae]: d,
+        editable: !d
       }),
       ref: b,
       id: n,
-      "data-tooltip": _ || (f && !g && B ? "Inherited" : void 0),
+      "data-tooltip": R || (f && !g && I ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: z
+      children: O
     }
   );
 };
 export {
-  qt as CellWidget,
-  vt as EDIT_TRIGGER_CLASS
+  qe as CellWidget,
+  Pe 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'\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/ProjectContext'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { READ_ONLY } from '../utils'\nimport type { AttributeData, EnumItem, 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  &.entity-widget {\n    cursor: pointer;\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  midnightExclusiveFields?: string[]\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  midnightExclusiveFields,\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  const isMidnightExclusive = midnightExclusiveFields?.includes(columnId) ?? false\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            isMidnightExclusive={isMidnightExclusive}\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, isMidnightExclusive])\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","midnightExclusiveFields","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","getEditingDraft","setEditingDraft","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isMidnightExclusive","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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"}
+{"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/ProjectContext'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { READ_ONLY } from '../utils'\nimport type { AttributeData, EnumItem, EntityComment } from '@shared/api'\nimport { CELL_PADDING_Y } from '../constants'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: ${CELL_PADDING_Y}px 8px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  container-type: size;\n  container-name: cell;\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  &.entity-widget {\n    cursor: pointer;\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  midnightExclusiveFields?: string[]\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  midnightExclusiveFields,\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  const isMidnightExclusive = midnightExclusiveFields?.includes(columnId) ?? false\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            isMidnightExclusive={isMidnightExclusive}\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, isMidnightExclusive])\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","CELL_PADDING_Y","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","isLinksLoading","folderId","midnightExclusiveFields","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","getEditingDraft","setEditingDraft","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isMidnightExclusive","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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"}

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

@@ -1,2 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("date-fns"),m=require("react"),D=require("./DateWidgetInput.cjs.js"),g=require("../../../util/formatUTCDate.cjs.js"),j=m.forwardRef(({value:e,isEditing:u,isReadOnly:n,isInherited:p,onChange:y,onCancelEdit:f,showTime:a=!1,isMidnightExclusive:s=!1,...o},l)=>{let t="";if(e)try{const r=a?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy",i=s?c.subMilliseconds(new Date(e),1):new Date(e);t=a?c.format(i,r):g.formatUTCDate(i,r)}catch{console.error("Invalid date value:",e),t="Invalid Date"}return u?d.jsxRuntimeExports.jsx(D.DateWidgetInput,{value:e,onChange:y,onCancel:f,readOnly:n,disabled:n,isMidnightExclusive:s,...o}):d.jsxRuntimeExports.jsx("span",{...o,ref:l,style:{whiteSpace:"nowrap"},children:t})});exports.DateWidget=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("date-fns"),u=require("react"),p=require("styled-components"),j=require("./DateWidgetInput.cjs.js"),w=require("../../../util/formatUTCDate.cjs.js"),g=require("./wrapMode.cjs.js"),q=p.span`
+  white-space: nowrap;
+
+  ${g.wrapMode`
+    white-space: normal;
+  `}
+`,M=p.span`
+  white-space: nowrap;
+`,h=u.forwardRef(({value:e,isEditing:m,isReadOnly:o,isInherited:I,onChange:y,onCancelEdit:f,showTime:i=!1,isMidnightExclusive:d=!1,...c},x)=>{let t="",n=!1;if(e)try{const r=i?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy",s=d?l.subMilliseconds(new Date(e),1):new Date(e);t=i?l.format(s,r):w.formatUTCDate(s,r)}catch{console.error("Invalid date value:",e),t="Invalid Date",n=!0}if(m)return a.jsxRuntimeExports.jsx(j.DateWidgetInput,{value:e,onChange:y,onCancel:f,readOnly:o,disabled:o,isMidnightExclusive:d,...c});const D=t&&!n?t.split(" "):[];return a.jsxRuntimeExports.jsx(q,{...c,ref:x,children:n?t:D.map((r,s)=>a.jsxRuntimeExports.jsxs(u.Fragment,{children:[s>0&&" ",a.jsxRuntimeExports.jsx(M,{children:r})]},s))})});exports.DateWidget=h;
 //# sourceMappingURL=DateWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n  isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      isMidnightExclusive = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n        dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          isMidnightExclusive={isMidnightExclusive}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":"6QAgBaA,EAAaC,EAAAA,WACxB,CACE,CACE,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,GAAGC,CAAA,EAELC,IACG,CACH,IAAIC,EAAa,GACjB,GAAIV,EACF,GAAI,CACF,MAAMW,EAAeL,EAAW,sBAAwB,aAClDM,EAAOL,EAAsBM,EAAAA,gBAAgB,IAAI,KAAKb,CAAK,EAAG,CAAC,EAAI,IAAI,KAAKA,CAAK,EACvFU,EAAaJ,EAAWQ,EAAAA,OAAOF,EAAMD,CAAY,EAAII,EAAAA,cAAcH,EAAMD,CAAY,CACvF,MAAgB,CACd,QAAQ,MAAM,sBAAuBX,CAAK,EAC1CU,EAAa,cACf,CAGF,OAAIT,EAEAe,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,MAAAjB,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACV,oBAAAK,EACC,GAAIC,CAAA,CAAA,EAMTQ,wBAAC,OAAA,CAAM,GAAGR,EAAO,IAAAC,EAAU,MAAO,CAAE,WAAY,QAAA,EAC7C,SAAAC,CAAA,CACH,CAEJ,CACF"}
+{"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef, Fragment } from 'react'\nimport styled from 'styled-components'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\nimport { wrapMode } from './wrapMode'\n\nconst StyledDateValue = styled.span`\n  white-space: nowrap;\n\n  ${wrapMode`\n    white-space: normal;\n  `}\n`\n\n// nowrap per part so the line can only break between date and time, never inside either\nconst StyledDatePart = styled.span`\n  white-space: nowrap;\n`\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n  isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      isMidnightExclusive = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    let isInvalid = false\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n        dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n        isInvalid = true\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          isMidnightExclusive={isMidnightExclusive}\n          {...(props as any)}\n        />\n      )\n    }\n\n    const parts = dateString && !isInvalid ? dateString.split(' ') : []\n\n    return (\n      <StyledDateValue {...props} ref={ref}>\n        {isInvalid\n          ? dateString\n          : parts.map((part, index) => (\n              <Fragment key={index}>\n                {index > 0 && ' '}\n                <StyledDatePart>{part}</StyledDatePart>\n              </Fragment>\n            ))}\n      </StyledDateValue>\n    )\n  },\n)\n"],"names":["StyledDateValue","styled","wrapMode","StyledDatePart","DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","isInvalid","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput","parts","part","index","Fragment"],"mappings":"2UAQMA,EAAkBC,EAAO;AAAA;AAAA;AAAA,IAG3BC,EAAAA;AAAAA;AAAAA,GAED;AAAA,EAIGC,EAAiBF,EAAO;AAAA;AAAA,EAcjBG,EAAaC,EAAAA,WACxB,CACE,CACE,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,GAAGC,CAAA,EAELC,IACG,CACH,IAAIC,EAAa,GACbC,EAAY,GAChB,GAAIX,EACF,GAAI,CACF,MAAMY,EAAeN,EAAW,sBAAwB,aAClDO,EAAON,EAAsBO,EAAAA,gBAAgB,IAAI,KAAKd,CAAK,EAAG,CAAC,EAAI,IAAI,KAAKA,CAAK,EACvFU,EAAaJ,EAAWS,EAAAA,OAAOF,EAAMD,CAAY,EAAII,EAAAA,cAAcH,EAAMD,CAAY,CACvF,MAAgB,CACd,QAAQ,MAAM,sBAAuBZ,CAAK,EAC1CU,EAAa,eACbC,EAAY,EACd,CAGF,GAAIV,EACF,OACEgB,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,MAAAlB,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACV,oBAAAK,EACC,GAAIC,CAAA,CAAA,EAKX,MAAMW,EAAQT,GAAc,CAACC,EAAYD,EAAW,MAAM,GAAG,EAAI,CAAA,EAEjE,OACEO,EAAAA,kBAAAA,IAACvB,EAAA,CAAiB,GAAGc,EAAO,IAAAC,EACzB,SAAAE,EACGD,EACAS,EAAM,IAAI,CAACC,EAAMC,6BACdC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAQ,GAAK,IACdJ,EAAAA,kBAAAA,IAACpB,GAAgB,SAAAuB,CAAA,CAAK,CAAA,GAFTC,CAGf,CACD,EACP,CAEJ,CACF"}

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

@@ -1,43 +1,59 @@
-import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-import { subMilliseconds as p, format as l } from "date-fns";
-import { forwardRef as D } from "react";
-import { DateWidgetInput as j } from "./DateWidgetInput.es.js";
-import { formatUTCDate as w } from "../../../util/formatUTCDate.es.js";
-const h = D(
+import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
+import { subMilliseconds as D, format as h } from "date-fns";
+import { forwardRef as j, Fragment as x } from "react";
+import p from "styled-components";
+import { DateWidgetInput as I } from "./DateWidgetInput.es.js";
+import { formatUTCDate as M } from "../../../util/formatUTCDate.es.js";
+import { wrapMode as g } from "./wrapMode.es.js";
+const S = p.span`
+  white-space: nowrap;
+
+  ${g`
+    white-space: normal;
+  `}
+`, u = p.span`
+  white-space: nowrap;
+`, V = j(
   ({
     value: t,
-    isEditing: s,
-    isReadOnly: o,
-    isInherited: x,
+    isEditing: l,
+    isReadOnly: s,
+    isInherited: b,
     onChange: f,
-    onCancelEdit: y,
-    showTime: a = !1,
-    isMidnightExclusive: n = !1,
-    ...d
-  }, c) => {
-    let r = "";
+    onCancelEdit: c,
+    showTime: i = !1,
+    isMidnightExclusive: d = !1,
+    ...m
+  }, y) => {
+    let r = "", n = !1;
     if (t)
       try {
-        const e = a ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", i = n ? p(new Date(t), 1) : new Date(t);
-        r = a ? l(i, e) : w(i, e);
+        const e = i ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", a = d ? D(new Date(t), 1) : new Date(t);
+        r = i ? h(a, e) : M(a, e);
       } catch {
-        console.error("Invalid date value:", t), r = "Invalid Date";
+        console.error("Invalid date value:", t), r = "Invalid Date", n = !0;
       }
-    return s ? /* @__PURE__ */ m.jsx(
-      j,
-      {
-        value: t,
-        onChange: f,
-        onCancel: y,
-        readOnly: o,
-        disabled: o,
-        isMidnightExclusive: n,
-        ...d
-      }
-    ) : /* @__PURE__ */ m.jsx("span", { ...d, ref: c, style: { whiteSpace: "nowrap" }, children: r });
+    if (l)
+      return /* @__PURE__ */ o.jsx(
+        I,
+        {
+          value: t,
+          onChange: f,
+          onCancel: c,
+          readOnly: s,
+          disabled: s,
+          isMidnightExclusive: d,
+          ...m
+        }
+      );
+    const w = r && !n ? r.split(" ") : [];
+    return /* @__PURE__ */ o.jsx(S, { ...m, ref: y, children: n ? r : w.map((e, a) => /* @__PURE__ */ o.jsxs(x, { children: [
+      a > 0 && " ",
+      /* @__PURE__ */ o.jsx(u, { children: e })
+    ] }, a)) });
   }
 );
 export {
-  h as DateWidget
+  V as DateWidget
 };
 //# sourceMappingURL=DateWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n  isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      isMidnightExclusive = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n        dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          isMidnightExclusive={isMidnightExclusive}\n          {...(props as any)}\n        />\n      )\n    }\n\n    return (\n      <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n        {dateString}\n      </span>\n    )\n  },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":";;;;;AAgBO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,qBAAAC,IAAsB;AAAA,IACtB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIC,IAAa;AACjB,QAAIV;AACF,UAAI;AACF,cAAMW,IAAeL,IAAW,wBAAwB,cAClDM,IAAOL,IAAsBM,EAAgB,IAAI,KAAKb,CAAK,GAAG,CAAC,IAAI,IAAI,KAAKA,CAAK;AACvF,QAAAU,IAAaJ,IAAWQ,EAAOF,GAAMD,CAAY,IAAII,EAAcH,GAAMD,CAAY;AAAA,MACvF,QAAgB;AACd,gBAAQ,MAAM,uBAAuBX,CAAK,GAC1CU,IAAa;AAAA,MACf;AAGF,WAAIT,IAEAe,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAjB;AAAA,QACA,UAAAI;AAAA,QACA,UAAUC;AAAA,QACV,UAAUH;AAAA,QACV,UAAUA;AAAA,QACV,qBAAAK;AAAA,QACC,GAAIC;AAAA,MAAA;AAAA,IAAA,IAMTQ,gBAAAA,MAAC,QAAA,EAAM,GAAGR,GAAO,KAAAC,GAAU,OAAO,EAAE,YAAY,SAAA,GAC7C,UAAAC,EAAA,CACH;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef, Fragment } from 'react'\nimport styled from 'styled-components'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\nimport { wrapMode } from './wrapMode'\n\nconst StyledDateValue = styled.span`\n  white-space: nowrap;\n\n  ${wrapMode`\n    white-space: normal;\n  `}\n`\n\n// nowrap per part so the line can only break between date and time, never inside either\nconst StyledDatePart = styled.span`\n  white-space: nowrap;\n`\n\nexport interface DateWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value?: string\n  isReadOnly?: boolean\n  isInherited?: boolean\n  showTime?: boolean\n  isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      isReadOnly,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      showTime = false,\n      isMidnightExclusive = false,\n      ...props\n    },\n    ref,\n  ) => {\n    let dateString = ''\n    let isInvalid = false\n    if (value) {\n      try {\n        const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n        const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n        dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n      } catch (error) {\n        console.error('Invalid date value:', value)\n        dateString = 'Invalid Date'\n        isInvalid = true\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <DateWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          readOnly={isReadOnly}\n          disabled={isReadOnly}\n          isMidnightExclusive={isMidnightExclusive}\n          {...(props as any)}\n        />\n      )\n    }\n\n    const parts = dateString && !isInvalid ? dateString.split(' ') : []\n\n    return (\n      <StyledDateValue {...props} ref={ref}>\n        {isInvalid\n          ? dateString\n          : parts.map((part, index) => (\n              <Fragment key={index}>\n                {index > 0 && ' '}\n                <StyledDatePart>{part}</StyledDatePart>\n              </Fragment>\n            ))}\n      </StyledDateValue>\n    )\n  },\n)\n"],"names":["StyledDateValue","styled","wrapMode","StyledDatePart","DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","isInvalid","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput","parts","part","index","Fragment"],"mappings":";;;;;;;AAQA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,IAG3BC;AAAA;AAAA,GAED;AAAA,GAIGC,IAAiBF,EAAO;AAAA;AAAA,GAcjBG,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,qBAAAC,IAAsB;AAAA,IACtB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIC,IAAa,IACbC,IAAY;AAChB,QAAIX;AACF,UAAI;AACF,cAAMY,IAAeN,IAAW,wBAAwB,cAClDO,IAAON,IAAsBO,EAAgB,IAAI,KAAKd,CAAK,GAAG,CAAC,IAAI,IAAI,KAAKA,CAAK;AACvF,QAAAU,IAAaJ,IAAWS,EAAOF,GAAMD,CAAY,IAAII,EAAcH,GAAMD,CAAY;AAAA,MACvF,QAAgB;AACd,gBAAQ,MAAM,uBAAuBZ,CAAK,GAC1CU,IAAa,gBACbC,IAAY;AAAA,MACd;AAGF,QAAIV;AACF,aACEgB,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,UAAAI;AAAA,UACA,UAAUC;AAAA,UACV,UAAUH;AAAA,UACV,UAAUA;AAAA,UACV,qBAAAK;AAAA,UACC,GAAIC;AAAA,QAAA;AAAA,MAAA;AAKX,UAAMW,IAAQT,KAAc,CAACC,IAAYD,EAAW,MAAM,GAAG,IAAI,CAAA;AAEjE,WACEO,gBAAAA,EAAAA,IAACvB,GAAA,EAAiB,GAAGc,GAAO,KAAAC,GACzB,UAAAE,IACGD,IACAS,EAAM,IAAI,CAACC,GAAMC,6BACdC,GAAA,EACE,UAAA;AAAA,MAAAD,IAAQ,KAAK;AAAA,MACdJ,gBAAAA,EAAAA,IAACpB,KAAgB,UAAAuB,EAAA,CAAK;AAAA,IAAA,KAFTC,CAGf,CACD,GACP;AAAA,EAEJ;AACF;"}