@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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 {\n  TextWidget,\n  MarkdownWidget,\n  BooleanWidget,\n  DateWidget,\n  EnumWidget,\n} from '@shared/containers/ProjectTreeTable/widgets'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useScopedTypes } from '@shared/hooks/useScopedTypes'\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  const isMidnightExclusive =\n    field.name === 'attrib.endDate' &&\n    entities.length > 0 &&\n    entities.every((entity) => entity.data?.schedulerSyncData?.allDay === true)\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          isMidnightExclusive={isMidnightExclusive}\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","isMidnightExclusive","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","item","status","t","MarkdownWidget","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 } from '@shared/hooks/useScopedStatuses'\nimport { useScopedTypes } from '@shared/hooks/useScopedTypes'\nimport { useAttributeEnumOptions } from '@shared/hooks/useAttributeEnumOptions'\nimport {\n  getEnumErrorText,\n  getEnumItemIcon,\n  hasEnumOptions,\n  toDropdownErrorText,\n} from '@shared/util/attributeEnum'\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  projectName?: 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  projectName,\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  // resolvers are project scoped; a multi project selection uses the first project\n  const enumProjectName = projectName || projectNames[0]\n  const {\n    options: attributeEnumOptions,\n    isLoading: isLoadingEnum,\n    isError: isEnumError,\n    errorMessage: enumErrorMessage,\n  } = useAttributeEnumOptions(field.data, { projectName: enumProjectName })\n  const enumError = isEnumError ? getEnumErrorText(enumErrorMessage) : undefined\n  const isMidnightExclusive =\n    field.name === 'attrib.endDate' &&\n    entities.length > 0 &&\n    entities.every((entity) => entity.data?.schedulerSyncData?.allDay === true)\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          isMidnightExclusive={isMidnightExclusive}\n        />\n      )\n\n    case hasEnumOptions(field.data): {\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[] = attributeEnumOptions.map((item) => ({\n        value: item.value,\n        label: item.label,\n        icon: getEnumItemIcon(item.icon),\n        color: item.color,\n        group: item.group,\n        hidden: item.hidden,\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          data-tooltip={enumError}\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={\n            enumError\n              ? `Could not load ${labelValue}`\n              : isMixed\n              ? `Mixed ${labelValue}`\n              : `Select ${labelValue}...`\n          }\n          error={toDropdownErrorText(enumError)}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          enableCustomValues={field.enableCustomValues}\n          isLoadingOptions={isLoadingEnum}\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","projectName","type","widget","widgetCommonProps","newValue","projectNames","entity","scopedStatuses","useScopedStatuses","scopedTypes","useScopedTypes","enumProjectName","attributeEnumOptions","isLoadingEnum","isEnumError","enumErrorMessage","useAttributeEnumOptions","enumError","getEnumErrorText","isMidnightExclusive","displayValue","labelValue","jsx","BooleanWidget","DateWidget","hasEnumOptions","isListType","valueArray","enumOptions","item","getEnumItemIcon","status","t","toDropdownErrorText","MarkdownWidget","TextWidget"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import b from "styled-components";
+import f from "styled-components";
 import "../../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import { DateWidget as W } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import { EnumWidget as k } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import { DateWidget as C } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import { EnumWidget as L } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import { TextWidget as N } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import { MarkdownWidget as T } from "../../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import { BooleanWidget as D } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import { TextWidget as M } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import { MarkdownWidget as O } from "../../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import { BooleanWidget as $ } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
@@ -30,6 +30,7 @@ import "../../../api/generated/configuration.es.js";
 import "../../../api/generated/dataImport.es.js";
 import "../../../api/generated/desktop.es.js";
 import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/enums.es.js";
 import "../../../api/generated/events.es.js";
 import "../../../api/generated/files.es.js";
 import "../../../api/generated/folders.es.js";
@@ -55,6 +56,8 @@ import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
+import "../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
@@ -85,6 +88,7 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/enums/getEnums.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
@@ -121,7 +125,9 @@ import "../../../context/UriContext.es.js";
 import "../../../context/DetailsPanelContextInstance.es.js";
 import "lodash";
 import "react-toastify";
