@ynput/ayon-frontend-shared 0.2.45 → 0.3.1

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

@@ -1,15 +1,15 @@
-import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as B, useMemo as D } from "react";
-import q from "styled-components";
-import { BooleanWidget as z } from "./BooleanWidget.es.js";
-import { CollapsedWidget as H } from "./CollapsedWidget.es.js";
-import { DateWidget as J } from "./DateWidget.es.js";
-import { EnumWidget as K } from "./EnumWidget.es.js";
-import { TextWidget as T } from "./TextWidget.es.js";
-import { isLinkEditable as Q, LinksWidget as U } from "./LinksWidget.es.js";
-import { useCellEditing as X } from "../context/CellEditingContext.es.js";
-import { getCellId as b } from "../utils/cellUtils.es.js";
-import Y from "clsx";
+import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useRef as v, useMemo as B } from "react";
+import Y from "styled-components";
+import { BooleanWidget as q } from "./BooleanWidget.es.js";
+import { CollapsedWidget as z } from "./CollapsedWidget.es.js";
+import { DateWidget as H } from "./DateWidget.es.js";
+import { EnumWidget as J } from "./EnumWidget.es.js";
+import { TextWidget as b } from "./TextWidget.es.js";
+import { isLinkEditable as K, LinksWidget as Q } from "./LinksWidget.es.js";
+import { useCellEditing as U } from "../context/CellEditingContext.es.js";
+import { getCellId as W } from "../utils/cellUtils.es.js";
+import X from "clsx";
 import { useSelectionCellsContext as Z } from "../context/SelectionCellsContext.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../context/DetailsPanelContext.es.js";
@@ -29,8 +29,234 @@ import { useProjectContext as $ } from "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
 import { EnumCellValue as tt } from "./EnumCellValue.es.js";
