@ynput/ayon-frontend-shared 0.3.56 → 0.4.1

package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"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"}
+{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"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"}

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("@ynput/ayon-react-components"),c=require("clsx"),b=require("react"),s=require("styled-components"),j=s.li`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("@ynput/ayon-react-components"),c=require("clsx"),j=require("react"),s=require("styled-components"),f=s.li`
   display: flex;
   padding: 2px;
   padding-left: 8px;
@@ -31,19 +31,22 @@
     background-color: var(--md-sys-color-surface-container-high);
   }
 
+  &.no-hover:hover {
+    background-color: unset;
+  }
+
   &.disabled {
     opacity: 0.5;
     user-select: none;
-    pointer-events: none;
     &:hover {
       background-color: unset;
     }
   }
-`,f=s.div`
+`,R=s.div`
   display: flex;
   gap: var(--base-gap-small);
   margin-left: auto;
-`,R=s(n.Button)`
+`,w=s(n.Button)`
   background-color: unset;
   padding: 4px;
 
@@ -56,5 +59,5 @@
   &.active {
     opacity: 1;
   }
-`,w=b.forwardRef(({item:o,actions:i,startContent:l,endContent:d,isHighlighted:p,isDisabled:t,className:u,...g},x)=>e.jsxRuntimeExports.jsxs(j,{className:c("setting-item",u,{highlighted:p,disabled:t}),...g,ref:x,children:[l,o.icon&&e.jsxRuntimeExports.jsx(n.Icon,{icon:o.icon}),e.jsxRuntimeExports.jsx("span",{className:"label",children:o.label}),e.jsxRuntimeExports.jsx(f,{className:"actions",children:i?.map(({icon:r,className:m,active:h,onClick:v,...a},y)=>e.jsxRuntimeExports.jsxs(R,{className:c("action",m,{active:h}),onClick:t?void 0:v,...a,children:[r&&e.jsxRuntimeExports.jsx(n.Icon,{icon:r}),a.children]},y))}),d]}));exports.SettingsPanelItemTemplate=w;
+`,k=j.forwardRef(({item:o,actions:i,startContent:l,endContent:d,isHighlighted:u,isDisabled:r,disableHover:p,className:g,...x},h)=>e.jsxRuntimeExports.jsxs(f,{className:c("setting-item",g,{highlighted:u,disabled:r,"no-hover":p}),...x,ref:h,children:[l,o.icon&&e.jsxRuntimeExports.jsx(n.Icon,{icon:o.icon}),e.jsxRuntimeExports.jsx("span",{className:"label",children:o.label}),e.jsxRuntimeExports.jsx(R,{className:"actions",children:i?.map(({icon:t,className:m,active:v,onClick:b,...a},y)=>e.jsxRuntimeExports.jsxs(w,{className:c("action",m,{active:v}),onClick:r?void 0:b,...a,children:[t&&e.jsxRuntimeExports.jsx(n.Icon,{icon:t}),a.children]},y))}),d]}));exports.SettingsPanelItemTemplate=k;
 //# sourceMappingURL=SettingsPanelItemTemplate.cjs.js.map

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanelItemTemplate.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    pointer-events: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    { item, actions, startContent, endContent, isHighlighted, isDisabled, className, ...props },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":"yPAKMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2CdC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,EAMjBE,EAAeF,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoCrBC,EAA4BC,EAAAA,WACvC,CACE,CAAE,KAAAC,EAAM,QAAAC,EAAS,aAAAC,EAAc,WAAAC,EAAY,cAAAC,EAAe,WAAAC,EAAY,UAAAC,EAAW,GAAGC,CAAA,EACpFC,IAGEC,EAAAA,kBAAAA,KAAChB,EAAA,CACC,UAAWiB,EAAK,eAAgBJ,EAAW,CACzC,YAAaF,EACb,SAAUC,CAAA,CACX,EACA,GAAGE,EACJ,IAAAC,EAEC,SAAA,CAAAN,EACAF,EAAK,MAAQW,wBAACC,EAAAA,KAAA,CAAK,KAAMZ,EAAK,KAAM,EACrCW,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,MAAM,0BACnChB,EAAA,CAAQ,UAAU,UAChB,SAAAM,GAAS,IAAI,CAAC,CAAE,KAAAY,EAAM,UAAAP,EAAW,OAAAQ,EAAQ,QAAAC,EAAS,GAAGC,CAAA,EAAUC,IAC9DR,EAAAA,kBAAAA,KAACb,EAAA,CAEC,UAAWc,EAAK,SAAUJ,EAAW,CAAE,OAAAQ,EAAQ,EAC/C,QAAUT,EAAuB,OAAVU,EACtB,GAAGC,EAEH,SAAA,CAAAH,GAAQF,EAAAA,kBAAAA,IAACC,QAAK,KAAAC,CAAA,CAAY,EAC1BG,EAAO,QAAA,CAAA,EANHC,CAAA,CAQR,EACH,EACCd,CAAA,CAAA,CAAA,CAIT"}
+{"version":3,"file":"SettingsPanelItemTemplate.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.no-hover:hover {\n    background-color: unset;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  disableHover?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    {\n      item,\n      actions,\n      startContent,\n      endContent,\n      isHighlighted,\n      isDisabled,\n      disableHover,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n          'no-hover': disableHover,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","disableHover","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":"yPAKMA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8CdC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,EAMjBE,EAAeF,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqCrBC,EAA4BC,EAAAA,WACvC,CACE,CACE,KAAAC,EACA,QAAAC,EACA,aAAAC,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CAAA,EAELC,IAGEC,EAAAA,kBAAAA,KAACjB,EAAA,CACC,UAAWkB,EAAK,eAAgBJ,EAAW,CACzC,YAAaH,EACb,SAAUC,EACV,WAAYC,CAAA,CACb,EACA,GAAGE,EACJ,IAAAC,EAEC,SAAA,CAAAP,EACAF,EAAK,MAAQY,wBAACC,EAAAA,KAAA,CAAK,KAAMb,EAAK,KAAM,EACrCY,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,WAAK,MAAM,0BACnCjB,EAAA,CAAQ,UAAU,UAChB,SAAAM,GAAS,IAAI,CAAC,CAAE,KAAAa,EAAM,UAAAP,EAAW,OAAAQ,EAAQ,QAAAC,EAAS,GAAGC,CAAA,EAAUC,IAC9DR,EAAAA,kBAAAA,KAACd,EAAA,CAEC,UAAWe,EAAK,SAAUJ,EAAW,CAAE,OAAAQ,EAAQ,EAC/C,QAAUV,EAAuB,OAAVW,EACtB,GAAGC,EAEH,SAAA,CAAAH,GAAQF,EAAAA,kBAAAA,IAACC,QAAK,KAAAC,CAAA,CAAY,EAC1BG,EAAO,QAAA,CAAA,EANHC,CAAA,CAQR,EACH,EACCf,CAAA,CAAA,CAAA,CAIT"}

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.es.js