+import { hasEnumOptions as B, getEnumItemIcon as F, toDropdownErrorText as I, getEnumErrorText as P } from "../../../util/attributeEnum.es.js";
 import "uuid";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 import "../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
@@ -144,7 +150,6 @@ import "../../../containers/Views/context/ViewsContextInstance.es.js";
 import "../../../context/DeleteEntitiesContext.es.js";
 import "../../LinksManager/CellEditingDialog.es.js";
 import "../../LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
 import "../../SearchFilter/filterDates.es.js";
 import "date-fns";
 import "../../../containers/ProjectTreeTable/utils/columnIds.es.js";
@@ -164,13 +169,16 @@ import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.e
 /* empty css                                                  */
 import "../../../containers/ContextMenu/ContextMenuContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../../containers/Slicer/components/SlicerDropdownFallback.es.js";
 import "../../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
 import "../../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import { useScopedStatuses as A } from "../../../hooks/useScopedStatuses.es.js";
-import { useScopedTypes as B } from "../../../hooks/useScopedTypes.es.js";
-const C = b.div`
+import { useScopedStatuses as R } from "../../../hooks/useScopedStatuses.es.js";
+import { useScopedTypes as q } from "../../../hooks/useScopedTypes.es.js";
+import { useAttributeEnumOptions as z } from "../../../hooks/useAttributeEnumOptions.es.js";
+const G = f.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -180,7 +188,7 @@ const C = b.div`
   input {
     text-align: left;
   }
-`, E = b(k)`
+`, H = f(L)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -190,53 +198,61 @@ const C = b.div`
   &:hover {
     background-color: unset;
   }
