@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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

@@ -1,10 +1,107 @@
-import { j as s } from "../../../../../_virtual/jsx-runtime.es.js";
-import h from "styled-components";
-import { TextWidget as x } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import { BooleanWidget as v } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import { DateWidget as y } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import { EnumWidget as f } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-const w = h.div`
+import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
+import x from "styled-components";
+import { TextWidget as w } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import { BooleanWidget as S } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import { DateWidget as W } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import { EnumWidget as b } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "react";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import { useScopedStatuses as k } from "../../../hooks/useScopedStatuses.es.js";
+import "react-toastify";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+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/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../context/DetailsPanelContext.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/PowerpackContext.es.js";
+import "../../../context/MoveEntityContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "lodash";
+const A = x.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -12,10 +109,11 @@ const w = h.div`
   text-align: right;
 
   input {
-    text-align: right;
+    text-align: left;
   }
-`, b = h(f)`
-  .enum {
+`, E = x(b)`
+  .enum,
+  .edit-trigger {
     &:hover {
       background-color: unset;
     }
@@ -23,90 +121,99 @@ const w = h.div`
   &:hover {
     background-color: unset;
   }
-`, k = ({
-  field: e,
-  value: i,
-  isEditing: p,
-  isReadOnly: u,
+`, bo = ({
+  field: o,
+  value: a,
+  isEditing: v,
+  isReadOnly: n,
   isMixed: c,
-  onChange: g,
-  onCancelEdit: m
+  onChange: y,
+  onCancelEdit: s,
+  entities: d = [],
+  entityType: j = "task"
 }) => {
-  const { type: a } = e.data, r = {
-    isEditing: p && !u,
+  var h;
+  const { type: t } = o.data, p = {
+    isEditing: v && !n,
     isInherited: !1,
-    onChange: (n) => g(e.name, n)
+    onChange: (l) => y(o.name, l)
   };
-  let t = i ?? "";
-  const d = e.data.title || e.name;
+  let r = a ?? "";
+  const g = o.data.title || o.name;
   switch (!0) {
-    case a === "boolean":
-      return /* @__PURE__ */ s.jsx(
-        v,
+    case t === "boolean":
+      return /* @__PURE__ */ m.jsx(
+        S,
         {
-          value: !!t,
-          ...r,
+          value: !!r,
+          ...p,
           style: { margin: 0 },
-          onClick: () => g(e.name, !t),
-          isReadOnly: u
+          isReadOnly: n
         }
       );
-    case a === "datetime":
-      return /* @__PURE__ */ s.jsx(
-        y,
+    case t === "datetime":
+      return /* @__PURE__ */ m.jsx(
+        W,
         {
-          value: t,
-          ...r,
+          value: r,
+          ...p,
           isEditing: !0,
-          onCancelEdit: m,
+          onCancelEdit: s,
           style: { width: "fit-content" },
           autoFocus: !1
         }
       );
-    case !!e.data.enum: {
-      const n = a.includes("list");
-      let o = [];
-      n ? o = Array.isArray(t) ? t : [] : c ? o = [] : o = [t];
-      let l = e.data.enum || [];
-      return e.allowNone && o.length && !n && t && t !== "" && (l = [
-        { value: "", label: `No ${e.data.title || e.name}` },
-        ...l
-      ]), /* @__PURE__ */ s.jsx(
-        b,
+    case !!((h = o.data.enum) != null && h.length): {
+      const l = t.includes("list");
+      let e = [];
+      l ? e = Array.isArray(r) ? r : [] : c ? e = [] : e = [r];
+      let f = o.data.enum || [];
+      if (o.name === "status" && d.length > 0) {
+        const u = k(
+          d.map((i) => i.projectName),
+          [j]
+        );
+        u && u.length > 0 && (f = u.map((i) => ({
+          value: i.name,
+          label: i.name,
+          icon: i.icon,
+          color: i.color
+        })));
+      }
+      return /* @__PURE__ */ m.jsx(
+        E,
         {
-          value: o,
-          options: l,
-          type: a,
+          value: e,
+          options: f,
+          type: t,
           pt: {
             template: {
               style: { height: 32 },
               className: "enum"
             }
           },
-          placeholder: c ? `Mixed ${d}` : `Select ${d}...`,
-          onClose: m,
+          placeholder: c ? `Mixed ${g}` : `Select ${g}...`,
+          onCancelEdit: s,
           align: "right",
-          isReadOnly: u,
-          enableCustomValues: e.enableCustomValues ?? !1,
-          search: e.enableSearch ?? !1,
-          sortBySelected: !l,
-          ...r
+          isReadOnly: n,
+          ...p
         }
       );
     }
-    case (a === "string" || a === "integer" || a === "float"):
+    case (t === "string" || t === "integer" || t === "float"):
     default:
-      return /* @__PURE__ */ s.jsx(w, { children: /* @__PURE__ */ s.jsx(
-        x,
+      return /* @__PURE__ */ m.jsx(A, { children: /* @__PURE__ */ m.jsx(
+        w,
         {
-          value: t.toString(),
-          onCancelEdit: m,
-          ...r
+          value: r.toString(),
+          onCancelEdit: s,
+          type: t,
+          ...p
         }
       ) });
   }
 };
 export {
-  k as default
+  bo as default
 };
 //# sourceMappingURL=RenderFieldWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\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: right;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum {\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}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          onClick={() => onChange(field.name, !Boolean(displayValue))}\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      // Determine the value array based on type and state\n      let valueArray = []\n\n      if (isListType) {\n        // If it's a list type attribute\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        // If this field has mixed values (multiple selection)\n        valueArray = []\n      } else {\n        // For single values, wrap in array for EnumWidget\n        valueArray = [displayValue]\n      }\n\n      // Add \"None\" option if allowNone is enabled and current value exists\n      let optionsWithNone = field.data.enum || []\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          optionsWithNone = [\n            { value: '', label: `No ${field.data.title || field.name}` },\n            ...optionsWithNone,\n          ]\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={optionsWithNone}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onClose={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          enableCustomValues={field.enableCustomValues ?? false}\n          search={field.enableSearch ?? false}\n          sortBySelected={!optionsWithNone}\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            {...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","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","optionsWithNone","TextWidget"],"mappings":";;;;;;AAUA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAmBD,EAAOE,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBpCC,IAAgD,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACE,QAAA,EAAE,MAAAC,MAASP,EAAM,MACjBQ,IAAoB;AAAA,IACxB,WAAWN,KAAa,CAACC;AAAA,IACzB,aAAa;AAAA,IACb,UAAU,CAACM,MAAsCJ,EAASL,EAAM,MAAMS,CAAQ;AAAA,EAChF;AAGA,MAAIC,IAAeT,KAAwC;AAC3D,QAAMU,IAAaX,EAAM,KAAK,SAASA,EAAM;AAG7C,UAAQ,IAAM;AAAA,IACZ,KAAKO,MAAS;AAEV,aAAAK,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO,EAAQH;AAAA,UACd,GAAGF;AAAA,UACJ,OAAO,EAAE,QAAQ,EAAE;AAAA,UACnB,SAAS,MAAMH,EAASL,EAAM,MAAM,CAASU,CAAa;AAAA,UAC1D,YAAAP;AAAA,QAAA;AAAA,MACF;AAAA,IAGJ,KAAKI,MAAS;AAEV,aAAAK,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOJ;AAAA,UACN,GAAGF;AAAA,UACJ,WAAS;AAAA,UACT,cAAAF;AAAA,UACA,OAAO,EAAE,OAAO,cAAc;AAAA,UAC9B,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IAGJ,KAAK,CAAC,CAACN,EAAM,KAAK,MAAM;AAChB,YAAAe,IAAaR,EAAK,SAAS,MAAM;AAEvC,UAAIS,IAAa,CAAC;AAElB,MAAID,IAEFC,IAAa,MAAM,QAAQN,CAAY,IAAIA,IAAe,CAAC,IAClDN,IAETY,IAAa,CAAC,IAGdA,IAAa,CAACN,CAAY;AAI5B,UAAIO,IAAkBjB,EAAM,KAAK,QAAQ,CAAC;AAC1C,aAAIA,EAAM,aAAegB,EAAW,UAAU,CAACD,KAErBL,KAAgBA,MAAiB,OAErCO,IAAA;AAAA,QAChB,EAAE,OAAO,IAAI,OAAO,MAAMjB,EAAM,KAAK,SAASA,EAAM,IAAI,GAAG;AAAA,QAC3D,GAAGiB;AAAA,MACL,IAKFL,gBAAAA,EAAA;AAAA,QAACf;AAAA,QAAA;AAAA,UACC,OAAOmB;AAAA,UACP,SAASC;AAAA,UACT,MAAAV;AAAA,UACA,IAAI;AAAA,YACF,UAAU;AAAA,cACR,OAAO,EAAE,QAAQ,GAAG;AAAA,cACpB,WAAW;AAAA,YAAA;AAAA,UAEf;AAAA,UACA,aAAaH,IAAU,SAASO,CAAU,KAAK,UAAUA,CAAU;AAAA,UACnE,SAASL;AAAA,UACT,OAAM;AAAA,UACN,YAAAH;AAAA,UACA,oBAAoBH,EAAM,sBAAsB;AAAA,UAChD,QAAQA,EAAM,gBAAgB;AAAA,UAC9B,gBAAgB,CAACiB;AAAA,UAChB,GAAGT;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,IAIJ,MAAKD,MAAS,YAAYA,MAAS,aAAaA,MAAS;AAAA,IACzD;AACE,mCACGZ,GACC,EAAA,UAAAiB,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,OAAOR,EAAa,SAAS;AAAA,UAC7B,cAAAJ;AAAA,UACC,GAAGE;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,EAAA;AAGR;"}
+{"version":3,"file":"RenderFieldWidget.es.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum?.length: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      return (\n        <StyledEnumWidget\n          value={valueArray}\n          options={enumOptions}\n          type={type}\n          pt={{\n            template: {\n              style: { height: 32 },\n              className: 'enum',\n            },\n          }}\n          placeholder={isMixed ? `Mixed ${labelValue}` : `Select ${labelValue}...`}\n          onCancelEdit={onCancelEdit}\n          align=\"right\"\n          isReadOnly={isReadOnly}\n          {...widgetCommonProps}\n        />\n      )\n    }\n\n    case type === 'string' || type === 'integer' || type === 'float':\n    default:\n      return (\n        <FieldValueText>\n          <TextWidget\n            value={displayValue.toString()}\n            onCancelEdit={onCancelEdit}\n            type={type as 'string' | 'integer' | 'float'}\n            {...widgetCommonProps}\n          />\n        </FieldValueText>\n      )\n  }\n}\n\nexport default RenderFieldWidget\n"],"names":["FieldValueText","styled","StyledEnumWidget","EnumWidget","RenderFieldWidget","field","value","isEditing","isReadOnly","isMixed","onChange","onCancelEdit","entities","entityType","type","widgetCommonProps","newValue","displayValue","labelValue","jsx","BooleanWidget","DateWidget","_a","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BorderedSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  font-weight: 500;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  contentClassName?: string\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  onClick?: () => void\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  contentClassName,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n}) => {\n  return (\n    <StyledSection \n      className={clsx({ 'enable-hover': enableHover })} \n      onClick={onClick}\n    >\n      {showHeader ? (\n        <StyledHeader>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        className={clsx(contentClassName, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","contentClassName","showHeader","autoHeight","enableHover","withPadding","onClick","jsxs","clsx","jsx"],"mappings":"4LAIMA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvBC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwChBG,EAAkD,CAAC,CAC9D,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,QAAAC,CACF,IAEIC,EAAA,kBAAA,KAACd,EAAA,CACC,UAAWe,EAAK,CAAE,eAAgBJ,EAAa,EAC/C,QAAAE,EAEC,SAAA,CAAAJ,2BACEP,EACC,CAAA,SAAA,CAAAc,EAAAA,kBAAAA,IAAC,QAAM,SAAMX,CAAA,CAAA,EACZE,CAAA,CAAA,CACH,EACE,KACJS,EAAA,kBAAA,IAACb,EAAA,CACC,UAAWY,EAAKP,EAAkB,CAChC,eAAgBI,EAChB,cAAeF,EACf,cAAeD,CAAA,CAChB,EAEA,SAAAH,CAAA,CAAA,CACH,CAAA,CACF"}

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

@@ -0,0 +1,87 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import o from "styled-components";
+import i from "clsx";
+const p = o.div`
+  border: 1px solid var(--md-sys-color-outline-variant);
+  border-radius: 8px;
+  min-height: auto;
+  display: flex;
+  flex-direction: column;
+  transition: background-color 0.2s ease;
+
+  &.enable-hover:hover {
+    cursor: pointer;
+    background-color: var(--md-sys-color-surface-container-low-hover);
+  }
+`, x = o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  min-height: 40px;
+  font-weight: 500;
+  color: var(--md-sys-color-outline);
+`, m = o.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  &.with-padding {
+    padding: 12px;
+  }
+
+  &.auto-height {
+    min-height: auto;
+  }
+
+  &.with-header {
+    min-height: calc(300px - 40px);
+    border-radius: 0 0 8px 8px;
+  }
+
+  &:not(.with-header):not(.auto-height) {
+    min-height: 300px !important;
+  }
+
+  &:not(.with-header) {
+    border-radius: 8px;
+  }
+`, v = ({
+  title: r,
+  children: n,
+  headerContent: a,
+  contentClassName: s,
+  showHeader: t = !1,
+  autoHeight: d = !1,
+  enableHover: l = !1,
+  withPadding: h = !1,
+  onClick: c
+}) => /* @__PURE__ */ e.jsxs(
+  p,
+  {
+    className: i({ "enable-hover": l }),
+    onClick: c,
+    children: [
+      t ? /* @__PURE__ */ e.jsxs(x, { children: [
+        /* @__PURE__ */ e.jsx("span", { children: r }),
+        a
+      ] }) : null,
+      /* @__PURE__ */ e.jsx(
+        m,
+        {
+          className: i(s, {
+            "with-padding": h,
+            "auto-height": d,
+            "with-header": t
+          }),
+          children: n
+        }
+      )
+    ]
+  }
+);
+export {
+  v as BorderedSection
+};
+//# sourceMappingURL=BorderedSection.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BorderedSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  font-weight: 500;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  contentClassName?: string\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  onClick?: () => void\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  contentClassName,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n}) => {\n  return (\n    <StyledSection \n      className={clsx({ 'enable-hover': enableHover })} \n      onClick={onClick}\n    >\n      {showHeader ? (\n        <StyledHeader>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        className={clsx(contentClassName, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","contentClassName","showHeader","autoHeight","enableHover","withPadding","onClick","jsxs","clsx","jsx"],"mappings":";;;AAIA,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcvBC,IAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUtBE,IAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwChBG,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,SAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACd;AAAA,EAAA;AAAA,IACC,WAAWe,EAAK,EAAE,gBAAgBJ,GAAa;AAAA,IAC/C,SAAAE;AAAA,IAEC,UAAA;AAAA,MAAAJ,2BACEP,GACC,EAAA,UAAA;AAAA,QAAAc,gBAAAA,EAAAA,IAAC,UAAM,UAAMX,EAAA,CAAA;AAAA,QACZE;AAAA,MAAA,EAAA,CACH,IACE;AAAA,MACJS,gBAAAA,EAAA;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,WAAWY,EAAKP,GAAkB;AAAA,YAChC,gBAAgBI;AAAA,YAChB,eAAeF;AAAA,YACf,eAAeD;AAAA,UAAA,CAChB;AAAA,UAEA,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

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

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

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

@@ -0,0 +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  isMixed: boolean\n  enableEditing: boolean\n  onChange: (description: string) => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isMixed,\n  enableEditing,\n  onChange,\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  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 quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n    >\n      <StyledContent \n        className={clsx({ editing: isEditing })}\n        onClick={handleContentClick}\n      >\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles>\n            <StyledQuillContainer>\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={handleKeyDown}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancel} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert\n          typeOptions={mentionTypeOptions}\n          initValue={description || ''}\n        />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"q2KAmBA,MAAMA,EAAwB,CAAC,CAC7B,cAAAC,EACA,mBAAAC,EAAqB,EACvB,IAGM,CACJ,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,GAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAU,CAAA,CAC1C,EAEA,OAAKD,GACKC,EAAA,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAF,EACA,SAAU,EACZ,CACF,EAUaG,EAAwD,CAAC,CACpE,YAAAC,EACA,QAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACE,MAAAC,EAAcC,SAAuB,IAAI,EACzC,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CACV,GAAA,EAACV,GAAA,MAAAA,EAAa,QAAQ,CACxBQ,EAAmB,EAAE,EACrB,MAAA,CAGE,GAAA,CAACH,EAAY,QAAS,OAEpB,MAAAM,EAAON,EAAY,QAAQ,UACjCG,EAAmBG,CAAI,CAAA,EACtB,CAACX,CAAW,CAAC,EAGV,KAAA,CACJ,UAAAY,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,GACEC,uBAAqB,CACvB,gBAAAb,EACA,cAAAL,EACA,QAAAD,EACA,SAAAE,CAAA,CACD,EAEKkB,EAAqBC,EAAAA,gBAAgB,EAE3C,GAAIlB,EACF,+BACGmB,kBAAgB,CAAA,MAAM,cACrB,SAAAC,wBAACC,EAAAA,uBAAsB,CAAA,EACzB,EAKE,MAAAC,EAAsBC,GAAwB,CAElD,GAAIf,EACF,OAOF,GAHee,EAAE,OACG,QAAQ,GAAG,EAErB,CAERA,EAAE,gBAAgB,EAClB,MAAA,CAIGf,GACgBI,EAAA,CAEvB,EAEMY,EAAahB,EAAYC,EAAcN,EAG3C,OAAAsB,EAAA,kBAAA,KAACN,EAAA,gBAAA,CACC,MAAM,cACN,WAAY,CAACX,EACb,YAAa,CAACA,EACd,QAAUA,EAAiC,OAArBI,EAEtB,SAAA,CAAAa,EAAA,kBAAA,KAACC,EAAA,cAAA,CACC,UAAWC,EAAK,CAAE,QAASnB,EAAW,EACtC,QAASc,EAET,SAAA,CAAAF,EAAAA,kBAAAA,IAACQ,EAAAA,cAAa,UAAU,kBACtB,SAACR,EAAAA,kBAAAA,IAAAS,EAAA,gBAAA,CACC,iCAACC,EAAAA,qBACC,CAAA,SAAAV,EAAA,kBAAA,IAACW,EAAA,CAEC,MAAM,OACN,IAAKpB,EACL,MAAOa,EACP,SAAUd,EACV,YAAY,uBACZ,QACEF,EACIjB,EAAsB,CAAE,cAAe,KAAM,mBAAoB,EAAM,CAAA,EACvE,CAAE,QAAS,EAAM,EAEvB,QAAS0B,EACT,UAAWF,EACX,SAAU,CAACP,CAAA,EAbN,sBAAsBA,CAAS,EAAA,CAexC,CAAA,CACF,CAAA,EACF,EACCA,GACCY,EAAA,kBAAA,IAACY,eACC,CAAA,SAAAP,yBAACQ,EAAAA,sBACC,CAAA,SAAA,CAAAb,wBAACc,EAAAA,QAAO,QAAQ,OAAO,MAAM,SAAS,QAASpB,EAAc,0BAC5DoB,EAAAA,OAAO,CAAA,QAAQ,SAAS,MAAM,OAAO,QAASrB,CAAY,CAAA,CAAA,CAAA,CAC7D,CACF,CAAA,CAAA,CAAA,CAEJ,EACAO,EAAAA,kBAAAA,IAACe,EAAAA,qBAAqB,CAAA,IAAKlC,EACzB,SAAAmB,EAAA,kBAAA,IAACgB,EAAA,CACC,YAAaC,EAAA,mBACb,UAAWzC,GAAe,EAAA,CAAA,CAE9B,CAAA,CAAA,CAAA,CACF,CAEJ"}