npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.35 → 0.2.36 - Mend

@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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 (832) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectTableContext } from '../context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = { type: AttributeData['type'] \| 'links' \| 'name' }\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: AttributeEnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n folderId?: string \| null\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n folderId,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectTableContext()\n const { isEditing, setEditingCellId } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const { rowHeight } = useColumnSettingsContext()\n const cellId = getCellId(rowId, columnId)\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const handleDoubleClick = useCallback(() => {\n if (isPlaceholder \|\| isReadOnly) return\n setEditingCellId(cellId)\n }, [cellId, setEditingCellId, isPlaceholder])\n\n const handleSingleClick = () => {\n // clicking a cell that is not editing will close the editor on this cell\n // NOTE: the selection of a cell is handled in ProjectTreeTable.tsx line 1079\n if (!isCurrentCellEditing) {\n setEditingCellId(null)\n }\n }\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) return\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n setEditingCellId(null)\n if (isReadOnly) return\n // move to the next cell row\n key === 'Enter' && moveToNextRow()\n // make change if the value is different or if the key is 'Enter'\n if (newValue !== value \|\| key === 'Enter') {\n onChange?.(newValue, key)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n {...sharedProps}\n />\n )\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n rowHeight={rowHeight}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n readonly: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n onDoubleClick={handleDoubleClick}\n onClick={handleSingleClick}\n id={cellId}\n data-tooltip={\n isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
1	+ {"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectTableContext } from '../context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = { type: AttributeData['type'] \| 'links' \| 'name' }\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: AttributeEnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n folderId?: string \| null\n tooltip?: string\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n folderId,\n tooltip,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectTableContext()\n const { isEditing, setEditingCellId } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const { rowHeight } = useColumnSettingsContext()\n const cellId = getCellId(rowId, columnId)\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const handleDoubleClick = useCallback(() => {\n if (isPlaceholder \|\| isReadOnly) return\n setEditingCellId(cellId)\n }, [cellId, setEditingCellId, isPlaceholder])\n\n const handleSingleClick = () => {\n // clicking a cell that is not editing will close the editor on this cell\n // NOTE: the selection of a cell is handled in ProjectTreeTable.tsx line 1079\n if (!isCurrentCellEditing) {\n setEditingCellId(null)\n }\n }\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) return\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n setEditingCellId(null)\n if (isReadOnly) return\n // move to the next cell row\n key === 'Enter' && moveToNextRow()\n // make change if the value is different or if the key is 'Enter'\n if (newValue !== value \|\| key === 'Enter') {\n onChange?.(newValue, key)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n {...sharedProps}\n />\n )\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n\n if (enumValue.length && !selectedOptions.length) {\n // value has something but it is not in options, show a placeholder\n return (\n <TextWidget\n value={enumValue.join(', ')}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n readonly: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n onDoubleClick={handleDoubleClick}\n onClick={handleSingleClick}\n id={cellId}\n data-tooltip={\n tooltip \|\|\n (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
-import { j as n } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as J, useCallback as K, useMemo as P } from "react";
-import Q from "styled-components";
-import { BooleanWidget as U } from "./BooleanWidget.es.js";
-import { CollapsedWidget as X } from "./CollapsedWidget.es.js";
-import { DateWidget as Y } from "./DateWidget.es.js";
-import { EnumWidget as Z } from "./EnumWidget.es.js";
-import { TextWidget as $ } from "./TextWidget.es.js";
+import { j as p } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef as K, useCallback as P, useMemo as Q } from "react";
+import U from "styled-components";
+import { BooleanWidget as X } from "./BooleanWidget.es.js";
+import { CollapsedWidget as Y } from "./CollapsedWidget.es.js";
+import { DateWidget as Z } from "./DateWidget.es.js";
+import { EnumWidget as $ } from "./EnumWidget.es.js";
+import { TextWidget as W } from "./TextWidget.es.js";
 import { isLinkEditable as D, LinksWidget as O } from "./LinksWidget.es.js";
 import { useCellEditing as V } from "../context/CellEditingContext.es.js";
 import { useColumnSettingsContext as tt } from "../context/ColumnSettingsContext.es.js";
