@ynput/ayon-frontend-shared 0.2.29 → 0.2.31

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

@@ -34,7 +34,7 @@ const g = m.div`
   &:hover .copy-icon {
     opacity: 1;
   }
-`, V = m.div`
+`, H = m.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -70,13 +70,16 @@ const g = m.div`
   &.readonly {
     pointer-events: none;
   }
-`, B = m(g)`
-  .shimmer {
+`, V = m(g)`
+  &.loading {
     width: 100%;
-    height: 24px;
+    height: 33px;
+    min-height: unset;
     border-radius: 4px;
+    margin-bottom: 4px;
   }
-`, Q = ({
+`, U = ({
+  title: B,
   isLoading: h,
   form: x,
   fields: s,
@@ -86,69 +89,79 @@ const g = m.div`
   entities: p = [],
   entityType: y = "task"
 }) => {
-  const [f, i] = D(null), v = R(
+  const [f, a] = D(null), v = R(
     () => p.map((t) => t == null ? void 0 : t.id).join("|"),
     [p]
   );
   S(() => {
-    i(null);
+    a(null);
   }, [v]);
   const j = (t) => {
-    var o, n;
-    l && !((o = s.find((r) => r.name === t)) != null && o.readonly) ? i(t) : console.log("Editing not allowed:", {
+    var o, r;
+    l && !((o = s.find((n) => n.name === t)) != null && o.readonly) ? a(t) : console.log("Editing not allowed:", {
       enableEditing: l,
-      fieldReadonly: (n = s.find((r) => r.name === t)) == null ? void 0 : n.readonly
+      fieldReadonly: (r = s.find((n) => n.name === t)) == null ? void 0 : r.readonly
     });
   }, w = (t, o) => {
-    i(null), c == null || c(t, o);
+    a(null), c == null || c(t, o);
   }, b = () => {
-    i(null);
+    a(null);
   };
-  return h ? /* @__PURE__ */ e.jsx(u, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, o) => /* @__PURE__ */ e.jsxs(B, { children: [
+  return h ? /* @__PURE__ */ e.jsx(u, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, o) => /* @__PURE__ */ e.jsxs(V, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "loading" }),
     /* @__PURE__ */ e.jsx("div", { className: "loading" })
-  ] }, o)) }) : /* @__PURE__ */ e.jsx(u, { title: "Attributes", autoHeight: !0, showHeader: !0, withPadding: !0, children: s.filter((t) => !t.hidden).map((t) => {
-    const o = x[t.name], n = f === t.name, r = t.readonly || !l, k = (d == null ? void 0 : d.includes(t.name)) || !1;
-    return /* @__PURE__ */ e.jsxs(g, { children: [
-      /* @__PURE__ */ e.jsx(C, { name: t.name, data: t.data, showDetailedTooltip: !0 }),
-      /* @__PURE__ */ e.jsx(
-        V,
-        {
-          className: P({ editing: n, readonly: r }),
-          onClick: (a) => {
-            a.preventDefault(), a.stopPropagation(), !n && !r && t.data.type !== "boolean" && j(t.name);
-          },
-          children: /* @__PURE__ */ e.jsx(
-            T,
+  ] }, o)) }) : /* @__PURE__ */ e.jsx(
+    u,
+    {
+      title: "Attributes",
+      autoHeight: !0,
+      showHeader: !0,
+      withPadding: !0,
+      pt: { content: { style: { minHeight: "unset" } } },
+      children: s.filter((t) => !t.hidden).map((t) => {
+        const o = x[t.name], r = f === t.name, n = t.readonly || !l, k = (d == null ? void 0 : d.includes(t.name)) || !1;
+        return /* @__PURE__ */ e.jsxs(g, { children: [
+          /* @__PURE__ */ e.jsx(C, { name: t.name, data: t.data, showDetailedTooltip: !0 }),
+          /* @__PURE__ */ e.jsx(
+            H,
             {
-              field: t,
-              value: o,
-              isEditing: n,
-              isReadOnly: r,
-              isMixed: k,
-              onChange: w,
-              onCancelEdit: b,
-              entities: p,
-              entityType: y
+              className: P({ editing: r, readonly: n }),
+              onClick: (i) => {
+                i.preventDefault(), i.stopPropagation(), !r && !n && t.data.type !== "boolean" && j(t.name);
+              },
+              children: /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  field: t,
+                  value: o,
+                  isEditing: r,
+                  isReadOnly: n,
+                  isMixed: k,
+                  onChange: w,
+                  onCancelEdit: b,
+                  entities: p,
+                  entityType: y
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            A,
+            {
+              className: "copy-icon",
+              variant: "text",
+              icon: "content_copy",
+              onClick: (i) => {
+                i.preventDefault(), i.stopPropagation(), E((o ?? "").toString(), !0);
+              }
             }
           )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        A,
-        {
-          className: "copy-icon",
-          variant: "text",
-          icon: "content_copy",
-          onClick: (a) => {
-            a.preventDefault(), a.stopPropagation(), E((o ?? "").toString(), !0);
-          }
-        }
-      )
-    ] }, t.name);
-  }) });
+        ] }, t.name);
+      })
+    }
+  );
 };
 export {
-  Q as DetailsPanelAttributesEditor
+  U 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 { 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(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\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 ShimmerRow = styled(FormRow)`\n  .shimmer {\n    width: 100%;\n    height: 24px;\n    border-radius: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n}\n\nexport interface DetailsPanelAttributesEditorProps {\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  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 title=\"Attributes\" autoHeight showHeader withPadding>\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 key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\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                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\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            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":";;;;;;;;;;;;;AAWA,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,GAyBjBC,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,EAAOD,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BpBI,IAAsE,CAAC;AAAA,EAClF,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,YAAAC,IAAa;AACf,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI,GAE9DC,IAAqBC;AAAA,IACzB,MAAMN,EAAS,IAAI,CAACO,MAAWA,KAAA,gBAAAA,EAAQ,EAAE,EAAE,KAAK,GAAG;AAAA,IACnD,CAACP,CAAQ;AAAA,EACX;AAEA,EAAAQ,EAAU,MAAM;AACd,IAAAL,EAAgB,IAAI;AAAA,EAAA,GACnB,CAACE,CAAkB,CAAC;AAEjB,QAAAI,IAAqB,CAACC,MAAsB;;AAC5C,IAAAb,KAAiB,GAACc,IAAAf,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASF,CAAS,MAA/C,QAAAC,EAAkD,YACtER,EAAgBO,CAAS,IAEzB,QAAQ,IAAI,wBAAwB;AAAA,MAClC,eAAAb;AAAA,MACA,gBAAegB,IAAAjB,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASF,CAAS,MAA/C,gBAAAG,EAAkD;AAAA,IAAA,CAClE;AAAA,EAEL,GAEMC,IAAoB,CAACJ,GAAmBK,MAAmC;AAC/E,IAAAZ,EAAgB,IAAI,GACpBJ,KAAA,QAAAA,EAAWW,GAAWK;AAAA,EACxB,GAEMC,IAAmB,MAAM;AAC7B,IAAAb,EAAgB,IAAI;AAAA,EACtB;AAEA,SAAIT,0BAECuB,GAAgB,EAAA,OAAM,cAAa,aAAW,IAC5C,gBAAM,KAAK,EAAE,QAAQ,GAAA,CAAI,EAAE,IAAI,CAACC,GAAGC,6BACjC3B,GACC,EAAA,UAAA;AAAA,IAAC4B,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,UAAU,CAAA;AAAA,IACzBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,UAAU,CAAA;AAAA,EAAA,KAFVD,CAGjB,CACD,GACH,IAKFC,gBAAAA,EAAA,IAACH,KAAgB,OAAM,cAAa,YAAU,IAAC,YAAU,IAAC,aAAW,IAClE,YACE,OAAO,CAACI,MAAM,CAACA,EAAE,MAAM,EACvB,IAAI,CAACT,MAAU;AACR,UAAAU,IAAa3B,EAAKiB,EAAM,IAAI,GAC5BW,IAAYrB,MAAiBU,EAAM,MACnCY,IAAaZ,EAAM,YAAY,CAACf,GAChC4B,KAAU3B,KAAA,gBAAAA,EAAa,SAASc,EAAM,UAAS;AAErD,kCACGvB,GACC,EAAA,UAAA;AAAA,MAAC+B,gBAAAA,EAAAA,IAAAM,GAAA,EAAW,MAAMd,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAmB,GAAC,CAAA;AAAA,MACpEQ,gBAAAA,EAAA;AAAA,QAAC7B;AAAA,QAAA;AAAA,UACC,WAAWoC,EAAK,EAAE,SAASJ,GAAW,UAAUC,GAAY;AAAA,UAC5D,SAAS,CAACI,MAAM;AACd,YAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACd,CAACL,KAAa,CAACC,KAAcZ,EAAM,KAAK,SAAS,aACnDH,EAAmBG,EAAM,IAAI;AAAA,UAEjC;AAAA,UAEA,UAAAQ,gBAAAA,EAAA;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,OAAAjB;AAAA,cACA,OAAOU;AAAA,cACP,WAAAC;AAAA,cACA,YAAAC;AAAA,cACA,SAAAC;AAAA,cACA,UAAUX;AAAA,cACV,cAAcE;AAAA,cACd,UAAAhB;AAAA,cACA,YAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MACAmB,gBAAAA,EAAA;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,CAACF,MAAM;AACd,YAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAGFG,GADdT,KAAkD,IACrB,SAAS,GAAG,EAAI;AAAA,UAAA;AAAA,QACjD;AAAA,MAAA;AAAA,IACF,EAAA,GAnCYV,EAAM,IAoCpB;AAAA,EAEH,CAAA,GACL;AAEJ;"}
+{"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 { 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(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\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 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 key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\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                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\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            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":";;;;;;;;;;;;;AAWA,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,GAyBjBC,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,EAAOD,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiCpBI,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,CAAC;AAAA,EACZ,YAAAC,IAAa;AACf,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,IAAI,GAE9DC,IAAqBC;AAAA,IACzB,MAAMN,EAAS,IAAI,CAACO,MAAWA,KAAA,gBAAAA,EAAQ,EAAE,EAAE,KAAK,GAAG;AAAA,IACnD,CAACP,CAAQ;AAAA,EACX;AAEA,EAAAQ,EAAU,MAAM;AACd,IAAAL,EAAgB,IAAI;AAAA,EAAA,GACnB,CAACE,CAAkB,CAAC;AAEjB,QAAAI,IAAqB,CAACC,MAAsB;;AAC5C,IAAAb,KAAiB,GAACc,IAAAf,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASF,CAAS,MAA/C,QAAAC,EAAkD,YACtER,EAAgBO,CAAS,IAEzB,QAAQ,IAAI,wBAAwB;AAAA,MAClC,eAAAb;AAAA,MACA,gBAAegB,IAAAjB,EAAO,KAAK,CAACgB,MAAUA,EAAM,SAASF,CAAS,MAA/C,gBAAAG,EAAkD;AAAA,IAAA,CAClE;AAAA,EAEL,GAEMC,IAAoB,CAACJ,GAAmBK,MAAmC;AAC/E,IAAAZ,EAAgB,IAAI,GACpBJ,KAAA,QAAAA,EAAWW,GAAWK;AAAA,EACxB,GAEMC,IAAmB,MAAM;AAC7B,IAAAb,EAAgB,IAAI;AAAA,EACtB;AAEA,SAAIT,0BAECuB,GAAgB,EAAA,OAAM,cAAa,aAAW,IAC5C,gBAAM,KAAK,EAAE,QAAQ,GAAA,CAAI,EAAE,IAAI,CAACC,GAAGC,6BACjC5B,GACC,EAAA,UAAA;AAAA,IAAC6B,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,UAAU,CAAA;AAAA,IACzBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,UAAU,CAAA;AAAA,EAAA,KAFVD,CAGjB,CACD,GACH,IAKFC,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAU;AAAA,MACV,YAAU;AAAA,MACV,aAAW;AAAA,MACX,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,QAAQ,IAAI;AAAA,MAEhD,UAAArB,EACE,OAAO,CAACyB,MAAM,CAACA,EAAE,MAAM,EACvB,IAAI,CAACT,MAAU;AACR,cAAAU,IAAa3B,EAAKiB,EAAM,IAAI,GAC5BW,IAAYrB,MAAiBU,EAAM,MACnCY,IAAaZ,EAAM,YAAY,CAACf,GAChC4B,KAAU3B,KAAA,gBAAAA,EAAa,SAASc,EAAM,UAAS;AAErD,sCACGxB,GACC,EAAA,UAAA;AAAA,UAACgC,gBAAAA,EAAAA,IAAAM,GAAA,EAAW,MAAMd,EAAM,MAAM,MAAMA,EAAM,MAAM,qBAAmB,GAAC,CAAA;AAAA,UACpEQ,gBAAAA,EAAA;AAAA,YAAC9B;AAAA,YAAA;AAAA,cACC,WAAWqC,EAAK,EAAE,SAASJ,GAAW,UAAUC,GAAY;AAAA,cAC5D,SAAS,CAACI,MAAM;AACd,gBAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACd,CAACL,KAAa,CAACC,KAAcZ,EAAM,KAAK,SAAS,aACnDH,EAAmBG,EAAM,IAAI;AAAA,cAEjC;AAAA,cAEA,UAAAQ,gBAAAA,EAAA;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,OAAAjB;AAAA,kBACA,OAAOU;AAAA,kBACP,WAAAC;AAAA,kBACA,YAAAC;AAAA,kBACA,SAAAC;AAAA,kBACA,UAAUX;AAAA,kBACV,cAAcE;AAAA,kBACd,UAAAhB;AAAA,kBACA,YAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,UACAmB,gBAAAA,EAAA;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,CAACF,MAAM;AACd,gBAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GAGFG,GADdT,KAAkD,IACrB,SAAS,GAAG,EAAI;AAAA,cAAA;AAAA,YACjD;AAAA,UAAA;AAAA,QACF,EAAA,GAnCYV,EAAM,IAoCpB;AAAA,MAEH,CAAA;AAAA,IAAA;AAAA,EACL;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),h=require("styled-components"),y=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),w=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js"),E=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),S=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const f=require("../../../hooks/useScopedStatuses.cjs.js");require("react-toastify");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/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("lodash");const b=h.div`
+"use strict";const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),x=require("styled-components"),y=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),S=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js"),W=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),b=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("react");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const w=require("../../../hooks/useScopedStatuses.cjs.js");require("react-toastify");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/entityLists/listFolders.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/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("../../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");require("lodash");const E=x.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -8,7 +8,7 @@
   input {
     text-align: left;
   }
-`,R=h(S.EnumWidget)`
+`,V=x(b.EnumWidget)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -18,5 +18,5 @@
   &:hover {
     background-color: unset;
   }
-`,T=({field:r,value:n,isEditing:j,isReadOnly:o,isMixed:d,onChange:v,onCancelEdit:a,entities:g=[],entityType:W="task"})=>{var p;const{type:e}=r.data,q={isEditing:j&&!o,isInherited:!1,onChange:l=>v(r.name,l)};let i=n??"";const m=r.data.title||r.name;switch(!0){case e==="boolean":return t.jsxRuntimeExports.jsx(w.BooleanWidget,{value:!!i,...q,style:{margin:0},isReadOnly:o});case e==="datetime":return t.jsxRuntimeExports.jsx(E.DateWidget,{value:i,...q,isEditing:!0,onCancelEdit:a,style:{width:"fit-content"},autoFocus:!1});case!!((p=r.data.enum)!=null&&p.length):{const l=e.includes("list");let s=[];l?s=Array.isArray(i)?i:[]:d?s=[]:s=[i];let x=r.data.enum||[];if(r.name==="status"&&g.length>0){const c=f.useScopedStatuses(g.map(u=>u.projectName),[W]);c&&c.length>0&&(x=c.map(u=>({value:u.name,label:u.name,icon:u.icon,color:u.color})))}return t.jsxRuntimeExports.jsx(R,{value:s,options:x,type:e,pt:{template:{style:{height:32},className:"enum"}},placeholder:d?`Mixed ${m}`:`Select ${m}...`,onCancelEdit:a,align:"right",isReadOnly:o,...q})}case(e==="string"||e==="integer"||e==="float"):default:return t.jsxRuntimeExports.jsx(b,{children:t.jsxRuntimeExports.jsx(y.TextWidget,{value:i.toString(),onCancelEdit:a,type:e,...q})})}};module.exports=T;
+`,f=({field:e,value:l,isEditing:h,isReadOnly:c,isMixed:m,onChange:j,onCancelEdit:g,entities:d=[],entityType:v="task"})=>{const{type:r}=e.data,n={isEditing:h&&!c,isInherited:!1,onChange:a=>j(e.name,a)};let i=l??"";const p=e.data.title||e.name;switch(!0){case r==="boolean":return s.jsxRuntimeExports.jsx(S.BooleanWidget,{value:!!i,...n,style:{margin:0},isReadOnly:c});case r==="datetime":return s.jsxRuntimeExports.jsx(W.DateWidget,{value:i,...n,isEditing:!0,onCancelEdit:g,style:{width:"fit-content"},autoFocus:!1});case!!e.data.enum:{const a=r.includes("list");let t=[];a?t=Array.isArray(i)?i:[]:m?t=[]:t=[i];let q=e.data.enum||[];if(e.name==="status"&&d.length>0){const o=w.useScopedStatuses(d.map(u=>u.projectName),[v]);o&&o.length>0&&(q=o.map(u=>({value:u.name,label:u.name,icon:u.icon,color:u.color})))}return e.allowNone&&t.length&&!a&&i&&i!==""&&(q=[{value:"",label:`No ${e.data.title||e.name}`},...q]),s.jsxRuntimeExports.jsx(V,{value:t,options:q,type:r,pt:{template:{style:{height:32},className:"enum"}},placeholder:m?`Mixed ${p}`:`Select ${p}...`,onCancelEdit:g,align:"right",isReadOnly:c,enableCustomValues:e.enableCustomValues??!1,search:e.enableSearch??!1,sortBySelected:!q,...n})}case(r==="string"||r==="integer"||r==="float"):default:return s.jsxRuntimeExports.jsx(E,{children:s.jsxRuntimeExports.jsx(y.TextWidget,{value:i.toString(),onCancelEdit:g,type:r,...n})})}};module.exports=f;
 //# sourceMappingURL=RenderFieldWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderFieldWidget.cjs.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum?.length: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      return (\n        <FieldValueText>\n          <TextWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            type={type as 'string' | 'integer' | 'float'}\n            {...widgetCommonProps}\n          />\n        </FieldValueText>\n      )\n  }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","_a","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"k8KAYA,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,OACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,GAACW,EAAAjB,EAAM,KAAK,OAAX,MAAAiB,EAAiB,QAAQ,CACxB,MAAAC,EAAaT,EAAK,SAAS,MAAM,EACvC,IAAIU,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQP,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTe,EAAa,CAAC,EAEdA,EAAa,CAACP,CAAY,EAI5B,IAAIQ,EAAcpB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMc,EAAiBC,EAAA,kBACrBf,EAAS,IAAKgB,GAAWA,EAAO,WAAW,EAC3C,CAACf,CAAU,CACb,EACIa,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAIA,OAAAV,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOsB,EACP,QAASC,EACT,KAAAX,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACC,GAAGO,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACW,EAAA,WAAA,CACC,MAAOb,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}
+{"version":3,"file":"RenderFieldWidget.cjs.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      if (field.allowNone && !!valueArray.length && !isListType) {\n        // Check if current field has a value (for single value fields)\n        const hasCurrentValue = displayValue && displayValue !== ''\n        if (hasCurrentValue) {\n          enumOptions = [\n            { value: '', label: `No ${field.data.title || field.name}` },\n            ...enumOptions,\n          ]\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          enableCustomValues={field.enableCustomValues ?? false}\n          search={field.enableSearch ?? false}\n          sortBySelected={!enumOptions}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      return (\n        <FieldValueText>\n          <TextWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            type={type as 'string' | 'integer' | 'float'}\n            {...widgetCommonProps}\n          />\n        </FieldValueText>\n      )\n  }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"gjLAYA,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,CACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,CAACN,EAAM,KAAK,KAAM,CAChB,MAAAiB,EAAaR,EAAK,SAAS,MAAM,EACvC,IAAIS,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQN,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTc,EAAa,CAAC,EAEdA,EAAa,CAACN,CAAY,EAI5B,IAAIO,EAAcnB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAiBC,EAAA,kBACrBd,EAAS,IAAKe,GAAWA,EAAO,WAAW,EAC3C,CAACd,CAAU,CACb,EACIY,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAGF,OAAIvB,EAAM,WAAekB,EAAW,QAAU,CAACD,GAErBL,GAAgBA,IAAiB,KAEzCO,EAAA,CACZ,CAAE,MAAO,GAAI,MAAO,MAAMnB,EAAM,KAAK,OAASA,EAAM,IAAI,EAAG,EAC3D,GAAGmB,CACL,GAKFL,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOqB,EACP,QAASC,EACT,KAAAV,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACA,mBAAoBH,EAAM,oBAAsB,GAChD,OAAQA,EAAM,cAAgB,GAC9B,eAAgB,CAACmB,EAChB,GAAGT,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACU,EAAA,WAAA,CACC,MAAOZ,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}

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

@@ -1,14 +1,14 @@
-import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-import x from "styled-components";
-import { TextWidget as w } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import { BooleanWidget as S } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import { DateWidget as W } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import { EnumWidget as b } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import f from "styled-components";
+import { TextWidget as b } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import { BooleanWidget as w } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import { DateWidget as j } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import { EnumWidget as S } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
 import "react";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as k } from "../../../hooks/useScopedStatuses.es.js";
+import { useScopedStatuses as V } from "../../../hooks/useScopedStatuses.es.js";
 import "react-toastify";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
@@ -66,6 +66,7 @@ import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -98,10 +99,11 @@ import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "lodash";
-const A = x.div`
+const W = f.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -111,7 +113,7 @@ const A = x.div`
   input {
     text-align: left;
   }
-`, E = x(b)`
+`, C = f(S)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -121,99 +123,104 @@ const A = x.div`
   &:hover {
     background-color: unset;
   }
-`, bo = ({
-  field: o,
-  value: a,
-  isEditing: v,
-  isReadOnly: n,
-  isMixed: c,
-  onChange: y,
-  onCancelEdit: s,
+`, Wo = ({
+  field: t,
+  value: l,
+  isEditing: x,
+  isReadOnly: u,
+  isMixed: g,
+  onChange: v,
+  onCancelEdit: c,
   entities: d = [],
-  entityType: j = "task"
+  entityType: y = "task"
 }) => {
-  var h;
-  const { type: t } = o.data, p = {
-    isEditing: v && !n,
+  const { type: o } = t.data, a = {
+    isEditing: x && !u,
     isInherited: !1,
-    onChange: (l) => y(o.name, l)
+    onChange: (n) => v(t.name, n)
   };
-  let r = a ?? "";
-  const g = o.data.title || o.name;
+  let r = l ?? "";
+  const h = t.data.title || t.name;
   switch (!0) {
-    case t === "boolean":
-      return /* @__PURE__ */ m.jsx(
-        S,
+    case o === "boolean":
+      return /* @__PURE__ */ e.jsx(
+        w,
         {
           value: !!r,
-          ...p,
+          ...a,
           style: { margin: 0 },
-          isReadOnly: n
+          isReadOnly: u
         }
       );
-    case t === "datetime":
-      return /* @__PURE__ */ m.jsx(
-        W,
+    case o === "datetime":
+      return /* @__PURE__ */ e.jsx(
+        j,
         {
           value: r,
-          ...p,
+          ...a,
           isEditing: !0,
-          onCancelEdit: s,
+          onCancelEdit: c,
           style: { width: "fit-content" },
           autoFocus: !1
         }
       );
-    case !!((h = o.data.enum) != null && h.length): {
-      const l = t.includes("list");
-      let e = [];
-      l ? e = Array.isArray(r) ? r : [] : c ? e = [] : e = [r];
-      let f = o.data.enum || [];
-      if (o.name === "status" && d.length > 0) {
-        const u = k(
+    case !!t.data.enum: {
+      const n = o.includes("list");
+      let m = [];
+      n ? m = Array.isArray(r) ? r : [] : g ? m = [] : m = [r];
+      let p = t.data.enum || [];
+      if (t.name === "status" && d.length > 0) {
+        const s = V(
           d.map((i) => i.projectName),
-          [j]
+          [y]
         );
-        u && u.length > 0 && (f = u.map((i) => ({
+        s && s.length > 0 && (p = s.map((i) => ({
           value: i.name,
           label: i.name,
           icon: i.icon,
           color: i.color
         })));
       }
-      return /* @__PURE__ */ m.jsx(
-        E,
+      return t.allowNone && m.length && !n && r && r !== "" && (p = [
+        { value: "", label: `No ${t.data.title || t.name}` },
+        ...p
+      ]), /* @__PURE__ */ e.jsx(
+        C,
         {
-          value: e,
-          options: f,
-          type: t,
+          value: m,
+          options: p,
+          type: o,
           pt: {
             template: {
               style: { height: 32 },
               className: "enum"
             }
           },
-          placeholder: c ? `Mixed ${g}` : `Select ${g}...`,
-          onCancelEdit: s,
+          placeholder: g ? `Mixed ${h}` : `Select ${h}...`,
+          onCancelEdit: c,
           align: "right",
-          isReadOnly: n,
-          ...p
+          isReadOnly: u,
+          enableCustomValues: t.enableCustomValues ?? !1,
+          search: t.enableSearch ?? !1,
+          sortBySelected: !p,
+          ...a
         }
       );
     }
-    case (t === "string" || t === "integer" || t === "float"):
+    case (o === "string" || o === "integer" || o === "float"):
     default:
-      return /* @__PURE__ */ m.jsx(A, { children: /* @__PURE__ */ m.jsx(
-        w,
+      return /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(
+        b,
         {
           value: r.toString(),
-          onCancelEdit: s,
-          type: t,
-          ...p
+          onCancelEdit: c,
+          type: o,
+          ...a
         }
       ) });
   }
 };
 export {
-  bo as default
+  Wo as default
 };
 //# sourceMappingURL=RenderFieldWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum?.length: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      return (\n        <FieldValueText>\n          <TextWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            type={type as 'string' | 'integer' | 'float'}\n            {...widgetCommonProps}\n          />\n        </FieldValueText>\n      )\n  }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","_a","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"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"}
+{"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      if (field.allowNone && !!valueArray.length && !isListType) {\n        // Check if current field has a value (for single value fields)\n        const hasCurrentValue = displayValue && displayValue !== ''\n        if (hasCurrentValue) {\n          enumOptions = [\n            { value: '', label: `No ${field.data.title || field.name}` },\n            ...enumOptions,\n          ]\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          enableCustomValues={field.enableCustomValues ?? false}\n          search={field.enableSearch ?? false}\n          sortBySelected={!enumOptions}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      return (\n        <FieldValueText>\n          <TextWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            type={type as 'string' | 'integer' | 'float'}\n            {...widgetCommonProps}\n          />\n        </FieldValueText>\n      )\n  }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/BorderedSection.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("styled-components"),o=require("clsx"),x=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),i=require("styled-components"),d=require("clsx"),f=i.div`
   border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: 8px;
   min-height: auto;
@@ -10,15 +10,14 @@
     cursor: pointer;
     background-color: var(--md-sys-color-surface-container-low-hover);
   }
-`,u=t.div`
+`,y=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px;
   min-height: 40px;
-  font-weight: 500;
   color: var(--md-sys-color-outline);
-`,p=t.div`
+`,v=i.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -44,5 +43,5 @@
   &:not(.with-header) {
     border-radius: 8px;
   }
-`,m=({title:r,children:n,headerContent:s,contentClassName:a,showHeader:i=!1,autoHeight:d=!1,enableHover:l=!1,withPadding:c=!1,onClick:h})=>e.jsxRuntimeExports.jsxs(x,{className:o({"enable-hover":l}),onClick:h,children:[i?e.jsxRuntimeExports.jsxs(u,{children:[e.jsxRuntimeExports.jsx("span",{children:r}),s]}):null,e.jsxRuntimeExports.jsx(p,{className:o(a,{"with-padding":c,"auto-height":d,"with-header":i}),children:n})]});exports.BorderedSection=m;
+`,b=({title:l,children:c,headerContent:h,showHeader:n=!1,autoHeight:x=!1,enableHover:u=!1,withPadding:p=!1,onClick:m,className:g,...e})=>{var o,r,s,a;return t.jsxRuntimeExports.jsxs(f,{className:d(g,{"enable-hover":u}),onClick:m,...e,children:[n?t.jsxRuntimeExports.jsxs(y,{...(o=e.pt)==null?void 0:o.header,children:[t.jsxRuntimeExports.jsx("span",{children:l}),h]}):null,t.jsxRuntimeExports.jsx(v,{...(r=e.pt)==null?void 0:r.content,className:d((a=(s=e.pt)==null?void 0:s.content)==null?void 0:a.className,{"with-padding":p,"auto-height":x,"with-header":n}),children:c})]})};exports.BorderedSection=b;
 //# sourceMappingURL=BorderedSection.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/BorderedSection.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderedSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  font-weight: 500;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  contentClassName?: string\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  onClick?: () => void\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  contentClassName,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n}) => {\n  return (\n    <StyledSection \n      className={clsx({ 'enable-hover': enableHover })} \n      onClick={onClick}\n    >\n      {showHeader ? (\n        <StyledHeader>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        className={clsx(contentClassName, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","contentClassName","showHeader","autoHeight","enableHover","withPadding","onClick","jsxs","clsx","jsx"],"mappings":"4LAIMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvBC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBE,EAAgBF,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,EAwChBG,EAAkD,CAAC,CAC9D,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,QAAAC,CACF,IAEIC,EAAA,kBAAA,KAACd,EAAA,CACC,UAAWe,EAAK,CAAE,eAAgBJ,EAAa,EAC/C,QAAAE,EAEC,SAAA,CAAAJ,2BACEP,EACC,CAAA,SAAA,CAAAc,EAAAA,kBAAAA,IAAC,QAAM,SAAMX,CAAA,CAAA,EACZE,CAAA,CAAA,CACH,EACE,KACJS,EAAA,kBAAA,IAACb,EAAA,CACC,UAAWY,EAAKP,EAAkB,CAChC,eAAgBI,EAChB,cAAeF,EACf,cAAeD,CAAA,CAChB,EAEA,SAAAH,CAAA,CAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"BorderedSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  pt?: {\n    header?: Partial<React.HTMLAttributes<HTMLDivElement>>\n    content?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n  className,\n  ...props\n}) => {\n  return (\n    <StyledSection\n      className={clsx(className, { 'enable-hover': enableHover })}\n      onClick={onClick}\n      {...props}\n    >\n      {showHeader ? (\n        <StyledHeader {...props.pt?.header}>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        {...props.pt?.content}\n        className={clsx(props.pt?.content?.className, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","showHeader","autoHeight","enableHover","withPadding","onClick","className","props","jsxs","clsx","_a","jsx","_b","_d","_c"],"mappings":"4LAIMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvBC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBE,EAAgBF,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,EA0ChBG,EAAkD,CAAC,CAC9D,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,aAEF,OAAAC,EAAA,kBAAA,KAACf,EAAA,CACC,UAAWgB,EAAKH,EAAW,CAAE,eAAgBH,EAAa,EAC1D,QAAAE,EACC,GAAGE,EAEH,SAAA,CAAAN,EACEO,EAAA,kBAAA,KAAAb,EAAA,CAAc,IAAGe,EAAAH,EAAM,KAAN,YAAAG,EAAU,OAC1B,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,QAAM,SAAMb,CAAA,CAAA,EACZE,CAAA,CAAA,CACH,EACE,KACJW,EAAA,kBAAA,IAACf,EAAA,CACE,IAAGgB,EAAAL,EAAM,KAAN,YAAAK,EAAU,QACd,UAAWH,GAAKI,GAAAC,EAAAP,EAAM,KAAN,YAAAO,EAAU,UAAV,YAAAD,EAAmB,UAAW,CAC5C,eAAgBT,EAChB,cAAeF,EACf,cAAeD,CAAA,CAChB,EAEA,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}