@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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

@@ -1,40 +1,51 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+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 "uuid";
 import "../../util/pubsub.es.js";
-import { useState as E, useMemo as D, useEffect as F } from "react";
-import c from "styled-components";
-import R from "clsx";
+import { useState as F, useMemo as D, useEffect as R } from "react";
+import a from "styled-components";
+import p from "clsx";
 import { Button as S } from "@ynput/ayon-react-components";
-import A from "./components/RenderFieldWidget.es.js";
-import { BorderedSection as p } from "../DetailsPanelDetails/BorderedSection.es.js";
-import { FieldLabel as P } from "../DetailsPanelDetails/FieldLabel.es.js";
-const m = c.div`
+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";
+const u = a.div`
   display: grid;
-  grid-template-columns: minmax(150px, 1fr) 1fr 32px;
+  grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) 32px;
   row-gap: 2px;
   column-gap: 4px;
+  overflow: hidden;
   align-items: center;
   min-height: 32px;
   position: relative;
 
-  .copy-icon {
+  .field-tools {
     opacity: 0;
-    width: 32px;
-    height: 32px;
-    padding: 2px;
-
-    &:hover {
-      background-color: transparent !important;
-    }
   }
 
-  &:hover .copy-icon {
+  &:hover .field-tools {
     opacity: 1;
   }
-`, T = c.div`
+
+  &.multi-line {
+    align-items: start;
+    .field-value {
+      height: auto;
+      min-height: 32px;
+      max-height: 112px;
+      padding-top: 0;
+      padding-bottom: 0;
+      display: block;
+      overflow: visible;
+    }
+    .field-label {
+      /* move down to make it feel more centered */
+      margin-top: 6px;
+    }
+  }
+`, A = a.div`
   height: 32px;
   overflow: hidden;
   width: 100%;
@@ -70,7 +81,17 @@ const m = c.div`
   &.readonly {
     pointer-events: none;
   }
-`, H = c(m)`
+`, P = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-small);
+
+  .tool {
+    width: 32px;
+    height: 32px;
+    padding: 2px;
+  }
+`, H = a(u)`
   &.loading {
     width: 100%;
     height: 33px;
@@ -78,89 +99,109 @@ const m = c.div`
     border-radius: 4px;
     margin-bottom: 4px;
   }
-`, U = ({
+`, X = ({
   title: V,
-  isLoading: u,
-  form: g,
-  fields: i,
-  enableEditing: a,
+  isLoading: g,
+  form: x,
+  fields: l,
+  enableEditing: r,
   mixedFields: h,
-  onChange: x,
+  onChange: f,
   entities: s = [],
   entityType: y = "task"
 }) => {
-  const [f, r] = E(null), v = D(
+  const [v, n] = F(null), w = D(
     () => s.map((t) => t?.id).join("|"),
     [s]
   );
-  F(() => {
-    r(null);
-  }, [v]);
-  const j = (t) => {
-    a && !i.find((o) => o.name === t)?.readonly ? r(t) : console.log("Editing not allowed:", {
-      enableEditing: a,
-      fieldReadonly: i.find((o) => o.name === t)?.readonly
+  R(() => {
+    n(null);
+  }, [w]);
+  const b = (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
     });
-  }, w = (t, o) => {
-    r(null), x?.(t, o);
-  }, b = () => {
-    r(null);
+  }, j = (t, e) => {
+    n(null), f?.(t, e);
+  }, k = () => {
+    n(null);
   };
-  return u ? /* @__PURE__ */ e.jsx(p, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, o) => /* @__PURE__ */ e.jsxs(H, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: "loading" }),
-    /* @__PURE__ */ e.jsx("div", { className: "loading" })
-  ] }, o)) }) : /* @__PURE__ */ e.jsx(
-    p,
+  return g ? /* @__PURE__ */ o.jsx(c, { title: "Attributes", withPadding: !0, children: Array.from({ length: 10 }).map((t, e) => /* @__PURE__ */ o.jsxs(H, { children: [
+    /* @__PURE__ */ o.jsx("div", { className: "loading" }),
+    /* @__PURE__ */ o.jsx("div", { className: "loading" })
+  ] }, e)) }) : /* @__PURE__ */ o.jsx(
+    c,
     {
       title: "Attributes",
       autoHeight: !0,
       showHeader: !0,
       withPadding: !0,
       pt: { content: { style: { minHeight: "unset" } } },
-      children: i.filter((t) => !t.hidden).map((t) => {
-        const o = g[t.name], l = f === t.name, d = t.readonly || !a, k = h?.includes(t.name) || !1;
-        return /* @__PURE__ */ e.jsxs(m, { children: [
-          /* @__PURE__ */ e.jsx(P, { name: t.name, data: t.data, showDetailedTooltip: !0 }),
-          /* @__PURE__ */ e.jsx(
-            T,
-            {
-              className: R({ editing: l, readonly: d }),
-              onClick: (n) => {
-                n.target.closest("a") || (n.preventDefault(), !l && !d && t.data.type !== "boolean" && j(t.name));
-              },
-              children: /* @__PURE__ */ e.jsx(
+      children: l.filter((t) => !t.hidden).map((t) => {
+        const e = x[t.name], d = v === t.name, m = t.readonly || !r, E = 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,
+                {
+                  name: t.name,
+                  data: t.data,
+                  showDetailedTooltip: !0,
+                  className: "field-label"
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
                 A,
                 {
-                  field: t,
-                  value: o,
-                  isEditing: l,
-                  isReadOnly: d,
-                  isMixed: k,
-                  onChange: w,
-                  onCancelEdit: b,
-                  entities: s,
-                  entityType: y
+                  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));
+                  },
+                  children: /* @__PURE__ */ o.jsx(
+                    N,
+                    {
+                      field: t,
+                      value: e,
+                      isEditing: d,
+                      isReadOnly: m,
+                      isMixed: E,
+                      onChange: j,
+                      onCancelEdit: k,
+                      onExpand: () => {
+                      },
+                      entities: s,
+                      entityType: y
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ o.jsx(P, { className: "field-tools", children: /* @__PURE__ */ o.jsx(
+                S,
+                {
+                  className: "tool",
+                  variant: "text",
+                  icon: "content_copy",
+                  onClick: (i) => {
+                    i.preventDefault(), i.stopPropagation(), C((e ?? "").toString(), !0);
+                  }
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            S,
-            {
-              className: "copy-icon",
-              variant: "text",
-              icon: "content_copy",
-              onClick: (n) => {
-                n.preventDefault(), n.stopPropagation(), C((o ?? "").toString(), !0);
-              }
-            }
-          )
-        ] }, t.name);
+              ) })
+            ]
+          },
+          t.name
+        );
       })
     }
   );
 };
 export {
-  U as DetailsPanelAttributesEditor
+  X 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(150px, 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                  // 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                  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","field","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","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 { 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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"}

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

@@ -1,4 +1,4 @@
-"use strict";const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("styled-components"),S=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),W=require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js"),w=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),E=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 T=require("../../../hooks/useScopedStatuses.cjs.js"),V=require("../../../hooks/useScopedTypes.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/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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.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("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");const N=j.div`
+"use strict";const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),w=require("styled-components");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");const W=require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js"),E=require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");const k=require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js"),R=require("../../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js"),T=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/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("clsx");require("../../AttributeEditor/AttributeEditor.cjs.js");require("../../AttributeEditor/attributeTypeMap.cjs.js");require("../../Badge/Badge.cjs.js");require("../../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../DateRangePicker/DateRangePicker.styled.cjs.js");require("../../LinksManager/CellEditingDialog.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/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/updateActivities.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/cloud/cloud.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/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/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/links/getEntityLinks.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/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("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../DetailsPanelDetails/BorderedSection.cjs.js");require("../../QuillListStyles/QuillListStyles.cjs.js");require("../../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const V=require("../../../hooks/useScopedStatuses.cjs.js"),f=require("../../../hooks/useScopedTypes.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../DoneCheckbox/DoneCheckbox.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../containers/Slicer/components/Slicer.cjs.js");require("../../../containers/Slicer/context/SlicerContext.cjs.js");require("../../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/ListTable/ListTableRow.cjs.js");require("../../../containers/ListTable/ListTable.styled.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Feedback/FeedbackContextInstance.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/FreeTrialLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../VersionUploader/components/UploadVersionDialog.cjs.js");require("../../VersionUploader/context/VersionUploadContext.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../Menu/Menu.styled.cjs.js");require("../../Menu/MenuItem.cjs.js");require("../../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../ColumnHeaderMenuUI.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const N=w.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -8,7 +8,7 @@
   input {
     text-align: left;
   }
-`,R=j(E.EnumWidget)`
+`,B=w(E.EnumWidget)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -18,5 +18,5 @@
   &:hover {
     background-color: unset;
   }
-`,f=({field:r,value:a,isEditing:y,isReadOnly:l,isMixed:d,onChange:b,onCancelEdit:c,entities:g=[],entityType:h="task"})=>{const{type:u}=r.data,n={isEditing:y&&!l,isInherited:!1,onChange:t=>b(r.name,t)},x=g.map(t=>t.projectName),p=T.useScopedStatuses(x,[h]),m=V.useScopedTypes(x,h);let i=a??"";const v=r.data.title||r.name;switch(!0){case u==="boolean":return s.jsxRuntimeExports.jsx(W.BooleanWidget,{value:!!i,...n,style:{margin:0},isReadOnly:l});case u==="datetime":return s.jsxRuntimeExports.jsx(w.DateWidget,{value:i,...n,isEditing:!0,onCancelEdit:c,style:{width:"fit-content"},autoFocus:!1});case!!r.data.enum:{const t=u?.includes("list");let o=[];t?o=Array.isArray(i)?i:[]:d?o=[]:o=[i];let q=(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"&&g.length>0&&p&&p.length>0&&(q=p.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.name==="taskType"&&g.length>0&&m&&m.length>0&&(q=m.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.allowNone&&o.length&&!t&&i&&i!==""&&(q=[{value:"",label:`No ${r.data.title||r.name}`},...q]),s.jsxRuntimeExports.jsx(R,{value:o,options:q,type:u,pt:{template:{style:{height:32},className:"enum"}},placeholder:d?`Mixed ${v}`:`Select ${v}...`,onCancelEdit:c,align:"right",isReadOnly:l,enableCustomValues:r.enableCustomValues??!1,search:r.enableSearch??q.length>=5,sortBySelected:!q,...n})}case(u==="string"||u==="integer"||u==="float"):default:return s.jsxRuntimeExports.jsx(N,{children:s.jsxRuntimeExports.jsx(S.TextWidget,{value:i.toString(),onCancelEdit:c,type:u,...n})})}};module.exports=f;
+`,A=({field:r,value:l,isEditing:y,isReadOnly:p,isMixed:m,onChange:S,onCancelEdit:a,onExpand:h,entities:c=[],entityType:x="task"})=>{const{type:u,widget:b}=r.data,s={isEditing:y&&!p,isReadOnly:p,isInherited:!1,onChange:t=>S(r.name,t)},v=c.map(t=>t.projectName),g=V.useScopedStatuses(v,[x]),d=f.useScopedTypes(v,x);let i=l??"";const j=r.data.title||r.name;switch(!0){case u==="boolean":return o.jsxRuntimeExports.jsx(T.BooleanWidget,{value:!!i,...s,style:{margin:0}});case u==="datetime":return o.jsxRuntimeExports.jsx(W.DateWidget,{value:i,...s,isEditing:!0,onCancelEdit:a,style:{width:"fit-content"},autoFocus:!1});case!!r.data.enum:{const t=u?.includes("list");let n=[];t?n=Array.isArray(i)?i:[]:m?n=[]:n=[i];let q=(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"&&c.length>0&&g&&g.length>0&&(q=g.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.name==="taskType"&&c.length>0&&d&&d.length>0&&(q=d.map(e=>({value:e.name,label:e.name,icon:e.icon,color:e.color}))),r.allowNone&&n.length&&!t&&i&&i!==""&&(q=[{value:"",label:`No ${r.data.title||r.name}`},...q]),o.jsxRuntimeExports.jsx(B,{value:n,options:q,type:u,pt:{template:{style:{height:32},className:"enum"}},placeholder:m?`Mixed ${j}`:`Select ${j}...`,onCancelEdit:a,align:"right",enableCustomValues:r.enableCustomValues??!1,search:r.enableSearch??q.length>=5,sortBySelected:!q,...s})}case(u==="string"||u==="integer"||u==="float"):default:return b==="markdown"?o.jsxRuntimeExports.jsx(R.MarkdownWidget,{value:i.toString(),onCancelEdit:a,onExpand:h,showExpand:!!h,...s}):o.jsxRuntimeExports.jsx(N,{children:o.jsxRuntimeExports.jsx(k.TextWidget,{value:i.toString(),onCancelEdit:a,type:u,...s})})}};module.exports=A;
 //# 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 type { AttributeEnumItem } from '@shared/containers/ProjectTreeTable/types'\nimport { useScopedStatuses, useScopedTypes } 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  // Hooks must be called at top level - not inside conditions\n  const projectNames = entities.map((entity) => entity.projectName)\n  const scopedStatuses = useScopedStatuses(projectNames, [entityType])\n  const scopedTypes = useScopedTypes(projectNames, entityType)\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/types based on field name\n      let enumOptions: AttributeEnumItem[] = (field.data.enum || []).map((item) => ({\n        value: item.value,\n        label: item.label,\n        icon: typeof item.icon === 'string' ? item.icon : undefined,\n        color: item.color,\n      }))\n      if (field.name === 'status' && entities.length > 0 && 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      if (field.name === 'taskType' && entities.length > 0 && scopedTypes && scopedTypes.length > 0) {\n        enumOptions = scopedTypes.map((t) => ({\n          value: t.name,\n          label: t.name,\n          icon: t.icon,\n          color: t.color,\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 ?? enumOptions.length>=5}\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","projectNames","entity","scopedStatuses","useScopedStatuses","scopedTypes","useScopedTypes","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","item","status","t","TextWidget"],"mappings":"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"}
+{"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 {\n  TextWidget,\n  MarkdownWidget,\n  BooleanWidget,\n  DateWidget,\n  EnumWidget,\n} from '@shared/containers/ProjectTreeTable/widgets'\nimport { useScopedStatuses, useScopedTypes } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData, EnumItem } 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  onExpand?: () => 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  onExpand,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type, widget } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isReadOnly: isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Hooks must be called at top level - not inside conditions\n  const projectNames = entities.map((entity) => entity.projectName)\n  const scopedStatuses = useScopedStatuses(projectNames, [entityType])\n  const scopedTypes = useScopedTypes(projectNames, entityType)\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 value={Boolean(displayValue)} {...widgetCommonProps} style={{ margin: 0 }} />\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/types based on field name\n      let enumOptions: EnumItem[] = (field.data.enum || []).map((item) => ({\n        value: item.value,\n        label: item.label,\n        icon: typeof item.icon === 'string' ? item.icon : undefined,\n        color: item.color,\n      }))\n      if (\n        field.name === 'status' &&\n        entities.length > 0 &&\n        scopedStatuses &&\n        scopedStatuses.length > 0\n      ) {\n        enumOptions = scopedStatuses.map((status) => ({\n          value: status.name,\n          label: status.name,\n          icon: status.icon,\n          color: status.color,\n        }))\n      }\n      if (\n        field.name === 'taskType' &&\n        entities.length > 0 &&\n        scopedTypes &&\n        scopedTypes.length > 0\n      ) {\n        enumOptions = scopedTypes.map((t) => ({\n          value: t.name,\n          label: t.name,\n          icon: t.icon,\n          color: t.color,\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          enableCustomValues={field.enableCustomValues ?? false}\n          search={field.enableSearch ?? enumOptions.length >= 5}\n          sortBySelected={!enumOptions}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      if (widget === 'markdown') {\n        return (\n          <MarkdownWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            onExpand={onExpand}\n            showExpand={!!onExpand}\n            {...widgetCommonProps}\n          />\n        )\n      } else {\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}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","onExpand","entities","entityType","type","widget","widgetCommonProps","newValue","projectNames","entity","scopedStatuses","useScopedStatuses","scopedTypes","useScopedTypes","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","item","status","t","MarkdownWidget","TextWidget"],"mappings":"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"}