-import { NameWidget as et } from "./NameWidget.es.js";
-const it = q.div`
+import { NameWidget as it } from "./NameWidget.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";
+import "react-toastify";
+import "lodash";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ProjectTableContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "@tanstack/react-virtual";
+import "../components/HeaderActionButton.es.js";
+import "../components/ColumnHeaderMenu.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+/* empty css                                    */
+import "../../ContextMenu/ContextMenuContext.es.js";
+import "../context/ProjectDataContext.es.js";
+import { READ_ONLY as ot } from "../utils/restrictedEntity.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+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";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/AccessUser/AccessUser.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "date-fns";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/SortingSetting/SortingSetting.styled.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/Menu/Menu.styled.es.js";
+import "../../../components/Menu/MenuItem.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/Feed.styled.es.js";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
+import "../../SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../SimpleTable/context/SimpleTableContext.es.js";
+import "../../SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../Slicer/components/SlicerSearch.es.js";
+import "../../Slicer/context/SlicerContext.es.js";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/context/ViewsContext.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "./LoadMoreWidget.es.js";
+const rt = Y.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -51,166 +277,166 @@ const it = q.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, Ft = "edit-trigger", Gt = ({
+`, Jm = "edit-trigger", Km = ({
   rowId: x,
-  columnId: p,
-  value: i,
+  columnId: a,
+  value: o,
   valueData: C,
-  attributeData: W,
-  options: c = [],
+  attributeData: w,
+  options: s = [],
   isCollapsed: j,
-  isInherited: d,
-  isPlaceholder: w,
-  isReadOnly: m,
-  enableCustomValues: S,
-  folderId: A,
-  tooltip: N,
-  onChange: k,
-  entityType: I,
-  pt: a,
-  ...E
+  isInherited: l,
+  isPlaceholder: A,
+  isReadOnly: c,
+  enableCustomValues: N,
+  folderId: S,
+  tooltip: R,
+  onChange: E,
+  entityType: k,
+  pt: d,
+  ...y
 }) => {
-  const y = B(null), r = W?.type, { projectName: M } = $(), { isEditing: R, setEditingCellId: u } = X(), { isCellFocused: L, gridMap: h, selectCell: V, focusCell: F } = Z(), s = b(x, p), f = R(s), G = L(s), O = () => {
-    const t = h.rowIdToIndex.get(x);
+  const h = v(null), m = w?.type, { projectName: I } = $(), { isEditing: L, setEditingCellId: u } = U(), { isCellFocused: M, gridMap: T, selectCell: O, focusCell: _ } = Z(), e = W(x, a), f = L(e), D = M(e), F = () => {
+    const t = T.rowIdToIndex.get(x);
     if (t === void 0) return;
-    const n = h.indexToRowId.get(t + 1);
-    if (n) {
-      const e = b(n, p);
-      V(e, !1, !1), F(e), u(e);
+    const p = T.indexToRowId.get(t + 1);
+    if (p) {
+      const i = W(p, a);
+      O(i, !1, !1), _(i), u(i);
     }
-  }, P = (t, n) => {
-    u(null), !m && (n === "Enter" && O(), (t !== i || n === "Enter") && k?.(t, n));
-  }, _ = () => {
+  }, G = (t, p) => {
+    u(null), !c && (p === "Enter" ? (F(), E?.(t, p)) : p === "Click" && t != o && E?.(t, p));
+  }, P = () => {
     u(null);
-    const t = y.current?.closest("td");
+    const t = h.current?.closest("td");
     t && t.focus();
-  }, v = D(() => {
+  }, V = B(() => {
     const t = {
-      onChange: P,
-      onCancelEdit: _,
+      onChange: G,
+      onCancelEdit: P,
       isEditing: f
-    }, n = ["string", "integer", "float"];
+    }, p = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
       case j: {
-        const l = (r?.includes("list") ? c.find(
-          (g) => Array.isArray(i) ? i.includes(g.value) : i === g.value
+        const n = (m?.includes("list") ? s.find(
+          (g) => Array.isArray(o) ? o.includes(g.value) : o === g.value
         ) : void 0)?.color;
-        return /* @__PURE__ */ o.jsx(H, { color: l });
+        return /* @__PURE__ */ r.jsx(z, { color: n });
       }
-      case r === "name":
-        return /* @__PURE__ */ o.jsx(
-          et,
+      case m === "name":
+        return /* @__PURE__ */ r.jsx(
+          it,
           {
-            value: i,
+            value: o,
             valueData: C,
-            cellId: s,
-            entityType: I || "",
+            cellId: e,
+            entityType: k || "",
             ...t
           }
         );
-      case r === "links": {
-        const e = C, l = Q(
-          e?.direction || "out",
-          e?.link.linkType || "",
-          e?.entityType || ""
+      case m === "links": {
+        const i = C, n = K(
+          i?.direction || "out",
+          i?.link.linkType || "",
+          i?.entityType || ""
         );
-        return m = !l, /* @__PURE__ */ o.jsx(
-          U,
+        return c = !n, /* @__PURE__ */ r.jsx(
+          Q,
           {
-            value: e,
-            cellId: s,
-            projectName: M,
-            disabled: !l,
-            folderId: A,
+            value: i,
+            cellId: e,
+            projectName: I,
+            disabled: !n,
+            folderId: S,
             ...t
           }
         );
       }
-      case !!c.length: {
-        const e = Array.isArray(i) ? i : [i];
-        if (m) {
-          const l = c.filter((g) => e.includes(g.value));
-          return e.length && !l.length ? /* @__PURE__ */ o.jsx(
-            T,
+      case !!s.length: {
+        const i = Array.isArray(o) ? o : [o];
+        if (c) {
+          const n = s.filter((g) => i.includes(g.value));
+          return i.length && !n.length ? /* @__PURE__ */ r.jsx(
+            b,
             {
-              value: e.join(", "),
-              isInherited: d,
-              columnId: p,
+              value: i.join(", "),
+              isInherited: l,
+              columnId: a,
               ...t,
-              ...a?.text
+              ...d?.text
             }
-          ) : /* @__PURE__ */ o.jsx(
+          ) : /* @__PURE__ */ r.jsx(
             tt,
             {
-              selectedOptions: l,
+              selectedOptions: n,
               isReadOnly: !0,
-              hasMultipleValues: e.length > 1,
-              isMultiSelect: r?.includes("list")
+              hasMultipleValues: i.length > 1,
+              isMultiSelect: m?.includes("list")
             }
           );
         }
-        return /* @__PURE__ */ o.jsx(
-          K,
+        return /* @__PURE__ */ r.jsx(
+          J,
           {
-            value: e,
-            options: c,
-            type: r,
-            onOpen: () => u(s),
-            enableCustomValues: S,
+            value: i,
+            options: s,
+            type: m,
+            onOpen: () => u(e),
+            enableCustomValues: N,
             ...t,
-            ...a?.enum
+            ...d?.enum
           }
         );
       }
-      case n.includes(r):
-        return /* @__PURE__ */ o.jsx(
-          T,
+      case p.includes(m):
+        return /* @__PURE__ */ r.jsx(
+          b,
           {
-            value: i,
-            isInherited: d,
-            columnId: p,
+            value: o,
+            isInherited: l,
+            columnId: a,
             ...t,
-            ...a?.text
+            ...d?.text
           }
         );
-      case r === "datetime":
-        return /* @__PURE__ */ o.jsx(
-          J,
+      case m === "datetime":
+        return /* @__PURE__ */ r.jsx(
+          H,
           {
-            value: i || void 0,
-            isInherited: d,
+            value: o || void 0,
+            isInherited: l,
             ...t,
-            ...a?.date
+            ...d?.date
           }
         );
-      case r === "boolean":
-        return /* @__PURE__ */ o.jsx(z, { value: i, ...t, ...a?.boolean });
-      case w:
+      case m === "boolean":
+        return /* @__PURE__ */ r.jsx(q, { value: o, ...t, ...d?.boolean });
+      case A:
         return null;
       default:
         return null;
     }
-  }, [s, i, r, f, c, j]);
-  return /* @__PURE__ */ o.jsx(
-    it,
+  }, [e, o, m, f, s, j]);
+  return /* @__PURE__ */ r.jsx(
+    rt,
     {
-      ...E,
-      className: Y(E.className, {
-        inherited: d && !f,
-        readonly: m,
-        editable: !m
+      ...y,
+      className: X(y.className, {
+        inherited: l && !f,
+        [ot]: c,
+        editable: !c
       }),
-      ref: y,
-      id: s,
-      "data-tooltip": N || (d && !f && G ? "Inherited" : void 0),
+      ref: h,
+      id: e,
+      "data-tooltip": R || (l && !f && D ? "Inherited" : void 0),
       "data-tooltip-delay": 200,
-      children: v
+      children: V
     }
   );
 };
 export {
-  Gt as CellWidget,
-  Ft as EDIT_TRIGGER_CLASS
+  Km as CellWidget,
+  Jm as EDIT_TRIGGER_CLASS
 };
 //# sourceMappingURL=CellWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { 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'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectContext } from '@shared/context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\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 } = useProjectContext()\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) 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      id={cellId}\n      data-tooltip={\n        tooltip ||\n        (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
+{"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { FC, useMemo, useRef } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\nimport { useProjectContext } from '@shared/context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\nimport { READ_ONLY } from '../utils'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\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 } = useProjectContext()\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) 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    if (key === 'Enter') {\n      moveToNextRow()\n      onChange?.(newValue, key)\n    } else if (key === 'Click' && newValue != value) {\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        [READ_ONLY]: isReadOnly,\n        editable: !isReadOnly,\n      })}\n      ref={ref}\n      id={cellId}\n      data-tooltip={\n        tooltip ||\n        (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","folderId","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),b=require("styled-components"),t=require("date-fns"),k=b.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),k=require("styled-components"),t=require("date-fns"),m=k.input`
   z-index: 10;
   border: none;
   outline: none;
@@ -12,5 +12,5 @@
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`,m=o.forwardRef(({value:n,onChange:l,onCancel:u,autoFocus:a=!0,...p},w)=>{const[i,c]=o.useState(()=>{if(n){const e=t.parseISO(n);if(t.isValid(e))return t.format(e,"yyyy-MM-dd")}return""});o.useEffect(()=>{if(n){const e=t.parseISO(n);t.isValid(e)?c(t.format(e,"yyyy-MM-dd")):c("")}},[n]);const r=o.useRef(null);o.useEffect(()=>{a&&r.current&&(r.current.focus(),setTimeout(()=>{try{r.current?.showPicker()}catch(e){console.debug("Date picker could not be shown automatically:",e)}},100))},[a]);const y=e=>{e.preventDefault();try{r.current?.showPicker()}catch(s){console.debug("Date picker could not be shown on click:",s)}},d=e=>{if(i){const s=Date.parse(i);if(t.isValid(s)){const f=new Date(s);return f.setUTCHours(0,0,0,0),l(f.toISOString(),e),!0}}return!1},h=()=>{d("Click")||u?.()},g=e=>{e.key==="Enter"?(e.preventDefault(),d("Enter"),r.current?.blur()):e.key==="Escape"&&(e.preventDefault(),u?.())};return D.jsxRuntimeExports.jsx(k,{...p,ref:r,type:"date",value:i,onChange:e=>c(e.target.value),onBlur:h,onKeyDown:g,onClick:y})});exports.DateWidgetInput=m;
+`,w=o.forwardRef(({value:r,onChange:a,onCancel:d,autoFocus:f=!0,...y},I)=>{const[c,i]=o.useState(()=>{if(r){const e=t.parseISO(r);if(t.isValid(e))return t.format(e,"yyyy-MM-dd")}return""});o.useEffect(()=>{if(r){const e=t.parseISO(r);t.isValid(e)?i(t.format(e,"yyyy-MM-dd")):i("")}},[r]);const n=o.useRef(null);o.useEffect(()=>{f&&n.current&&(n.current.focus(),setTimeout(()=>{try{n.current?.showPicker()}catch(e){console.debug("Date picker could not be shown automatically:",e)}},100))},[f]);const h=e=>{e.preventDefault();try{n.current?.showPicker()}catch(s){console.debug("Date picker could not be shown on click:",s)}},l=e=>{if(c){const s=Date.parse(c);if(t.isValid(s)){const p=new Date(s);p.setUTCHours(0,0,0,0);const u=p.toISOString();if(e==="Enter")return a(u,e),!0;if(e==="Click"){const S=r?t.parseISO(r).toISOString():"";return u!==S?(a(u,e),!0):!1}}}return!1},g=()=>{l("Click")||d?.()},D=e=>{e.key==="Enter"?(e.preventDefault(),l("Enter"),n.current?.blur()):e.key==="Escape"&&(e.preventDefault(),d?.())};return b.jsxRuntimeExports.jsx(m,{...y,ref:n,type:"date",value:c,onChange:e=>i(e.target.value),onBlur:g,onKeyDown:D,onClick:h})});exports.DateWidgetInput=w;
 //# sourceMappingURL=DateWidgetInput.cjs.js.map