@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumCellValue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumCellValue.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumCellValue.tsx"],"sourcesContent":["import type { EnumItem } from '@shared/api'\nimport { getTextColor, Icon, IconProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\n// Inline the edit trigger class to avoid runtime import and circular dependency with CellWidget\nconst EDIT_TRIGGER_CLASS = 'edit-trigger'\n\nconst StyledWidget = styled.div`\n  display: flex;\n  gap: 1px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  border-radius: var(--border-radius-m);\n  padding: 0 1px;\n\n  &.item {\n    padding: 4px 2px;\n    border-radius: 0;\n    overflow: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n\n  /* when value container is higher than 55px, wrap the contents */\n  &:not(.item) {\n    container-type: size;\n\n    @container (min-height: 55px) {\n      .values {\n        flex-wrap: wrap;\n        align-items: flex-start;\n        max-height: 100%;\n      }\n    }\n  }\n`\n\nconst StyledValuesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  align-content: flex-start;\n  overflow: hidden;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  flex-wrap: nowrap;\n`\n\nconst StyledValueWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  align-items: center;\n\n  max-width: 100%;\n  min-width: 20px;\n`\n\nconst StyledValue = styled.span`\n  text-align: left;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n\n  &.placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst StyledImg = styled.img`\n  width: 20px;\n  height: 20px;\n  object-fit: cover;\n\n  &.avatar {\n    border-radius: 50%;\n  }\n`\n\nconst StyledExpandButton = styled.div`\n  border-radius: var(--border-radius-m);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n\n  &.open {\n    background-color: transparent;\n  }\n`\n\nconst StyledExpandIcon = styled(Icon)`\n  transition: rotate 0.2s;\n  padding: 2px;\n`\n\nexport interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectedOptions: EnumItem[]\n  placeholder?: string\n  hasMultipleValues?: boolean\n  isMultiSelect?: boolean\n  isOpen?: boolean\n  isItem?: boolean\n  isSelected?: boolean\n  isReadOnly?: boolean\n  iconOnlyColor?: boolean // When true, only the icon gets colored, not the text label\n  pt?: {\n    icon?: Partial<IconProps>\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    value?: Partial<React.ImgHTMLAttributes<HTMLSpanElement>>\n    expand?: Partial<IconProps>\n    close?: Partial<IconProps>\n  }\n}\n\nexport const EnumCellValue = ({\n  selectedOptions,\n  placeholder,\n  hasMultipleValues,\n  isMultiSelect,\n  isOpen,\n  isItem,\n  isSelected,\n  isReadOnly,\n  iconOnlyColor = false,\n  className,\n  pt,\n  ...props\n}: EnumTemplateProps) => {\n  // Destructure pt subprops and their relevant props at the top\n  const {\n    icon: ptIcon = {},\n    img: ptImg = {},\n    value: ptValue = {},\n    expand: ptExpand = {},\n    close: ptClose = {},\n  } = pt || {}\n\n  const { style: iconStyle, className: iconClassName, ...iconRest } = ptIcon\n  const { style: imgStyle, className: imgClassName, ...imgRest } = ptImg\n  const { style: valueStyle, className: valueClassName, ...valueRest } = ptValue\n  const { style: expandStyle, className: expandClassName, ...expandRest } = ptExpand\n  const { style: closeStyle, className: closeClassName, ...closeRest } = ptClose\n\n  // Check if all options have icons\n  const allOptionsHaveIcon = selectedOptions.every((option) => option.icon)\n\n  // Determine if we should show labels based on the requirements\n  const showLabels = !hasMultipleValues || !allOptionsHaveIcon\n  // Show the colors be backgrounds instead of the text\n  const backgroundColor = !allOptionsHaveIcon && isMultiSelect && !isItem\n\n  const isPlaceholder = !selectedOptions.length && placeholder\n  if (isPlaceholder) {\n    selectedOptions = [\n      {\n        label: placeholder,\n        value: '',\n      },\n    ]\n  }\n\n  return (\n    <StyledWidget className={clsx(className, { selected: isSelected, item: isItem })} {...props}>\n      <StyledValuesContainer className=\"values\">\n        {selectedOptions.map((option, i) => (\n          <StyledValueWrapper key={option.value.toString() + i}>\n            {option.icon && checkForImgSrc(option.icon) ? (\n              <StyledImg\n                src={option.icon}\n                className={clsx({ avatar: checkAvatarImg(option.icon) }, imgClassName)}\n                style={imgStyle}\n                data-tooltip={option.label}\n                {...imgRest}\n              />\n            ) : option.icon ? (\n              <Icon\n                icon={option.icon}\n                style={{ color: option.color, ...iconStyle }}\n                className={iconClassName}\n                {...iconRest}\n              />\n            ) : null}\n\n            {(showLabels || !option.icon) && (\n              <StyledValue\n                style={{\n                  color:\n                    backgroundColor && option.color\n                      ? getTextColor(option.color)\n                      : iconOnlyColor && option.icon\n                      ? undefined\n                      : option.color,\n                  backgroundColor: backgroundColor\n                    ? option.color || 'var(--md-sys-color-surface-container)'\n                    : 'transparent',\n                  ...valueStyle,\n                }}\n                className={clsx({ placeholder: isPlaceholder }, valueClassName)}\n                aria-label={option.label}\n                {...valueRest}\n              >\n                {option.label}\n              </StyledValue>\n            )}\n          </StyledValueWrapper>\n        ))}\n      </StyledValuesContainer>\n      {!isItem && !isReadOnly && (\n        <StyledExpandButton\n          className={clsx('expand', EDIT_TRIGGER_CLASS, { open: isOpen }, expandClassName)}\n        >\n          <StyledExpandIcon\n            icon=\"expand_more\"\n            style={{ rotate: isOpen ? '180deg' : '0', ...expandStyle }}\n            aria-label=\"Expand options\"\n            {...expandRest}\n          />\n        </StyledExpandButton>\n      )}\n      {isItem && isSelected && isMultiSelect && (\n        <Icon\n          icon=\"close\"\n          style={{ marginLeft: 'auto', marginRight: 4, ...closeStyle }}\n          aria-label=\"Deselect item\"\n          className={clsx('close', closeClassName)}\n          {...closeRest}\n        />\n      )}\n    </StyledWidget>\n  )\n}\n\n// Helper functions to check if the icon is a valid image source\nconst checkForImgSrc = (icon: string | undefined = ''): boolean => {\n  return (\n    icon.startsWith('/') ||\n    icon.startsWith('./') ||\n    icon.startsWith('../') ||\n    icon.startsWith('http://') ||\n    icon.startsWith('https://')\n  )\n}\n\nconst checkAvatarImg = (src: string): boolean => src.includes('avatar')\n"],"names":["EDIT_TRIGGER_CLASS","StyledWidget","styled","StyledValuesContainer","StyledValueWrapper","StyledValue","StyledImg","StyledExpandButton","StyledExpandIcon","Icon","EnumCellValue","selectedOptions","placeholder","hasMultipleValues","isMultiSelect","isOpen","isItem","isSelected","isReadOnly","iconOnlyColor","className","pt","props","ptIcon","ptImg","ptValue","ptExpand","ptClose","iconStyle","iconClassName","iconRest","imgStyle","imgClassName","imgRest","valueStyle","valueClassName","valueRest","expandStyle","expandClassName","expandRest","closeStyle","closeClassName","closeRest","allOptionsHaveIcon","option","showLabels","backgroundColor","isPlaceholder","jsxs","clsx","jsx","i","checkForImgSrc","checkAvatarImg","getTextColor","icon","src"],"mappings":"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"}
+{"version":3,"file":"EnumCellValue.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumCellValue.tsx"],"sourcesContent":["import type { EnumItem } from '@shared/api'\nimport { getTextColor, Icon, IconProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport styled from 'styled-components'\nimport { wrapMode } from './wrapMode'\n// Inline the edit trigger class to avoid runtime import and circular dependency with CellWidget\nconst EDIT_TRIGGER_CLASS = 'edit-trigger'\n\nconst StyledValue = styled.span`\n  text-align: left;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n\n  &.placeholder {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nconst StyledWidget = styled.div`\n  display: flex;\n  gap: 1px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n  border-radius: var(--border-radius-m);\n  padding: 0 1px;\n\n  &.item {\n    padding: 4px 2px;\n    border-radius: 0;\n    overflow: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n\n  /* wrapped rows sit on a fixed row lattice, so the height clip can only land between rows */\n  ${wrapMode`\n    &.multi-select:not(.item) {\n      .values {\n        --wrap-row-height: 24px;\n        --wrap-row-gap: var(--base-gap-small);\n        flex-wrap: wrap;\n        align-items: flex-start;\n        align-content: flex-start;\n        row-gap: var(--wrap-row-gap);\n        max-height: 100%;\n        /* var() inside an unsupported round() computes to none, not to the fallback — gate it */\n        @supports (max-height: round(down, 100px, 24px)) {\n          max-height: calc(\n            round(\n                down,\n                100cqh + var(--wrap-row-gap),\n                calc(var(--wrap-row-height) + var(--wrap-row-gap))\n              ) - var(--wrap-row-gap)\n          );\n        }\n      }\n\n      .values > * {\n        min-height: var(--wrap-row-height);\n      }\n\n      ${StyledValue} {\n        white-space: normal;\n        word-break: break-word;\n        line-height: var(--wrap-row-height);\n      }\n\n      .has-img ${StyledValue} {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  `}\n`\n\nconst StyledValuesContainer = styled.div`\n  flex: 1;\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  align-content: flex-start;\n  overflow: hidden;\n  border-radius: var(--border-radius-m);\n  padding: 0px 2px;\n  flex-wrap: nowrap;\n`\n\nconst StyledValueWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  align-items: center;\n\n  max-width: 100%;\n  min-width: 20px;\n`\n\nconst StyledImg = styled.img`\n  width: 20px;\n  height: 20px;\n  object-fit: cover;\n  flex-shrink: 0;\n\n  &.avatar {\n    border-radius: 50%;\n  }\n`\n\nconst StyledExpandButton = styled.div`\n  border-radius: var(--border-radius-m);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-highest-hover);\n  }\n\n  &.open {\n    background-color: transparent;\n  }\n`\n\nconst StyledExpandIcon = styled(Icon)`\n  transition: rotate 0.2s;\n  padding: 2px;\n`\n\nexport interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectedOptions: EnumItem[]\n  placeholder?: string\n  hasMultipleValues?: boolean\n  isMultiSelect?: boolean\n  isOpen?: boolean\n  isItem?: boolean\n  isSelected?: boolean\n  isReadOnly?: boolean\n  iconOnlyColor?: boolean // When true, only the icon gets colored, not the text label\n  pt?: {\n    icon?: Partial<IconProps>\n    img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n    value?: Partial<React.ImgHTMLAttributes<HTMLSpanElement>>\n    expand?: Partial<IconProps>\n    close?: Partial<IconProps>\n  }\n}\n\nexport const EnumCellValue = ({\n  selectedOptions,\n  placeholder,\n  hasMultipleValues,\n  isMultiSelect,\n  isOpen,\n  isItem,\n  isSelected,\n  isReadOnly,\n  iconOnlyColor = false,\n  className,\n  pt,\n  ...props\n}: EnumTemplateProps) => {\n  // Destructure pt subprops and their relevant props at the top\n  const {\n    icon: ptIcon = {},\n    img: ptImg = {},\n    value: ptValue = {},\n    expand: ptExpand = {},\n    close: ptClose = {},\n  } = pt || {}\n\n  const { style: iconStyle, className: iconClassName, ...iconRest } = ptIcon\n  const { style: imgStyle, className: imgClassName, ...imgRest } = ptImg\n  const { style: valueStyle, className: valueClassName, ...valueRest } = ptValue\n  const { style: expandStyle, className: expandClassName, ...expandRest } = ptExpand\n  const { style: closeStyle, className: closeClassName, ...closeRest } = ptClose\n\n  // Check if all options have icons\n  const allOptionsHaveIcon = selectedOptions.every((option) => option.icon)\n\n  // Determine if we should show labels based on the requirements\n  const showLabels = !hasMultipleValues || !allOptionsHaveIcon\n  // Show the colors be backgrounds instead of the text\n  const backgroundColor = !allOptionsHaveIcon && isMultiSelect && !isItem\n\n  const isPlaceholder = !selectedOptions.length && placeholder\n  if (isPlaceholder) {\n    selectedOptions = [\n      {\n        label: placeholder,\n        value: '',\n      },\n    ]\n  }\n\n  return (\n    <StyledWidget\n      className={clsx(className, {\n        selected: isSelected,\n        item: isItem,\n        'multi-select': isMultiSelect,\n      })}\n      {...props}\n    >\n      <StyledValuesContainer className=\"values\">\n        {selectedOptions.map((option, i) => (\n          <StyledValueWrapper\n            key={option.value.toString() + i}\n            className={clsx({ 'has-img': checkForImgSrc(option.icon) })}\n          >\n            {option.icon && checkForImgSrc(option.icon) ? (\n              <StyledImg\n                src={option.icon}\n                className={clsx({ avatar: checkAvatarImg(option.icon) }, imgClassName)}\n                style={imgStyle}\n                data-tooltip={option.label}\n                {...imgRest}\n              />\n            ) : option.icon ? (\n              <Icon\n                icon={option.icon}\n                style={{ color: option.color, ...iconStyle }}\n                className={iconClassName}\n                {...iconRest}\n              />\n            ) : null}\n\n            {(showLabels || !option.icon) && (\n              <StyledValue\n                style={{\n                  color:\n                    backgroundColor && option.color\n                      ? getTextColor(option.color)\n                      : iconOnlyColor && option.icon\n                      ? undefined\n                      : option.color,\n                  backgroundColor: backgroundColor\n                    ? option.color || 'var(--md-sys-color-surface-container)'\n                    : 'transparent',\n                  ...valueStyle,\n                }}\n                className={clsx({ placeholder: isPlaceholder }, valueClassName)}\n                aria-label={option.label}\n                {...valueRest}\n              >\n                {option.label}\n              </StyledValue>\n            )}\n          </StyledValueWrapper>\n        ))}\n      </StyledValuesContainer>\n      {!isItem && !isReadOnly && (\n        <StyledExpandButton\n          className={clsx('expand', EDIT_TRIGGER_CLASS, { open: isOpen }, expandClassName)}\n        >\n          <StyledExpandIcon\n            icon=\"expand_more\"\n            style={{ rotate: isOpen ? '180deg' : '0', ...expandStyle }}\n            aria-label=\"Expand options\"\n            {...expandRest}\n          />\n        </StyledExpandButton>\n      )}\n      {isItem && isSelected && isMultiSelect && (\n        <Icon\n          icon=\"close\"\n          style={{ marginLeft: 'auto', marginRight: 4, ...closeStyle }}\n          aria-label=\"Deselect item\"\n          className={clsx('close', closeClassName)}\n          {...closeRest}\n        />\n      )}\n    </StyledWidget>\n  )\n}\n\n// Helper functions to check if the icon is a valid image source\nconst checkForImgSrc = (icon: string | undefined = ''): boolean => {\n  return (\n    icon.startsWith('/') ||\n    icon.startsWith('./') ||\n    icon.startsWith('../') ||\n    icon.startsWith('http://') ||\n    icon.startsWith('https://')\n  )\n}\n\nconst checkAvatarImg = (src: string): boolean => src.includes('avatar')\n"],"names":["EDIT_TRIGGER_CLASS","StyledValue","styled","StyledWidget","wrapMode","StyledValuesContainer","StyledValueWrapper","StyledImg","StyledExpandButton","StyledExpandIcon","Icon","EnumCellValue","selectedOptions","placeholder","hasMultipleValues","isMultiSelect","isOpen","isItem","isSelected","isReadOnly","iconOnlyColor","className","pt","props","ptIcon","ptImg","ptValue","ptExpand","ptClose","iconStyle","iconClassName","iconRest","imgStyle","imgClassName","imgRest","valueStyle","valueClassName","valueRest","expandStyle","expandClassName","expandRest","closeStyle","closeClassName","closeRest","allOptionsHaveIcon","option","showLabels","backgroundColor","isPlaceholder","jsxs","clsx","jsx","i","checkForImgSrc","checkAvatarImg","getTextColor","icon","src"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumWidget.cjs.js

@@ -1,5 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../../../_virtual/jsx-runtime.cjs.js"),M=require("@ynput/ayon-react-components"),x=require("clsx"),i=require("react"),b=require("styled-components"),v=require("./EnumCellValue.cjs.js"),A=b(M.Dropdown)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../../_virtual/jsx-runtime.cjs.js"),C=require("@ynput/ayon-react-components"),v=require("clsx"),i=require("react"),A=require("styled-components"),x=require("./EnumCellValue.cjs.js"),V=require("./wrapMode.cjs.js"),D=require("../../../util/attributeEnum.cjs.js"),I=A(C.Dropdown)`
   height: 100%;
   width: 100%;
-`,V=i.forwardRef(({value:y,isEditing:d,options:c,type:E,autoOpen:g=!0,isReadOnly:u,enableCustomValues:o,onOpen:D,onChange:S,onCancelEdit:q,onNext:T,pt:l,...s},_)=>{const p=y.map(t=>t?.toString()).filter(t=>!!t);let r=c.filter(t=>p.includes(t.value.toString()));const j=[];p.forEach(t=>{if(!c.find(e=>e.value===t)){const e={label:t,value:t,color:o?"var(--md-sys-color-surface-container)":"var(--md-sys-color-error)",icon:o?void 0:"warning"};r=[...r,e],j.push(e)}});const R=r.length>1,h=[...c,...j],n=i.useRef(null),[O,N]=i.useState(!1);i.useEffect(()=>{d&&n.current&&g?(!n.current.isOpen&&n.current?.open(),N(!0)):N(!1)},[d,n.current,g]),i.useEffect(()=>{if(O&&!s.search&&h.length<20){const e=n.current?.getOptions()?.querySelector("li");e&&(e.focus(),e.style.outline="none")}},[O,s.search,h.length]);const m=!!E?.includes("list"),C=t=>{let e=o?t:t.filter(a=>c.find(w=>w.value===a));E?.includes("list")||(e=Array.isArray(e)?e[0]:e),S(e,"Click")};return d?f.jsxRuntimeExports.jsx(A,{options:h,value:p,ref:n,valueTemplate:(t,e,a)=>f.jsxRuntimeExports.jsx(v.EnumCellValue,{selectedOptions:r,hasMultipleValues:e.length>1,isOpen:a,isReadOnly:u,isMultiSelect:m,...l?.template,placeholder:s.placeholder,className:x("enum-dropdown-value",l?.template?.className)}),itemTemplate:(t,e,a)=>f.jsxRuntimeExports.jsx(v.EnumCellValue,{selectedOptions:[t],hasMultipleValues:!1,isOpen:!1,isItem:!0,isMultiSelect:m,isSelected:a,...l?.template,className:x("enum-dropdown-item",l?.template?.className)}),widthExpand:!0,multiSelect:m,disableOpen:u,disabled:u,sortBySelected:!0,searchOnNumber:10,...s,onChange:C,onClose:q,editable:o}):f.jsxRuntimeExports.jsx(v.EnumCellValue,{selectedOptions:r,hasMultipleValues:R,isMultiSelect:m,isReadOnly:u,...l?.template,placeholder:s.placeholder,className:x("enum-value",l?.template?.className,s.className)})});exports.EnumWidget=V;
+
+  /* the value template clips against the button, so it has to grow with the cell */
+  ${({$multiSelect:p})=>p&&V.wrapMode`
+      .button {
+        height: 100%;
+      }
+    `}
+`,T=i.forwardRef(({value:p,isEditing:h,options:c,type:E,autoOpen:S=!0,isReadOnly:o,enableCustomValues:m,isLoadingOptions:j,onOpen:_,onChange:q,onCancelEdit:b,onNext:k,pt:l,...s},U)=>{const f=p.map(t=>t?.toString()).filter(t=>!!t);let r=c.filter(t=>f.includes(t.value.toString()));const w=[];f.forEach(t=>{if(!c.find(e=>e.value===t)){const e={label:t,value:t,color:m||j?"var(--md-sys-color-surface-container)":"var(--md-sys-color-error)",icon:m||j?void 0:"warning"};r=[...r,e],w.push(e)}});const y=r.length>1,g=[...D.getSelectableEnumItems(c,f),...w],n=i.useRef(null),[N,O]=i.useState(!1);i.useEffect(()=>{h&&n.current&&S?(!n.current.isOpen&&n.current?.open(),O(!0)):O(!1)},[h,n.current,S]),i.useEffect(()=>{if(N&&!s.search&&g.length<20){const e=n.current?.getOptions()?.querySelector("li");e&&(e.focus(),e.style.outline="none")}},[N,s.search,g.length]);const a=!!E?.includes("list"),M=t=>{let e=m?t:t.filter(u=>c.find(R=>R.value===u));E?.includes("list")||(e=Array.isArray(e)?e[0]:e),q(e,"Click")};return h?d.jsxRuntimeExports.jsx(I,{options:g,value:f,ref:n,valueTemplate:(t,e,u)=>d.jsxRuntimeExports.jsx(x.EnumCellValue,{selectedOptions:r,hasMultipleValues:e.length>1,isOpen:u,isReadOnly:o,isMultiSelect:a,...l?.template,placeholder:s.placeholder,className:v("enum-dropdown-value",l?.template?.className)}),itemTemplate:(t,e,u)=>d.jsxRuntimeExports.jsx(x.EnumCellValue,{selectedOptions:[t],hasMultipleValues:!1,isOpen:!1,isItem:!0,isMultiSelect:a,isSelected:u,...l?.template,className:v("enum-dropdown-item",l?.template?.className)}),widthExpand:!0,multiSelect:a,disableOpen:o,disabled:o,sortBySelected:!0,searchOnNumber:10,...s,$multiSelect:a,onChange:M,onClose:b,editable:m}):d.jsxRuntimeExports.jsx(x.EnumCellValue,{selectedOptions:r,hasMultipleValues:y,isMultiSelect:a,isReadOnly:o,...l?.template,placeholder:s.placeholder,className:v("enum-value",l?.template?.className,s.className)})});exports.EnumWidget=T;
 //# sourceMappingURL=EnumWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 100%;\n  width: 100%;\n`\n\nexport interface EnumWidgetProps\n  extends Omit<DropdownProps, 'onChange' | 'value' | 'pt'>,\n    WidgetBaseProps {\n  value: (string | number | boolean)[]\n  options: EnumItem[]\n  type?: AttributeData['type']\n  autoOpen?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  pt?: {\n    template?: Partial<EnumTemplateProps>\n  }\n  onOpen?: () => void\n  onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      options,\n      type,\n      autoOpen = true,\n      isReadOnly,\n      enableCustomValues,\n      onOpen,\n      onChange,\n      onCancelEdit,\n      onNext,\n      pt,\n      ...dropdownProps\n    },\n    _ref,\n  ) => {\n    // convert value to string array\n    const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n    let selectedOptions = options.filter((option) =>\n      valueAsStrings.includes(option.value.toString()),\n    )\n\n    // Check if all values are present in options, if not, add a warning\n    const invalidOptions: EnumItem[] = []\n    valueAsStrings.forEach((val) => {\n      if (!options.find((option) => option.value === val)) {\n        const invalidOption = {\n          label: val,\n          value: val,\n          color: enableCustomValues\n            ? 'var(--md-sys-color-surface-container)'\n            : 'var(--md-sys-color-error)',\n          icon: enableCustomValues ? undefined : 'warning',\n        }\n        selectedOptions = [...selectedOptions, invalidOption]\n        invalidOptions.push(invalidOption)\n      }\n    })\n    const hasMultipleValues = selectedOptions.length > 1\n\n    // Merge valid options with invalid options for the dropdown\n    const allOptions = [...options, ...invalidOptions]\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n    useEffect(() => {\n      if (isEditing && dropdownRef.current && autoOpen) {\n        !dropdownRef.current.isOpen && dropdownRef.current?.open()\n        setDropdownOpen(true)\n      } else {\n        setDropdownOpen(false)\n      }\n    }, [isEditing, dropdownRef.current, autoOpen])\n\n    // when the dropdown is open, focus the first item\n    useEffect(() => {\n      if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n        const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n        const firstItem = optionsUlEl?.querySelector('li')\n        if (firstItem) {\n          firstItem.focus()\n          // set style of li to have no outline (no focus ring)\n          firstItem.style.outline = 'none'\n        }\n      }\n    }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n    const isMultiSelect = !!type?.includes('list')\n\n    const handleChange = (newValue: string[]) => {\n      let filteredValue: string | string[] = enableCustomValues\n        ? newValue\n        : newValue.filter((v) => options.find((o) => o.value === v))\n\n      if (type?.includes('list')) {\n        onChange(filteredValue, 'Click')\n      } else {\n        // check if the value is an array or a string and for arrays take the first value only\n        filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n        // take first value as the type is not list]\n        onChange(filteredValue, 'Click')\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <StyledDropdown\n          options={allOptions}\n          value={valueAsStrings}\n          ref={dropdownRef}\n          valueTemplate={(_value, selected, isOpen) => (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              hasMultipleValues={selected.length > 1}\n              isOpen={isOpen}\n              isReadOnly={isReadOnly}\n              isMultiSelect={isMultiSelect}\n              {...pt?.template}\n              placeholder={dropdownProps.placeholder}\n              className={clsx('enum-dropdown-value', pt?.template?.className)}\n            />\n          )}\n          itemTemplate={(option, _isActive, isSelected) => (\n            <EnumCellValue\n              selectedOptions={[option]}\n              hasMultipleValues={false}\n              isOpen={false}\n              isItem\n              isMultiSelect={isMultiSelect}\n              isSelected={isSelected}\n              {...pt?.template}\n              className={clsx('enum-dropdown-item', pt?.template?.className)}\n            />\n          )}\n          widthExpand\n          multiSelect={isMultiSelect}\n          disableOpen={isReadOnly}\n          disabled={isReadOnly}\n          sortBySelected\n          searchOnNumber={10}\n          {...dropdownProps}\n          onChange={handleChange}\n          onClose={onCancelEdit}\n          editable={enableCustomValues}\n        />\n      )\n    }\n\n    return (\n      <EnumCellValue\n        selectedOptions={selectedOptions}\n        hasMultipleValues={hasMultipleValues}\n        isMultiSelect={isMultiSelect}\n        isReadOnly={isReadOnly}\n        {...pt?.template}\n        placeholder={dropdownProps.placeholder}\n        className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n      />\n    )\n  },\n)\n"],"names":["StyledDropdown","styled","Dropdown","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}
+{"version":3,"file":"EnumWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\nimport { wrapMode } from './wrapMode'\nimport { getSelectableEnumItems } from '@shared/util/attributeEnum'\n\nconst StyledDropdown = styled(Dropdown)<{ $multiSelect?: boolean }>`\n  height: 100%;\n  width: 100%;\n\n  /* the value template clips against the button, so it has to grow with the cell */\n  ${({ $multiSelect }) =>\n    $multiSelect &&\n    wrapMode`\n      .button {\n        height: 100%;\n      }\n    `}\n`\n\nexport interface EnumWidgetProps\n  extends Omit<DropdownProps, 'onChange' | 'value' | 'pt'>,\n    WidgetBaseProps {\n  value: (string | number | boolean)[]\n  options: EnumItem[]\n  type?: AttributeData['type']\n  autoOpen?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  isLoadingOptions?: boolean\n  pt?: {\n    template?: Partial<EnumTemplateProps>\n  }\n  onOpen?: () => void\n  onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      options,\n      type,\n      autoOpen = true,\n      isReadOnly,\n      enableCustomValues,\n      isLoadingOptions,\n      onOpen,\n      onChange,\n      onCancelEdit,\n      onNext,\n      pt,\n      ...dropdownProps\n    },\n    _ref,\n  ) => {\n    // convert value to string array\n    const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n    let selectedOptions = options.filter((option) =>\n      valueAsStrings.includes(option.value.toString()),\n    )\n\n    // Check if all values are present in options, if not, add a warning\n    const invalidOptions: EnumItem[] = []\n    valueAsStrings.forEach((val) => {\n      if (!options.find((option) => option.value === val)) {\n        const invalidOption = {\n          label: val,\n          value: val,\n          // options that are still loading cannot be validated against yet\n          color:\n            enableCustomValues || isLoadingOptions\n              ? 'var(--md-sys-color-surface-container)'\n              : 'var(--md-sys-color-error)',\n          icon: enableCustomValues || isLoadingOptions ? undefined : 'warning',\n        }\n        selectedOptions = [...selectedOptions, invalidOption]\n        invalidOptions.push(invalidOption)\n      }\n    })\n    const hasMultipleValues = selectedOptions.length > 1\n\n    // Merge valid options with invalid options for the dropdown\n    const allOptions = [...getSelectableEnumItems(options, valueAsStrings), ...invalidOptions]\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n    useEffect(() => {\n      if (isEditing && dropdownRef.current && autoOpen) {\n        !dropdownRef.current.isOpen && dropdownRef.current?.open()\n        setDropdownOpen(true)\n      } else {\n        setDropdownOpen(false)\n      }\n    }, [isEditing, dropdownRef.current, autoOpen])\n\n    // when the dropdown is open, focus the first item\n    useEffect(() => {\n      if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n        const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n        const firstItem = optionsUlEl?.querySelector('li')\n        if (firstItem) {\n          firstItem.focus()\n          // set style of li to have no outline (no focus ring)\n          firstItem.style.outline = 'none'\n        }\n      }\n    }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n    const isMultiSelect = !!type?.includes('list')\n\n    const handleChange = (newValue: string[]) => {\n      let filteredValue: string | string[] = enableCustomValues\n        ? newValue\n        : newValue.filter((v) => options.find((o) => o.value === v))\n\n      if (type?.includes('list')) {\n        onChange(filteredValue, 'Click')\n      } else {\n        // check if the value is an array or a string and for arrays take the first value only\n        filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n        // take first value as the type is not list]\n        onChange(filteredValue, 'Click')\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <StyledDropdown\n          options={allOptions}\n          value={valueAsStrings}\n          ref={dropdownRef}\n          valueTemplate={(_value, selected, isOpen) => (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              hasMultipleValues={selected.length > 1}\n              isOpen={isOpen}\n              isReadOnly={isReadOnly}\n              isMultiSelect={isMultiSelect}\n              {...pt?.template}\n              placeholder={dropdownProps.placeholder}\n              className={clsx('enum-dropdown-value', pt?.template?.className)}\n            />\n          )}\n          itemTemplate={(option, _isActive, isSelected) => (\n            <EnumCellValue\n              selectedOptions={[option]}\n              hasMultipleValues={false}\n              isOpen={false}\n              isItem\n              isMultiSelect={isMultiSelect}\n              isSelected={isSelected}\n              {...pt?.template}\n              className={clsx('enum-dropdown-item', pt?.template?.className)}\n            />\n          )}\n          widthExpand\n          multiSelect={isMultiSelect}\n          disableOpen={isReadOnly}\n          disabled={isReadOnly}\n          sortBySelected\n          searchOnNumber={10}\n          {...dropdownProps}\n          $multiSelect={isMultiSelect}\n          onChange={handleChange}\n          onClose={onCancelEdit}\n          editable={enableCustomValues}\n        />\n      )\n    }\n\n    return (\n      <EnumCellValue\n        selectedOptions={selectedOptions}\n        hasMultipleValues={hasMultipleValues}\n        isMultiSelect={isMultiSelect}\n        isReadOnly={isReadOnly}\n        {...pt?.template}\n        placeholder={dropdownProps.placeholder}\n        className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n      />\n    )\n  },\n)\n"],"names":["StyledDropdown","styled","Dropdown","$multiSelect","wrapMode","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","isLoadingOptions","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","getSelectableEnumItems","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumWidget.es.js

@@ -1,115 +1,127 @@
-import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Dropdown as _ } from "@ynput/ayon-react-components";
-import h from "clsx";
-import { forwardRef as b, useRef as k, useState as C, useEffect as E } from "react";
-import I from "styled-components";
-import { EnumCellValue as v } from "./EnumCellValue.es.js";
-const T = I(_)`
+import { j as f } from "../../../../../_virtual/jsx-runtime.es.js";
+import { Dropdown as I } from "@ynput/ayon-react-components";
+import v from "clsx";
+import { forwardRef as _, useRef as k, useState as C, useEffect as b } from "react";
+import T from "styled-components";
+import { EnumCellValue as g } from "./EnumCellValue.es.js";
+import { wrapMode as U } from "./wrapMode.es.js";
+import { getSelectableEnumItems as $ } from "../../../util/attributeEnum.es.js";
+const q = T(I)`
   height: 100%;
   width: 100%;
-`, H = b(
+
+  /* the value template clips against the button, so it has to grow with the cell */
+  ${({ $multiSelect: p }) => p && U`
+      .button {
+        height: 100%;
+      }
+    `}
+`, X = _(
   ({
-    value: w,
-    isEditing: f,
-    options: i,
-    type: g,
+    value: p,
+    isEditing: h,
+    options: n,
+    type: S,
     autoOpen: x = !0,
-    isReadOnly: o,
-    enableCustomValues: c,
-    onOpen: U,
-    onChange: N,
+    isReadOnly: c,
+    enableCustomValues: u,
+    isLoadingOptions: N,
+    onOpen: B,
+    onChange: w,
     onCancelEdit: y,
-    onNext: q,
+    onNext: R,
     pt: l,
-    ...s
-  }, B) => {
-    const p = w.map((t) => t?.toString()).filter((t) => !!t);
-    let n = i.filter(
-      (t) => p.includes(t.value.toString())
+    ...r
+  }, V) => {
+    const m = p.map((t) => t?.toString()).filter((t) => !!t);
+    let a = n.filter(
+      (t) => m.includes(t.value.toString())
     );
     const O = [];
-    p.forEach((t) => {
-      if (!i.find((e) => e.value === t)) {
+    m.forEach((t) => {
+      if (!n.find((e) => e.value === t)) {
         const e = {
           label: t,
           value: t,
-          color: c ? "var(--md-sys-color-surface-container)" : "var(--md-sys-color-error)",
-          icon: c ? void 0 : "warning"
+          // options that are still loading cannot be validated against yet
+          color: u || N ? "var(--md-sys-color-surface-container)" : "var(--md-sys-color-error)",
+          icon: u || N ? void 0 : "warning"
         };
-        n = [...n, e], O.push(e);
+        a = [...a, e], O.push(e);
       }
     });
-    const A = n.length > 1, d = [...i, ...O], r = k(null), [S, j] = C(!1);
-    E(() => {
-      f && r.current && x ? (!r.current.isOpen && r.current?.open(), j(!0)) : j(!1);
-    }, [f, r.current, x]), E(() => {
-      if (S && !s.search && d.length < 20) {
-        const e = r.current?.getOptions()?.querySelector("li");
+    const M = a.length > 1, d = [...$(n, m), ...O], s = k(null), [E, j] = C(!1);
+    b(() => {
+      h && s.current && x ? (!s.current.isOpen && s.current?.open(), j(!0)) : j(!1);
+    }, [h, s.current, x]), b(() => {
+      if (E && !r.search && d.length < 20) {
+        const e = s.current?.getOptions()?.querySelector("li");
         e && (e.focus(), e.style.outline = "none");
       }
-    }, [S, s.search, d.length]);
-    const u = !!g?.includes("list"), M = (t) => {
-      let e = c ? t : t.filter((a) => i.find((D) => D.value === a));
-      g?.includes("list") || (e = Array.isArray(e) ? e[0] : e), N(e, "Click");
+    }, [E, r.search, d.length]);
+    const o = !!S?.includes("list"), A = (t) => {
+      let e = u ? t : t.filter((i) => n.find((D) => D.value === i));
+      S?.includes("list") || (e = Array.isArray(e) ? e[0] : e), w(e, "Click");
     };
-    return f ? /* @__PURE__ */ m.jsx(
-      T,
+    return h ? /* @__PURE__ */ f.jsx(
+      q,
       {
         options: d,
-        value: p,
-        ref: r,
-        valueTemplate: (t, e, a) => /* @__PURE__ */ m.jsx(
-          v,
+        value: m,
+        ref: s,
+        valueTemplate: (t, e, i) => /* @__PURE__ */ f.jsx(
+          g,
           {
-            selectedOptions: n,
+            selectedOptions: a,
             hasMultipleValues: e.length > 1,
-            isOpen: a,
-            isReadOnly: o,
-            isMultiSelect: u,
+            isOpen: i,
+            isReadOnly: c,
+            isMultiSelect: o,
             ...l?.template,
-            placeholder: s.placeholder,
-            className: h("enum-dropdown-value", l?.template?.className)
+            placeholder: r.placeholder,
+            className: v("enum-dropdown-value", l?.template?.className)
           }
         ),
-        itemTemplate: (t, e, a) => /* @__PURE__ */ m.jsx(
-          v,
+        itemTemplate: (t, e, i) => /* @__PURE__ */ f.jsx(
+          g,
           {
             selectedOptions: [t],
             hasMultipleValues: !1,
             isOpen: !1,
             isItem: !0,
-            isMultiSelect: u,
-            isSelected: a,
+            isMultiSelect: o,
+            isSelected: i,
             ...l?.template,
-            className: h("enum-dropdown-item", l?.template?.className)
+            className: v("enum-dropdown-item", l?.template?.className)
           }
         ),
         widthExpand: !0,
-        multiSelect: u,
-        disableOpen: o,
-        disabled: o,
+        multiSelect: o,
+        disableOpen: c,
+        disabled: c,
         sortBySelected: !0,
         searchOnNumber: 10,
-        ...s,
-        onChange: M,
+        ...r,
+        $multiSelect: o,
+        onChange: A,
         onClose: y,
-        editable: c
+        editable: u
       }
-    ) : /* @__PURE__ */ m.jsx(
-      v,
+    ) : /* @__PURE__ */ f.jsx(
+      g,
       {
-        selectedOptions: n,
-        hasMultipleValues: A,
-        isMultiSelect: u,
-        isReadOnly: o,
+        selectedOptions: a,
+        hasMultipleValues: M,
+        isMultiSelect: o,
+        isReadOnly: c,
         ...l?.template,
-        placeholder: s.placeholder,
-        className: h("enum-value", l?.template?.className, s.className)
+        placeholder: r.placeholder,
+        className: v("enum-value", l?.template?.className, r.className)
       }
     );
   }
 );
 export {
-  H as EnumWidget
+  X as EnumWidget
 };
 //# sourceMappingURL=EnumWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/EnumWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\n\nconst StyledDropdown = styled(Dropdown)`\n  height: 100%;\n  width: 100%;\n`\n\nexport interface EnumWidgetProps\n  extends Omit<DropdownProps, 'onChange' | 'value' | 'pt'>,\n    WidgetBaseProps {\n  value: (string | number | boolean)[]\n  options: EnumItem[]\n  type?: AttributeData['type']\n  autoOpen?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  pt?: {\n    template?: Partial<EnumTemplateProps>\n  }\n  onOpen?: () => void\n  onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      options,\n      type,\n      autoOpen = true,\n      isReadOnly,\n      enableCustomValues,\n      onOpen,\n      onChange,\n      onCancelEdit,\n      onNext,\n      pt,\n      ...dropdownProps\n    },\n    _ref,\n  ) => {\n    // convert value to string array\n    const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n    let selectedOptions = options.filter((option) =>\n      valueAsStrings.includes(option.value.toString()),\n    )\n\n    // Check if all values are present in options, if not, add a warning\n    const invalidOptions: EnumItem[] = []\n    valueAsStrings.forEach((val) => {\n      if (!options.find((option) => option.value === val)) {\n        const invalidOption = {\n          label: val,\n          value: val,\n          color: enableCustomValues\n            ? 'var(--md-sys-color-surface-container)'\n            : 'var(--md-sys-color-error)',\n          icon: enableCustomValues ? undefined : 'warning',\n        }\n        selectedOptions = [...selectedOptions, invalidOption]\n        invalidOptions.push(invalidOption)\n      }\n    })\n    const hasMultipleValues = selectedOptions.length > 1\n\n    // Merge valid options with invalid options for the dropdown\n    const allOptions = [...options, ...invalidOptions]\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n    useEffect(() => {\n      if (isEditing && dropdownRef.current && autoOpen) {\n        !dropdownRef.current.isOpen && dropdownRef.current?.open()\n        setDropdownOpen(true)\n      } else {\n        setDropdownOpen(false)\n      }\n    }, [isEditing, dropdownRef.current, autoOpen])\n\n    // when the dropdown is open, focus the first item\n    useEffect(() => {\n      if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n        const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n        const firstItem = optionsUlEl?.querySelector('li')\n        if (firstItem) {\n          firstItem.focus()\n          // set style of li to have no outline (no focus ring)\n          firstItem.style.outline = 'none'\n        }\n      }\n    }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n    const isMultiSelect = !!type?.includes('list')\n\n    const handleChange = (newValue: string[]) => {\n      let filteredValue: string | string[] = enableCustomValues\n        ? newValue\n        : newValue.filter((v) => options.find((o) => o.value === v))\n\n      if (type?.includes('list')) {\n        onChange(filteredValue, 'Click')\n      } else {\n        // check if the value is an array or a string and for arrays take the first value only\n        filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n        // take first value as the type is not list]\n        onChange(filteredValue, 'Click')\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <StyledDropdown\n          options={allOptions}\n          value={valueAsStrings}\n          ref={dropdownRef}\n          valueTemplate={(_value, selected, isOpen) => (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              hasMultipleValues={selected.length > 1}\n              isOpen={isOpen}\n              isReadOnly={isReadOnly}\n              isMultiSelect={isMultiSelect}\n              {...pt?.template}\n              placeholder={dropdownProps.placeholder}\n              className={clsx('enum-dropdown-value', pt?.template?.className)}\n            />\n          )}\n          itemTemplate={(option, _isActive, isSelected) => (\n            <EnumCellValue\n              selectedOptions={[option]}\n              hasMultipleValues={false}\n              isOpen={false}\n              isItem\n              isMultiSelect={isMultiSelect}\n              isSelected={isSelected}\n              {...pt?.template}\n              className={clsx('enum-dropdown-item', pt?.template?.className)}\n            />\n          )}\n          widthExpand\n          multiSelect={isMultiSelect}\n          disableOpen={isReadOnly}\n          disabled={isReadOnly}\n          sortBySelected\n          searchOnNumber={10}\n          {...dropdownProps}\n          onChange={handleChange}\n          onClose={onCancelEdit}\n          editable={enableCustomValues}\n        />\n      )\n    }\n\n    return (\n      <EnumCellValue\n        selectedOptions={selectedOptions}\n        hasMultipleValues={hasMultipleValues}\n        isMultiSelect={isMultiSelect}\n        isReadOnly={isReadOnly}\n        {...pt?.template}\n        placeholder={dropdownProps.placeholder}\n        className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n      />\n    )\n  },\n)\n"],"names":["StyledDropdown","styled","Dropdown","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}
+{"version":3,"file":"EnumWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\nimport { wrapMode } from './wrapMode'\nimport { getSelectableEnumItems } from '@shared/util/attributeEnum'\n\nconst StyledDropdown = styled(Dropdown)<{ $multiSelect?: boolean }>`\n  height: 100%;\n  width: 100%;\n\n  /* the value template clips against the button, so it has to grow with the cell */\n  ${({ $multiSelect }) =>\n    $multiSelect &&\n    wrapMode`\n      .button {\n        height: 100%;\n      }\n    `}\n`\n\nexport interface EnumWidgetProps\n  extends Omit<DropdownProps, 'onChange' | 'value' | 'pt'>,\n    WidgetBaseProps {\n  value: (string | number | boolean)[]\n  options: EnumItem[]\n  type?: AttributeData['type']\n  autoOpen?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  isLoadingOptions?: boolean\n  pt?: {\n    template?: Partial<EnumTemplateProps>\n  }\n  onOpen?: () => void\n  onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n  (\n    {\n      value,\n      isEditing,\n      options,\n      type,\n      autoOpen = true,\n      isReadOnly,\n      enableCustomValues,\n      isLoadingOptions,\n      onOpen,\n      onChange,\n      onCancelEdit,\n      onNext,\n      pt,\n      ...dropdownProps\n    },\n    _ref,\n  ) => {\n    // convert value to string array\n    const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n    let selectedOptions = options.filter((option) =>\n      valueAsStrings.includes(option.value.toString()),\n    )\n\n    // Check if all values are present in options, if not, add a warning\n    const invalidOptions: EnumItem[] = []\n    valueAsStrings.forEach((val) => {\n      if (!options.find((option) => option.value === val)) {\n        const invalidOption = {\n          label: val,\n          value: val,\n          // options that are still loading cannot be validated against yet\n          color:\n            enableCustomValues || isLoadingOptions\n              ? 'var(--md-sys-color-surface-container)'\n              : 'var(--md-sys-color-error)',\n          icon: enableCustomValues || isLoadingOptions ? undefined : 'warning',\n        }\n        selectedOptions = [...selectedOptions, invalidOption]\n        invalidOptions.push(invalidOption)\n      }\n    })\n    const hasMultipleValues = selectedOptions.length > 1\n\n    // Merge valid options with invalid options for the dropdown\n    const allOptions = [...getSelectableEnumItems(options, valueAsStrings), ...invalidOptions]\n\n    const dropdownRef = useRef<DropdownRef>(null)\n\n    const [dropdownOpen, setDropdownOpen] = useState(false)\n    useEffect(() => {\n      if (isEditing && dropdownRef.current && autoOpen) {\n        !dropdownRef.current.isOpen && dropdownRef.current?.open()\n        setDropdownOpen(true)\n      } else {\n        setDropdownOpen(false)\n      }\n    }, [isEditing, dropdownRef.current, autoOpen])\n\n    // when the dropdown is open, focus the first item\n    useEffect(() => {\n      if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n        const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n        const firstItem = optionsUlEl?.querySelector('li')\n        if (firstItem) {\n          firstItem.focus()\n          // set style of li to have no outline (no focus ring)\n          firstItem.style.outline = 'none'\n        }\n      }\n    }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n    const isMultiSelect = !!type?.includes('list')\n\n    const handleChange = (newValue: string[]) => {\n      let filteredValue: string | string[] = enableCustomValues\n        ? newValue\n        : newValue.filter((v) => options.find((o) => o.value === v))\n\n      if (type?.includes('list')) {\n        onChange(filteredValue, 'Click')\n      } else {\n        // check if the value is an array or a string and for arrays take the first value only\n        filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n        // take first value as the type is not list]\n        onChange(filteredValue, 'Click')\n      }\n    }\n\n    if (isEditing) {\n      return (\n        <StyledDropdown\n          options={allOptions}\n          value={valueAsStrings}\n          ref={dropdownRef}\n          valueTemplate={(_value, selected, isOpen) => (\n            <EnumCellValue\n              selectedOptions={selectedOptions}\n              hasMultipleValues={selected.length > 1}\n              isOpen={isOpen}\n              isReadOnly={isReadOnly}\n              isMultiSelect={isMultiSelect}\n              {...pt?.template}\n              placeholder={dropdownProps.placeholder}\n              className={clsx('enum-dropdown-value', pt?.template?.className)}\n            />\n          )}\n          itemTemplate={(option, _isActive, isSelected) => (\n            <EnumCellValue\n              selectedOptions={[option]}\n              hasMultipleValues={false}\n              isOpen={false}\n              isItem\n              isMultiSelect={isMultiSelect}\n              isSelected={isSelected}\n              {...pt?.template}\n              className={clsx('enum-dropdown-item', pt?.template?.className)}\n            />\n          )}\n          widthExpand\n          multiSelect={isMultiSelect}\n          disableOpen={isReadOnly}\n          disabled={isReadOnly}\n          sortBySelected\n          searchOnNumber={10}\n          {...dropdownProps}\n          $multiSelect={isMultiSelect}\n          onChange={handleChange}\n          onClose={onCancelEdit}\n          editable={enableCustomValues}\n        />\n      )\n    }\n\n    return (\n      <EnumCellValue\n        selectedOptions={selectedOptions}\n        hasMultipleValues={hasMultipleValues}\n        isMultiSelect={isMultiSelect}\n        isReadOnly={isReadOnly}\n        {...pt?.template}\n        placeholder={dropdownProps.placeholder}\n        className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n      />\n    )\n  },\n)\n"],"names":["StyledDropdown","styled","Dropdown","$multiSelect","wrapMode","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","isLoadingOptions","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","getSelectableEnumItems","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/NameWidget.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),m=require("../../../components/RenameForm/RenameForm.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");require("clsx");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("react");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("@ynput/ayon-react-components");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("../utils/columnIds.cjs.js");require("../buildTreeTableColumns.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");const l=require("../context/ProjectDataContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");const x=({value:t,isEditing:i,cellId:u,valueData:e,onCancelEdit:q,entityType:n})=>{const{canWriteNamePermission:o,canWriteLabelPermission:s}=l.useProjectDataContext();return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:i&&t&&r.jsxRuntimeExports.jsx(a.CellEditingDialog,{isEditing:i,anchorId:u,onClose:q,children:r.jsxRuntimeExports.jsx(m.RenameForm,{cellId:u,initialName:e?.name,initialLabel:e?.label,onClose:q,entityType:n,valueData:e,nameDisabled:o?e?.hasVersions?"Cannot edit name when versions exist.":!1:"You do not have permission to edit the name.",labelDisabled:s?!1:"You do not have permission to edit the label."})})})};exports.NameWidget=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),m=require("../../../components/RenameForm/RenameForm.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");require("clsx");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("react");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("@ynput/ayon-react-components");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("../utils/columnIds.cjs.js");require("../buildTreeTableColumns.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/enums.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/enums/getEnums.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");const l=require("../context/ProjectDataContext.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");const x=({value:t,isEditing:i,cellId:u,valueData:e,onCancelEdit:q,entityType:n})=>{const{canWriteNamePermission:o,canWriteLabelPermission:s}=l.useProjectDataContext();return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:i&&t&&r.jsxRuntimeExports.jsx(a.CellEditingDialog,{isEditing:i,anchorId:u,onClose:q,children:r.jsxRuntimeExports.jsx(m.RenameForm,{cellId:u,initialName:e?.name,initialLabel:e?.label,onClose:q,entityType:n,valueData:e,nameDisabled:o?e?.hasVersions?"Cannot edit name when versions exist.":!1:"You do not have permission to edit the name.",labelDisabled:s?!1:"You do not have permission to edit the label."})})})};exports.NameWidget=x;
 //# sourceMappingURL=NameWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/NameWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/NameWidget.tsx"],"sourcesContent":["import { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { CellValue, WidgetBaseProps } from './CellWidget'\nimport { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { useProjectDataContext } from '../context'\n\nexport interface NameWidgetProps extends WidgetBaseProps {\n  value?: CellValue\n  valueData?: NameWidgetData\n  cellId: string\n  entityType: string\n}\n\nexport const NameWidget: FC<NameWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  valueData,\n  onCancelEdit,\n  entityType,\n}) => {\n  const { canWriteNamePermission, canWriteLabelPermission } = useProjectDataContext()\n\n  return (\n    <>\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          <RenameForm\n            cellId={cellId}\n            initialName={valueData?.name}\n            initialLabel={valueData?.label}\n            onClose={onCancelEdit}\n            entityType={entityType}\n            valueData={valueData}\n            nameDisabled={\n              !canWriteNamePermission\n                ? 'You do not have permission to edit the name.'\n                : valueData?.hasVersions\n                ? 'Cannot edit name when versions exist.'\n                : false\n            }\n            labelDisabled={\n              !canWriteLabelPermission ? 'You do not have permission to edit the label.' : false\n            }\n          />\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["NameWidget","value","isEditing","cellId","valueData","onCancelEdit","entityType","canWriteNamePermission","canWriteLabelPermission","useProjectDataContext","jsx","Fragment","CellEditingDialog","RenameForm"],"mappings":"+iOAcO,MAAMA,EAAkC,CAAC,CAC9C,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,WAAAC,CACF,IAAM,CACJ,KAAM,CAAE,uBAAAC,EAAwB,wBAAAC,CAAA,EAA4BC,wBAAA,EAE5D,OACEC,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACG,YAAaV,GACZS,EAAAA,kBAAAA,IAACE,EAAAA,mBAAkB,UAAAV,EAAsB,SAAUC,EAAQ,QAASE,EAClE,SAAAK,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,OAAAV,EACA,YAAaC,GAAW,KACxB,aAAcA,GAAW,MACzB,QAASC,EACT,WAAAC,EACA,UAAAF,EACA,aACGG,EAEGH,GAAW,YACX,wCACA,GAHA,+CAKN,cACGI,EAA4E,GAAlD,+CAAkD,CAAA,EAGnF,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"NameWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/NameWidget.tsx"],"sourcesContent":["import { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { CellValue, WidgetBaseProps } from './CellWidget'\nimport { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { useProjectDataContext } from '../context'\n\nexport interface NameWidgetProps extends WidgetBaseProps {\n  value?: CellValue\n  valueData?: NameWidgetData\n  cellId: string\n  entityType: string\n}\n\nexport const NameWidget: FC<NameWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  valueData,\n  onCancelEdit,\n  entityType,\n}) => {\n  const { canWriteNamePermission, canWriteLabelPermission } = useProjectDataContext()\n\n  return (\n    <>\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          <RenameForm\n            cellId={cellId}\n            initialName={valueData?.name}\n            initialLabel={valueData?.label}\n            onClose={onCancelEdit}\n            entityType={entityType}\n            valueData={valueData}\n            nameDisabled={\n              !canWriteNamePermission\n                ? 'You do not have permission to edit the name.'\n                : valueData?.hasVersions\n                ? 'Cannot edit name when versions exist.'\n                : false\n            }\n            labelDisabled={\n              !canWriteLabelPermission ? 'You do not have permission to edit the label.' : false\n            }\n          />\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["NameWidget","value","isEditing","cellId","valueData","onCancelEdit","entityType","canWriteNamePermission","canWriteLabelPermission","useProjectDataContext","jsx","Fragment","CellEditingDialog","RenameForm"],"mappings":"0oPAcO,MAAMA,EAAkC,CAAC,CAC9C,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,WAAAC,CACF,IAAM,CACJ,KAAM,CAAE,uBAAAC,EAAwB,wBAAAC,CAAA,EAA4BC,wBAAA,EAE5D,OACEC,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACG,YAAaV,GACZS,EAAAA,kBAAAA,IAACE,EAAAA,mBAAkB,UAAAV,EAAsB,SAAUC,EAAQ,QAASE,EAClE,SAAAK,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,OAAAV,EACA,YAAaC,GAAW,KACxB,aAAcA,GAAW,MACzB,QAASC,EACT,WAAAC,EACA,UAAAF,EACA,aACGG,EAEGH,GAAW,YACX,wCACA,GAHA,+CAKN,cACGI,EAA4E,GAAlD,+CAAkD,CAAA,EAGnF,CAAA,CAEJ,CAEJ"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/NameWidget.es.js

@@ -5,6 +5,7 @@ import "react-toastify";
 import "lodash";
 import "uuid";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 import "clsx";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -17,7 +18,6 @@ import "react-router-dom";
 import "../context/CellEditingContext.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
-import "short-uuid";
 import "../utils/columnIds.es.js";
 import "../buildTreeTableColumns.es.js";
 import "../context/SelectionCellsContext.es.js";
@@ -40,6 +40,7 @@ import "../../../api/generated/configuration.es.js";
 import "../../../api/generated/dataImport.es.js";
 import "../../../api/generated/desktop.es.js";
 import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/enums.es.js";
 import "../../../api/generated/events.es.js";
 import "../../../api/generated/files.es.js";
 import "../../../api/generated/folders.es.js";
@@ -65,6 +66,8 @@ import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
+import "../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
@@ -95,6 +98,7 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/enums/getEnums.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
@@ -129,8 +133,14 @@ import "../context/DetailsPanelEntityContext.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 import "../../../context/DeleteEntitiesContext.es.js";
 import { useProjectDataContext as d } from "../context/ProjectDataContext.es.js";
+import "../../Slicer/context/SlicerContextInstance.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../../context/ProjectFoldersContextInstance.es.js";
-const Bi = ({
+const Si = ({
   value: p,
   isEditing: t,
   cellId: r,
@@ -154,6 +164,6 @@ const Bi = ({
   ) }) });
 };
 export {
-  Bi as NameWidget
+  Si as NameWidget
 };
 //# sourceMappingURL=NameWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/NameWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/NameWidget.tsx"],"sourcesContent":["import { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { CellValue, WidgetBaseProps } from './CellWidget'\nimport { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { useProjectDataContext } from '../context'\n\nexport interface NameWidgetProps extends WidgetBaseProps {\n  value?: CellValue\n  valueData?: NameWidgetData\n  cellId: string\n  entityType: string\n}\n\nexport const NameWidget: FC<NameWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  valueData,\n  onCancelEdit,\n  entityType,\n}) => {\n  const { canWriteNamePermission, canWriteLabelPermission } = useProjectDataContext()\n\n  return (\n    <>\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          <RenameForm\n            cellId={cellId}\n            initialName={valueData?.name}\n            initialLabel={valueData?.label}\n            onClose={onCancelEdit}\n            entityType={entityType}\n            valueData={valueData}\n            nameDisabled={\n              !canWriteNamePermission\n                ? 'You do not have permission to edit the name.'\n                : valueData?.hasVersions\n                ? 'Cannot edit name when versions exist.'\n                : false\n            }\n            labelDisabled={\n              !canWriteLabelPermission ? 'You do not have permission to edit the label.' : false\n            }\n          />\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["NameWidget","value","isEditing","cellId","valueData","onCancelEdit","entityType","canWriteNamePermission","canWriteLabelPermission","useProjectDataContext","jsx","Fragment","CellEditingDialog","RenameForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,wBAAAC,GAAwB,yBAAAC,EAAA,IAA4BC,EAAA;AAE5D,SACEC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACG,eAAaV,KACZS,gBAAAA,EAAAA,IAACE,KAAkB,WAAAV,GAAsB,UAAUC,GAAQ,SAASE,GAClE,UAAAK,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,aAAaC,GAAW;AAAA,MACxB,cAAcA,GAAW;AAAA,MACzB,SAASC;AAAA,MACT,YAAAC;AAAA,MACA,WAAAF;AAAA,MACA,cACGG,IAEGH,GAAW,cACX,0CACA,KAHA;AAAA,MAKN,eACGI,IAA4E,KAAlD;AAAA,IAAkD;AAAA,EAAA,GAGnF,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"NameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/NameWidget.tsx"],"sourcesContent":["import { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { CellValue, WidgetBaseProps } from './CellWidget'\nimport { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { useProjectDataContext } from '../context'\n\nexport interface NameWidgetProps extends WidgetBaseProps {\n  value?: CellValue\n  valueData?: NameWidgetData\n  cellId: string\n  entityType: string\n}\n\nexport const NameWidget: FC<NameWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  valueData,\n  onCancelEdit,\n  entityType,\n}) => {\n  const { canWriteNamePermission, canWriteLabelPermission } = useProjectDataContext()\n\n  return (\n    <>\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          <RenameForm\n            cellId={cellId}\n            initialName={valueData?.name}\n            initialLabel={valueData?.label}\n            onClose={onCancelEdit}\n            entityType={entityType}\n            valueData={valueData}\n            nameDisabled={\n              !canWriteNamePermission\n                ? 'You do not have permission to edit the name.'\n                : valueData?.hasVersions\n                ? 'Cannot edit name when versions exist.'\n                : false\n            }\n            labelDisabled={\n              !canWriteLabelPermission ? 'You do not have permission to edit the label.' : false\n            }\n          />\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["NameWidget","value","isEditing","cellId","valueData","onCancelEdit","entityType","canWriteNamePermission","canWriteLabelPermission","useProjectDataContext","jsx","Fragment","CellEditingDialog","RenameForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,wBAAAC,GAAwB,yBAAAC,EAAA,IAA4BC,EAAA;AAE5D,SACEC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACG,eAAaV,KACZS,gBAAAA,EAAAA,IAACE,KAAkB,WAAAV,GAAsB,UAAUC,GAAQ,SAASE,GAClE,UAAAK,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,aAAaC,GAAW;AAAA,MACxB,cAAcA,GAAW;AAAA,MACzB,SAASC;AAAA,MACT,YAAAC;AAAA,MACA,WAAAF;AAAA,MACA,cACGG,IAEGH,GAAW,cACX,0CACA,KAHA;AAAA,MAKN,eACGI,IAA4E,KAAlD;AAAA,IAAkD;AAAA,EAAA,GAGnF,EAAA,CAEJ;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/SubtasksWidget.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),g=require("../../../components/Chips/Chips.cjs.js"),b=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),j=require("../../../components/SubtasksManager/SubtasksManagerWrapper.cjs.js"),m=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),S=require("react"),h=require("./CellWidget.cjs.js"),C=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),k=require("../context/ProjectTableContext.cjs.js"),R=({value:t,isEditing:r,cellId:c,projectName:l,disabled:o,onChange:q,onCancelEdit:n})=>{const{SubtasksManager:a,useNavigate:u}=k.useProjectTableContext(),[d,x]=S.useState([]),i=t?.subtasks||[],p=i.map(s=>({label:s.label||s.name,tooltip:s.description||s.label||s.name,prefix:e.jsxRuntimeExports.jsx(b.DoneCheckbox,{checked:s.isDone,isReadOnly:!0,style:{fontSize:20}})}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(g.Chips,{values:p,pt:{chip:{className:h.EDIT_TRIGGER_CLASS}},disabled:o}),r&&t&&a&&e.jsxRuntimeExports.jsx(m.CellEditingDialog,{isEditing:r,anchorId:c,onClose:n,children:o?e.jsxRuntimeExports.jsx(C.Container,{style:{color:"var(--md-sys-color-outline)"},children:"Subtasks are disabled for this task"}):e.jsxRuntimeExports.jsx(j.SubtasksManagerWrapper,{projectName:l,taskId:t.taskId,subtasks:i,selectedSubtaskIds:d,onSelectSubtasks:x,onClose:n,SubtasksManager:a,useNavigate:u,style:{padding:"var(--padding-m)",backgroundColor:"var(--md-sys-color-surface-container-high)",borderRadius:"var(--border-radius-l)"}})})]})};exports.SubtasksWidget=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),m=require("../../../components/Chips/Chips.cjs.js"),b=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),h=require("../../../components/SubtasksManager/SubtasksManagerWrapper.cjs.js"),j=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),S=require("react"),k=require("./CellWidget.cjs.js"),C=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),R=require("../context/ProjectTableContext.cjs.js"),q=({value:t,isEditing:r,cellId:c,projectName:l,disabled:o,onChange:y,onCancelEdit:n})=>{const{SubtasksManager:a,useNavigate:d,dispatch:u}=R.useProjectTableContext(),[x,p]=S.useState([]),i=t?.subtasks||[],g=i.map(s=>({label:s.label||s.name,tooltip:s.description||s.label||s.name,prefix:e.jsxRuntimeExports.jsx(b.DoneCheckbox,{checked:s.isDone,isReadOnly:!0,style:{fontSize:20}})}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(m.Chips,{values:g,pt:{chip:{className:k.EDIT_TRIGGER_CLASS}},disabled:o}),r&&t&&a&&e.jsxRuntimeExports.jsx(j.CellEditingDialog,{isEditing:r,anchorId:c,onClose:n,children:o?e.jsxRuntimeExports.jsx(C.Container,{style:{color:"var(--md-sys-color-outline)"},children:"Subtasks are disabled for this task"}):e.jsxRuntimeExports.jsx(h.SubtasksManagerWrapper,{projectName:l,taskId:t.taskId,taskName:t.taskName,folderId:t.folderId,subtasks:i,selectedSubtaskIds:x,onSelectSubtasks:p,onClose:n,SubtasksManager:a,useNavigate:d,dispatch:u,style:{padding:"var(--padding-m)",backgroundColor:"var(--md-sys-color-surface-container-high)",borderRadius:"var(--border-radius-l)"}})})]})};exports.SubtasksWidget=q;
 //# sourceMappingURL=SubtasksWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/SubtasksWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n  taskId: string\n  subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n  value?: SubtasksWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  onChange: _onChange,\n  onCancelEdit,\n}) => {\n  const { SubtasksManager, useNavigate } = useProjectTableContext()\n  const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n  const subtasks = value?.subtasks || []\n\n  // Create chip values from subtasks\n  const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n    label: subtask.label || subtask.name,\n    tooltip: subtask.description || subtask.label || subtask.name,\n    prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n  }))\n\n  return (\n    <>\n      <Chips\n        values={chipValues}\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && SubtasksManager && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              Subtasks are disabled for this task\n            </Container>\n          ) : (\n            <SubtasksManagerWrapper\n              projectName={projectName}\n              taskId={value.taskId}\n              subtasks={subtasks}\n              selectedSubtaskIds={selectedSubtaskIds}\n              onSelectSubtasks={setSelectedSubtaskIds}\n              onClose={onCancelEdit}\n              SubtasksManager={SubtasksManager}\n              useNavigate={useNavigate!}\n              style={{\n                padding: 'var(--padding-m)',\n                backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                borderRadius: 'var(--border-radius-l)',\n              }}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":"0kBAuBaA,EAA0C,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAA,EAAgBC,yBAAA,EACnC,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EAEnEC,EAAWb,GAAO,UAAY,CAAA,EAG9Bc,EAA0BD,EAAS,IAAKE,IAAa,CACzD,MAAOA,EAAQ,OAASA,EAAQ,KAChC,QAASA,EAAQ,aAAeA,EAAQ,OAASA,EAAQ,KACzD,OAAQC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CAAa,QAASF,EAAQ,OAAQ,WAAU,GAAC,MAAO,CAAE,SAAU,EAAA,CAAG,CAAG,CAAA,EACnF,EAEF,OACEG,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CACC,OAAQN,EACR,GAAI,CAAE,KAAM,CAAE,UAAWO,EAAAA,mBAAmB,EAC5C,SAAAjB,CAAA,CAAA,EAEDH,GAAaD,GAASO,2BACpBe,EAAAA,kBAAA,CAAkB,UAAArB,EAAsB,SAAUC,EAAQ,QAASI,EACjE,SAAAF,EACCY,wBAACO,EAAAA,WAAU,MAAO,CAAE,MAAO,6BAAA,EAAiC,+CAE5D,EAEAP,EAAAA,kBAAAA,IAACQ,EAAAA,uBAAA,CACC,YAAArB,EACA,OAAQH,EAAM,OACd,SAAAa,EACA,mBAAAH,EACA,iBAAkBC,EAClB,QAASL,EACT,gBAAAC,EACA,YAAAC,EACA,MAAO,CACL,QAAS,mBACT,gBAAiB,6CACjB,aAAc,wBAAA,CAChB,CAAA,CACF,CAEJ,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"SubtasksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n  taskId: string\n  taskName: string\n  folderId?: string\n  subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n  value?: SubtasksWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  onChange: _onChange,\n  onCancelEdit,\n}) => {\n  const { SubtasksManager, useNavigate, dispatch } = useProjectTableContext()\n  const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n  const subtasks = value?.subtasks || []\n\n  // Create chip values from subtasks\n  const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n    label: subtask.label || subtask.name,\n    tooltip: subtask.description || subtask.label || subtask.name,\n    prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n  }))\n\n  return (\n    <>\n      <Chips\n        values={chipValues}\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && SubtasksManager && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              Subtasks are disabled for this task\n            </Container>\n          ) : (\n            <SubtasksManagerWrapper\n              projectName={projectName}\n              taskId={value.taskId}\n              taskName={value.taskName}\n              folderId={value.folderId}\n              subtasks={subtasks}\n              selectedSubtaskIds={selectedSubtaskIds}\n              onSelectSubtasks={setSelectedSubtaskIds}\n              onClose={onCancelEdit}\n              SubtasksManager={SubtasksManager}\n              useNavigate={useNavigate!}\n              dispatch={dispatch}\n              style={{\n                padding: 'var(--padding-m)',\n                backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                borderRadius: 'var(--border-radius-l)',\n              }}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","dispatch","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":"0kBAyBaA,EAA0C,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,SAAAC,CAAA,EAAaC,EAAAA,uBAAA,EAC7C,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EAEnEC,EAAWd,GAAO,UAAY,CAAA,EAG9Be,EAA0BD,EAAS,IAAKE,IAAa,CACzD,MAAOA,EAAQ,OAASA,EAAQ,KAChC,QAASA,EAAQ,aAAeA,EAAQ,OAASA,EAAQ,KACzD,OAAQC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CAAa,QAASF,EAAQ,OAAQ,WAAU,GAAC,MAAO,CAAE,SAAU,EAAA,CAAG,CAAG,CAAA,EACnF,EAEF,OACEG,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CACC,OAAQN,EACR,GAAI,CAAE,KAAM,CAAE,UAAWO,EAAAA,mBAAmB,EAC5C,SAAAlB,CAAA,CAAA,EAEDH,GAAaD,GAASO,2BACpBgB,EAAAA,kBAAA,CAAkB,UAAAtB,EAAsB,SAAUC,EAAQ,QAASI,EACjE,SAAAF,EACCa,wBAACO,EAAAA,WAAU,MAAO,CAAE,MAAO,6BAAA,EAAiC,+CAE5D,EAEAP,EAAAA,kBAAAA,IAACQ,EAAAA,uBAAA,CACC,YAAAtB,EACA,OAAQH,EAAM,OACd,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAAc,EACA,mBAAAH,EACA,iBAAkBC,EAClB,QAASN,EACT,gBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAO,CACL,QAAS,mBACT,gBAAiB,6CACjB,aAAc,wBAAA,CAChB,CAAA,CACF,CAEJ,CAAA,EAEJ,CAEJ"}