@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","valueToDisplay","copyToClipboard"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ import { BorderedSection as u } from "../DetailsPanelDetails/BorderedSection.es.
 import { FieldLabel as C } from "../DetailsPanelDetails/FieldLabel.es.js";
 const g = m.div`
   display: grid;
-  grid-template-columns: minmax(200px, 1fr) 1fr 32px;
+  grid-template-columns: minmax(150px, 1fr) 1fr 32px;
   row-gap: 2px;
   column-gap: 4px;
   align-items: center;

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributesEditor.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributesEditor.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.tsx"],"sourcesContent":["import type { AttributeModel } from '@shared/api'\nimport { copyToClipboard } from '@shared/util'\nimport { FC, useState, useMemo, useEffect } from 'react'\nimport styled from 'styled-components'\nimport { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport RenderFieldWidget from './components/RenderFieldWidget'\nimport { BorderedSection } from '../DetailsPanelDetails/BorderedSection'\nimport { FieldLabel } from '../DetailsPanelDetails/FieldLabel'\n\nconst FormRow = styled.div`\n  display: grid;\n  grid-template-columns: minmax(150px, 1fr) 1fr 32px;\n  row-gap: 2px;\n  column-gap: 4px;\n  align-items: center;\n  min-height: 32px;\n  position: relative;\n\n  .copy-icon {\n    opacity: 0;\n    width: 32px;\n    height: 32px;\n    padding: 2px;\n\n    &:hover {\n      background-color: transparent !important;\n    }\n  }\n\n  &:hover .copy-icon {\n    opacity: 1;\n  }\n`\n\nconst FieldValue = styled.div`\n  height: 32px;\n  overflow: hidden;\n  width: 100%;\n  justify-self: start;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: 4px;\n  padding: 0 4px;\n  text-align: left;\n  position: relative;\n  z-index: 1;\n\n  &:not(.readonly) {\n    cursor: pointer;\n    pointer-events: auto;\n  }\n\n  &:hover:not(.readonly) {\n    background-color: var(--md-sys-color-surface-container-low-hover);\n  }\n\n  .dropdown .button {\n    background-color: unset;\n  }\n\n  &.editing {\n    background-color: var(--md-sys-color-surface-container);\n    cursor: default;\n    justify-content: flex-start;\n  }\n\n  &.readonly {\n    pointer-events: none;\n  }\n`\n\nconst ShimmerRow = styled(FormRow)`\n  &.loading {\n    width: 100%;\n    height: 33px;\n    min-height: unset;\n    border-radius: 4px;\n    margin-bottom: 4px;\n  }\n`\n\nexport type AttributeField = Omit<AttributeModel, 'position' | 'scope' | 'builtin'> & {\n  readonly?: boolean\n  hidden?: boolean\n  enableCustomValues?: boolean // Allow custom values in enum fields\n  enableSearch?: boolean // Enable search functionality in enum fields\n  allowNone?: boolean // Allow \"None\" option for enum fields that can be cleared\n}\n\nexport interface DetailsPanelAttributesEditorProps {\n  title?: string\n  isLoading?: boolean // show loading shimmer for 20 placeholder items\n  enableEditing?: boolean // if this is false, everything is readonly\n  fields: AttributeField[] // the schema for the form\n  form: Record<\n    string,\n    string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n  > // the form data\n  mixedFields?: string[] // when multiple entities are selected, this is a list of fields that are mixed\n  onChange?: (key: string, value: any) => void\n  entities?: any[] // entities data for scoped statuses\n  entityType?: string // entity type for scoped statuses\n}\n\nexport const DetailsPanelAttributesEditor: FC<DetailsPanelAttributesEditorProps> = ({\n  title,\n  isLoading,\n  form,\n  fields,\n  enableEditing,\n  mixedFields,\n  onChange,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const [editingField, setEditingField] = useState<string | null>(null)\n\n  const entitySelectionKey = useMemo(\n    () => entities.map((entity) => entity?.id).join('|'),\n    [entities],\n  )\n\n  useEffect(() => {\n    setEditingField(null)\n  }, [entitySelectionKey])\n\n  const handleStartEditing = (fieldName: string) => {\n    if (enableEditing && !fields.find((field) => field.name === fieldName)?.readonly) {\n      setEditingField(fieldName)\n    } else {\n      console.log('Editing not allowed:', {\n        enableEditing,\n        fieldReadonly: fields.find((field) => field.name === fieldName)?.readonly,\n      })\n    }\n  }\n\n  const handleValueChange = (fieldName: string, value: CellValue | CellValue[]) => {\n    setEditingField(null)\n    onChange?.(fieldName, value)\n  }\n\n  const handleCancelEdit = () => {\n    setEditingField(null)\n  }\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Attributes\" withPadding>\n        {Array.from({ length: 10 }).map((_, index) => (\n          <ShimmerRow key={index}>\n            <div className=\"loading\"></div>\n            <div className=\"loading\"></div>\n          </ShimmerRow>\n        ))}\n      </BorderedSection>\n    )\n  }\n\n  return (\n    <BorderedSection\n      title=\"Attributes\"\n      autoHeight\n      showHeader\n      withPadding\n      pt={{ content: { style: { minHeight: 'unset' } } }}\n    >\n      {fields\n        .filter((f) => !f.hidden)\n        .map((field) => {\n          const fieldValue = form[field.name]\n          const isEditing = editingField === field.name\n          const isReadOnly = field.readonly || !enableEditing\n          const isMixed = mixedFields?.includes(field.name) || false\n\n          return (\n            <FormRow key={field.name}>\n              <FieldLabel name={field.name} data={field.data} showDetailedTooltip />\n              <FieldValue\n                className={clsx({ editing: isEditing, readonly: isReadOnly })}\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  if (!isEditing && !isReadOnly && field.data.type !== 'boolean') {\n                    handleStartEditing(field.name)\n                  }\n                }}\n              >\n                <RenderFieldWidget\n                  field={field}\n                  value={fieldValue}\n                  isEditing={isEditing}\n                  isReadOnly={isReadOnly}\n                  isMixed={isMixed}\n                  onChange={handleValueChange}\n                  onCancelEdit={handleCancelEdit}\n                  entities={entities}\n                  entityType={entityType}\n                />\n              </FieldValue>\n              <Button\n                className=\"copy-icon\"\n                variant=\"text\"\n                icon=\"content_copy\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  e.stopPropagation()\n                  const valueToDisplay =\n                    fieldValue === null || fieldValue === undefined ? '' : fieldValue\n                  copyToClipboard(valueToDisplay.toString(), true)\n                }}\n              />\n            </FormRow>\n          )\n        })}\n    </BorderedSection>\n  )\n}\n"],"names":["FormRow","styled","FieldValue","ShimmerRow","DetailsPanelAttributesEditor","title","isLoading","form","fields","enableEditing","mixedFields","onChange","entities","entityType","editingField","setEditingField","useState","entitySelectionKey","useMemo","entity","useEffect","handleStartEditing","fieldName","_a","field","_b","handleValueChange","value","handleCancelEdit","BorderedSection","_","index","jsx","f","fieldValue","isEditing","isReadOnly","isMixed","FieldLabel","clsx","e","RenderFieldWidget","Button","copyToClipboard"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"RenderFieldWidget.cjs.js","sources":["../../../../../../src/components/DetailsPanelAttributes/components/RenderFieldWidget.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport type { CellValue } from '@shared/containers/ProjectTreeTable/widgets/CellWidget'\nimport { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      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 ?? false}\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","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"wtLAYA,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,CACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,CAACN,EAAM,KAAK,KAAM,CAChB,MAAAiB,EAAaR,EAAK,SAAS,MAAM,EACvC,IAAIS,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQN,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTc,EAAa,CAAC,EAEdA,EAAa,CAACN,CAAY,EAI5B,IAAIO,EAAcnB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAiBC,EAAA,kBACrBd,EAAS,IAAKe,GAAWA,EAAO,WAAW,EAC3C,CAACd,CAAU,CACb,EACIY,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAGF,OAAIvB,EAAM,WAAekB,EAAW,QAAU,CAACD,GAErBL,GAAgBA,IAAiB,KAEzCO,EAAA,CACZ,CAAE,MAAO,GAAI,MAAO,MAAMnB,EAAM,KAAK,OAASA,EAAM,IAAI,EAAG,EAC3D,GAAGmB,CACL,GAKFL,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOqB,EACP,QAASC,EACT,KAAAV,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACA,mBAAoBH,EAAM,oBAAsB,GAChD,OAAQA,EAAM,cAAgB,GAC9B,eAAgB,CAACmB,EAChB,GAAGT,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACU,EAAA,WAAA,CACC,MAAOZ,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}
+{"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 { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type?.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      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 ?? false}\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","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"k2LAYA,MAAMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAmBD,EAAOE,YAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpCC,EAAgD,CAAC,CACrD,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,QAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,WAAAC,EAAa,MACf,IAAM,CACE,KAAA,CAAE,KAAAC,GAAST,EAAM,KACjBU,EAAoB,CACxB,UAAWR,GAAa,CAACC,EACzB,YAAa,GACb,SAAWQ,GAAsCN,EAASL,EAAM,KAAMW,CAAQ,CAChF,EAGA,IAAIC,EAAeX,GAAwC,GAC3D,MAAMY,EAAab,EAAM,KAAK,OAASA,EAAM,KAG7C,OAAQ,GAAM,CACZ,KAAKS,IAAS,UAEV,OAAAK,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,MAAO,EAAQH,EACd,GAAGF,EACJ,MAAO,CAAE,OAAQ,CAAE,EACnB,WAAAP,CAAA,CACF,EAGJ,KAAKM,IAAS,WAEV,OAAAK,EAAA,kBAAA,IAACE,EAAA,WAAA,CACC,MAAOJ,EACN,GAAGF,EACJ,UAAS,GACT,aAAAJ,EACA,MAAO,CAAE,MAAO,aAAc,EAC9B,UAAW,EAAA,CACb,EAGJ,IAAK,CAAC,CAACN,EAAM,KAAK,KAAM,CAChB,MAAAiB,EAAaR,GAAA,YAAAA,EAAM,SAAS,QAClC,IAAIS,EAAa,CAAC,EAEdD,EACFC,EAAa,MAAM,QAAQN,CAAY,EAAIA,EAAe,CAAC,EAClDR,EACTc,EAAa,CAAC,EAEdA,EAAa,CAACN,CAAY,EAI5B,IAAIO,EAAcnB,EAAM,KAAK,MAAQ,CAAC,EACtC,GAAIA,EAAM,OAAS,UAAYO,EAAS,OAAS,EAAG,CAClD,MAAMa,EAAiBC,EAAA,kBACrBd,EAAS,IAAKe,GAAWA,EAAO,WAAW,EAC3C,CAACd,CAAU,CACb,EACIY,GAAkBA,EAAe,OAAS,IAC9BD,EAAAC,EAAe,IAAKG,IAAY,CAC5C,MAAOA,EAAO,KACd,MAAOA,EAAO,KACd,KAAMA,EAAO,KACb,MAAOA,EAAO,KAAA,EACd,EACJ,CAGF,OAAIvB,EAAM,WAAekB,EAAW,QAAU,CAACD,GAErBL,GAAgBA,IAAiB,KAEzCO,EAAA,CACZ,CAAE,MAAO,GAAI,MAAO,MAAMnB,EAAM,KAAK,OAASA,EAAM,IAAI,EAAG,EAC3D,GAAGmB,CACL,GAKFL,EAAA,kBAAA,IAACjB,EAAA,CACC,MAAOqB,EACP,QAASC,EACT,KAAAV,EACA,GAAI,CACF,SAAU,CACR,MAAO,CAAE,OAAQ,EAAG,EACpB,UAAW,MAAA,CAEf,EACA,YAAaL,EAAU,SAASS,CAAU,GAAK,UAAUA,CAAU,MACnE,aAAAP,EACA,MAAM,QACN,WAAAH,EACA,mBAAoBH,EAAM,oBAAsB,GAChD,OAAQA,EAAM,cAAgB,GAC9B,eAAgB,CAACmB,EAChB,GAAGT,CAAA,CACN,CAAA,CAIJ,KAAKD,IAAS,UAAYA,IAAS,WAAaA,IAAS,SACzD,QACE,+BACGd,EACC,CAAA,SAAAmB,EAAA,kBAAA,IAACU,EAAA,WAAA,CACC,MAAOZ,EAAa,SAAS,EAC7B,aAAAN,EACA,KAAAG,EACC,GAAGC,CAAA,CAAA,EAER,CAAA,CAGR"}

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

@@ -1,8 +1,8 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
 import f from "styled-components";
-import { TextWidget as b } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import { BooleanWidget as w } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import { DateWidget as j } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import { TextWidget as w } from "../../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import { BooleanWidget as j } from "../../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import { DateWidget as y } from "../../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
 import { EnumWidget as S } from "../../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
 import "react";
 import "../../../context/RemoteModulesContext.es.js";
@@ -75,6 +75,7 @@ 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/project/getProject.es.js";
@@ -105,7 +106,7 @@ import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
-import "lodash";
+import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 const W = f.div`
   width: 100%;
   overflow: hidden;