-import { getCellId as h } from "../utils/cellUtils.es.js";
+import { getCellId as A } from "../utils/cellUtils.es.js";
 import ot from "clsx";
 import { useSelectionCellsContext as it } from "../context/SelectionCellsContext.es.js";
 import "react-toastify";
@@ -17,10 +17,13 @@ import "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "@ynput/ayon-react-components";
+import "short-uuid";
 import "@tanstack/react-table";
 import "./EntityNameWidget.es.js";
 import "./GroupHeaderWidget.es.js";
 import "./ThumbnailWidget.es.js";
+import "./EmptyWidget.es.js";
+import "./ErrorWidget.es.js";
 import "../ProjectTreeTable.styled.es.js";
 import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
@@ -99,6 +102,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -135,7 +139,7 @@ import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
 import { EnumCellValue as mt } from "./EnumCellValue.es.js";
 import { NameWidget as et } from "./NameWidget.es.js";
-const pt = Q.div`
+const pt = U.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -156,164 +160,173 @@ const pt = Q.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, Bi = "edit-trigger", Hi = ({
-  rowId: j,
-  columnId: g,
-  value: i,
+`, Ji = "edit-trigger", Ki = ({
+  rowId: E,
+  columnId: a,
+  value: r,
   valueData: T,
   attributeData: x,
   options: d = [],
   isCollapsed: b,
-  isInherited: f,
+  isInherited: u,
   isPlaceholder: C,
-  isReadOnly: l,
-  enableCustomValues: I,
-  folderId: A,
-  onChange: E,
-  entityType: N,
-  pt: m,
+  isReadOnly: c,
+  enableCustomValues: N,
+  folderId: S,
+  tooltip: I,
+  onChange: j,
+  entityType: M,
+  pt: i,
   ...y
 }) => {
-  const w = J(null), r = x == null ? void 0 : x.type, { projectName: S } = rt(), { isEditing: M, setEditingCellId: s } = V(), { isCellFocused: k, gridMap: W, selectCell: L, focusCell: R } = it(), { rowHeight: F } = tt(), p = h(j, g), u = M(p), G = k(p), _ = K(() => {
-    C || l || s(p);
-  }, [p, s, C]), B = () => {
-    u || s(null);
+  const h = K(null), m = x == null ? void 0 : x.type, { projectName: k } = rt(), { isEditing: L, setEditingCellId: s } = V(), { isCellFocused: R, gridMap: w, selectCell: F, focusCell: G } = it(), { rowHeight: nt } = tt(), n = A(E, a), f = L(n), _ = R(n), v = P(() => {
+    C || c || s(n);
+  }, [n, s, C]), B = () => {
+    f || s(null);
   }, H = () => {
-    const o = W.rowIdToIndex.get(j);
+    const o = w.rowIdToIndex.get(E);
     if (o === void 0) return;
-    const e = W.indexToRowId.get(o + 1);
+    const e = w.indexToRowId.get(o + 1);
     if (e) {
-      const t = h(e, g);
-      L(t, !1, !1), R(t), s(t);
+      const t = A(e, a);
+      F(t, !1, !1), G(t), s(t);
     }
   }, q = (o, e) => {
-    s(null), !l && (e === "Enter" && H(), (o !== i || e === "Enter") && (E == null || E(o, e)));
-  }, v = () => {
+    s(null), !c && (e === "Enter" && H(), (o !== r || e === "Enter") && (j == null || j(o, e)));
+  }, z = () => {
     var e;
     s(null);
-    const o = (e = w.current) == null ? void 0 : e.closest("td");
+    const o = (e = h.current) == null ? void 0 : e.closest("td");
     o && o.focus();
-  }, z = P(() => {
+  }, J = Q(() => {
     const o = {
       onChange: q,
-      onCancelEdit: v,
-      isEditing: u
+      onCancelEdit: z,
+      isEditing: f
     }, e = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
       case b: {
-        const t = r != null && r.includes("list") ? d.find(
-          (a) => Array.isArray(i) ? i.includes(a.value) : i === a.value
-        ) : void 0, c = t == null ? void 0 : t.color;
-        return /* @__PURE__ */ n.jsx(X, { color: c });
+        const t = m != null && m.includes("list") ? d.find(
+          (g) => Array.isArray(r) ? r.includes(g.value) : r === g.value
+        ) : void 0, l = t == null ? void 0 : t.color;
+        return /* @__PURE__ */ p.jsx(Y, { color: l });
       }
-      case r === "name":
-        return /* @__PURE__ */ n.jsx(
+      case m === "name":
+        return /* @__PURE__ */ p.jsx(
           et,
           {
-            value: i,
+            value: r,
             valueData: T,
-            cellId: p,
-            entityType: N || "",
+            cellId: n,
+            entityType: M || "",
             ...o
           }
         );
-      case r === "links": {
-        const t = T, c = D(
+      case m === "links": {
+        const t = T, l = D(
           (t == null ? void 0 : t.direction) || "out",
           (t == null ? void 0 : t.link.linkType) || "",
           (t == null ? void 0 : t.entityType) || ""
         );
-        return l = !c, /* @__PURE__ */ n.jsx(
+        return c = !l, /* @__PURE__ */ p.jsx(
           O,
           {
             value: t,
-            cellId: p,
-            projectName: S,
-            disabled: !c,
-            folderId: A,
+            cellId: n,
+            projectName: k,
+            disabled: !l,
+            folderId: S,
             ...o
           }
         );
       }
       case !!d.length: {
-        const t = Array.isArray(i) ? i : [i];
-        if (l) {
-          const c = d.filter((a) => t.includes(a.value));
-          return /* @__PURE__ */ n.jsx(
+        const t = Array.isArray(r) ? r : [r];
+        if (c) {
+          const l = d.filter((g) => t.includes(g.value));
+          return t.length && !l.length ? /* @__PURE__ */ p.jsx(
+            W,
+            {
+              value: t.join(", "),
+              isInherited: u,
+              columnId: a,
+              ...o,
+              ...i == null ? void 0 : i.text
+            }
+          ) : /* @__PURE__ */ p.jsx(
             mt,
             {
-              selectedOptions: c,
+              selectedOptions: l,
               isReadOnly: !0,
               hasMultipleValues: t.length > 1,
-              isMultiSelect: r == null ? void 0 : r.includes("list"),
-              rowHeight: F
+              isMultiSelect: m == null ? void 0 : m.includes("list")
             }
           );
         }
-        return /* @__PURE__ */ n.jsx(
-          Z,
+        return /* @__PURE__ */ p.jsx(
+          $,
           {
             value: t,
             options: d,
-            type: r,
-            onOpen: () => s(p),
-            enableCustomValues: I,
+            type: m,
+            onOpen: () => s(n),
+            enableCustomValues: N,
             ...o,
-            ...m == null ? void 0 : m.enum
+            ...i == null ? void 0 : i.enum
           }
         );
       }
-      case e.includes(r):
-        return /* @__PURE__ */ n.jsx(
-          $,
+      case e.includes(m):
+        return /* @__PURE__ */ p.jsx(
+          W,
           {
-            value: i,
-            isInherited: f,
-            columnId: g,
+            value: r,
+            isInherited: u,
+            columnId: a,
             ...o,
-            ...m == null ? void 0 : m.text
+            ...i == null ? void 0 : i.text
           }
         );
-      case r === "datetime":
-        return /* @__PURE__ */ n.jsx(
-          Y,
+      case m === "datetime":
+        return /* @__PURE__ */ p.jsx(
+          Z,
           {
-            value: i || void 0,
-            isInherited: f,
+            value: r || void 0,
+            isInherited: u,
             ...o,
-            ...m == null ? void 0 : m.date
+            ...i == null ? void 0 : i.date
           }
         );
-      case r === "boolean":
-        return /* @__PURE__ */ n.jsx(U, { value: i, ...o, ...m == null ? void 0 : m.boolean });
+      case m === "boolean":
+        return /* @__PURE__ */ p.jsx(X, { value: r, ...o, ...i == null ? void 0 : i.boolean });
       case C:
         return null;
       default:
         return null;
     }
-  }, [p, i, r, u, d, b]);
-  return /* @__PURE__ */ n.jsx(
+  }, [n, r, m, f, d, b]);
+  return /* @__PURE__ */ p.jsx(
     pt,
     {
       ...y,
       className: ot(y.className, {
-        inherited: f && !u,
-        readonly: l,
-        editable: !l
+        inherited: u && !f,
+        readonly: c,
+        editable: !c
       }),
-      ref: w,
-      onDoubleClick: _,
+      ref: h,
+      onDoubleClick: v,
       onClick: B,
-      id: p,
-      "data-tooltip": f && !u && G ? "Inherited" : void 0,
+      id: n,
+      "data-tooltip": I || (u && !f && _ ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: z
+      children: J
     }
   );
 };
 export {
-  Hi as CellWidget,
-  Bi as EDIT_TRIGGER_CLASS
+  Ki as CellWidget,
+  Ji as EDIT_TRIGGER_CLASS
 };
 //# sourceMappingURL=CellWidget.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectTableContext } from '../context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = { type: AttributeData['type'] \| 'links' \| 'name' }\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: AttributeEnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n folderId?: string \| null\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n folderId,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectTableContext()\n const { isEditing, setEditingCellId } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const { rowHeight } = useColumnSettingsContext()\n const cellId = getCellId(rowId, columnId)\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const handleDoubleClick = useCallback(() => {\n if (isPlaceholder \|\| isReadOnly) return\n setEditingCellId(cellId)\n }, [cellId, setEditingCellId, isPlaceholder])\n\n const handleSingleClick = () => {\n // clicking a cell that is not editing will close the editor on this cell\n // NOTE: the selection of a cell is handled in ProjectTreeTable.tsx line 1079\n if (!isCurrentCellEditing) {\n setEditingCellId(null)\n }\n }\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) return\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n setEditingCellId(null)\n if (isReadOnly) return\n // move to the next cell row\n key === 'Enter' && moveToNextRow()\n // make change if the value is different or if the key is 'Enter'\n if (newValue !== value \|\| key === 'Enter') {\n onChange?.(newValue, key)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n {...sharedProps}\n />\n )\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n rowHeight={rowHeight}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n readonly: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n onDoubleClick={handleDoubleClick}\n onClick={handleSingleClick}\n id={cellId}\n data-tooltip={\n isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
1	+ {"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { useColumnSettingsContext } from '../context/ColumnSettingsContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectTableContext } from '../context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = { type: AttributeData['type'] \| 'links' \| 'name' }\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: AttributeEnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n folderId?: string \| null\n tooltip?: string\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n folderId,\n tooltip,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectTableContext()\n const { isEditing, setEditingCellId } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const { rowHeight } = useColumnSettingsContext()\n const cellId = getCellId(rowId, columnId)\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const handleDoubleClick = useCallback(() => {\n if (isPlaceholder \|\| isReadOnly) return\n setEditingCellId(cellId)\n }, [cellId, setEditingCellId, isPlaceholder])\n\n const handleSingleClick = () => {\n // clicking a cell that is not editing will close the editor on this cell\n // NOTE: the selection of a cell is handled in ProjectTreeTable.tsx line 1079\n if (!isCurrentCellEditing) {\n setEditingCellId(null)\n }\n }\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) return\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n setEditingCellId(null)\n if (isReadOnly) return\n // move to the next cell row\n key === 'Enter' && moveToNextRow()\n // make change if the value is different or if the key is 'Enter'\n if (newValue !== value \|\| key === 'Enter') {\n onChange?.(newValue, key)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n {...sharedProps}\n />\n )\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n\n if (enumValue.length && !selectedOptions.length) {\n // value has something but it is not in options, show a placeholder\n return (\n <TextWidget\n value={enumValue.join(', ')}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n readonly: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n onDoubleClick={handleDoubleClick}\n onClick={handleSingleClick}\n id={cellId}\n data-tooltip={\n tooltip \|\|\n (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","rowHeight","useColumnSettingsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","handleDoubleClick","useCallback","handleSingleClick","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","_a","widget","useMemo","sharedProps","textTypes","firstSelectedOption","option","color","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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