@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js

@@ -1,6 +1,5 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as c } from "react";
-import { toast as s } from "react-toastify";
+import { toast as n } from "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -16,6 +15,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -41,6 +41,8 @@ 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/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -58,7 +60,7 @@ import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
-import { useGetEntityQuery as g } from "../../api/queries/entities/getEntity.es.js";
+import { useGetEntityQuery as d } from "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
@@ -71,6 +73,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -98,86 +101,37 @@ 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 { Dialog as u, Icon as y } from "@ynput/ayon-react-components";
-import _ from "../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.es.js";
-import "lodash";
-import { copyToClipboard as x } from "../../util/copyToClipboard.es.js";
-import "uuid";
-import "../../util/pubsub.es.js";
-const xt = ({
-  projectName: a,
-  entityType: r,
-  entityIds: l,
+import { Dialog as f } from "@ynput/ayon-react-components";
+import { JsonViewer as u } from "../JsonViewer/JsonViewer.es.js";
+const fo = ({
+  projectName: e,
+  entityType: t,
+  entityIds: s,
   visible: i,
-  onHide: n
+  onHide: a
 }) => {
   const {
-    data: t = {},
-    isLoading: p,
-    isError: m,
-    error: d
-  } = g(
-    { projectName: a, entityType: r, entityId: l?.[0] },
+    data: r = {},
+    isLoading: m,
+    isError: p,
+    error: l
+  } = d(
+    { projectName: e, entityType: t, entityId: s?.[0] },
     { skip: !i }
   );
-  m && s.error(`Unable to load detail. ${d}`);
-  const e = c(() => {
-    try {
-      return JSON.stringify(t, null, 2);
-    } catch {
-      return String(t);
-    }
-  }, [t]);
-  return !i || Array.isArray(t) && t.length < 1 ? null : /* @__PURE__ */ o.jsxs(
-    u,
+  return p && n.error(`Unable to load detail. ${l}`), !i || Array.isArray(r) && r.length < 1 ? null : /* @__PURE__ */ o.jsx(
+    f,
     {
       isOpen: !0,
-      onClose: n,
+      onClose: a,
       size: "lg",
       style: { width: "50vw" },
-      header: `${r} detail`,
-      children: [
-        /* @__PURE__ */ o.jsx("style", { children: `
-        .details-dialog__code { position: relative; }
-        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }
-        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }
-        .w-tc-editor .token.property { color: #c9a5f7 !important; }
-        .w-tc-editor .token.string { color: #6bc985 !important; }
-        .w-tc-editor .token.number { color: #e5a66b !important; }
-        .w-tc-editor .token.boolean { color: #e5a66b !important; }
-        .w-tc-editor .token.null { color: #7a8a99 !important; }
-        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }
-        .w-tc-editor .token.operator { color: #b0bec5 !important; }
-        .details-dialog__code .w-tc-editor textarea { display: none !important; }
-      ` }),
-        /* @__PURE__ */ o.jsx("div", { className: "details-dialog__code", children: p || m ? /* @__PURE__ */ o.jsx("pre", { children: p ? "loading..." : "error..." }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              role: "button",
-              "aria-label": "Copy JSON",
-              onClick: () => x(e),
-              className: "details-dialog__copy",
-              children: /* @__PURE__ */ o.jsx(y, { icon: "content_copy", "data-tooltip": "Copy to clipboard" })
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            _,
-            {
-              wrap: "off",
-              value: e,
-              language: "json",
-              placeholder: "Please enter JS code.",
-              readOnly: !0,
-              "data-color-mode": "dark"
-            }
-          )
-        ] }) })
-      ]
+      header: `${t} detail`,
+      children: m || p ? /* @__PURE__ */ o.jsx("pre", { children: m ? "loading..." : "error..." }) : /* @__PURE__ */ o.jsx(u, { value: r })
     }
   );
 };
 export {
-  xt as DetailsDialog
+  fo as DetailsDialog
 };
 //# sourceMappingURL=DetailsDialog.es.js.map

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Raw pretty JSON for copying and highlighting\n  const rawJson = useMemo(() => {\n    try {\n      return JSON.stringify(data, null, 2)\n    } catch {\n      return String(data)\n    }\n  }, [data])\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <style>{`\n        .details-dialog__code { position: relative; }\n        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n        .w-tc-editor .token.property { color: #c9a5f7 !important; }\n        .w-tc-editor .token.string { color: #6bc985 !important; }\n        .w-tc-editor .token.number { color: #e5a66b !important; }\n        .w-tc-editor .token.boolean { color: #e5a66b !important; }\n        .w-tc-editor .token.null { color: #7a8a99 !important; }\n        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n        .w-tc-editor .token.operator { color: #b0bec5 !important; }\n        .details-dialog__code .w-tc-editor textarea { display: none !important; }\n      `}</style>\n      <div className=\"details-dialog__code\">\n        {isLoading || isError ? (\n          <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n        ) : (\n          <>\n            <div\n              role=\"button\"\n              aria-label=\"Copy JSON\"\n              onClick={() => copyToClipboard(rawJson)}\n              className=\"details-dialog__copy\"\n            >\n              <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n            </div>\n            <CodeEditor\n              wrap={'off'}\n              value={rawJson}\n              language=\"json\"\n              placeholder=\"Please enter JS code.\"\n              readOnly\n              data-color-mode={'dark'}\n            />\n          </>\n        )}\n      </div>\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AACxB,QAAM;AAAA,IACJ,MAAAC,IAAO,CAAA;AAAA,IACP,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,IAAY,CAAC,EAAA;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAA;AAAA,EAAQ;AAInB,EAAII,KACFG,EAAM,MAAM,0BAA0BF,CAAK,EAAE;AAI/C,QAAMG,IAAUC,EAAQ,MAAM;AAC5B,QAAI;AACF,aAAO,KAAK,UAAUP,GAAM,MAAM,CAAC;AAAA,IACrC,QAAQ;AACN,aAAO,OAAOA,CAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAGT,SAAI,CAACF,KAAY,MAAM,QAAQE,CAAI,KAAIA,EAAK,SAAS,IAAmB,OAGtEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASV;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,QAAQ,GAAGH,CAAU;AAAA,MAErB,UAAA;AAAA,QAAAc,gBAAAA,MAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAYN;AAAA,QACFA,gBAAAA,MAAC,OAAA,EAAI,WAAU,wBACZ,UAAAT,KAAaC,IACZQ,gBAAAA,MAAC,OAAA,EAAK,UAAAT,IAAY,eAAe,WAAA,CAAW,IAE5CO,gBAAAA,OAAAG,EAAAA,UAAA,EACE,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,SAAS,MAAME,EAAgBN,CAAO;AAAA,cACtC,WAAU;AAAA,cAEV,UAAAI,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,gBAAgB,gBAAa,oBAAA,CAAoB;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/DH,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAOR;AAAA,cACP,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,UAAQ;AAAA,cACR,mBAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACnB,EAAA,CACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { JsonViewer } from '@shared/components/JsonViewer'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      {isLoading || isError ? (\n        <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n      ) : (\n        <JsonViewer value={data} />\n      )}\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog","JsonViewer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AACxB,QAAM;AAAA,IACJ,MAAAC,IAAO,CAAA;AAAA,IACP,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,IAAY,CAAC,EAAA;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAA;AAAA,EAAQ;AASnB,SALII,KACFG,EAAM,MAAM,0BAA0BF,CAAK,EAAE,GAI3C,CAACL,KAAY,MAAM,QAAQE,CAAI,KAAIA,EAAK,SAAS,IAAmB,OAGtEM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASR;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAA;AAAA,MAChB,QAAQ,GAAGH,CAAU;AAAA,MAEpB,UAAAK,KAAaC,IACZI,gBAAAA,EAAAA,IAAC,OAAA,EAAK,UAAAL,IAAY,eAAe,WAAA,CAAW,IAE5CK,gBAAAA,EAAAA,IAACE,GAAA,EAAW,OAAOR,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAIjC;"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const k=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const c=require("react"),r=require("styled-components"),p=require("clsx"),C=require("@ynput/ayon-react-components"),F=require("./components/RenderFieldWidget.cjs.js"),m=require("../DetailsPanelDetails/BorderedSection.cjs.js"),D=require("../DetailsPanelDetails/FieldLabel.cjs.js"),x=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const c=require("react"),r=require("styled-components"),m=require("clsx"),p=require("@ynput/ayon-react-components"),F=require("./components/RenderFieldWidget.cjs.js"),D=require("../DetailsPanelDetails/FieldLabel.cjs.js"),x=r.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
@@ -86,5 +86,5 @@
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`,N=({title:B,isLoading:g,form:h,fields:a,enableEditing:s,mixedFields:y,onChange:f,entities:l=[],entityType:v="task"})=>{const[j,i]=c.useState(null),b=c.useMemo(()=>l.map(e=>e?.id).join("|"),[l]);c.useEffect(()=>{i(null)},[b]);const w=e=>{s&&!a.find(t=>t.name===e)?.readonly?i(e):console.log("Editing not allowed:",{enableEditing:s,fieldReadonly:a.find(t=>t.name===e)?.readonly})},E=(e,t)=>{i(null),f?.(e,t)},R=()=>{i(null)};return g?o.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Attributes",withPadding:!0,children:Array.from({length:10}).map((e,t)=>o.jsxRuntimeExports.jsxs(A,{children:[o.jsxRuntimeExports.jsx("div",{className:"loading"}),o.jsxRuntimeExports.jsx("div",{className:"loading"})]},t))}):o.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Attributes",autoHeight:!0,showHeader:!0,withPadding:!0,pt:{content:{style:{minHeight:"unset"}}},children:a.filter(e=>!e.hidden).map(e=>{const t=h[e.name],d=j===e.name,u=e.readonly||!s,q=y?.includes(e.name)||!1;return o.jsxRuntimeExports.jsxs(x,{className:p("field-row",{"multi-line":e.data.widget==="markdown"}),children:[o.jsxRuntimeExports.jsx(D.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0,className:"field-label"}),o.jsxRuntimeExports.jsx(P,{className:p("field-value",{editing:d,readonly:u}),onClick:n=>{n.target.closest("a")||(n.preventDefault(),!d&&!u&&e.data.type!=="boolean"&&w(e.name))},children:o.jsxRuntimeExports.jsx(F,{field:e,value:t,isEditing:d,isReadOnly:u,isMixed:q,onChange:E,onCancelEdit:R,onExpand:()=>{},entities:l,entityType:v})}),o.jsxRuntimeExports.jsx(T,{className:"field-tools",children:o.jsxRuntimeExports.jsx(C.Button,{className:"tool",variant:"text",icon:"content_copy",onClick:n=>{n.preventDefault(),n.stopPropagation();const S=t??"";k.copyToClipboard(S.toString(),!0)}})})]},e.name)})})};exports.DetailsPanelAttributesEditor=N;
+`,N=({title:B,isLoading:g,form:h,fields:a,enableEditing:s,mixedFields:y,onChange:f,entities:l=[],projectName:v,entityType:j="task"})=>{const[b,i]=c.useState(null),w=c.useMemo(()=>l.map(e=>e?.id).join("|"),[l]);c.useEffect(()=>{i(null)},[w]);const E=e=>{s&&!a.find(t=>t.name===e)?.readonly?i(e):console.log("Editing not allowed:",{enableEditing:s,fieldReadonly:a.find(t=>t.name===e)?.readonly})},R=(e,t)=>{i(null),f?.(e,t)},q=()=>{i(null)};return g?o.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",withPadding:!0,children:Array.from({length:10}).map((e,t)=>o.jsxRuntimeExports.jsxs(A,{children:[o.jsxRuntimeExports.jsx("div",{className:"loading"}),o.jsxRuntimeExports.jsx("div",{className:"loading"})]},t))}):o.jsxRuntimeExports.jsx(p.BorderedSection,{title:"Attributes",autoHeight:!0,showHeader:!0,withPadding:!0,pt:{content:{style:{minHeight:"unset"}}},children:a.filter(e=>!e.hidden).map(e=>{const t=h[e.name],d=b===e.name,u=e.readonly||!s,k=y?.includes(e.name)||!1;return o.jsxRuntimeExports.jsxs(x,{className:m("field-row",{"multi-line":e.data.widget==="markdown"}),children:[o.jsxRuntimeExports.jsx(D.FieldLabel,{name:e.name,data:e.data,showDetailedTooltip:!0,className:"field-label"}),o.jsxRuntimeExports.jsx(P,{className:m("field-value",{editing:d,readonly:u}),onClick:n=>{n.target.closest("a")||(n.preventDefault(),!d&&!u&&e.data.type!=="boolean"&&E(e.name))},children:o.jsxRuntimeExports.jsx(F,{field:e,value:t,isEditing:d,isReadOnly:u,isMixed:k,onChange:R,onCancelEdit:q,onExpand:()=>{},entities:l,projectName:v,entityType:j})}),o.jsxRuntimeExports.jsx(T,{className:"field-tools",children:o.jsxRuntimeExports.jsx(p.Button,{className:"tool",variant:"text",icon:"content_copy",onClick:n=>{n.preventDefault(),n.stopPropagation();const C=t??"";S.copyToClipboard(C.toString(),!0)}})})]},e.name)})})};exports.DetailsPanelAttributesEditor=N;
 //# sourceMappingURL=DetailsPanelAttributesEditor.cjs.js.map

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  projectName?: string // enum resolver scope when there are no entities\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  projectName,\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  projectName={projectName}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","projectName","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js

@@ -1,17 +1,17 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import "lodash";
 import "react-toastify";
-import { copyToClipboard as C } from "../../util/copyToClipboard.es.js";
+import { copyToClipboard as F } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-import { useState as F, useMemo as D, useEffect as R } from "react";
+import { useState as D, useMemo as R, useEffect as S } from "react";
 import a from "styled-components";
 import p from "clsx";
-import { Button as S } from "@ynput/ayon-react-components";
-import N from "./components/RenderFieldWidget.es.js";
-import { BorderedSection as c } from "../DetailsPanelDetails/BorderedSection.es.js";
-import { FieldLabel as T } from "../DetailsPanelDetails/FieldLabel.es.js";
+import { BorderedSection as c, Button as N } from "@ynput/ayon-react-components";
+import T from "./components/RenderFieldWidget.es.js";
+import { FieldLabel as A } from "../DetailsPanelDetails/FieldLabel.es.js";
 const u = a.div`
   display: grid;
   grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
@@ -46,7 +46,7 @@ const u = a.div`
       margin-top: 6px;
     }
   }
