npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.2 → 0.4.4 - Mend

@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2133) hide show

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

@@ -5,31 +5,39 @@ 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 { TextWidget as L } from "./TextWidget.es.js";
+import { isLinkEditable as tt, LinksWidget as et } from "./LinksWidget.es.js";
+import { SubtasksWidget as rt } 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 { getCellId as M } 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 { useSelectionCellsContext as nt } from "../context/SelectionCellsContext.es.js";
+import { useProjectContext as lt } from "../../../context/ProjectContext.es.js";
+import { EnumCellValue as ct } from "./EnumCellValue.es.js";
 import { NameWidget as dt } from "./NameWidget.es.js";
+import { CELL_PADDING_Y as mt } from "../constants.es.js";
 import "@ynput/ayon-react-components";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
-import "short-uuid";
+import "uuid";
 import "../utils/columnIds.es.js";
+import "lodash";
+import "react-toastify";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
+import "../../../util/pubsub.es.js";
 import "../buildTreeTableColumns.es.js";
-import { READ_ONLY as ct } from "../utils/restrictedEntity.es.js";
-const at = K.div`
+import { READ_ONLY as at } from "../utils/restrictedEntity.es.js";
+const ut = K.div`
   position: absolute;
   inset: 0;
-  padding: 4px 8px;
+  padding: ${mt}px 8px;
   display: flex;
   align-items: center;
   overflow: hidden;
