@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

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

@@ -1,7 +1,7 @@
 import { j as c } from "../../../../../_virtual/jsx-runtime.es.js";
 import { forwardRef as n } from "react";
 import i from "styled-components";
-const p = i.input`
+const s = i.input`
   margin: auto;
   z-index: 1;
   cursor: pointer;
@@ -22,14 +22,14 @@ const p = i.input`
     border-color: var(--md-sys-color-primary);
     appearance: auto;
   }
-`, u = n(
-  ({ value: o, onChange: e, isReadOnly: r, isEditing: s, onCancelEdit: l, ...a }, t) => /* @__PURE__ */ c.jsx(
-    p,
+`, b = n(
+  ({ value: o, onChange: e, isReadOnly: r, isEditing: p, onCancelEdit: l, isInherited: m, ...t }, a) => /* @__PURE__ */ c.jsx(
+    s,
     {
-      ...a,
+      ...t,
       checked: o,
       onChange: (d) => e(d.target.checked),
-      ref: t,
+      ref: a,
       type: "checkbox",
       disabled: r,
       readOnly: r
@@ -37,6 +37,6 @@ const p = i.input`
   )
 );
 export {
-  u as BooleanWidget
+  b as BooleanWidget
 };
 //# sourceMappingURL=BooleanWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: hsl(212.31deg 16.83% 74.65%);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","props","ref","jsx","e"],"mappings":";;;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8BjBC,IAAgBC;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,WAAAC,GAAW,cAAAC,GAAc,GAAGC,EAAM,GAAGC,MAEjEC,gBAAAA,EAAA;AAAA,IAACX;AAAA,IAAA;AAAA,MACE,GAAGS;AAAA,MACJ,SAASL;AAAA,MACT,UAAU,CAACQ,MAAMP,EAAUO,EAAE,OAA4B,OAAO;AAAA,MAChE,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAUJ;AAAA,MACV,UAAUA;AAAA,IAAA;AAAA,EACZ;AAGN;"}
+{"version":3,"file":"BooleanWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/BooleanWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst StyledCheckbox = styled.input`\n  margin: auto;\n  z-index: 1;\n  cursor: pointer;\n\n  width: 16px;\n  height: 16px;\n  background-color: transparent;\n  border: 1px solid var(--md-sys-color-outline);\n  appearance: none;\n  border-radius: 2px;\n\n  &:hover {\n    border-color: hsl(212.31deg 16.83% 74.65%);\n  }\n\n  &:checked {\n    background-color: var(--md-sys-color-primary);\n    border-color: var(--md-sys-color-primary);\n    appearance: auto;\n  }\n`\n\nexport interface BooleanWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: boolean\n  isReadOnly?: boolean\n  isInherited?: boolean\n}\n\nexport const BooleanWidget = forwardRef<HTMLInputElement, BooleanWidgetProps>(\n  ({ value, onChange, isReadOnly, isEditing, onCancelEdit, isInherited, ...props }, ref) => {\n    return (\n      <StyledCheckbox\n        {...props}\n        checked={value}\n        onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n        ref={ref}\n        type=\"checkbox\"\n        disabled={isReadOnly}\n        readOnly={isReadOnly}\n      />\n    )\n  },\n)\n"],"names":["StyledCheckbox","styled","BooleanWidget","forwardRef","value","onChange","isReadOnly","isEditing","onCancelEdit","isInherited","props","ref","jsx","e"],"mappings":";;;AAIA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BjBC,IAAgBC;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,WAAAC,GAAW,cAAAC,GAAc,aAAAC,GAAa,GAAGC,EAAM,GAAGC,MAE9EC,gBAAAA,EAAA;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGU;AAAA,MACJ,SAASN;AAAA,MACT,UAAU,CAACS,MAAMR,EAAUQ,EAAE,OAA4B,OAAO;AAAA,MAChE,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAUL;AAAA,MACV,UAAUA;AAAA,IAAA;AAAA,EACZ;AAGN;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),z=require("styled-components"),H=require("./BooleanWidget.cjs.js"),J=require("./CollapsedWidget.cjs.js"),K=require("./DateWidget.cjs.js"),Q=require("./EnumWidget.cjs.js"),y=require("./TextWidget.cjs.js"),S=require("./LinksWidget.cjs.js"),X=require("../context/CellEditingContext.cjs.js"),w=require("../utils/cellUtils.cjs.js"),Y=require("clsx"),Z=require("../context/SelectionCellsContext.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("@ynput/ayon-react-components");require("@tanstack/react-table");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");const $=require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../context/ProjectDataContext.cjs.js");const O=z.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),U=require("styled-components"),z=require("./BooleanWidget.cjs.js"),H=require("./CollapsedWidget.cjs.js"),J=require("./DateWidget.cjs.js"),K=require("./EnumWidget.cjs.js"),Q=require("./TextWidget.cjs.js"),y=require("./LinksWidget.cjs.js"),X=require("../context/CellEditingContext.cjs.js"),S=require("../utils/cellUtils.cjs.js"),Y=require("clsx"),Z=require("../context/SelectionCellsContext.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("@ynput/ayon-react-components");require("@tanstack/react-table");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");const $=require("../context/ProjectTableContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../ProjectTreeTable.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../context/ProjectDataContext.cjs.js");const O=require("./EnumCellValue.cjs.js"),V=U.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -19,5 +19,5 @@
     border-radius: 4px;
     opacity: 1;
   }
