@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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

@@ -1,15 +1,31 @@
-import { j as a } from "../../../../../_virtual/jsx-runtime.es.js";
-import b 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 { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
+import y from "styled-components";
+import "../../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import { DateWidget as V } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import { EnumWidget as W } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import { TextWidget as k } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import { MarkdownWidget as N } from "../../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import { BooleanWidget as T } 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/GroupHeaderWidget.es.js";
+import "../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "react";
-import "../../../context/RemoteModulesContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as N } from "../../../hooks/useScopedStatuses.es.js";
-import { useScopedTypes as T } from "../../../hooks/useScopedTypes.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "@ynput/ayon-react-components";
+import "../../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../AccessUser/AccessUser.es.js";
+import "clsx";
+import "../../AttributeEditor/AttributeEditor.es.js";
+import "../../AttributeEditor/attributeTypeMap.es.js";
+import "../../Badge/Badge.es.js";
+import "../../Chips/Chips.es.js";
+import "react-dom";
+import "date-fns";
+import "../../DateRangePicker/DateRangePicker.styled.es.js";
+import "../../LinksManager/CellEditingDialog.es.js";
 import "react-toastify";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
@@ -104,30 +120,170 @@ import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/uris/getUris.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import "../../../../../_virtual/index.es.js";
+import "../../../../../node_modules/refractor/lib/common.es.js";
+import "../../../../../node_modules/refractor/lib/all.es.js";
+/* empty css                                                                                 */
+import "lodash";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../DetailsPanelAttributesEditor.es.js";
+import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../DetailsPanelDetails/BorderedSection.es.js";
+import "../../QuillListStyles/QuillListStyles.es.js";
+import "../../DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../../containers/Feed/components/CommentInput/modules/index.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import { useScopedStatuses as A } from "../../../hooks/useScopedStatuses.es.js";
+import { useScopedTypes as B } from "../../../hooks/useScopedTypes.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.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 "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "lodash";
-import "uuid";
-import "../../../util/pubsub.es.js";
-const k = b.div`
+import "../../DetailsPanelDetails/DetailsSection.es.js";
+import "../../DetailsPanelDetails/FieldLabel.es.js";
+import "../../DoneCheckbox/DoneCheckbox.es.js";
+import "../../EarlyPreview/EarlyPreview.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../EnumEditor/EnumEditor.styled.es.js";
+import "../../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                                  */
+import "../../../containers/Feed/context/FeedContext.es.js";
+import "../../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "remark-emoji";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../../containers/Feed/components/ActivityDate.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../../containers/Feed/Feed.styled.es.js";
+import "../../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
+import "../../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../containers/Slicer/components/Slicer.es.js";
+import "../../../containers/Slicer/context/SlicerContext.es.js";
+import "../../../containers/Slicer/hooks/useTableDataBySlice.es.js";
+import "../../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../PlayableIcon/PlayableIcon.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../../containers/Actions/Actions.styled.es.js";
+import "../../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../../containers/Actions/ActionIcon.es.js";
+import "../../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../containers/Views/context/ViewsContextInstance.es.js";
+import "../../../containers/Views/Views.styled.es.js";
+import "../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../containers/ListTable/ListTableRow.es.js";
+import "../../../containers/ListTable/ListTable.styled.es.js";
+import "../../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../../ReviewablesList/ReviewablesList.styled.es.js";
+import "../../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../../EntityPath/EntityPath.styled.es.js";
+import "../../EntityPath/SegmentProvider.es.js";
+import "../../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../Feedback/FeedbackContextInstance.es.js";
+import "../../Feedback/SupportBubble.es.js";
+import "../../FileThumbnail/FileThumbnail.es.js";
+import "../../LegacyBadge/LegacyBadge.es.js";
+import "../../LinksManager/LinksManager.styled.es.js";
+import "../../Powerpack/PowerpackButton.es.js";
+import "../../Powerpack/FreeTrialLink.es.js";
+import "../../Powerpack/PowerpackDialog.styled.es.js";
+import "../../Powerpack/CTAButton.es.js";
+import "../../Powerpack/RequiredAddonVersion.es.js";
+import "../../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../SizeSlider/SizeSlider.es.js";
+import "../../ReviewableCard/ReviewableCard.es.js";
+import "../../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../SettingsPanel/SettingsPanel.es.js";
+import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../StyledLink/StyledLink.es.js";
+import "../../TableGridSwitch/TableGridSwitch.es.js";
+import "../../Thumbnail/Thumbnail.styled.es.js";
+import "../../Thumbnail/StackedThumbnails.es.js";
+import "../../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../VersionUploader/components/UploadVersionDialog.es.js";
+import "../../VersionUploader/context/VersionUploadContext.es.js";
+import "../../Watchers/Watchers.es.js";
+import "../../Menu/Menu.styled.es.js";
+import "../../Menu/MenuItem.es.js";
+import "../../ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../ColumnHeaderMenuUI.es.js";
+import "../../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+const C = y.div`
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -137,7 +293,7 @@ const k = b.div`
   input {
     text-align: left;
   }
-`, C = b(W)`
+`, F = y(W)`
   .enum,
   .edit-trigger {
     &:hover {
@@ -147,107 +303,109 @@ const k = b.div`
   &:hover {
     background-color: unset;
   }
-`, _o = ({
+`, Um = ({
   field: o,
-  value: l,
-  isEditing: y,
-  isReadOnly: s,
+  value: s,
+  isEditing: b,
+  isReadOnly: d,
   isMixed: h,
   onChange: j,
-  onCancelEdit: c,
+  onCancelEdit: l,
+  onExpand: v,
   entities: u = [],
-  entityType: v = "task"
+  entityType: f = "task"
 }) => {
-  const { type: r } = o.data, n = {
-    isEditing: y && !s,
+  const { type: i, widget: S } = o.data, a = {
+    isEditing: b && !d,
+    isReadOnly: d,
     isInherited: !1,
     onChange: (p) => j(o.name, p)
-  }, f = u.map((p) => p.projectName), g = N(f, [v]), d = T(f, v);
-  let i = l ?? "";
-  const x = o.data.title || o.name;
+  }, x = u.map((p) => p.projectName), c = A(x, [f]), g = B(x, f);
+  let r = s ?? "";
+  const w = o.data.title || o.name;
   switch (!0) {
-    case r === "boolean":
-      return /* @__PURE__ */ a.jsx(
-        S,
-        {
-          value: !!i,
-          ...n,
-          style: { margin: 0 },
-          isReadOnly: s
-        }
-      );
-    case r === "datetime":
-      return /* @__PURE__ */ a.jsx(
+    case i === "boolean":
+      return /* @__PURE__ */ e.jsx(T, { value: !!r, ...a, style: { margin: 0 } });
+    case i === "datetime":
+      return /* @__PURE__ */ e.jsx(
         V,
         {
-          value: i,
-          ...n,
+          value: r,
+          ...a,
           isEditing: !0,
-          onCancelEdit: c,
+          onCancelEdit: l,
           style: { width: "fit-content" },
           autoFocus: !1
         }
       );
     case !!o.data.enum: {
-      const p = r?.includes("list");
-      let e = [];
-      p ? e = Array.isArray(i) ? i : [] : h ? e = [] : e = [i];
+      const p = i?.includes("list");
+      let n = [];
+      p ? n = Array.isArray(r) ? r : [] : h ? n = [] : n = [r];
       let m = (o.data.enum || []).map((t) => ({
         value: t.value,
         label: t.label,
         icon: typeof t.icon == "string" ? t.icon : void 0,
         color: t.color
       }));
-      return o.name === "status" && u.length > 0 && g && g.length > 0 && (m = g.map((t) => ({
+      return o.name === "status" && u.length > 0 && c && c.length > 0 && (m = c.map((t) => ({
         value: t.name,
         label: t.name,
         icon: t.icon,
         color: t.color
-      }))), o.name === "taskType" && u.length > 0 && d && d.length > 0 && (m = d.map((t) => ({
+      }))), o.name === "taskType" && u.length > 0 && g && g.length > 0 && (m = g.map((t) => ({
         value: t.name,
         label: t.name,
         icon: t.icon,
         color: t.color
-      }))), o.allowNone && e.length && !p && i && i !== "" && (m = [
+      }))), o.allowNone && n.length && !p && r && r !== "" && (m = [
         { value: "", label: `No ${o.data.title || o.name}` },
         ...m
-      ]), /* @__PURE__ */ a.jsx(
-        C,
+      ]), /* @__PURE__ */ e.jsx(
+        F,
         {
-          value: e,
+          value: n,
           options: m,
-          type: r,
+          type: i,
           pt: {
             template: {
               style: { height: 32 },
               className: "enum"
             }
           },
-          placeholder: h ? `Mixed ${x}` : `Select ${x}...`,
-          onCancelEdit: c,
+          placeholder: h ? `Mixed ${w}` : `Select ${w}...`,
+          onCancelEdit: l,
           align: "right",
-          isReadOnly: s,
           enableCustomValues: o.enableCustomValues ?? !1,
           search: o.enableSearch ?? m.length >= 5,
           sortBySelected: !m,
-          ...n
+          ...a
         }
       );
     }
-    case (r === "string" || r === "integer" || r === "float"):
+    case (i === "string" || i === "integer" || i === "float"):
     default:
-      return /* @__PURE__ */ a.jsx(k, { children: /* @__PURE__ */ a.jsx(
-        w,
+      return S === "markdown" ? /* @__PURE__ */ e.jsx(
+        N,
+        {
+          value: r.toString(),
+          onCancelEdit: l,
+          onExpand: v,
+          showExpand: !!v,
+          ...a
+        }
+      ) : /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(
+        k,
         {
-          value: i.toString(),
-          onCancelEdit: c,
-          type: r,
-          ...n
+          value: r.toString(),
+          onCancelEdit: l,
+          type: i,
+          ...a
         }
       ) });
   }
 };
 export {
-  _o as default
+  Um as default
 };
 //# sourceMappingURL=RenderFieldWidget.es.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BorderedSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  pt?: {\n    header?: Partial<React.HTMLAttributes<HTMLDivElement>>\n    content?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n  className,\n  pt,\n  ...props\n}) => {\n  return (\n    <StyledSection\n      className={clsx(className, { 'enable-hover': enableHover })}\n      onClick={onClick}\n      {...props}\n    >\n      {showHeader ? (\n        <StyledHeader {...pt?.header}>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        {...pt?.content}\n        className={clsx(pt?.content?.className, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","showHeader","autoHeight","enableHover","withPadding","onClick","className","pt","props","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,EAStBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0ChBG,EAAkD,CAAC,CAC9D,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,QAAAC,EACA,UAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,KAAChB,EAAA,CACC,UAAWiB,EAAKJ,EAAW,CAAE,eAAgBH,EAAa,EAC1D,QAAAE,EACC,GAAGG,EAEH,SAAA,CAAAP,EACCQ,EAAAA,kBAAAA,KAACd,EAAA,CAAc,GAAGY,GAAI,OACpB,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,QAAM,SAAAb,CAAA,CAAM,EACZE,CAAA,CAAA,CACH,EACE,KACJW,EAAAA,kBAAAA,IAACf,EAAA,CACE,GAAGW,GAAI,QACR,UAAWG,EAAKH,GAAI,SAAS,UAAW,CACtC,eAAgBH,EAChB,cAAeF,EACf,cAAeD,CAAA,CAChB,EAEA,SAAAF,CAAA,CAAA,CACH,CAAA,CAAA"}
+{"version":3,"file":"BorderedSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/BorderedSection.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport clsx from 'clsx'\n\nconst StyledSection = styled.div`\n  border: 1px solid var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n  min-height: auto;\n  display: flex;\n  flex-direction: column;\n  transition: background-color 0.2s ease;\n\n  &.enable-hover:hover {\n    cursor: pointer;\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n`\n\nconst StyledHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  min-height: 40px;\n  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    border-radius: 0 0 8px 8px;\n  }\n\n  &.description {\n    min-height: calc(300px - 40px);\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  description?: boolean\n  pt?: {\n    header?: Partial<React.HTMLAttributes<HTMLDivElement>>\n    content?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  description = false,\n  onClick,\n  className,\n  pt,\n  ...props\n}) => {\n  return (\n    <StyledSection\n      className={clsx(className, { 'enable-hover': enableHover })}\n      onClick={onClick}\n      {...props}\n    >\n      {showHeader ? (\n        <StyledHeader {...pt?.header}>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        {...pt?.content}\n        className={clsx(pt?.content?.className, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n          description,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","showHeader","autoHeight","enableHover","withPadding","description","onClick","className","pt","props","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,EAStBE,EAAgBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8ChBG,EAAkD,CAAC,CAC9D,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,QAAAC,EACA,UAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,KAACjB,EAAA,CACC,UAAWkB,EAAKJ,EAAW,CAAE,eAAgBJ,EAAa,EAC1D,QAAAG,EACC,GAAGG,EAEH,SAAA,CAAAR,EACCS,EAAAA,kBAAAA,KAACf,EAAA,CAAc,GAAGa,GAAI,OACpB,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,QAAM,SAAAd,CAAA,CAAM,EACZE,CAAA,CAAA,CACH,EACE,KACJY,EAAAA,kBAAAA,IAAChB,EAAA,CACE,GAAGY,GAAI,QACR,UAAWG,EAAKH,GAAI,SAAS,UAAW,CACtC,eAAgBJ,EAChB,cAAeF,EACf,cAAeD,EACf,YAAAI,CAAA,CACD,EAEA,SAAAN,CAAA,CAAA,CACH,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
 import t from "styled-components";
 import r from "clsx";
-const m = t.div`
+const u = t.div`
   border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: 8px;
   min-height: auto;
@@ -13,7 +13,7 @@ const m = t.div`
     cursor: pointer;
     background-color: var(--md-sys-color-surface-container-low-hover);
   }
-`, u = t.div`
+`, f = t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -35,10 +35,13 @@ const m = t.div`
   }
 
   &.with-header {
-    min-height: calc(300px - 40px);
     border-radius: 0 0 8px 8px;
   }
 
+  &.description {
+    min-height: calc(300px - 40px);
+  }
+
   &:not(.with-header):not(.auto-height) {
     min-height: 300px !important;
   }
@@ -46,7 +49,7 @@ const m = t.div`
   &:not(.with-header) {
     border-radius: 8px;
   }
-`, b = ({
+`, j = ({
   title: n,
   children: a,
   headerContent: s,
@@ -54,18 +57,19 @@ const m = t.div`
   autoHeight: d = !1,
   enableHover: l = !1,
   withPadding: c = !1,
-  onClick: h,
-  className: p,
+  description: h = !1,
+  onClick: p,
+  className: x,
   pt: o,
-  ...x
+  ...m
 }) => /* @__PURE__ */ e.jsxs(
-  m,
+  u,
   {
-    className: r(p, { "enable-hover": l }),
-    onClick: h,
-    ...x,
+    className: r(x, { "enable-hover": l }),
+    onClick: p,
+    ...m,
     children: [
-      i ? /* @__PURE__ */ e.jsxs(u, { ...o?.header, children: [
+      i ? /* @__PURE__ */ e.jsxs(f, { ...o?.header, children: [
         /* @__PURE__ */ e.jsx("span", { children: n }),
         s
       ] }) : null,
@@ -76,7 +80,8 @@ const m = t.div`
           className: r(o?.content?.className, {
             "with-padding": c,
             "auto-height": d,
-            "with-header": i
+            "with-header": i,
+            description: h
           }),
           children: a
         }
@@ -85,6 +90,6 @@ const m = t.div`
   }
 );
 export {
-  b as BorderedSection
+  j as BorderedSection
 };
 //# sourceMappingURL=BorderedSection.es.js.map

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

@@ -1 +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  color: var(--md-sys-color-outline);\n`\n\nconst StyledContent = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &.with-padding {\n    padding: 12px;\n  }\n\n  &.auto-height {\n    min-height: auto;\n  }\n\n  &.with-header {\n    min-height: calc(300px - 40px);\n    border-radius: 0 0 8px 8px;\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  pt?: {\n    header?: Partial<React.HTMLAttributes<HTMLDivElement>>\n    content?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  onClick,\n  className,\n  pt,\n  ...props\n}) => {\n  return (\n    <StyledSection\n      className={clsx(className, { 'enable-hover': enableHover })}\n      onClick={onClick}\n      {...props}\n    >\n      {showHeader ? (\n        <StyledHeader {...pt?.header}>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        {...pt?.content}\n        className={clsx(pt?.content?.className, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","showHeader","autoHeight","enableHover","withPadding","onClick","className","pt","props","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,GAStBE,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,GA0ChBG,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAChB;AAAA,EAAA;AAAA,IACC,WAAWiB,EAAKJ,GAAW,EAAE,gBAAgBH,GAAa;AAAA,IAC1D,SAAAE;AAAA,IACC,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAP,IACCQ,gBAAAA,EAAAA,KAACd,GAAA,EAAc,GAAGY,GAAI,QACpB,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,UAAM,UAAAb,EAAA,CAAM;AAAA,QACZE;AAAA,MAAA,EAAA,CACH,IACE;AAAA,MACJW,gBAAAA,EAAAA;AAAAA,QAACf;AAAA,QAAA;AAAA,UACE,GAAGW,GAAI;AAAA,UACR,WAAWG,EAAKH,GAAI,SAAS,WAAW;AAAA,YACtC,gBAAgBH;AAAA,YAChB,eAAeF;AAAA,YACf,eAAeD;AAAA,UAAA,CAChB;AAAA,UAEA,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}
+{"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  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    border-radius: 0 0 8px 8px;\n  }\n\n  &.description {\n    min-height: calc(300px - 40px);\n  }\n\n  &:not(.with-header):not(.auto-height) {\n    min-height: 300px !important;\n  }\n\n  &:not(.with-header) {\n    border-radius: 8px;\n  }\n`\n\ninterface BorderedSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  children: React.ReactNode\n  headerContent?: React.ReactNode\n  showHeader?: boolean\n  autoHeight?: boolean\n  enableHover?: boolean\n  withPadding?: boolean\n  description?: boolean\n  pt?: {\n    header?: Partial<React.HTMLAttributes<HTMLDivElement>>\n    content?: Partial<React.HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const BorderedSection: React.FC<BorderedSectionProps> = ({\n  title,\n  children,\n  headerContent,\n  showHeader = false,\n  autoHeight = false,\n  enableHover = false,\n  withPadding = false,\n  description = false,\n  onClick,\n  className,\n  pt,\n  ...props\n}) => {\n  return (\n    <StyledSection\n      className={clsx(className, { 'enable-hover': enableHover })}\n      onClick={onClick}\n      {...props}\n    >\n      {showHeader ? (\n        <StyledHeader {...pt?.header}>\n          <span>{title}</span>\n          {headerContent}\n        </StyledHeader>\n      ) : null}\n      <StyledContent\n        {...pt?.content}\n        className={clsx(pt?.content?.className, {\n          'with-padding': withPadding,\n          'auto-height': autoHeight,\n          'with-header': showHeader,\n          description,\n        })}\n      >\n        {children}\n      </StyledContent>\n    </StyledSection>\n  )\n}\n"],"names":["StyledSection","styled","StyledHeader","StyledContent","BorderedSection","title","children","headerContent","showHeader","autoHeight","enableHover","withPadding","description","onClick","className","pt","props","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,GAStBE,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;AAAA;AAAA;AAAA,GA8ChBG,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAACjB;AAAA,EAAA;AAAA,IACC,WAAWkB,EAAKJ,GAAW,EAAE,gBAAgBJ,GAAa;AAAA,IAC1D,SAAAG;AAAA,IACC,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAR,IACCS,gBAAAA,EAAAA,KAACf,GAAA,EAAc,GAAGa,GAAI,QACpB,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,UAAM,UAAAd,EAAA,CAAM;AAAA,QACZE;AAAA,MAAA,EAAA,CACH,IACE;AAAA,MACJY,gBAAAA,EAAAA;AAAAA,QAAChB;AAAA,QAAA;AAAA,UACE,GAAGY,GAAI;AAAA,UACR,WAAWG,EAAKH,GAAI,SAAS,WAAW;AAAA,YACtC,gBAAgBJ;AAAA,YAChB,eAAeF;AAAA,YACf,eAAeD;AAAA,YACf,aAAAI;AAAA,UAAA,CACD;AAAA,UAEA,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}