+  container-type: size;
+  container-name: cell;
   &:has(.markdown),
   &:has(.comments-list) {
@@ -54,61 +62,62 @@ const at = K.div`
   &.entity-widget {
     cursor: pointer;
   }
-`, vt = "edit-trigger", qt = ({
-  rowId: E,
-  columnId: d,
-  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: _,
-  onChange: w,
-  entityType: v,
-  pt: m,
+`, $t = "edit-trigger", ft = (d, i) => Array.isArray(d) || Array.isArray(i) ? !Array.isArray(d) || !Array.isArray(i) ? !0 : d.length !== i.length || d.some((r) => !i.some((u) => Object.is(r, u))) : !Object.is(d, i), vt = ({
+  rowId: d,
+  columnId: i,
+  value: r,
+  valueData: u,
+  attributeData: x,
+  options: p = [],
+  isCollapsed: y,
+  isInherited: g,
+  isPlaceholder: N,
+  isReadOnly: m,
+  enableCustomValues: S,
+  isLoadingOptions: R,
+  isLinksLoading: _,
+  folderId: D,
+  midnightExclusiveFields: V,
+  tooltip: G,
+  onChange: j,
+  entityType: O,
+  pt: f,
   ...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);
+  const w = H(null), s = x?.type, { projectName: A } = lt(), { isEditing: P, setEditingCellId: n, getEditingDraft: b, setEditingDraft: k } = st(), { isCellFocused: q, gridMap: T, selectCell: F, focusCell: I } = nt(), l = M(d, i), W = V?.includes(i) ?? !1, C = P(l), Y = q(l), z = () => {
+    const t = T.rowIdToIndex.get(d);
     if (t === void 0) {
-      r(null);
+      n(null);
       return;
     }
-    const l = W.indexToRowId.get(t + 1);
-    if (l) {
-      const e = V(l, d);
-      G(e, !1, !1), P(e), r(e);
-    } else
-      r(null);
-  }, O = (t, l) => {
+    const c = T.indexToRowId.get(t + 1);
     if (c) {
-      r(null);
+      const e = M(c, i);
+      F(e, !1, !1), I(e), n(e);
+    } else
+      n(null);
+  }, B = (t, c) => {
+    if (m) {
+      n(null);
       return;
     }
-    l === "Enter" ? (I(), w?.(t, l)) : l === "Click" && t != i ? (r(null), w?.(t, l)) : r(null);
-  }, Y = () => {
-    r(null);
-    const t = b.current?.closest("td");
+    c === "Enter" ? (z(), j?.(t, c)) : c === "Click" && ft(t, r) ? (n(null), j?.(t, c)) : n(null);
+  }, $ = () => {
+    n(null);
+    const t = w.current?.closest("td");
     t && t.focus();
-  }, z = J(() => {
+  }, v = J(() => {
     const t = {
-      onChange: O,
-      onCancelEdit: Y,
-      isEditing: g,
-      isReadOnly: c
-    }, l = ["string", "integer", "float"];
+      onChange: B,
+      onCancelEdit: $,
+      isEditing: C,
+      isReadOnly: m
+    }, c = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
-      case j: {
-        const a = (s?.includes("list") ? u.find(
-          (x) => Array.isArray(i) ? i.includes(x.value) : i === x.value
+      case y: {
+        const a = (s?.includes("list") ? p.find(
+          (E) => Array.isArray(r) ? r.includes(E.value) : r === E.value
         ) : void 0)?.color;
         return /* @__PURE__ */ o.jsx(U, { color: a });
       }
@@ -116,73 +125,73 @@ const at = K.div`
         return /* @__PURE__ */ o.jsx(
           dt,
           {
-            value: i,
-            valueData: p,
-            cellId: n,
-            entityType: v || "",
+            value: r,
+            valueData: u,
+            cellId: l,
+            entityType: O || "",
             ...t
           }
         );
       case s === "links": {
-        const e = p, a = $(
+        const e = u, a = tt(
           e?.direction || "out",
           e?.link.linkType || "",
           e?.entityType || ""
         );
-        return c = !a, /* @__PURE__ */ o.jsx(
-          tt,
+        return m = !a, /* @__PURE__ */ o.jsx(
+          et,
           {
             value: e,
-            cellId: n,
-            projectName: k,
+            cellId: l,
+            projectName: A,
             disabled: !a,
-            folderId: R,
-            isLoading: L,
+            folderId: D,
+            isLoading: _,
             ...t
           }
         );
       }
       case s === "subtasks": {
-        const e = p;
+        const e = u;
         return /* @__PURE__ */ o.jsx(
-          et,
+          rt,
           {
             value: e,
-            cellId: n,
-            projectName: k,
-            disabled: c,
+            cellId: l,
+            projectName: A,
+            disabled: m,
             ...t
           }
         );
       }
       case s === "comments":
-        return /* @__PURE__ */ o.jsx(it, { value: p, ...t });
-      case !!u.length: {
-        const e = Array.isArray(i) ? i : [i];
-        if (c) {
-          const a = u.filter((x) => e.includes(x.value));
+        return /* @__PURE__ */ o.jsx(it, { value: u, ...t });
+      case (!!p.length || !!x?.enumResolver): {
+        const e = Array.isArray(r) ? r : [r];
+        if (m) {
+          const a = p.filter((E) => e.includes(E.value));
           return e.length && !a.length ? /* @__PURE__ */ o.jsx(
-            S,
+            L,
             {
               value: e.join(", "),
-              isInherited: f,
-              columnId: d,
-              cellId: n,
-              isMarkdown: C?.widget === "markdown",
-              onRequestEdit: r,
-              getDraftValue: y,
-              setDraftValue: T,
+              isInherited: g,
+              columnId: i,
+              cellId: l,
+              isMarkdown: x?.widget === "markdown",
+              onRequestEdit: n,
+              getDraftValue: b,
+              setDraftValue: k,
               ...t,
-              ...m?.text
+              ...f?.text
             }
           ) : /* @__PURE__ */ o.jsx(
-            lt,
+            ct,
             {
               selectedOptions: a,
               isReadOnly: !0,
               hasMultipleValues: e.length > 1,
               isMultiSelect: s?.includes("list"),
-              ...m?.enum?.pt?.template
+              ...f?.enum?.pt?.template
             }
           );
         }
@@ -190,71 +199,72 @@ const at = K.div`
           Z,
           {
             value: e,
-            options: u,
+            options: p,
             type: s,
-            onOpen: () => r(n),
-            enableCustomValues: N,
+            onOpen: () => n(l),
+            enableCustomValues: S,
+            isLoadingOptions: R,
             ...t,
-            ...m?.enum
+            ...f?.enum
           }
         );
       }
-      case l.includes(s):
+      case c.includes(s):
         return /* @__PURE__ */ o.jsx(
-          S,
+          L,
           {
-            value: i,
-            isInherited: f,
-            columnId: d,
-            cellId: n,
-            isMarkdown: C?.widget === "markdown" || // description SHOULD be default markdown, but lets have this here just in case
-            d === "attrib_description" || d === "description",
+            value: r,
+            isInherited: g,
+            columnId: i,
+            cellId: l,
+            isMarkdown: x?.widget === "markdown" || // description SHOULD be default markdown, but lets have this here just in case
+            i === "attrib_description" || i === "description",
             type: s,
-            onRequestEdit: r,
-            getDraftValue: y,
-            setDraftValue: T,
+            onRequestEdit: n,
+            getDraftValue: b,
+            setDraftValue: k,
             ...t,
-            ...m?.text
+            ...f?.text
           }
         );
       case s === "datetime":
         return /* @__PURE__ */ o.jsx(
           X,
           {
-            value: i || void 0,
-            isInherited: f,
-            isMidnightExclusive: M,
+            value: r || void 0,
+            isInherited: g,
+            isMidnightExclusive: W,
             ...t,
-            ...m?.date
+            ...f?.date
           }
         );
       case s === "boolean":
-        return /* @__PURE__ */ o.jsx(Q, { value: i, ...t, ...m?.boolean });
-      case A:
+        return /* @__PURE__ */ o.jsx(Q, { value: r, ...t, ...f?.boolean });
+      case N:
         return null;
       default:
         return null;
     }
-  }, [n, i, s, g, u, j, M]);
+  }, [l, r, s, C, p, y, W]);
   return /* @__PURE__ */ o.jsx(
-    at,
+    ut,
     {
       ...h,
       className: ot(h.className, {
-        inherited: f && !g,
-        [ct]: c,
-        editable: !c
+        inherited: g && !C,
+        [at]: m,
+        editable: !m
       }),
-      ref: b,
-      id: n,
-      "data-tooltip": _ || (f && !g && B ? "Inherited" : void 0),
+      ref: w,
+      id: l,
+      "data-tooltip": G || (g && !C && Y ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: z
+      children: v
     }
   );
 };
 export {
-  qt as CellWidget,
-  vt as EDIT_TRIGGER_CLASS
+  vt as CellWidget,
+  $t as EDIT_TRIGGER_CLASS
 };
 //# sourceMappingURL=CellWidget.es.js.map

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

	@@ -1 +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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"}
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'\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 enumResolver?: AttributeData['enumResolver']\n}\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\nconst hasCellValueChanged = (\n nextValue: CellValue \| CellValue[],\n value: CellValue \| CellValue[],\n) => {\n if (Array.isArray(nextValue) \|\| Array.isArray(value)) {\n if (!Array.isArray(nextValue) \|\| !Array.isArray(value)) return true\n return (\n nextValue.length !== value.length \|\|\n nextValue.some((item) => !value.some((currentItem) => Object.is(item, currentItem)))\n )\n }\n\n return !Object.is(nextValue, value)\n}\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 isLoadingOptions?: 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 isLoadingOptions,\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' && hasCellValueChanged(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 \|\| !!attributeData?.enumResolver: {\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 isLoadingOptions={isLoadingOptions}\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","hasCellValueChanged","nextValue","value","item","currentItem","CellWidget","rowId","columnId","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","isLoadingOptions","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/CommentsWidget.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),n=require("styled-components"),l=require("react-markdown"),d=require("remark-gfm"),c=require("@ynput/ayon-react-components"),m=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),u=require("../../../components/UserImage/UserImage.cjs.js"),p=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js"),x=require("../../Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");const y=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const h=n.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),n=require("styled-components"),l=require("react-markdown"),d=require("remark-gfm"),c=require("@ynput/ayon-react-components"),m=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),u=require("../../../components/UserImage/UserImage.cjs.js"),p=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js"),x=require("../../Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");const y=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");const h=n.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -77,6 +77,6 @@
     font-size: 14px;
     color: var(--md-sys-color-primary);
   }
-`,f=e=>e==="user"?"alternate_email":e==="team"?"group":y.getEntityTypeIcon(e,"link"),j={hr:()=>null,img:()=>null,input:({checked:e})=>o.jsxRuntimeExports.jsx(m.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:t})=>{const[r,s]=e?.split(":")??[];if(r&&s&&p.allowedRefTypes.includes(r)){const i=String(t??"").replace("@","");return o.jsxRuntimeExports.jsxs(g,{children:[o.jsxRuntimeExports.jsx(c.Icon,{icon:f(r)}),i]})}return o.jsxRuntimeExports.jsx("span",{children:t})}},k=e=>e.replace(/<br\s*\/?>/gi,`
+`,f=e=>e==="user"?"alternate_email":e==="team"?"group":y.getEntityTypeIcon(e,"link"),j={hr:()=>null,img:()=>null,input:({checked:e})=>o.jsxRuntimeExports.jsx(m.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:t})=>{const[r,i]=e?.split(":")??[];if(r&&i&&p.allowedRefTypes.includes(r)){const s=String(t??"").replace("@","");return o.jsxRuntimeExports.jsxs(g,{children:[o.jsxRuntimeExports.jsx(c.Icon,{icon:f(r)}),s]})}return o.jsxRuntimeExports.jsx("span",{children:t})}},k=e=>e.replace(/<br\s*\/?>/gi,`
 `),v=a.memo(({body:e})=>o.jsxRuntimeExports.jsx("div",{className:"body",children:o.jsxRuntimeExports.jsx(l,{remarkPlugins:[d],urlTransform:t=>t,components:j,children:k(e)})})),R=e=>{const t=e.createdAt?x.getFuzzyDate(new Date(e.createdAt)):"";return[e.author,t].filter(Boolean).join(" • ")},q=({value:e})=>{const t=e||[];return t.length?o.jsxRuntimeExports.jsx(h,{className:"comments-list",children:t.map(r=>o.jsxRuntimeExports.jsxs(b,{children:[o.jsxRuntimeExports.jsx("span",{className:"author","data-tooltip":R(r),"data-tooltip-delay":0,children:o.jsxRuntimeExports.jsx(u.UserImage,{name:r.author||"",size:18})}),o.jsxRuntimeExports.jsx(v,{body:r.body})]},r.activityId))}):null};exports.CommentsWidget=q;
 //# sourceMappingURL=CommentsWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { UserImage } from '@shared/components/UserImage/UserImage'\nimport type { EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"~~8vBAaA~~,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}
1	+ {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { UserImage } from '@shared/components/UserImage/UserImage'\nimport type { EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"0yBAaA,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js CHANGED Viewed

@@ -13,6 +13,7 @@ import "react-toastify";
 import { getEntityTypeIcon as b } from "../../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 const f = i.div`
   display: flex;
@@ -127,7 +128,7 @@ const f = i.div`
 ) })), w = (o) => {
   const r = o.createdAt ? h(new Date(o.createdAt)) : "";
   return [o.author, r].filter(Boolean).join(" • ");
-}, P = ({ value: o }) => {
+}, U = ({ value: o }) => {
   const r = o || [];
   return r.length ? /* @__PURE__ */ e.jsx(f, { className: "comments-list", children: r.map((t) => /* @__PURE__ */ e.jsxs(u, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "author", "data-tooltip": w(t), "data-tooltip-delay": 0, children: /* @__PURE__ */ e.jsx(p, { name: t.author || "", size: 18 }) }),
@@ -135,6 +136,6 @@ const f = i.div`
   ] }, t.activityId)) }) : null;
 };
 export {
-  P as CommentsWidget
+  U as CommentsWidget
 };
 //# sourceMappingURL=CommentsWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { UserImage } from '@shared/components/UserImage/UserImage'\nimport type { EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"~~;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { UserImage } from '@shared/components/UserImage/UserImage'\nimport type { EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}

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

@@ -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