@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

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

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";
@@ -67,6 +83,10 @@ import "../../../api/queries/config/getConfig.es.js";
 import "../../../api/queries/config/updateConfig.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
@@ -78,10 +98,6 @@ import "../../../api/queries/folders/getFolderDeleteInfo.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/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/products/getFolderProducts.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"}