-`,V="edit-trigger",ee=({rowId:f,columnId:m,value:i,valueData:A,attributeData:a,options:d=[],isCollapsed:T,isInherited:g,isPlaceholder:C,isReadOnly:o,enableCustomValues:h,folderId:v,onChange:E,pt:u,...W})=>{const b=j.useRef(null),q=a==null?void 0:a.type,{projectName:L}=$.useProjectTableContext(),{isEditing:k,setEditingCellId:l}=X.useCellEditing(),{isCellFocused:G,gridMap:R,selectCell:N,focusCell:_}=Z.useSelectionCellsContext(),n=w.getCellId(f,m),x=k(n),M=G(n),p=j.useCallback(()=>{C||o||l(n)},[n,l,C]),B=()=>{x||l(null)},D=()=>{const r=R.rowIdToIndex.get(f);if(r===void 0)return;const t=R.indexToRowId.get(r+1);if(t){const e=w.getCellId(t,m);N(e,!1,!1),_(e),l(e)}},F=(r,t)=>{l(null),!o&&(t==="Enter"&&D(),(r!==i||t==="Enter")&&(E==null||E(r,t)))},P=()=>{var t;l(null);const r=(t=b.current)==null?void 0:t.closest("td");r&&r.focus()},U=j.useMemo(()=>{const r={onChange:F,onCancelEdit:P,isEditing:x},t=["string","integer","float"];switch(!0){case T:{const e=q!=null&&q.includes("list")?d.find(I=>Array.isArray(i)?i.includes(I.value):i===I.value):void 0,c=e==null?void 0:e.color;return s.jsxRuntimeExports.jsx(J.CollapsedWidget,{color:c})}case q==="links":{const e=A,c=S.isLinkEditable((e==null?void 0:e.direction)||"out",(e==null?void 0:e.link.linkType)||"",(e==null?void 0:e.entityType)||"");return o=!c,s.jsxRuntimeExports.jsx(S.LinksWidget,{value:e,cellId:n,projectName:L,disabled:!c,folderId:v,...r})}case!!d.length:{const e=Array.isArray(i)?i:[i];return o?s.jsxRuntimeExports.jsx(y.TextWidget,{value:e.join(", "),option:e.length===1?d.find(c=>c.value===e[0]):void 0,...r}):s.jsxRuntimeExports.jsx(Q.EnumWidget,{value:e,options:d,type:q,onOpen:()=>!o&&l(n),enableCustomValues:h,...r,...u==null?void 0:u.enum})}case t.includes(q):return s.jsxRuntimeExports.jsx(y.TextWidget,{value:i,isInherited:g,...r,...u==null?void 0:u.text});case q==="datetime":return s.jsxRuntimeExports.jsx(K.DateWidget,{value:i||void 0,isInherited:g,...r,...u==null?void 0:u.date});case q==="boolean":return s.jsxRuntimeExports.jsx(H.BooleanWidget,{value:i,...r,...u==null?void 0:u.boolean});case C:return null;default:return null}},[n,i,q,x,d,T]);return s.jsxRuntimeExports.jsx(O,{...W,className:Y(W.className,{inherited:g&&!x,readonly:o,editable:!o}),ref:b,onDoubleClick:p,onClick:B,id:n,"data-tooltip":g&&!x&&M?"Inherited":void 0,"data-tooltip-delay":200,children:U})};exports.CellWidget=ee;exports.EDIT_TRIGGER_CLASS=V;
+`,ee="edit-trigger",re=({rowId:j,columnId:T,value:i,valueData:w,attributeData:C,options:d=[],isCollapsed:R,isInherited:a,isPlaceholder:E,isReadOnly:o,enableCustomValues:h,folderId:A,onChange:m,pt:u,...W})=>{const b=f.useRef(null),t=C==null?void 0:C.type,{projectName:L}=$.useProjectTableContext(),{isEditing:M,setEditingCellId:l}=X.useCellEditing(),{isCellFocused:k,gridMap:I,selectCell:G,focusCell:N}=Z.useSelectionCellsContext(),n=S.getCellId(j,T),x=M(n),_=k(n),v=f.useCallback(()=>{E||o||l(n)},[n,l,E]),B=()=>{x||l(null)},D=()=>{const r=I.rowIdToIndex.get(j);if(r===void 0)return;const q=I.indexToRowId.get(r+1);if(q){const e=S.getCellId(q,T);G(e,!1,!1),N(e),l(e)}},F=(r,q)=>{l(null),!o&&(q==="Enter"&&D(),(r!==i||q==="Enter")&&(m==null||m(r,q)))},P=()=>{var q;l(null);const r=(q=b.current)==null?void 0:q.closest("td");r&&r.focus()},p=f.useMemo(()=>{const r={onChange:F,onCancelEdit:P,isEditing:x},q=["string","integer","float"];switch(!0){case R:{const e=t!=null&&t.includes("list")?d.find(g=>Array.isArray(i)?i.includes(g.value):i===g.value):void 0,c=e==null?void 0:e.color;return s.jsxRuntimeExports.jsx(H.CollapsedWidget,{color:c})}case t==="links":{const e=w,c=y.isLinkEditable((e==null?void 0:e.direction)||"out",(e==null?void 0:e.link.linkType)||"",(e==null?void 0:e.entityType)||"");return o=!c,s.jsxRuntimeExports.jsx(y.LinksWidget,{value:e,cellId:n,projectName:L,disabled:!c,folderId:A,...r})}case!!d.length:{const e=Array.isArray(i)?i:[i];if(o){const c=d.filter(g=>e.includes(g.value));return s.jsxRuntimeExports.jsx(O.EnumCellValue,{selectedOptions:c,isReadOnly:!0,hasMultipleValues:e.length>1,isMultiSelect:t==null?void 0:t.includes("list")})}return s.jsxRuntimeExports.jsx(K.EnumWidget,{value:e,options:d,type:t,onOpen:()=>l(n),enableCustomValues:h,...r,...u==null?void 0:u.enum})}case q.includes(t):return s.jsxRuntimeExports.jsx(Q.TextWidget,{value:i,isInherited:a,...r,...u==null?void 0:u.text});case t==="datetime":return s.jsxRuntimeExports.jsx(J.DateWidget,{value:i||void 0,isInherited:a,...r,...u==null?void 0:u.date});case t==="boolean":return s.jsxRuntimeExports.jsx(z.BooleanWidget,{value:i,...r,...u==null?void 0:u.boolean});case E:return null;default:return null}},[n,i,t,x,d,R]);return s.jsxRuntimeExports.jsx(V,{...W,className:Y(W.className,{inherited:a&&!x,readonly:o,editable:!o}),ref:b,onDoubleClick:v,onClick:B,id:n,"data-tooltip":a&&!x&&_?"Inherited":void 0,"data-tooltip-delay":200,children:p})};exports.CellWidget=re;exports.EDIT_TRIGGER_CLASS=ee;
 //# sourceMappingURL=CellWidget.cjs.js.map

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