@@ -1,9 +1,9 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as b, Icon as t } from "@ynput/ayon-react-components";
+import { Button as y, Icon as t } from "@ynput/ayon-react-components";
 import c from "clsx";
-import { forwardRef as y } from "react";
+import { forwardRef as j } from "react";
 import r from "styled-components";
-const j = r.li`
+const w = r.li`
   display: flex;
   padding: 2px;
   padding-left: 8px;
@@ -36,19 +36,22 @@ const j = r.li`
     background-color: var(--md-sys-color-surface-container-high);
   }
 
+  &.no-hover:hover {
+    background-color: unset;
+  }
+
   &.disabled {
     opacity: 0.5;
     user-select: none;
-    pointer-events: none;
     &:hover {
       background-color: unset;
     }
   }
-`, w = r.div`
+`, k = r.div`
   display: flex;
   gap: var(--base-gap-small);
   margin-left: auto;
-`, k = r(b)`
+`, N = r(y)`
   background-color: unset;
   padding: 4px;
 
@@ -61,32 +64,43 @@ const j = r.li`
   &.active {
     opacity: 1;
   }
-`, L = y(
-  ({ item: e, actions: i, startContent: l, endContent: d, isHighlighted: p, isDisabled: n, className: m, ...g }, h) => /* @__PURE__ */ o.jsxs(
-    j,
+`, z = j(
+  ({
+    item: e,
+    actions: i,
+    startContent: l,
+    endContent: d,
+    isHighlighted: p,
+    isDisabled: a,
+    disableHover: g,
+    className: h,
+    ...m
+  }, u) => /* @__PURE__ */ o.jsxs(
+    w,
     {
-      className: c("setting-item", m, {
+      className: c("setting-item", h, {
         highlighted: p,
-        disabled: n
+        disabled: a,
+        "no-hover": g
       }),
-      ...g,
-      ref: h,
+      ...m,
+      ref: u,
       children: [
         l,
         e.icon && /* @__PURE__ */ o.jsx(t, { icon: e.icon }),
         /* @__PURE__ */ o.jsx("span", { className: "label", children: e.label }),
-        /* @__PURE__ */ o.jsx(w, { className: "actions", children: i?.map(({ icon: s, className: u, active: v, onClick: f, ...a }, x) => /* @__PURE__ */ o.jsxs(
-          k,
+        /* @__PURE__ */ o.jsx(k, { className: "actions", children: i?.map(({ icon: n, className: v, active: f, onClick: x, ...s }, b) => /* @__PURE__ */ o.jsxs(
+          N,
           {
-            className: c("action", u, { active: v }),
-            onClick: n ? void 0 : f,
-            ...a,
+            className: c("action", v, { active: f }),
+            onClick: a ? void 0 : x,
+            ...s,
             children: [
-              s && /* @__PURE__ */ o.jsx(t, { icon: s }),
-              a.children
+              n && /* @__PURE__ */ o.jsx(t, { icon: n }),
+              s.children
             ]
           },
-          x
+          b
         )) }),
         d
       ]
@@ -94,6 +108,6 @@ const j = r.li`
   )
 );
 export {
-  L as SettingsPanelItemTemplate
+  z as SettingsPanelItemTemplate
 };
 //# sourceMappingURL=SettingsPanelItemTemplate.es.js.map

package/dist/shared/src/components/SettingsPanel/SettingsPanelItemTemplate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanelItemTemplate.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    pointer-events: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    { item, actions, startContent, endContent, isHighlighted, isDisabled, className, ...props },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":";;;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2CdC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBE,IAAeF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoCrBC,IAA4BC;AAAA,EACvC,CACE,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,WAAAC,GAAW,GAAGC,EAAA,GACpFC,MAGEC,gBAAAA,EAAAA;AAAAA,IAAChB;AAAA,IAAA;AAAA,MACC,WAAWiB,EAAK,gBAAgBJ,GAAW;AAAA,QACzC,aAAaF;AAAA,QACb,UAAUC;AAAA,MAAA,CACX;AAAA,MACA,GAAGE;AAAA,MACJ,KAAAC;AAAA,MAEC,UAAA;AAAA,QAAAN;AAAA,QACAF,EAAK,QAAQW,gBAAAA,MAACC,GAAA,EAAK,MAAMZ,EAAK,MAAM;AAAA,QACrCW,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,OAAM;AAAA,8BACnChB,GAAA,EAAQ,WAAU,WAChB,UAAAM,GAAS,IAAI,CAAC,EAAE,MAAAY,GAAM,WAAAP,GAAW,QAAAQ,GAAQ,SAAAC,GAAS,GAAGC,EAAA,GAAUC,MAC9DR,gBAAAA,EAAAA;AAAAA,UAACb;AAAA,UAAA;AAAA,YAEC,WAAWc,EAAK,UAAUJ,GAAW,EAAE,QAAAQ,GAAQ;AAAA,YAC/C,SAAUT,IAAuB,SAAVU;AAAA,YACtB,GAAGC;AAAA,YAEH,UAAA;AAAA,cAAAH,KAAQF,gBAAAA,EAAAA,IAACC,KAAK,MAAAC,EAAA,CAAY;AAAA,cAC1BG,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UANHC;AAAA,QAAA,CAQR,GACH;AAAA,QACCd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}
+{"version":3,"file":"SettingsPanelItemTemplate.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanelItemTemplate.tsx"],"sourcesContent":["import { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst Item = styled.li`\n  display: flex;\n  padding: 2px;\n  padding-left: 8px;\n  height: 32px;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--base-gap-large);\n  cursor: pointer;\n  border-radius: 4px;\n  cursor: default;\n  user-select: none;\n  overflow: hidden;\n\n  .label {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.highlighted {\n    background-color: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n\n    &:hover {\n      background-color: var(--md-sys-color-secondary-container-hover);\n    }\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high);\n  }\n\n  &.no-hover:hover {\n    background-color: unset;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    user-select: none;\n    &:hover {\n      background-color: unset;\n    }\n  }\n`\n\nconst Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  margin-left: auto;\n`\n\nconst ActionButton = styled(Button)`\n  background-color: unset;\n  padding: 4px;\n\n  &.active {\n    .icon {\n      font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 10;\n    }\n  }\n\n  &.active {\n    opacity: 1;\n  }\n`\n\ninterface Action extends ButtonProps {\n  active?: boolean\n  ['data-tooltip']?: string\n  ['data-shortcut']?: string\n}\n\nexport type SettingsPanelItem = {\n  value: string\n  label: string\n  icon?: string\n}\n\nexport interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {\n  item: SettingsPanelItem\n  isHighlighted?: boolean\n  isDisabled?: boolean\n  disableHover?: boolean\n  startContent?: React.ReactNode\n  endContent?: React.ReactNode\n  actions?: Action[]\n}\n\nexport const SettingsPanelItemTemplate = forwardRef<HTMLLIElement, SettingsPanelItemTemplateProps>(\n  (\n    {\n      item,\n      actions,\n      startContent,\n      endContent,\n      isHighlighted,\n      isDisabled,\n      disableHover,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Item\n        className={clsx('setting-item', className, {\n          highlighted: isHighlighted,\n          disabled: isDisabled,\n          'no-hover': disableHover,\n        })}\n        {...props}\n        ref={ref}\n      >\n        {startContent}\n        {item.icon && <Icon icon={item.icon} />}\n        <span className=\"label\">{item.label}</span>\n        <Actions className=\"actions\">\n          {actions?.map(({ icon, className, active, onClick, ...action }, index) => (\n            <ActionButton\n              key={index}\n              className={clsx('action', className, { active })}\n              onClick={!isDisabled ? onClick : undefined}\n              {...action}\n            >\n              {icon && <Icon icon={icon} />}\n              {action.children}\n            </ActionButton>\n          ))}\n        </Actions>\n        {endContent}\n      </Item>\n    )\n  },\n)\n"],"names":["Item","styled","Actions","ActionButton","Button","SettingsPanelItemTemplate","forwardRef","item","actions","startContent","endContent","isHighlighted","isDisabled","disableHover","className","props","ref","jsxs","clsx","jsx","Icon","icon","active","onClick","action","index"],"mappings":";;;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8CdC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBE,IAAeF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqCrBC,IAA4BC;AAAA,EACvC,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGEC,gBAAAA,EAAAA;AAAAA,IAACjB;AAAA,IAAA;AAAA,MACC,WAAWkB,EAAK,gBAAgBJ,GAAW;AAAA,QACzC,aAAaH;AAAA,QACb,UAAUC;AAAA,QACV,YAAYC;AAAA,MAAA,CACb;AAAA,MACA,GAAGE;AAAA,MACJ,KAAAC;AAAA,MAEC,UAAA;AAAA,QAAAP;AAAA,QACAF,EAAK,QAAQY,gBAAAA,MAACC,GAAA,EAAK,MAAMb,EAAK,MAAM;AAAA,QACrCY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,YAAK,OAAM;AAAA,8BACnCjB,GAAA,EAAQ,WAAU,WAChB,UAAAM,GAAS,IAAI,CAAC,EAAE,MAAAa,GAAM,WAAAP,GAAW,QAAAQ,GAAQ,SAAAC,GAAS,GAAGC,EAAA,GAAUC,MAC9DR,gBAAAA,EAAAA;AAAAA,UAACd;AAAA,UAAA;AAAA,YAEC,WAAWe,EAAK,UAAUJ,GAAW,EAAE,QAAAQ,GAAQ;AAAA,YAC/C,SAAUV,IAAuB,SAAVW;AAAA,YACtB,GAAGC;AAAA,YAEH,UAAA;AAAA,cAAAH,KAAQF,gBAAAA,EAAAA,IAACC,KAAK,MAAAC,EAAA,CAAY;AAAA,cAC1BG,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UANHC;AAAA,QAAA,CAQR,GACH;AAAA,QACCf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");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/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");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/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../ProjectTableSettings/ColumnsSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
   width: auto;
   background: none;
   border: none;

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}
+{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}

package/dist/shared/src/components/SimpleFormDialog/FormFile.es.js

@@ -193,26 +193,20 @@ import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../containers/Feed/components/FeedSearchFilter.es.js";
 import "@tanstack/react-virtual";
 import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
-import "../SearchFilter/filterDates.es.js";
+import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
@@ -224,15 +218,23 @@ import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
 import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
 import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
 import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
@@ -278,6 +280,7 @@ import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
 import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../ProjectTableSettings/ColumnsSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
@@ -324,7 +327,7 @@ const s = a.button`
   input {
     display: none;
   }
-`, ip = (r) => {
+`, ep = (r) => {
   const p = v(null), t = x(
     () => r.validExtensions?.map(
       (o) => o.startsWith(".") ? o.toLowerCase() : `.${o.toLowerCase()}`
@@ -391,7 +394,7 @@ const s = a.button`
   justify-content: flex-start;
   background: none;
   border: none;
-`, mp = (r) => {
+`, np = (r) => {
   const p = () => {
     const t = document.createElement("a");
     t.href = `data:application/octet-stream;base64,${r.value.payload}`, t.download = r.value.filename, document.body.appendChild(t), t.click(), document.body.removeChild(t);
@@ -399,7 +402,7 @@ const s = a.button`
   return /* @__PURE__ */ m.jsx(C, { children: /* @__PURE__ */ m.jsx(s, { onClick: p, children: r.value.filename }) });
 };
 export {
-  mp as FormFileDownload,
-  ip as FormFileUpload
+  np as FormFileDownload,
+  ep as FormFileUpload
 };
 //# sourceMappingURL=FormFile.es.js.map

package/dist/shared/src/components/SimpleFormDialog/FormFile.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFile.es.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","e","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}
+{"version":3,"file":"FormFile.es.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","e","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAepBC,IAAWD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBXE,KAAiB,CAACC,MAA+B;AAI5D,QAAMC,IAAWC,EAAyB,IAAI,GAExCC,IAAkBC;AAAA,IACtB,MACEJ,EAAM,iBAAiB;AAAA,MAAI,CAACK,MAC1BA,EAAI,WAAW,GAAG,IAAIA,EAAI,YAAA,IAAgB,IAAIA,EAAI,YAAA,CAAa;AAAA,IAAA;AAAA,IAEnE,CAACL,EAAM,eAAe;AAAA,EAAA,GAGlBM,IAAmBC;AAAA,IACvB,CAACC,MAAgB;AACf,UAAKA,GAIL;AAAA,YAAIA,EAAK,SAAS,GAAG;AACnB,UAAAC,EAAM,MAAM,2BAA2B;AACvC;AAAA,QACF;AAEA,YAAID,EAAK,OAAO,IAAI,OAAO,MAAM;AAE/B,UAAAC,EAAM,MAAM,mCAAmC;AAC/C;AAAA,QACF;AAEA,YAAIN,GAAiB;AACnB,gBAAMO,IAAgB,IAAIF,EAAK,KAAK,MAAM,GAAG,EAAE,OAAO,YAAA,CAAa;AACnE,cAAI,CAACL,EAAgB,SAASO,CAAa,GAAG;AAC5C,YAAAD,EAAM,MAAM,yCAAyCN,EAAgB,KAAK,IAAI,CAAC,EAAE;AACjF;AAAA,UACF;AAAA,QACF;AAEA,YAAIK,GAAM;AACR,gBAAMG,IAAWC,EAAcJ,EAAK,IAAI,GAClCK,IAAS,IAAI,WAAA;AACnB,UAAAA,EAAO,SAAS,MAAM;AACpB,kBAAMC,IAAgBD,EAAO,OAAkB,MAAM,GAAG,EAAE,CAAC;AAC3D,YAAAb,EAAM,SAAS,EAAE,SAASc,GAAc,UAAUH,GAAU;AAAA,UAC9D,GACAE,EAAO,cAAcL,CAAI;AAAA,QAC3B;AAAA;AAAA,IACF;AAAA,IACA,CAACR,GAAOG,CAAe;AAAA,EAAA,GAGnBY,IAAiB,CAACC,MAAiC;AACvD,IAAAA,EAAE,eAAA;AAAA,EACJ,GAEMC,IAAkB,CAACD,MAAiC;AACxD,IAAAA,EAAE,eAAA;AAAA,EACJ,GAEME,IAAa,CAACF,MAAiC;AACnD,IAAAA,EAAE,eAAA;AAEF,UAAMG,IAAQ,CAAC,GAAGH,EAAE,aAAa,KAAK;AACtC,IAAIG,EAAM,WAAW,KACnBb,EAAiBa,EAAM,CAAC,CAAC;AAAA,EAE7B,GAEMC,IAAoB,CAACC,MAA+C;AACxE,UAAMb,IAAOa,EAAM,OAAO,QAAQ,CAAC;AACnC,IAAAf,EAAiBE,CAAI;AAAA,EACvB;AAEA,gCACGV,GAAA,EAAS,YAAYiB,GAAgB,aAAaE,GAAiB,QAAQC,GAC1E,UAAA;AAAA,IAAAI,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAKrB;AAAA,QACL,UAAUmB;AAAA,QACV,QAAQjB,GAAiB,KAAK,GAAG;AAAA,QACjC,UAAU;AAAA,QACV,OAAO,EAAE,SAAS,OAAA;AAAA,MAAO;AAAA,IAAA;AAAA,0BAG1BP,GAAA,EAAW,MAAK,UAAS,SAAS,MAAMK,EAAS,SAAS,MAAA,GACxD,YAAM,QAAQ,gBAAgBD,EAAM,MAAM,QAAQ,MAAM,cAAA,CAC3D;AAAA,EAAA,GACF;AAEJ,GAMMuB,IAAe1B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaf2B,KAAmB,CAACxB,MAAiC;AAChE,QAAMyB,IAAiB,MAAM;AAC3B,UAAMC,IAAO,SAAS,cAAc,GAAG;AACvC,IAAAA,EAAK,OAAO,wCAAwC1B,EAAM,MAAM,OAAO,IACvE0B,EAAK,WAAW1B,EAAM,MAAM,UAC5B,SAAS,KAAK,YAAY0B,CAAI,GAC9BA,EAAK,MAAA,GACL,SAAS,KAAK,YAAYA,CAAI;AAAA,EAChC;AAEA,SACEJ,gBAAAA,EAAAA,IAACC,KACC,UAAAD,gBAAAA,EAAAA,IAAC1B,GAAA,EAAW,SAAS6B,GAAiB,UAAAzB,EAAM,MAAM,SAAA,CAAS,EAAA,CAC7D;AAEJ;"}