-`, A = a.div`
+`, P = a.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -82,7 +82,7 @@ const u = a.div`
   &.readonly {
     pointer-events: none;
   }
-`, P = a.div`
+`, H = a.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
@@ -92,7 +92,7 @@ const u = a.div`
     height: 32px;
     padding: 2px;
   }
-`, H = a(u)`
+`, V = a(u)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -100,35 +100,36 @@ const u = a.div`
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, Y = ({
-  title: V,
+`, Z = ({
+  title: B,
   isLoading: g,
   form: x,
-  fields: r,
-  enableEditing: l,
+  fields: l,
+  enableEditing: r,
   mixedFields: h,
   onChange: f,
   entities: s = [],
-  entityType: y = "task"
+  projectName: y,
+  entityType: v = "task"
 }) => {
-  const [v, n] = F(null), w = D(
+  const [w, n] = D(null), b = R(
     () => s.map((t) => t?.id).join("|"),
     [s]
   );
-  R(() => {
+  S(() => {
     n(null);
-  }, [w]);
-  const b = (t) => {
-    l && !r.find((e) => e.name === t)?.readonly ? n(t) : console.log("Editing not allowed:", {
-      enableEditing: l,
-      fieldReadonly: r.find((e) => e.name === t)?.readonly
+  }, [b]);
+  const j = (t) => {
+    r && !l.find((e) => e.name === t)?.readonly ? n(t) : console.log("Editing not allowed:", {
+      enableEditing: r,
+      fieldReadonly: l.find((e) => e.name === t)?.readonly
     });
-  }, j = (t, e) => {
+  }, k = (t, e) => {
     n(null), f?.(t, e);
-  }, k = () => {
+  }, E = () => {
     n(null);
   };
-  return g ? /* @__PURE__ */ o.jsx(c, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, e) => /* @__PURE__ */ o.jsxs(H, { children: [
+  return g ? /* @__PURE__ */ o.jsx(c, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, e) => /* @__PURE__ */ o.jsxs(V, { children: [
     /* @__PURE__ */ o.jsx("div", { className: "loading" }),
     /* @__PURE__ */ o.jsx("div", { className: "loading" })
   ] }, e)) }) : /* @__PURE__ */ o.jsx(
@@ -139,15 +140,15 @@ const u = a.div`
       showHeader: !0,
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
-      children: r.filter((t) => !t.hidden).map((t) => {
-        const e = x[t.name], d = v === t.name, m = t.readonly || !l, E = h?.includes(t.name) || !1;
+      children: l.filter((t) => !t.hidden).map((t) => {
+        const e = x[t.name], d = w === t.name, m = t.readonly || !r, C = h?.includes(t.name) || !1;
         return /* @__PURE__ */ o.jsxs(
           u,
           {
             className: p("field-row", { "multi-line": t.data.widget === "markdown" }),
             children: [
               /* @__PURE__ */ o.jsx(
-                T,
+                A,
                 {
                   name: t.name,
                   data: t.data,
@@ -156,41 +157,42 @@ const u = a.div`
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                A,
+                P,
                 {
                   className: p("field-value", {
                     editing: d,
                     readonly: m
                   }),
                   onClick: (i) => {
-                    i.target.closest("a") || (i.preventDefault(), !d && !m && t.data.type !== "boolean" && b(t.name));
+                    i.target.closest("a") || (i.preventDefault(), !d && !m && t.data.type !== "boolean" && j(t.name));
                   },
                   children: /* @__PURE__ */ o.jsx(
-                    N,
+                    T,
                     {
                       field: t,
                       value: e,
                       isEditing: d,
                       isReadOnly: m,
-                      isMixed: E,
-                      onChange: j,
-                      onCancelEdit: k,
+                      isMixed: C,
+                      onChange: k,
+                      onCancelEdit: E,
                       onExpand: () => {
                       },
                       entities: s,
-                      entityType: y
+                      projectName: y,
+                      entityType: v
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ o.jsx(P, { className: "field-tools", children: /* @__PURE__ */ o.jsx(
-                S,
+              /* @__PURE__ */ o.jsx(H, { className: "field-tools", children: /* @__PURE__ */ o.jsx(
+                N,
                 {
                   className: "tool",
                   variant: "text",
                   icon: "content_copy",
                   onClick: (i) => {
-                    i.preventDefault(), i.stopPropagation(), C((e ?? "").toString(), !0);
+                    i.preventDefault(), i.stopPropagation(), F((e ?? "").toString(), !0);
                   }
                 }
               ) })
@@ -203,6 +205,6 @@ const u = a.div`
   );
 };
 export {
-  Y as DetailsPanelAttributesEditor
+  Z as DetailsPanelAttributesEditor
 };
 //# sourceMappingURL=DetailsPanelAttributesEditor.es.js.map

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  overflow: hidden;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .field-tools {\n    opacity: 0;\n  }\n\n  &:hover .field-tools {\n    opacity: 1;\n  }\n\n  &.multi-line {\n    align-items: start;\n    .field-value {\n      height: auto;\n      min-height: 32px;\n      max-height: 112px;\n      padding-top: 0;\n      padding-bottom: 0;\n      display: block;\n      overflow: visible;\n    }\n    .field-label {\n      /* move down to make it feel more centered */\n      margin-top: 6px;\n    }\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst FieldTools = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  .tool {\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  projectName?: string // enum resolver scope when there are no entities\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  projectName,\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow\n              key={field.name}\n              className={clsx('field-row', { 'multi-line': field.data.widget === 'markdown' })}\n            >\n              <FieldLabel\n                name={field.name}\n                data={field.data}\n                showDetailedTooltip\n                className=\"field-label\"\n              />\n              <FieldValue\n                className={clsx('field-value', {\n                  editing: isEditing,\n                  readonly: isReadOnly,\n                })}\n                onClick={(e) => {\n                  // Allow links to work normally - don't intercept clicks on anchor elements\n                  if ((e.target as HTMLElement).closest('a')) {\n                    return\n                  }\n                  e.preventDefault()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  onExpand={() => {\n                    // opens full markdown text editor dialog\n                  }}\n                  entities={entities}\n                  projectName={projectName}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <FieldTools className=\"field-tools\">\n                <Button\n                  className=\"tool\"\n                  variant=\"text\"\n                  icon=\"content_copy\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    const valueToDisplay =\n                      fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                    copyToClipboard(valueToDisplay.toString(), true)\n                  }}\n                />\n              </FieldTools>\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","FieldTools","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","projectName","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","jsxs","clsx","FieldLabel","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":";;;;;;;;;;;;;;AAUA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoCjBC,IAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsCpBE,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYpBG,IAAaH,EAAOD,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkCpBK,IAAsE,CAAC;AAAA,EAClF,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,aAAAC;AAAA,EACA,YAAAC,IAAa;AACf,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI,GAE9DC,IAAqBC;AAAA,IACzB,MAAMP,EAAS,IAAI,CAACQ,MAAWA,GAAQ,EAAE,EAAE,KAAK,GAAG;AAAA,IACnD,CAACR,CAAQ;AAAA,EAAA;AAGX,EAAAS,EAAU,MAAM;AACd,IAAAL,EAAgB,IAAI;AAAA,EACtB,GAAG,CAACE,CAAkB,CAAC;AAEvB,QAAMI,IAAqB,CAACC,MAAsB;AAChD,IAAId,KAAiB,CAACD,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASD,CAAS,GAAG,WACtEP,EAAgBO,CAAS,IAEzB,QAAQ,IAAI,wBAAwB;AAAA,MAClC,eAAAd;AAAA,MACA,eAAeD,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASD,CAAS,GAAG;AAAA,IAAA,CAClE;AAAA,EAEL,GAEME,IAAoB,CAACF,GAAmBG,MAAmC;AAC/E,IAAAV,EAAgB,IAAI,GACpBL,IAAWY,GAAWG,CAAK;AAAA,EAC7B,GAEMC,IAAmB,MAAM;AAC7B,IAAAX,EAAgB,IAAI;AAAA,EACtB;AAEA,SAAIV,0BAECsB,GAAA,EAAgB,OAAM,cAAa,aAAW,IAC5C,gBAAM,KAAK,EAAE,QAAQ,GAAA,CAAI,EAAE,IAAI,CAACC,GAAGC,6BACjC3B,GAAA,EACC,UAAA;AAAA,IAAA4B,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,UAAA,CAAU;AAAA,IACzBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,UAAA,CAAU;AAAA,EAAA,KAFVD,CAGjB,CACD,GACH,IAKFC,gBAAAA,EAAAA;AAAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAU;AAAA,MACV,YAAU;AAAA,MACV,aAAW;AAAA,MACX,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,QAAA,IAAU;AAAA,MAE9C,UAAApB,EACE,OAAO,CAACwB,MAAM,CAACA,EAAE,MAAM,EACvB,IAAI,CAACR,MAAU;AACd,cAAMS,IAAa1B,EAAKiB,EAAM,IAAI,GAC5BU,IAAYnB,MAAiBS,EAAM,MACnCW,IAAaX,EAAM,YAAY,CAACf,GAChC2B,IAAU1B,GAAa,SAASc,EAAM,IAAI,KAAK;AAErD,eACEa,gBAAAA,EAAAA;AAAAA,UAACtC;AAAA,UAAA;AAAA,YAEC,WAAWuC,EAAK,aAAa,EAAE,cAAcd,EAAM,KAAK,WAAW,YAAY;AAAA,YAE/E,UAAA;AAAA,cAAAO,gBAAAA,EAAAA;AAAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,MAAMf,EAAM;AAAA,kBACZ,MAAMA,EAAM;AAAA,kBACZ,qBAAmB;AAAA,kBACnB,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEZO,gBAAAA,EAAAA;AAAAA,gBAAC9B;AAAA,gBAAA;AAAA,kBACC,WAAWqC,EAAK,eAAe;AAAA,oBAC7B,SAASJ;AAAA,oBACT,UAAUC;AAAA,kBAAA,CACX;AAAA,kBACD,SAAS,CAACK,MAAM;AAEd,oBAAKA,EAAE,OAAuB,QAAQ,GAAG,MAGzCA,EAAE,eAAA,GACE,CAACN,KAAa,CAACC,KAAcX,EAAM,KAAK,SAAS,aACnDF,EAAmBE,EAAM,IAAI;AAAA,kBAEjC;AAAA,kBAEA,UAAAO,gBAAAA,EAAAA;AAAAA,oBAACU;AAAA,oBAAA;AAAA,sBACC,OAAAjB;AAAA,sBACA,OAAOS;AAAA,sBACP,WAAAC;AAAA,sBACA,YAAAC;AAAA,sBACA,SAAAC;AAAA,sBACA,UAAUX;AAAA,sBACV,cAAcE;AAAA,sBACd,UAAU,MAAM;AAAA,sBAEhB;AAAA,sBACA,UAAAf;AAAA,sBACA,aAAAC;AAAA,sBACA,YAAAC;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,cAEFiB,gBAAAA,EAAAA,IAAC7B,GAAA,EAAW,WAAU,eACpB,UAAA6B,gBAAAA,EAAAA;AAAAA,gBAACW;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS,CAACF,MAAM;AACd,oBAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GAGFG,GADEV,KAAkD,IACrB,SAAA,GAAY,EAAI;AAAA,kBACjD;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAtDKT,EAAM;AAAA,QAAA;AAAA,MAyDjB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGT;"}

package/dist/shared/src/components/DetailsPanelAttributes/components/RenderFieldWidget.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const a=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("styled-components");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");const E=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),k=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");const R=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),T=require("../../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js"),V=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../Chips/Chips.cjs.js");require("../../DoneCheckbox/DoneCheckbox.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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.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/users/guests.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("../../../api/queries/uris/getUris.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("react");require("../../LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("@ynput/ayon-react-components");require("../../SearchFilter/filterDates.cjs.js");require("date-fns");require("../../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                    */require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const D=require("../../../hooks/useScopedStatuses.cjs.js"),N=require("../../../hooks/useScopedTypes.cjs.js"),f=j.div`
+"use strict";const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),y=require("styled-components");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");const M=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),O=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");const B=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),C=require("../../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js"),L=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../Chips/Chips.cjs.js");require("../../DoneCheckbox/DoneCheckbox.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/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/enums.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/projectFolders.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/accessGroups/getAccessGroups.cjs.js");require("../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/enums/getEnums.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.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/users/guests.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("../../../api/queries/uris/getUris.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("react");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("lodash");require("react-toastify");const c=require("../../../util/attributeEnum.cjs.js");require("uuid");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../context/SubtasksModulesContextInstance.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/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("react-redux");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("@ynput/ayon-react-components");require("../../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("../../LinksManager/CellEditingDialog.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("date-fns");require("../../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("clsx");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");;/* empty css                                                    */require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const $=require("../../../hooks/useScopedStatuses.cjs.js"),F=require("../../../hooks/useScopedTypes.cjs.js"),I=require("../../../hooks/useAttributeEnumOptions.cjs.js"),f=y.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -8,7 +8,7 @@
   input {
     text-align: left;
   }
-`,B=j(k.EnumWidget)`
+`,P=y(O.EnumWidget)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -18,5 +18,5 @@
   &:hover {
     background-color: unset;
   }
-`,A=({field:r,value:c,isEditing:w,isReadOnly:m,isMixed:p,onChange:S,onCancelEdit:l,onExpand:h,entities:s=[],entityType:x="task"})=>{const{type:i,widget:b}=r.data,o={isEditing:w&&!m,isReadOnly:m,isInherited:!1,onChange:q=>S(r.name,q)},v=s.map(q=>q.projectName),g=D.useScopedStatuses(v,[x]),d=N.useScopedTypes(v,x),W=r.name==="attrib.endDate"&&s.length>0&&s.every(q=>q.data?.schedulerSyncData?.allDay===!0);let u=c??"";const y=r.data.title||r.name;switch(!0){case i==="boolean":return a.jsxRuntimeExports.jsx(V.BooleanWidget,{value:!!u,...o,style:{margin:0}});case i==="datetime":return a.jsxRuntimeExports.jsx(E.DateWidget,{value:u,...o,isEditing:!0,onCancelEdit:l,style:{width:"fit-content"},autoFocus:!1,isMidnightExclusive:W});case!!r.data.enum:{const q=i?.includes("list");let n=[];q?n=Array.isArray(u)?u:[]:p?n=[]:n=[u];let t=(r.data.enum||[]).map(e=>({value:e.value,label:e.label,icon:typeof e.icon=="string"?e.icon:void 0,color:e.color}));return r.name==="status"&&s.length>0&&g&&g.length>0&&(t=g.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.name==="taskType"&&s.length>0&&d&&d.length>0&&(t=d.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.allowNone&&n.length&&!q&&u&&u!==""&&(t=[{value:"",label:`No ${r.data.title||r.name}`},...t]),a.jsxRuntimeExports.jsx(B,{value:n,options:t,type:i,pt:{template:{style:{height:32},className:"enum"}},placeholder:p?`Mixed ${y}`:`Select ${y}...`,onCancelEdit:l,align:"right",enableCustomValues:r.enableCustomValues??!1,search:r.enableSearch??t.length>=5,sortBySelected:!t,...o})}case(i==="string"||i==="integer"||i==="float"):default:return b==="markdown"?a.jsxRuntimeExports.jsx(T.MarkdownWidget,{value:u.toString(),onCancelEdit:l,onExpand:h,showExpand:!!h,...o}):a.jsxRuntimeExports.jsx(f,{children:a.jsxRuntimeExports.jsx(R.TextWidget,{value:u.toString(),onCancelEdit:l,type:i,...o})})}};module.exports=A;
+`,z=({field:r,value:d,isEditing:w,isReadOnly:E,isMixed:v,onChange:S,onCancelEdit:l,onExpand:b,entities:n=[],entityType:j="task",projectName:W})=>{const{type:i,widget:T}=r.data,s={isEditing:w&&!E,isReadOnly:E,isInherited:!1,onChange:q=>S(r.name,q)},g=n.map(q=>q.projectName),m=$.useScopedStatuses(g,[j]),p=F.useScopedTypes(g,j),k=W||g[0],{options:N,isLoading:R,isError:V,errorMessage:D}=I.useAttributeEnumOptions(r.data,{projectName:k}),h=V?c.getEnumErrorText(D):void 0,A=r.name==="attrib.endDate"&&n.length>0&&n.every(q=>q.data?.schedulerSyncData?.allDay===!0);let u=d??"";const x=r.data.title||r.name;switch(!0){case i==="boolean":return o.jsxRuntimeExports.jsx(L.BooleanWidget,{value:!!u,...s,style:{margin:0}});case i==="datetime":return o.jsxRuntimeExports.jsx(M.DateWidget,{value:u,...s,isEditing:!0,onCancelEdit:l,style:{width:"fit-content"},autoFocus:!1,isMidnightExclusive:A});case c.hasEnumOptions(r.data):{const q=i?.includes("list");let a=[];q?a=Array.isArray(u)?u:[]:v?a=[]:a=[u];let t=N.map(e=>({value:e.value,label:e.label,icon:c.getEnumItemIcon(e.icon),color:e.color,group:e.group,hidden:e.hidden}));return r.name==="status"&&n.length>0&&m&&m.length>0&&(t=m.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.name==="taskType"&&n.length>0&&p&&p.length>0&&(t=p.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.allowNone&&a.length&&!q&&u&&u!==""&&(t=[{value:"",label:`No ${r.data.title||r.name}`},...t]),o.jsxRuntimeExports.jsx(P,{"data-tooltip":h,value:a,options:t,type:i,pt:{template:{style:{height:32},className:"enum"}},placeholder:h?`Could not load ${x}`:v?`Mixed ${x}`:`Select ${x}...`,error:c.toDropdownErrorText(h),onCancelEdit:l,align:"right",enableCustomValues:r.enableCustomValues,isLoadingOptions:R,search:r.enableSearch??t.length>=5,sortBySelected:!t,...s})}case(i==="string"||i==="integer"||i==="float"):default:return T==="markdown"?o.jsxRuntimeExports.jsx(C.MarkdownWidget,{value:u.toString(),onCancelEdit:l,onExpand:b,showExpand:!!b,...s}):o.jsxRuntimeExports.jsx(f,{children:o.jsxRuntimeExports.jsx(B.TextWidget,{value:u.toString(),onCancelEdit:l,type:i,...s})})}};module.exports=z;
 //# sourceMappingURL=RenderFieldWidget.cjs.js.map