@@ -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'\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'\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' }\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}\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  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 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\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          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && 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            {...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","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","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","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","TextWidget","o","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
+{"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'\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'\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' }\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}\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  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 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\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            />\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            {...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","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","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","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 import { j as n } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as D, useCallback as H, useMemo as J } from "react";
-import K from "styled-components";
-import { BooleanWidget as P } from "./BooleanWidget.es.js";
-import { CollapsedWidget as Q } from "./CollapsedWidget.es.js";
-import { DateWidget as U } from "./DateWidget.es.js";
-import { EnumWidget as X } from "./EnumWidget.es.js";
-import { TextWidget as I } from "./TextWidget.es.js";
+import { useRef as z, useCallback as D, useMemo as H } from "react";
+import J from "styled-components";
+import { BooleanWidget as K } from "./BooleanWidget.es.js";
+import { CollapsedWidget as P } from "./CollapsedWidget.es.js";
+import { DateWidget as Q } from "./DateWidget.es.js";
+import { EnumWidget as U } from "./EnumWidget.es.js";
+import { TextWidget as X } from "./TextWidget.es.js";
 import { isLinkEditable as Y, LinksWidget as Z } from "./LinksWidget.es.js";
 import { useCellEditing as $ } from "../context/CellEditingContext.es.js";
-import { getCellId as W } from "../utils/cellUtils.es.js";
+import { getCellId as I } from "../utils/cellUtils.es.js";
 import O from "clsx";
 import { useSelectionCellsContext as V } from "../context/SelectionCellsContext.es.js";
 import "react-toastify";
@@ -25,7 +25,7 @@ import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
 import "./LoadMoreWidget.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
-import { useProjectTableContext as oo } from "../context/ProjectTableContext.es.js";
+import { useProjectTableContext as tt } from "../context/ProjectTableContext.es.js";
 import "../context/ClipboardContext.es.js";
 import "../ProjectTreeTable.es.js";
 import "../context/ColumnSettingsContext.es.js";
@@ -128,7 +128,8 @@ import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
 import "../context/ProjectDataContext.es.js";
-const to = K.div`
+import { EnumCellValue as ot } from "./EnumCellValue.es.js";
+const it = J.div`
   position: absolute;
   inset: 0;
   padding: 4px 8px;
@@ -149,145 +150,150 @@ const to = K.div`
     border-radius: 4px;
     opacity: 1;
   }
-`, Wi = "edit-trigger", hi = ({
-  rowId: C,
-  columnId: E,
+`, Ai = "edit-trigger", Mi = ({
+  rowId: E,
+  columnId: j,
   value: i,
-  valueData: h,
-  attributeData: a,
+  valueData: W,
+  attributeData: x,
   options: d = [],
-  isCollapsed: j,
-  isInherited: u,
-  isPlaceholder: x,
-  isReadOnly: s,
-  enableCustomValues: A,
-  folderId: v,
-  onChange: g,
+  isCollapsed: T,
+  isInherited: f,
+  isPlaceholder: g,
+  isReadOnly: l,
+  enableCustomValues: h,
+  folderId: A,
+  onChange: C,
   pt: r,
-  ...T
+  ...b
 }) => {
-  const b = D(null), p = a == null ? void 0 : a.type, { projectName: N } = oo(), { isEditing: k, setEditingCellId: l } = $(), { isCellFocused: L, gridMap: w, selectCell: S, focusCell: F } = V(), e = W(C, E), f = k(e), G = L(e), M = H(() => {
-    x || s || l(e);
-  }, [e, l, x]), _ = () => {
-    f || l(null);
-  }, B = () => {
-    const t = w.rowIdToIndex.get(C);
-    if (t === void 0) return;
-    const m = w.indexToRowId.get(t + 1);
-    if (m) {
-      const o = W(m, E);
-      S(o, !1, !1), F(o), l(o);
+  const w = z(null), m = x == null ? void 0 : x.type, { projectName: M } = tt(), { isEditing: N, setEditingCellId: s } = $(), { isCellFocused: S, gridMap: y, selectCell: k, focusCell: L } = V(), p = I(E, j), u = N(p), R = S(p), v = D(() => {
+    g || l || s(p);
+  }, [p, s, g]), F = () => {
+    u || s(null);
+  }, G = () => {
+    const o = y.rowIdToIndex.get(E);
+    if (o === void 0) return;
+    const e = y.indexToRowId.get(o + 1);
+    if (e) {
+      const t = I(e, j);
+      k(t, !1, !1), L(t), s(t);
     }
-  }, R = (t, m) => {
-    l(null), !s && (m === "Enter" && B(), (t !== i || m === "Enter") && (g == null || g(t, m)));
-  }, q = () => {
-    var m;
-    l(null);
-    const t = (m = b.current) == null ? void 0 : m.closest("td");
-    t && t.focus();
-  }, z = J(() => {
-    const t = {
-      onChange: R,
-      onCancelEdit: q,
-      isEditing: f
-    }, m = ["string", "integer", "float"];
+  }, _ = (o, e) => {
+    s(null), !l && (e === "Enter" && G(), (o !== i || e === "Enter") && (C == null || C(o, e)));
+  }, B = () => {
+    var e;
+    s(null);
+    const o = (e = w.current) == null ? void 0 : e.closest("td");
+    o && o.focus();
+  }, q = H(() => {
+    const o = {
+      onChange: _,
+      onCancelEdit: B,
+      isEditing: u
+    }, e = ["string", "integer", "float"];
     switch (!0) {
       // this is showing the collapsed widget (dot)
-      case j: {
-        const o = p != null && p.includes("list") ? d.find(
-          (y) => Array.isArray(i) ? i.includes(y.value) : i === y.value
-        ) : void 0, c = o == null ? void 0 : o.color;
-        return /* @__PURE__ */ n.jsx(Q, { color: c });
+      case T: {
+        const t = m != null && m.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(P, { color: c });
       }
-      case p === "links": {
-        const o = h, c = Y(
-          (o == null ? void 0 : o.direction) || "out",
-          (o == null ? void 0 : o.link.linkType) || "",
-          (o == null ? void 0 : o.entityType) || ""
+      case m === "links": {
+        const t = W, c = Y(
+          (t == null ? void 0 : t.direction) || "out",
+          (t == null ? void 0 : t.link.linkType) || "",
+          (t == null ? void 0 : t.entityType) || ""
         );
-        return s = !c, /* @__PURE__ */ n.jsx(
+        return l = !c, /* @__PURE__ */ n.jsx(
           Z,
           {
-            value: o,
-            cellId: e,
-            projectName: N,
+            value: t,
+            cellId: p,
+            projectName: M,
             disabled: !c,
-            folderId: v,
-            ...t
+            folderId: A,
+            ...o
           }
         );
       }
       case !!d.length: {
-        const o = Array.isArray(i) ? i : [i];
-        return s ? /* @__PURE__ */ n.jsx(
-          I,
-          {
-            value: o.join(", "),
-            option: o.length === 1 ? d.find((c) => c.value === o[0]) : void 0,
-            ...t
-          }
-        ) : /* @__PURE__ */ n.jsx(
-          X,
+        const t = Array.isArray(i) ? i : [i];
+        if (l) {
+          const c = d.filter((a) => t.includes(a.value));
+          return /* @__PURE__ */ n.jsx(
+            ot,
+            {
+              selectedOptions: c,
+              isReadOnly: !0,
+              hasMultipleValues: t.length > 1,
+              isMultiSelect: m == null ? void 0 : m.includes("list")
+            }
+          );
+        }
+        return /* @__PURE__ */ n.jsx(
+          U,
           {
-            value: o,
+            value: t,
             options: d,
-            type: p,
-            onOpen: () => !s && l(e),
-            enableCustomValues: A,
-            ...t,
+            type: m,
+            onOpen: () => s(p),
+            enableCustomValues: h,
+            ...o,
             ...r == null ? void 0 : r.enum
           }
         );
       }
-      case m.includes(p):
+      case e.includes(m):
         return /* @__PURE__ */ n.jsx(
-          I,
+          X,
           {
             value: i,
-            isInherited: u,
-            ...t,
+            isInherited: f,
+            ...o,
             ...r == null ? void 0 : r.text
           }
         );
-      case p === "datetime":
+      case m === "datetime":
         return /* @__PURE__ */ n.jsx(
-          U,
+          Q,
           {
             value: i || void 0,
-            isInherited: u,
-            ...t,
+            isInherited: f,
+            ...o,
             ...r == null ? void 0 : r.date
           }
         );
-      case p === "boolean":
-        return /* @__PURE__ */ n.jsx(P, { value: i, ...t, ...r == null ? void 0 : r.boolean });
-      case x:
+      case m === "boolean":
+        return /* @__PURE__ */ n.jsx(K, { value: i, ...o, ...r == null ? void 0 : r.boolean });
+      case g:
         return null;
       default:
         return null;
     }
-  }, [e, i, p, f, d, j]);
+  }, [p, i, m, u, d, T]);
   return /* @__PURE__ */ n.jsx(
-    to,
+    it,
     {
-      ...T,
-      className: O(T.className, {
-        inherited: u && !f,
-        readonly: s,
-        editable: !s
+      ...b,
+      className: O(b.className, {
+        inherited: f && !u,
+        readonly: l,
+        editable: !l
       }),
-      ref: b,
-      onDoubleClick: M,
-      onClick: _,
-      id: e,
-      "data-tooltip": u && !f && G ? "Inherited" : void 0,
+      ref: w,
+      onDoubleClick: v,
+      onClick: F,
+      id: p,
+      "data-tooltip": f && !u && R ? "Inherited" : void 0,
       "data-tooltip-delay": 200,
-      children: z
+      children: q
     }
   );
 };
 export {
-  hi as CellWidget,
-  Wi as EDIT_TRIGGER_CLASS
+  Mi as CellWidget,
+  Ai 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 { useProjectTableContext } from '../context'\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' }\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}\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  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 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\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          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && 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            {...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","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","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","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","TextWidget","o","EnumWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}
+{"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 { useProjectTableContext } from '../context'\nimport { EnumCellValue } from './EnumCellValue'\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' }\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}\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  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 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\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            />\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            {...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","pt","props","ref","useRef","type","projectName","useProjectTableContext","isEditing","setEditingCellId","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","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","linksValue","isEditable","isLinkEditable","LinksWidget","enumValue","selectedOptions","EnumCellValue","EnumWidget","TextWidget","DateWidget","BooleanWidget","clsx"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),t=require("clsx"),r=require("styled-components"),F=require("./CellWidget.cjs.js"),H=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),t=require("clsx"),r=require("styled-components"),F="edit-trigger",H=r.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
@@ -77,5 +77,5 @@
   }
 `,U=r(o.Icon)`
   transition: rotate 0.2s;
-`,X=({selectedOptions:s,placeholder:n,hasMultipleValues:p,isMultiSelect:c,isOpen:i,isItem:l,isSelected:d,isReadOnly:h,className:g,pt:v,...y})=>{const{icon:b={},img:j={},value:f={},expand:R={},close:E={}}=v||{},{style:N,className:S,...w}=b,{style:C,className:k,...I}=j,{style:W,className:V,...q}=f,{style:L,className:T,..._}=R,{style:A,className:D,...G}=E,m=s.every(e=>e.icon),P=!p||!m,u=!m&&c&&!l,x=!s.length&&n;return x&&(s=[{label:n,value:""}]),a.jsxRuntimeExports.jsxs(H,{className:t(g,{selected:d,item:l}),...y,children:[a.jsxRuntimeExports.jsx(z,{children:s.map((e,B)=>a.jsxRuntimeExports.jsxs(J,{children:[e.icon&&Y(e.icon)?a.jsxRuntimeExports.jsx(M,{src:e.icon,className:t({avatar:Z(e.icon)},k),style:C,...I}):e.icon?a.jsxRuntimeExports.jsx(o.Icon,{icon:e.icon,style:{color:e.color,...N},className:S,...w}):null,(P||!e.icon)&&a.jsxRuntimeExports.jsx(K,{style:{color:u?"inherit":e.color,backgroundColor:u?e.color||"var(--md-sys-color-surface-container)":"transparent",...W},className:t({placeholder:x},V),"aria-label":e.label,...q,children:e.label})]},e.value.toString()+B))}),!l&&!h&&a.jsxRuntimeExports.jsx(Q,{className:t("expand",F.EDIT_TRIGGER_CLASS,{open:i},T),children:a.jsxRuntimeExports.jsx(U,{icon:"expand_more",style:{rotate:i?"180deg":"0",...L},"aria-label":"Expand options",..._})}),l&&d&&c&&a.jsxRuntimeExports.jsx(o.Icon,{icon:"close",style:{marginLeft:"auto",marginRight:4,...A},"aria-label":"Deselect item",className:t("close",D),...G})]})},Y=(s="")=>s.startsWith("/")||s.startsWith("./")||s.startsWith("../")||s.startsWith("http://")||s.startsWith("https://"),Z=s=>s.includes("avatar");exports.EnumCellValue=X;
+`,X=({selectedOptions:a,placeholder:n,hasMultipleValues:p,isMultiSelect:c,isOpen:i,isItem:l,isSelected:d,isReadOnly:g,className:h,pt:v,...y})=>{const{icon:b={},img:j={},value:f={},expand:R={},close:E={}}=v||{},{style:N,className:S,...w}=b,{style:C,className:k,...I}=j,{style:W,className:V,...q}=f,{style:L,className:T,..._}=R,{style:A,className:D,...G}=E,m=a.every(e=>e.icon),P=!p||!m,u=!m&&c&&!l,x=!a.length&&n;return x&&(a=[{label:n,value:""}]),s.jsxRuntimeExports.jsxs(H,{className:t(h,{selected:d,item:l}),...y,children:[s.jsxRuntimeExports.jsx(z,{children:a.map((e,B)=>s.jsxRuntimeExports.jsxs(J,{children:[e.icon&&Y(e.icon)?s.jsxRuntimeExports.jsx(M,{src:e.icon,className:t({avatar:Z(e.icon)},k),style:C,"data-tooltip":e.label,...I}):e.icon?s.jsxRuntimeExports.jsx(o.Icon,{icon:e.icon,style:{color:e.color,...N},className:S,...w}):null,(P||!e.icon)&&s.jsxRuntimeExports.jsx(K,{style:{color:u?"inherit":e.color,backgroundColor:u?e.color||"var(--md-sys-color-surface-container)":"transparent",...W},className:t({placeholder:x},V),"aria-label":e.label,...q,children:e.label})]},e.value.toString()+B))}),!l&&!g&&s.jsxRuntimeExports.jsx(Q,{className:t("expand",F,{open:i},T),children:s.jsxRuntimeExports.jsx(U,{icon:"expand_more",style:{rotate:i?"180deg":"0",...L},"aria-label":"Expand options",..._})}),l&&d&&c&&s.jsxRuntimeExports.jsx(o.Icon,{icon:"close",style:{marginLeft:"auto",marginRight:4,...A},"aria-label":"Deselect item",className:t("close",D),...G})]})},Y=(a="")=>a.startsWith("/")||a.startsWith("./")||a.startsWith("../")||a.startsWith("http://")||a.startsWith("https://"),Z=a=>a.includes("avatar");exports.EnumCellValue=X;
 //# sourceMappingURL=EnumCellValue.cjs.js.map