-`, Jr = ({
+`, ui = ({
   field: o,
-  value: c,
+  value: u,
   isEditing: w,
-  isReadOnly: d,
-  isMixed: h,
-  onChange: S,
-  onCancelEdit: s,
-  onExpand: v,
+  isReadOnly: x,
+  isMixed: E,
+  onChange: j,
+  onCancelEdit: l,
+  onExpand: b,
   entities: a = [],
-  entityType: y = "task"
+  entityType: y = "task",
+  projectName: S
 }) => {
-  const { type: i, widget: j } = o.data, n = {
-    isEditing: w && !d,
-    isReadOnly: d,
+  const { type: i, widget: N } = o.data, n = {
+    isEditing: w && !x,
+    isReadOnly: x,
     isInherited: !1,
-    onChange: (m) => S(o.name, m)
-  }, x = a.map((m) => m.projectName), u = A(x, [y]), g = B(x, y), V = o.name === "attrib.endDate" && a.length > 0 && a.every((m) => m.data?.schedulerSyncData?.allDay === !0);
-  let r = c ?? "";
-  const f = o.data.title || o.name;
+    onChange: (m) => j(o.name, m)
+  }, c = a.map((m) => m.projectName), d = R(c, [y]), g = q(c, y), T = S || c[0], {
+    options: V,
+    isLoading: W,
+    isError: k,
+    errorMessage: D
+  } = z(o.data, { projectName: T }), h = k ? P(D) : void 0, A = o.name === "attrib.endDate" && a.length > 0 && a.every((m) => m.data?.schedulerSyncData?.allDay === !0);
+  let r = u ?? "";
+  const v = o.data.title || o.name;
   switch (!0) {
     case i === "boolean":
-      return /* @__PURE__ */ e.jsx(D, { value: !!r, ...n, style: { margin: 0 } });
+      return /* @__PURE__ */ e.jsx($, { value: !!r, ...n, style: { margin: 0 } });
     case i === "datetime":
       return /* @__PURE__ */ e.jsx(
-        W,
+        C,
         {
           value: r,
           ...n,
           isEditing: !0,
-          onCancelEdit: s,
+          onCancelEdit: l,
           style: { width: "fit-content" },
           autoFocus: !1,
-          isMidnightExclusive: V
+          isMidnightExclusive: A
         }
       );
-    case !!o.data.enum: {
+    case B(o.data): {
       const m = i?.includes("list");
-      let l = [];
-      m ? l = Array.isArray(r) ? r : [] : h ? l = [] : l = [r];
-      let p = (o.data.enum || []).map((t) => ({
+      let s = [];
+      m ? s = Array.isArray(r) ? r : [] : E ? s = [] : s = [r];
+      let p = V.map((t) => ({
         value: t.value,
         label: t.label,
-        icon: typeof t.icon == "string" ? t.icon : void 0,
-        color: t.color
+        icon: F(t.icon),
+        color: t.color,
+        group: t.group,
+        hidden: t.hidden
       }));
-      return o.name === "status" && a.length > 0 && u && u.length > 0 && (p = u.map((t) => ({
+      return o.name === "status" && a.length > 0 && d && d.length > 0 && (p = d.map((t) => ({
         value: t.name,
         label: t.name,
         icon: t.icon,
@@ -246,13 +262,14 @@ const C = b.div`
         label: t.name,
         icon: t.icon,
         color: t.color
-      }))), o.allowNone && l.length && !m && r && r !== "" && (p = [
+      }))), o.allowNone && s.length && !m && r && r !== "" && (p = [
         { value: "", label: `No ${o.data.title || o.name}` },
         ...p
       ]), /* @__PURE__ */ e.jsx(
-        E,
+        H,
         {
-          value: l,
+          "data-tooltip": h,
+          value: s,
           options: p,
           type: i,
           pt: {
@@ -261,10 +278,12 @@ const C = b.div`
               className: "enum"
             }
           },
-          placeholder: h ? `Mixed ${f}` : `Select ${f}...`,
-          onCancelEdit: s,
+          placeholder: h ? `Could not load ${v}` : E ? `Mixed ${v}` : `Select ${v}...`,
+          error: I(h),
+          onCancelEdit: l,
           align: "right",
-          enableCustomValues: o.enableCustomValues ?? !1,
+          enableCustomValues: o.enableCustomValues,
+          isLoadingOptions: W,
           search: o.enableSearch ?? p.length >= 5,
           sortBySelected: !p,
           ...n
@@ -273,20 +292,20 @@ const C = b.div`
     }
     case (i === "string" || i === "integer" || i === "float"):
     default:
-      return j === "markdown" ? /* @__PURE__ */ e.jsx(
-        T,
+      return N === "markdown" ? /* @__PURE__ */ e.jsx(
+        O,
         {
           value: r.toString(),
-          onCancelEdit: s,
-          onExpand: v,
-          showExpand: !!v,
+          onCancelEdit: l,
+          onExpand: b,
+          showExpand: !!b,
           ...n
         }
-      ) : /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(
-        N,
+      ) : /* @__PURE__ */ e.jsx(G, { children: /* @__PURE__ */ e.jsx(
+        M,
         {
           value: r.toString(),
-          onCancelEdit: s,
+          onCancelEdit: l,
           type: i,
           ...n
         }
@@ -294,6 +313,6 @@ const C = b.div`
   }
 };
 export {
-  Jr as default
+  ui 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 {\n  TextWidget,\n  MarkdownWidget,\n  BooleanWidget,\n  DateWidget,\n  EnumWidget,\n} from '@shared/containers/ProjectTreeTable/widgets'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useScopedTypes } from '@shared/hooks/useScopedTypes'\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  const isMidnightExclusive =\n    field.name === 'attrib.endDate' &&\n    entities.length > 0 &&\n    entities.every((entity) => entity.data?.schedulerSyncData?.allDay === true)\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          isMidnightExclusive={isMidnightExclusive}\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","isMidnightExclusive","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","item","status","MarkdownWidget","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 {\n  TextWidget,\n  MarkdownWidget,\n  BooleanWidget,\n  DateWidget,\n  EnumWidget,\n} from '@shared/containers/ProjectTreeTable/widgets'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useScopedTypes } from '@shared/hooks/useScopedTypes'\nimport { useAttributeEnumOptions } from '@shared/hooks/useAttributeEnumOptions'\nimport {\n  getEnumErrorText,\n  getEnumItemIcon,\n  hasEnumOptions,\n  toDropdownErrorText,\n} from '@shared/util/attributeEnum'\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  projectName?: 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  projectName,\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  // resolvers are project scoped; a multi project selection uses the first project\n  const enumProjectName = projectName || projectNames[0]\n  const {\n    options: attributeEnumOptions,\n    isLoading: isLoadingEnum,\n    isError: isEnumError,\n    errorMessage: enumErrorMessage,\n  } = useAttributeEnumOptions(field.data, { projectName: enumProjectName })\n  const enumError = isEnumError ? getEnumErrorText(enumErrorMessage) : undefined\n  const isMidnightExclusive =\n    field.name === 'attrib.endDate' &&\n    entities.length > 0 &&\n    entities.every((entity) => entity.data?.schedulerSyncData?.allDay === true)\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          isMidnightExclusive={isMidnightExclusive}\n        />\n      )\n\n    case hasEnumOptions(field.data): {\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[] = attributeEnumOptions.map((item) => ({\n        value: item.value,\n        label: item.label,\n        icon: getEnumItemIcon(item.icon),\n        color: item.color,\n        group: item.group,\n        hidden: item.hidden,\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          data-tooltip={enumError}\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={\n            enumError\n              ? `Could not load ${labelValue}`\n              : isMixed\n              ? `Mixed ${labelValue}`\n              : `Select ${labelValue}...`\n          }\n          error={toDropdownErrorText(enumError)}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          enableCustomValues={field.enableCustomValues}\n          isLoadingOptions={isLoadingEnum}\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","projectName","type","widget","widgetCommonProps","newValue","projectNames","entity","scopedStatuses","useScopedStatuses","scopedTypes","useScopedTypes","enumProjectName","attributeEnumOptions","isLoadingEnum","isEnumError","enumErrorMessage","useAttributeEnumOptions","enumError","getEnumErrorText","isMidnightExclusive","displayValue","labelValue","jsx","BooleanWidget","DateWidget","hasEnumOptions","isListType","valueArray","enumOptions","item","getEnumItemIcon","status","toDropdownErrorText","MarkdownWidget","TextWidget"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),p=require("@ynput/ayon-react-components"),w=require("react-quill-ayon"),B=require("clsx"),m=require("./BorderedSection.cjs.js"),H=require("../QuillListStyles/QuillListStyles.cjs.js"),t=require("./DescriptionSection.styles.cjs.js"),Q=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),M=require("./hooks/useDescriptionEditor.cjs.js");require("./hooks/useMentionSystem.cjs.js");const O=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");const F=require("../../util/mentionTypeOptions.cjs.js");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");const L=({imageUploader:u,disableImageUpload:s=!1})=>{const n=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return s||n.push(["image"]),{toolbar:n,imageUploader:u,magicUrl:!0}},T=({description:u,isLarge:s=!0,isMixed:n,enableEditing:j,initialEdit:c,onChange:h,onCancel:f,isLoading:E})=>{const q=o.useRef(null),[a,d]=o.useState("");o.useEffect(()=>{if(!u?.trim()){d("");return}if(!q.current)return;const i=q.current.innerHTML;d(i)},[u]);const{isEditing:e,editorValue:y,setEditorValue:S,editorRef:R,handleStartEditing:l,handleSave:g,handleCancel:k,handleKeyDown:C}=M.useDescriptionEditor({descriptionHtml:a,enableEditing:j,isMixed:n,onChange:h});o.useEffect(()=>{c&&!e&&l()},[c]);const b=O.useQuillFormats();if(E)return r.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Description",children:r.jsxRuntimeExports.jsx(t.StyledLoadingSkeleton,{})});const v=i=>{if(e)return;if(i.target.closest("a")){i.stopPropagation();return}e||l()},x=()=>{k(),f?.()},D=e?y:a;return r.jsxRuntimeExports.jsxs(m.BorderedSection,{title:"Description",showHeader:!e,enableHover:!e,onClick:e?void 0:l,description:s,children:[r.jsxRuntimeExports.jsxs(t.StyledContent,{className:B({editing:e}),onClick:v,children:[r.jsxRuntimeExports.jsx(t.StyledEditor,{className:"block-shortcuts",children:r.jsxRuntimeExports.jsx(H.QuillListStyles,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(t.StyledQuillContainer,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(w,{theme:"snow",ref:R,value:D,onChange:S,placeholder:"Add a description...",modules:e?L({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:b,onKeyDown:i=>{i.key==="Escape"?x():C(i)},readOnly:!e},`description-editor-${e}`)})})}),e&&r.jsxRuntimeExports.jsx(t.StyledFooter,{children:r.jsxRuntimeExports.jsxs(t.StyledButtonContainer,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"text",label:"Cancel",onClick:x}),r.jsxRuntimeExports.jsx(p.Button,{variant:"filled",label:"Save",onClick:g})]})})]}),r.jsxRuntimeExports.jsx(t.StyledHiddenMarkdown,{ref:q,children:r.jsxRuntimeExports.jsx(Q.default,{typeOptions:F.mentionTypeOptions,initValue:u||""})})]})};exports.DescriptionSection=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),o=require("@ynput/ayon-react-components"),D=require("react-quill-ayon"),w=require("clsx"),H=require("../QuillListStyles/QuillListStyles.cjs.js"),u=require("./DescriptionSection.styles.cjs.js"),Q=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),B=require("./hooks/useDescriptionEditor.cjs.js");require("./hooks/useMentionSystem.cjs.js");const M=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");const O=require("../../util/mentionTypeOptions.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");const F=({imageUploader:t,disableImageUpload:q=!1})=>{const n=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return q||n.push(["image"]),{toolbar:n,imageUploader:t,magicUrl:!0}},L=({description:t,isLarge:q=!0,isMixed:n,enableEditing:m,initialEdit:a,onChange:j,onCancel:h,isLoading:f})=>{const l=s.useRef(null),[d,x]=s.useState("");s.useEffect(()=>{if(!t?.trim()){x("");return}if(!l.current)return;const i=l.current.innerHTML;x(i)},[t]);const{isEditing:e,editorValue:E,setEditorValue:y,editorRef:R,handleStartEditing:c,handleSave:S,handleCancel:g,handleKeyDown:k}=B.useDescriptionEditor({descriptionHtml:d,enableEditing:m,isMixed:n,onChange:j});s.useEffect(()=>{a&&!e&&c()},[a]);const C=M.useQuillFormats();if(f)return r.jsxRuntimeExports.jsx(o.BorderedSection,{title:"Description",children:r.jsxRuntimeExports.jsx(u.StyledLoadingSkeleton,{})});const b=i=>{if(e)return;if(i.target.closest("a")){i.stopPropagation();return}e||c()},p=()=>{g(),h?.()},v=e?E:d;return r.jsxRuntimeExports.jsxs(o.BorderedSection,{title:"Description",showHeader:!e,enableHover:!e,onClick:e?void 0:c,description:q,children:[r.jsxRuntimeExports.jsxs(u.StyledContent,{className:w({editing:e}),onClick:b,children:[r.jsxRuntimeExports.jsx(u.StyledEditor,{className:"block-shortcuts",children:r.jsxRuntimeExports.jsx(H.QuillListStyles,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(u.StyledQuillContainer,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(D,{theme:"snow",ref:R,value:v,onChange:y,placeholder:"Add a description...",modules:e?F({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:C,onKeyDown:i=>{i.key==="Escape"?p():k(i)},readOnly:!e},`description-editor-${e}`)})})}),e&&r.jsxRuntimeExports.jsx(u.StyledFooter,{children:r.jsxRuntimeExports.jsxs(u.StyledButtonContainer,{children:[r.jsxRuntimeExports.jsx(o.Button,{variant:"text",label:"Cancel",onClick:p}),r.jsxRuntimeExports.jsx(o.Button,{variant:"filled",label:"Save",onClick:S})]})})]}),r.jsxRuntimeExports.jsx(u.StyledHiddenMarkdown,{ref:l,children:r.jsxRuntimeExports.jsx(Q.default,{typeOptions:O.mentionTypeOptions,initValue:t||""})})]})};exports.DescriptionSection=L;
 //# sourceMappingURL=DescriptionSection.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}
+{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js

@@ -1,9 +1,8 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import { useRef as H, useState as R, useEffect as c } from "react";
-import { Button as u } from "@ynput/ayon-react-components";
+import { BorderedSection as u, Button as f } from "@ynput/ayon-react-components";
 import M from "react-quill-ayon";
 import Q from "clsx";
-import { BorderedSection as f } from "./BorderedSection.es.js";
 import { QuillListStyles as V } from "../QuillListStyles/QuillListStyles.es.js";
 import { StyledLoadingSkeleton as B, StyledContent as F, StyledEditor as L, StyledQuillContainer as O, StyledFooter as U, StyledButtonContainer as I, StyledHiddenMarkdown as K } from "./DescriptionSection.styles.es.js";
 import N from "../../containers/Feed/components/CommentInput/InputMarkdownConvert.es.js";
@@ -15,6 +14,7 @@ import "react-toastify";
 import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
 import { mentionTypeOptions as A } from "../../util/mentionTypeOptions.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -31,6 +31,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -56,6 +57,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -86,6 +89,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -132,7 +136,7 @@ const P = ({
     imageUploader: r,
     magicUrl: !0
   };
-}, ei = ({
+}, ai = ({
   description: r,
   isLarge: p = !0,
   isMixed: m,
@@ -172,7 +176,7 @@ const P = ({
   }, [l]);
   const D = q();
   if (j)
-    return /* @__PURE__ */ o.jsx(f, { title: "Description", children: /* @__PURE__ */ o.jsx(B, {}) });
+    return /* @__PURE__ */ o.jsx(u, { title: "Description", children: /* @__PURE__ */ o.jsx(B, {}) });
   const E = (i) => {
     if (t)
       return;
@@ -185,7 +189,7 @@ const P = ({
     b(), g?.();
   }, w = t ? y : s;
   return /* @__PURE__ */ o.jsxs(
-    f,
+    u,
     {
       title: "Description",
       showHeader: !t,
@@ -212,8 +216,8 @@ const P = ({
             `description-editor-${t}`
           ) }) }) }),
           t && /* @__PURE__ */ o.jsx(U, { children: /* @__PURE__ */ o.jsxs(I, { children: [
-            /* @__PURE__ */ o.jsx(u, { variant: "text", label: "Cancel", onClick: d }),
-            /* @__PURE__ */ o.jsx(u, { variant: "filled", label: "Save", onClick: C })
+            /* @__PURE__ */ o.jsx(f, { variant: "text", label: "Cancel", onClick: d }),
+            /* @__PURE__ */ o.jsx(f, { variant: "filled", label: "Save", onClick: C })
           ] }) })
         ] }),
         /* @__PURE__ */ o.jsx(K, { ref: e, children: /* @__PURE__ */ o.jsx(N, { typeOptions: A, initValue: r || "" }) })
@@ -222,6 +226,6 @@ const P = ({
   );
 };
 export {
-  ei as DescriptionSection
+  ai as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,eAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAGM;AACJ,QAAMC,IAAU;AAAA,IACd,CAAC,EAAE,QAAQ,EAAA,GAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,UAAA,GAAa,EAAE,MAAM,UAAU;AAAA;AAAA,EAAA;AAG1C,SAAKD,KACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,GAGjB;AAAA,IACL,SAAAA;AAAA,IACA,eAAAF;AAAA,IACA,UAAU;AAAA,EAAA;AAEd,GAaaG,KAAwD,CAAC;AAAA,EACpE,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAcC,EAAuB,IAAI,GACzC,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,EAAAC,EAAU,MAAM;AACd,QAAI,CAACb,GAAa,QAAQ;AACxB,MAAAW,EAAmB,EAAE;AACrB;AAAA,IACF;AAEA,QAAI,CAACH,EAAY,QAAS;AAE1B,UAAMM,IAAON,EAAY,QAAQ;AACjC,IAAAG,EAAmBG,CAAI;AAAA,EACzB,GAAG,CAACd,CAAW,CAAC;AAGhB,QAAM;AAAA,IACJ,WAAAe;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAqB;AAAA,IACvB,iBAAAb;AAAA,IACA,eAAAP;AAAA,IACA,SAAAD;AAAA,IACA,UAAAG;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIT,KAAe,CAACW,KAClBI,EAAA;AAAA,EAEJ,GAAG,CAACf,CAAW,CAAC;AAEhB,QAAMoB,IAAqBC,EAAA;AAE3B,MAAIlB;AACF,iCACGmB,GAAA,EAAgB,OAAM,eACrB,UAAAC,gBAAAA,MAACC,KAAsB,GACzB;AAKJ,QAAMC,IAAqB,CAACC,MAAwB;AAElD,QAAIf;AACF;AAOF,QAHee,EAAE,OACG,QAAQ,GAAG,GAErB;AAER,MAAAA,EAAE,gBAAA;AACF;AAAA,IACF;AAGA,IAAKf,KACHI,EAAA;AAAA,EAEJ,GAEMY,IAAmB,MAAM;AAC7B,IAAAV,EAAA,GACAf,IAAA;AAAA,EACF,GAEM0B,IAAajB,IAAYC,IAAcN;AAE7C,SACEuB,gBAAAA,EAAAA;AAAAA,IAACP;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAY,CAACX;AAAA,MACb,aAAa,CAACA;AAAA,MACd,SAAUA,IAAiC,SAArBI;AAAA,MACtB,aAAalB;AAAA,MAEb,UAAA;AAAA,QAAAgC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,WAAWC,EAAK,EAAE,SAASpB,GAAW,GAAG,SAASc,GAC/D,UAAA;AAAA,UAAAF,gBAAAA,EAAAA,IAACS,GAAA,EAAa,WAAU,mBACtB,UAAAT,gBAAAA,MAACU,KAAgB,OAAOtB,IAAY,EAAE,QAAQ,WAAW,QACvD,UAAAY,gBAAAA,MAACW,KAAqB,OAAOvB,IAAY,EAAE,QAAQ,OAAA,IAAW,QAC5D,UAAAY,gBAAAA,EAAAA;AAAAA,YAACY;AAAA,YAAA;AAAA,cAEC,OAAM;AAAA,cACN,KAAKrB;AAAA,cACL,OAAOc;AAAA,cACP,UAAUf;AAAA,cACV,aAAY;AAAA,cACZ,SACEF,IACIpB,EAAsB,EAAE,eAAe,MAAM,oBAAoB,GAAA,CAAM,IACvE,EAAE,SAAS,GAAA;AAAA,cAEjB,SAAS6B;AAAA,cACT,WAAW,CAACM,MAAM;AAChB,gBAAIA,EAAE,QAAQ,WACZC,EAAA,IAEAT,EAAcQ,CAAC;AAAA,cAEnB;AAAA,cACA,UAAU,CAACf;AAAA,YAAA;AAAA,YAnBN,sBAAsBA,CAAS;AAAA,UAAA,EAoBtC,CACF,GACF,GACF;AAAA,UACCA,KACCY,gBAAAA,EAAAA,IAACa,GAAA,EACC,UAAAP,gBAAAA,OAACQ,GAAA,EACC,UAAA;AAAA,YAAAd,gBAAAA,MAACe,KAAO,SAAQ,QAAO,OAAM,UAAS,SAASX,GAAkB;AAAA,kCAChEW,GAAA,EAAO,SAAQ,UAAS,OAAM,QAAO,SAAStB,EAAA,CAAY;AAAA,UAAA,EAAA,CAC7D,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACAO,gBAAAA,EAAAA,IAACgB,GAAA,EAAqB,KAAKnC,GACzB,UAAAmB,gBAAAA,EAAAA,IAACiB,GAAA,EAAqB,aAAaC,GAAoB,WAAW7C,KAAe,GAAA,CAAI,EAAA,CACvF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button, BorderedSection } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}