@@ -126,7 +127,7 @@ const W = f.div`
   &:hover {
     background-color: unset;
   }
-`, ko = ({
+`, Ao = ({
   field: t,
   value: l,
   isEditing: x,
@@ -135,7 +136,7 @@ const W = f.div`
   onChange: v,
   onCancelEdit: c,
   entities: d = [],
-  entityType: y = "task"
+  entityType: b = "task"
 }) => {
   const { type: o } = t.data, a = {
     isEditing: x && !u,
@@ -147,7 +148,7 @@ const W = f.div`
   switch (!0) {
     case o === "boolean":
       return /* @__PURE__ */ e.jsx(
-        w,
+        j,
         {
           value: !!r,
           ...a,
@@ -157,7 +158,7 @@ const W = f.div`
       );
     case o === "datetime":
       return /* @__PURE__ */ e.jsx(
-        j,
+        y,
         {
           value: r,
           ...a,
@@ -168,14 +169,14 @@ const W = f.div`
         }
       );
     case !!t.data.enum: {
-      const n = o.includes("list");
+      const n = o == null ? void 0 : o.includes("list");
       let m = [];
       n ? m = Array.isArray(r) ? r : [] : g ? m = [] : m = [r];
       let p = t.data.enum || [];
       if (t.name === "status" && d.length > 0) {
         const s = V(
           d.map((i) => i.projectName),
-          [y]
+          [b]
         );
         s && s.length > 0 && (p = s.map((i) => ({
           value: i.name,
@@ -213,7 +214,7 @@ const W = f.div`
     case (o === "string" || o === "integer" || o === "float"):
     default:
       return /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(
-        b,
+        w,
         {
           value: r.toString(),
           onCancelEdit: c,
@@ -224,6 +225,6 @@ const W = f.div`
   }
 };
 export {
-  ko as default
+  Ao 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 { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      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 ?? false}\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","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","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 { TextWidget } from '@shared/containers/ProjectTreeTable/widgets/TextWidget'\nimport { BooleanWidget } from '@shared/containers/ProjectTreeTable/widgets/BooleanWidget'\nimport { DateWidget } from '@shared/containers/ProjectTreeTable/widgets/DateWidget'\nimport { EnumWidget } from '@shared/containers/ProjectTreeTable/widgets/EnumWidget'\nimport { useScopedStatuses } from '@shared/hooks'\n// Import AttributeField as a type to avoid runtime circular dependency with DetailsPanelAttributesEditor\nimport type { AttributeField } from '../DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\nconst FieldValueText = styled.div`\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n\n  input {\n    text-align: left;\n  }\n`\n\nconst StyledEnumWidget = styled(EnumWidget)`\n  .enum,\n  .edit-trigger {\n    &:hover {\n      background-color: unset;\n    }\n  }\n  &:hover {\n    background-color: unset;\n  }\n`\n\ninterface RenderFieldWidgetProps {\n  field: AttributeField\n  value: any\n  isEditing: boolean\n  isReadOnly: boolean\n  isMixed: boolean\n  onChange: (fieldName: string, value: CellValue | CellValue[]) => void\n  onCancelEdit: () => void\n  entities?: DetailsPanelEntityData[]\n  entityType?: string\n}\n\nconst RenderFieldWidget: FC<RenderFieldWidgetProps> = ({\n  field,\n  value,\n  isEditing,\n  isReadOnly,\n  isMixed,\n  onChange,\n  onCancelEdit,\n  entities = [],\n  entityType = 'task',\n}) => {\n  const { type } = field.data\n  const widgetCommonProps = {\n    isEditing: isEditing && !isReadOnly,\n    isInherited: false,\n    onChange: (newValue: CellValue | CellValue[]) => onChange(field.name, newValue),\n  }\n\n  // Format the value for display\n  let displayValue = value === null || value === undefined ? '' : value\n  const labelValue = field.data.title || field.name\n\n  // Handle different field types\n  switch (true) {\n    case type === 'boolean':\n      return (\n        <BooleanWidget\n          value={Boolean(displayValue)}\n          {...widgetCommonProps}\n          style={{ margin: 0 }}\n          isReadOnly={isReadOnly}\n        />\n      )\n\n    case type === 'datetime':\n      return (\n        <DateWidget\n          value={displayValue}\n          {...widgetCommonProps}\n          isEditing\n          onCancelEdit={onCancelEdit}\n          style={{ width: 'fit-content' }}\n          autoFocus={false}\n        />\n      )\n\n    case !!field.data.enum: {\n      const isListType = type?.includes('list')\n      let valueArray = []\n\n      if (isListType) {\n        valueArray = Array.isArray(displayValue) ? displayValue : []\n      } else if (isMixed) {\n        valueArray = []\n      } else {\n        valueArray = [displayValue]\n      }\n\n      // Use scoped statuses if the field name is 'status'\n      let enumOptions = field.data.enum || []\n      if (field.name === 'status' && entities.length > 0) {\n        const scopedStatuses = useScopedStatuses(\n          entities.map((entity) => entity.projectName),\n          [entityType],\n        )\n        if (scopedStatuses && scopedStatuses.length > 0) {\n          enumOptions = scopedStatuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          }))\n        }\n      }\n\n      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 ?? false}\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","displayValue","labelValue","jsx","BooleanWidget","DateWidget","isListType","valueArray","enumOptions","scopedStatuses","useScopedStatuses","entity","status","TextWidget"],"mappings":"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"}

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

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

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

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

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

@@ -82,6 +82,7 @@ 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/project/getProject.es.js";
@@ -112,6 +113,7 @@ import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 const N = ({
   imageUploader: r,
   disableImageUpload: p = !1
@@ -126,7 +128,7 @@ const N = ({
     imageUploader: r,
     magicUrl: !0
   };
-}, Xo = ({
+}, Zo = ({
   description: r,
   isMixed: p,
   enableEditing: i,
@@ -217,6 +219,6 @@ const N = ({
   );
 };
 export {
-  Xo as DescriptionSection
+  Zo as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const A=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const C=require("./DescriptionSection.cjs.js"),D=require("./DetailsSection.cjs.js"),R=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const M=require("./hooks/useEntityFormData.cjs.js"),I=require("./hooks/useEntityFields.cjs.js"),O=require("./hooks/useEntityEditing.cjs.js"),w=require("./hooks/useEntityData.cjs.js"),B=R.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const A=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const C=require("./DescriptionSection.cjs.js"),D=require("./DetailsSection.cjs.js"),R=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const M=require("./hooks/useEntityFormData.cjs.js"),I=require("./hooks/useEntityFields.cjs.js"),O=require("./hooks/useEntityEditing.cjs.js"),w=require("./hooks/useEntityData.cjs.js"),B=R.div`
   display: flex;
   flex-direction: column;
   height: 100%;