@ynput/ayon-frontend-shared 0.3.16 → 0.3.18

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string | number | boolean | string[] | number[] | FormFileData | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    } else if (field.type === 'file') {\n      defaults[field.name] = undefined\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n\n  if (field.type === 'file') {\n    if (value && (value as FormFileData)?.download) {\n      return <FormFileDownload value={value as FormFileData} />\n    }\n    return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n  }\n\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputText","e","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}
+{"version":3,"file":"SimpleFormDialog.es.js","sources":["../../../../../src/components/SimpleFormDialog/SimpleFormDialog.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport React, { useState, useEffect } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport {\n  Button,\n  Spacer,\n  Dialog,\n  FormLayout,\n  FormRow,\n  InputNumber,\n  InputText,\n  InputSwitch,\n  Dropdown,\n  DefaultItemTemplate,\n} from '@ynput/ayon-react-components'\nimport { Badge } from '@shared/components'\nimport { FormFileUpload, FormFileDownload, type FormFileData} from './FormFile'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\n\nexport type SimpleFormValue = string | number | boolean | string[] | number[] | FormFileData | null | undefined\nexport type SimpleFormValueDict = Record<string, SimpleFormValue>\n\nconst getDefaults = (fields: SimpleFormField[], values: SimpleFormValueDict) => {\n  const defaults: SimpleFormValueDict = {}\n  fields.forEach((field) => {\n    if (field.name in values) {\n      defaults[field.name] = values[field.name]\n    } else if (field.value) {\n      defaults[field.name] = field.value\n    } else if (field.type === 'boolean') {\n      defaults[field.name] = false\n    } else if (field.type === 'integer') {\n      defaults[field.name] = 0\n    } else if (field.type === 'float') {\n      defaults[field.name] = 0.0\n    } else if (field.type === 'text') {\n      defaults[field.name] = ''\n    } else if (field.type === 'multiselect') {\n      defaults[field.name] = []\n    } else if (field.type === 'file') {\n      defaults[field.name] = undefined\n    }\n  })\n  return defaults\n}\n\nconst LabelContainer = styled.div`\n  &.normal {\n    // maybe something here\n  }\n\n  &.info,\n  &.warning,\n  &.error {\n    padding: 0.5rem;\n    text-align: center;\n    font-weight: bold;\n    margin: 1rem 0;\n  }\n\n  &.info {\n    background-color: var(--md-sys-color-on-secondary-dark);\n  }\n  &.warning {\n    background-color: var(--md-sys-color-warning-container-dark);\n  }\n  &.error {\n    background-color: var(--md-sys-color-on-error-dark);\n  }\n`\n\ntype FormLabelProps = {\n  field: SimpleFormField\n}\n\nconst FormLabel = ({ field }: FormLabelProps) => {\n  const text = typeof field.value === 'string' ? field.value : 'Invalid label value'\n\n  return (\n    <LabelContainer className={field.highlight || 'normal'}>\n      <ReactMarkdown>{text}</ReactMarkdown>\n    </LabelContainer>\n  )\n}\n\ntype FormFieldProps = {\n  field: SimpleFormField\n  value: SimpleFormValue\n  onChange: (value: SimpleFormValue) => void\n}\n\nconst DropdownItemTemplate = (option: FormSelectOption) => {\n  const endContent = (\n    <>\n      <div style={{ flex: 1 }} />\n      {option.badges && option.badges.map((badge, index) => <Badge key={index} label={badge}/>)}\n    </>\n  )\n  return (\n    <DefaultItemTemplate\n      option={option}\n      dataKey={'value'}\n      labelKey={'label'}\n      value={[option.value]}\n      endContent={endContent}\n    />\n  )\n}\n\nconst FormField = ({ field, value, onChange }: FormFieldProps) => {\n  if (field.type === 'text') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <InputText\n        value={parsedValue}\n        onChange={(e) => onChange(e.target.value)}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'boolean') {\n    const parsedValue = typeof value === 'boolean' ? value : false\n\n    const handleCheckboxEvent = (\n      event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>,\n    ) => {\n      if ('target' in event && 'checked' in event.target) {\n        onChange((event.target as HTMLInputElement).checked)\n      }\n    }\n\n    return <InputSwitch checked={parsedValue} onChange={handleCheckboxEvent} />\n  }\n  if (field.type === 'integer') {\n    const parsedValue = typeof value === 'number' ? value : 0\n    return (\n      <InputNumber\n        value={parsedValue}\n        onChange={(e) => onChange(parseInt(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n  if (field.type === 'float') {\n    const parsedValue = typeof value === 'number' ? value : 0.0\n    return (\n      <InputNumber\n        type=\"number\"\n        value={parsedValue}\n        onChange={(e) => onChange(parseFloat(e.target.value))}\n        placeholder={field.placeholder || ''}\n      />\n    )\n  }\n\n  if (field.type === 'select') {\n    const parsedValue = typeof value === 'string' ? value : ''\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue ? [parsedValue] : []}\n        onSelectionChange={(e) => onChange(e[0])}\n        className={`form-field`}\n        multiSelect={false}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  } // Handle select\n\n  if (field.type === 'multiselect') {\n    const parsedValue = Array.isArray(value) ? value.map(value => `${value}`) : []\n    return (\n      <Dropdown\n        widthExpand\n        options={field.options || []}\n        value={parsedValue}\n        onSelectionChange={(e) => onChange(e)}\n        className={`form-field`}\n        multiSelect={true}\n        itemTemplate={DropdownItemTemplate}\n      />\n    )\n  }\n\n  if (field.type === 'file') {\n    if (value && (value as FormFileData)?.download) {\n      return <FormFileDownload value={value as FormFileData} />\n    }\n    return <FormFileUpload value={value as FormFileData} onChange={onChange} validExtensions={field.valid_extensions} />\n  }\n\n}\n\nexport interface SimpleFormDialogProps {\n  title: string\n  fields: SimpleFormField[]\n  values?: SimpleFormValueDict\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n  onClose: () => void\n  onSubmit: (values: SimpleFormValueDict) => void\n  isOpen: boolean\n}\n\nexport const SimpleFormDialog = ({\n  fields,\n  values,\n  onClose,\n  onSubmit,\n  isOpen,\n  title,\n  submitLabel,\n  cancelLabel,\n  submitIcon,\n  cancelIcon,\n}: SimpleFormDialogProps) => {\n  const [formData, setFormData] = useState<SimpleFormValueDict | null>(null)\n\n  useEffect(() => {\n    if (isOpen) {\n      const defaults = getDefaults(fields, values || {})\n      setFormData(defaults)\n    }\n  }, [isOpen, fields, values])\n\n  if (!isOpen) return null\n  if (!formData) return null\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      {cancelLabel && <Button onClick={() => onClose()} label={cancelLabel} icon={cancelIcon} />}\n      {submitLabel && (\n        <Button\n          onClick={() => onSubmit(formData)}\n          label={submitLabel}\n          icon={submitIcon}\n          variant=\"filled\"\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose}\n      header={title}\n      footer={footer}\n      style={{ minHeight: 500, minWidth: 600 }}\n    >\n      <FormLayout\n        style={{ width: '95%' }}\n        onKeyDown={(e) => {\n          e.stopPropagation()\n        }}\n      >\n        {fields.map((field: SimpleFormField) => {\n          if (field.type === 'label') {\n            return <FormLabel key={field.name} field={field} />\n          }\n\n          return (\n            <FormRow key={field.name} label={field.label || ''}>\n              <FormField\n                field={field}\n                value={formData[field.name]}\n                onChange={(value) => {\n                  setFormData((prev) => ({\n                    ...prev,\n                    [field.name]: value,\n                  }))\n                }}\n              />\n            </FormRow>\n          )\n        })}\n      </FormLayout>\n    </Dialog>\n  )\n}\n"],"names":["getDefaults","fields","values","defaults","field","LabelContainer","styled","FormLabel","text","jsx","ReactMarkdown","DropdownItemTemplate","option","endContent","jsxs","Fragment","badge","index","Badge","DefaultItemTemplate","FormField","value","onChange","parsedValue","InputText","e","handleCheckboxEvent","event","InputSwitch","InputNumber","Dropdown","FormFileDownload","FormFileUpload","SimpleFormDialog","onClose","onSubmit","isOpen","title","submitLabel","cancelLabel","submitIcon","cancelIcon","formData","setFormData","useState","useEffect","footer","Spacer","Button","Dialog","FormLayout","FormRow","prev"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),e=require("./SortingSetting.styled.cjs.js"),n=({title:r,...i})=>t.jsxRuntimeExports.jsxs(e.Container,{children:[t.jsxRuntimeExports.jsx("label",{children:r}),t.jsxRuntimeExports.jsx(e.Dropdown,{title:"No sorting",...i})]});exports.SortingSetting=n;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),e=require("./SortingSetting.styled.cjs.js"),i=({title:n,...r})=>t.jsxRuntimeExports.jsxs(e.Container,{children:[t.jsxRuntimeExports.jsx("label",{children:n}),t.jsxRuntimeExports.jsx(e.Dropdown,{title:"No sorting",...r})]});exports.SortingSetting=i;
 //# sourceMappingURL=SortingSetting.cjs.js.map

package/dist/shared/src/components/SortingSetting/SortingSetting.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortingSetting.cjs.js","sources":["../../../../../src/components/SortingSetting/SortingSetting.tsx"],"sourcesContent":["import { SortingDropdownProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport * as Styled from './SortingSetting.styled'\n\ninterface SortingSettingProps extends SortingDropdownProps {}\n\nexport const SortingSetting: FC<SortingSettingProps> = ({ title, ...props }) => {\n  return (\n    <Styled.Container>\n      <label>{title}</label>\n      <Styled.Dropdown title={'No sorting'} {...props} />\n    </Styled.Container>\n  )\n}\n\nexport default SortingSetting\n"],"names":["SortingSetting","title","props","jsxs","Styled.Container","jsx","Styled.Dropdown"],"mappings":"mNAMaA,EAA0C,CAAC,CAAE,MAAAC,EAAO,GAAGC,KAEhEC,EAAAA,kBAAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,SAAO,SAAAJ,CAAA,CAAM,0BACbK,EAAAA,SAAA,CAAgB,MAAO,aAAe,GAAGJ,CAAA,CAAO,CAAA,EACnD"}
+{"version":3,"file":"SortingSetting.cjs.js","sources":["../../../../../src/components/SortingSetting/SortingSetting.tsx"],"sourcesContent":["import { SortingDropdownProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport * as Styled from './SortingSetting.styled'\n\ninterface SortingSettingProps extends SortingDropdownProps {}\n\nexport const SortingSetting: FC<SortingSettingProps> = ({ title, ...props }) => {\n  return (\n    <Styled.Container>\n      <label>{title}</label>\n      <Styled.Dropdown title={'No sorting'} {...props} />\n    </Styled.Container>\n  )\n}\n\nexport default SortingSetting\n"],"names":["SortingSetting","title","props","jsxs","Styled.Container","jsx","Styled.Dropdown"],"mappings":"uLAMaA,EAA0C,CAAC,CAAE,MAAAC,EAAO,GAAGC,KAEhEC,EAAAA,kBAAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,SAAO,SAAAJ,CAAA,CAAM,0BACbK,EAAAA,SAAA,CAAgB,MAAO,aAAe,GAAGJ,CAAA,CAAO,CAAA,EACnD"}

package/dist/shared/src/components/SortingSetting/SortingSetting.es.js

@@ -1,11 +1,10 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { Container as n, Dropdown as e } from "./SortingSetting.styled.es.js";
-const l = ({ title: r, ...o }) => /* @__PURE__ */ t.jsxs(n, { children: [
-  /* @__PURE__ */ t.jsx("label", { children: r }),
-  /* @__PURE__ */ t.jsx(e, { title: "No sorting", ...o })
+import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
+import { Container as n, Dropdown as i } from "./SortingSetting.styled.es.js";
+const x = ({ title: t, ...o }) => /* @__PURE__ */ r.jsxs(n, { children: [
+  /* @__PURE__ */ r.jsx("label", { children: t }),
+  /* @__PURE__ */ r.jsx(i, { title: "No sorting", ...o })
 ] });
 export {
-  l as SortingSetting,
-  l as default
+  x as SortingSetting
 };
 //# sourceMappingURL=SortingSetting.es.js.map

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),e=o.a`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=e.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -10,5 +10,5 @@
   &:hover {
     text-decoration: underline;
   }
-`;exports.StyledLink=e;exports.default=e;
+`;exports.StyledLink=o;
 //# sourceMappingURL=StyledLink.cjs.js.map

package/dist/shared/src/components/StyledLink/StyledLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledLink.cjs.js","sources":["../../../../../src/components/StyledLink/StyledLink.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  margin-right: 4px;\n  overflow: hidden;\n  text-overflow: clip;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nexport default StyledLink\n\n\n"],"names":["StyledLink","styled"],"mappings":"iJAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"StyledLink.cjs.js","sources":["../../../../../src/components/StyledLink/StyledLink.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  margin-right: 4px;\n  overflow: hidden;\n  text-overflow: clip;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nexport default StyledLink\n\n\n"],"names":["StyledLink","styled"],"mappings":"qHAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/StyledLink/StyledLink.es.js

@@ -13,7 +13,6 @@ const e = o.a`
   }
 `;
 export {
-  e as StyledLink,
-  e as default
+  e as StyledLink
 };
 //# sourceMappingURL=StyledLink.es.js.map

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/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/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/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/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/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");const t=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const s=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");const a=({SubtasksManager:r,...e})=>{const[u]=t.useUpdateSubtasksMutation(),{data:i=[]}=s.useGetUsersQuery({});return q.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound})};exports.SubtasksManagerWrapper=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/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/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/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/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/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");const t=require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const s=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");const a=({SubtasksManager:r,...e})=>{const[u]=t.useUpdateSubtasksMutation(),{data:i=[]}=s.useGetUsersQuery({});return q.jsxRuntimeExports.jsx(r,{...e,updateSubtasks:u,users:i,onNotFound:e.onNotFound})};exports.SubtasksManagerWrapper=a;
 //# sourceMappingURL=SubtasksManagerWrapper.cjs.js.map

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":"+vJAgCO,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,CAAA,GAAOC,EAAAA,iBAAiB,CAAA,CAAE,EAEhD,OACEC,EAAAA,kBAAAA,IAACN,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,UAAA,CAAA,CAGxB"}
+{"version":3,"file":"SubtasksManagerWrapper.cjs.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":"8zJAgCO,MAAMA,EAAyB,CAAC,CACrC,gBAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAACC,CAAc,EAAIC,4BAAA,EACnB,CAAE,KAAMC,EAAQ,CAAA,GAAOC,EAAAA,iBAAiB,CAAA,CAAE,EAEhD,OACEC,EAAAA,kBAAAA,IAACN,EAAA,CACE,GAAGC,EACJ,eAAAC,EACA,MAAAE,EACA,WAAYH,EAAM,UAAA,CAAA,CAGxB"}

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.es.js

@@ -70,6 +70,7 @@ import "../../api/queries/overview/updateOverview.es.js";
 import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/projectFolders/projectFolders.es.js";
@@ -88,7 +89,7 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-const Kt = ({
+const Lt = ({
   SubtasksManager: o,
   ...t
 }) => {
@@ -104,6 +105,6 @@ const Kt = ({
   );
 };
 export {
-  Kt as SubtasksManagerWrapper
+  Lt as SubtasksManagerWrapper
 };
 //# sourceMappingURL=SubtasksManagerWrapper.es.js.map

package/dist/shared/src/components/SubtasksManager/SubtasksManagerWrapper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,CAAA,MAAOC,EAAiB,CAAA,CAAE;AAEhD,SACEC,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,IAAA;AAAA,EAAA;AAGxB;"}
+{"version":3,"file":"SubtasksManagerWrapper.es.js","sources":["../../../../../src/components/SubtasksManager/SubtasksManagerWrapper.tsx"],"sourcesContent":["// Wraps the SubtasksManager remote component and provides it with required props from context and api\nimport {\n  QueryFilter,\n  SubTaskNode,\n  useGetUsersQuery,\n  UserModel,\n  useUpdateSubtasksMutation,\n} from '@shared/api'\nimport { useNavigate } from 'react-router'\n\ntype UpdateSubtasksMutation = ReturnType<typeof useUpdateSubtasksMutation>[0]\n\nexport interface SubtasksManagerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  subtasks: SubTaskNode[]\n  projectName: string\n  taskId: string\n  selectedSubtaskIds?: string[]\n  users: UserModel[]\n  title?: string | null\n  filters?: QueryFilter\n  actionsPortalClassName?: string\n  onClose?: () => void\n  onSelectSubtasks?: (subtaskIds: string[]) => void\n  updateSubtasks: UpdateSubtasksMutation\n  useNavigate: typeof useNavigate\n  onNotFound?: () => void // when remote module is not found\n}\n\nexport type SubtasksManagerWrapperProps = Omit<SubtasksManagerProps, 'updateSubtasks' | 'users'> & {\n  SubtasksManager: React.ComponentType<SubtasksManagerProps>\n}\n\nexport const SubtasksManagerWrapper = ({\n  SubtasksManager,\n  ...props\n}: SubtasksManagerWrapperProps) => {\n  const [updateSubtasks] = useUpdateSubtasksMutation()\n  const { data: users = [] } = useGetUsersQuery({})\n\n  return (\n    <SubtasksManager\n      {...props}\n      updateSubtasks={updateSubtasks}\n      users={users}\n      onNotFound={props.onNotFound}\n    />\n  )\n}\n"],"names":["SubtasksManagerWrapper","SubtasksManager","props","updateSubtasks","useUpdateSubtasksMutation","users","useGetUsersQuery","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAMA,KAAyB,CAAC;AAAA,EACrC,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAmC;AACjC,QAAM,CAACC,CAAc,IAAIC,EAAA,GACnB,EAAE,MAAMC,IAAQ,CAAA,MAAOC,EAAiB,CAAA,CAAE;AAEhD,SACEC,gBAAAA,EAAAA;AAAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGC;AAAA,MACJ,gBAAAC;AAAA,MACA,OAAAE;AAAA,MACA,YAAYH,EAAM;AAAA,IAAA;AAAA,EAAA;AAGxB;"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.cjs.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),V=require("../context/VersionUploadContext.cjs.js"),b=require("./UploadVersionForm.cjs.js"),C=require("styled-components"),S=n=>{let r=String(n),o=Math.max(0,3-r.length);return`v${"0".repeat(o)}${r}`},f=C.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("@ynput/ayon-react-components"),V=require("../context/VersionUploadContext.cjs.js"),b=require("./UploadVersionForm.cjs.js"),C=require("styled-components"),S=n=>{let r=String(n),o=Math.max(0,3-r.length);return`v${"0".repeat(o)}${r}`},E=C.span`
   background-color: var(--md-sys-color-error-container);
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
-`,d=()=>{const{isOpen:n,onCloseVersionUpload:r,productId:o,taskId:s,projectName:l,form:i,latestVersion:c,handleFormChange:u,handleFormSubmit:p,isSubmitting:m,error:a,createdProductId:x,createdVersionId:g}=V.useVersionUploadContext(),j=o||x,v=g,y=e.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxRuntimeExports.jsx(t.Spacer,{}),e.jsxRuntimeExports.jsx(t.Button,{onClick:r,label:"Cancel",variant:"text"}),e.jsxRuntimeExports.jsx(t.SaveButton,{type:"submit",form:"upload-version-form",label:`Create ${S(i.version)}`,icon:"upload",active:!0,saving:m})]}),h="Create new version - "+(o?"Product":s?"Task":"Folder");return e.jsxRuntimeExports.jsxs(t.Dialog,{isOpen:n,onClose:r,header:h,size:"md",footer:y,style:{width:600,maxHeight:"80vh"},children:[e.jsxRuntimeExports.jsx(b.UploadVersionForm,{formData:i,minVersion:c,onChange:u,onSubmit:p,hidden:o?["name","productType"]:[],projectName:l,versionId:v,productId:j}),a&&e.jsxRuntimeExports.jsx(f,{className:"error",children:JSON.stringify(a)})]})};exports.UploadVersionDialog=d;exports.default=d;
+`,f=()=>{const{isOpen:n,onCloseVersionUpload:r,productId:o,taskId:s,projectName:d,form:i,latestVersion:c,handleFormChange:l,handleFormSubmit:u,isSubmitting:p,error:a,createdProductId:m,createdVersionId:x,matchedProduct:g}=V.useVersionUploadContext(),j=o||m,y=x,v=e.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:8},children:[e.jsxRuntimeExports.jsx(t.Spacer,{}),e.jsxRuntimeExports.jsx(t.Button,{onClick:r,label:"Cancel",variant:"text"}),e.jsxRuntimeExports.jsx(t.SaveButton,{type:"submit",form:"upload-version-form",label:`Create ${S(i.version)}`,icon:"upload",active:!0,saving:p})]}),h="Create new version - "+(o?"Product":s?"Task":"Folder");return e.jsxRuntimeExports.jsxs(t.Dialog,{isOpen:n,onClose:r,header:h,size:"md",footer:v,style:{width:600,maxHeight:"80vh"},children:[e.jsxRuntimeExports.jsx(b.UploadVersionForm,{formData:i,minVersion:c,onChange:l,onSubmit:u,hidden:o?["name","productType"]:g?["productType"]:[],projectName:d,versionId:y,productId:j}),a&&e.jsxRuntimeExports.jsx(E,{className:"error",children:JSON.stringify(a)})]})};exports.UploadVersionDialog=f;
 //# sourceMappingURL=UploadVersionDialog.cjs.js.map

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionDialog.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":"+UAMMA,EAAmBC,GAAmB,CAE1C,IAAIC,EAAS,OAAOD,CAAM,EAKtBE,EAAgB,KAAK,IAAI,EAAG,EAAID,EAAO,MAAM,EAMjD,MAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM,EAC7B,EAEME,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EASfC,EAAoD,IAAM,CACrE,KAAM,CACJ,OAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,iBAAAC,CAAA,EACEC,0BAAA,EAGEC,EAAmBZ,GAAaS,EAChCI,EAAmBH,EAEnBI,EACJC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACxD,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,EAAO,0BACPC,EAAAA,OAAA,CAAO,QAASnB,EAAsB,MAAM,SAAS,QAAQ,OAAO,EACrEiB,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,KAAK,SACL,KAAK,sBACL,MAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC,GAC9C,KAAM,SACN,OAAM,GACN,OAAQI,CAAA,CAAA,CACV,EACF,EAIIa,EAAQ,yBADepB,EAAY,UAAYC,EAAS,OAAS,UAGvE,OACEc,EAAAA,kBAAAA,KAACM,EAAAA,OAAA,CACC,OAAAvB,EACA,QAASC,EACT,OAAQqB,EACR,KAAK,KACL,OAAAN,EACA,MAAO,CAAE,MAAO,IAAK,UAAW,MAAA,EAEhC,SAAA,CAAAE,EAAAA,kBAAAA,IAACM,EAAAA,kBAAA,CACC,SAAUnB,EACV,WAAYC,EACZ,SAAUC,EACV,SAAUC,EACV,OAAQN,EAAY,CAAC,OAAQ,aAAa,EAAI,CAAA,EAC9C,YAAAE,EACA,UAAWW,EACX,UAAWD,CAAA,CAAA,EAEZJ,2BAAUb,EAAA,CAAa,UAAU,QAAS,SAAA,KAAK,UAAUa,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAGvE"}
+{"version":3,"file":"UploadVersionDialog.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : matchedProduct ? ['productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","matchedProduct","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":"mTAMMA,EAAmBC,GAAmB,CAE1C,IAAIC,EAAS,OAAOD,CAAM,EAKtBE,EAAgB,KAAK,IAAI,EAAG,EAAID,EAAO,MAAM,EAMjD,MAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM,EAC7B,EAEME,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EASfC,EAAoD,IAAM,CACrE,KAAM,CACJ,OAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,KAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,CAAA,EACEC,0BAAA,EAGEC,EAAmBb,GAAaS,EAChCK,EAAmBJ,EAEnBK,EACJC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,MAAO,IAAK,CAAA,EACxD,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,EAAO,0BACPC,EAAAA,OAAA,CAAO,QAASpB,EAAsB,MAAM,SAAS,QAAQ,OAAO,EACrEkB,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,KAAK,SACL,KAAK,sBACL,MAAO,UAAU7B,EAAgBY,EAAK,OAAO,CAAC,GAC9C,KAAM,SACN,OAAM,GACN,OAAQI,CAAA,CAAA,CACV,EACF,EAIIc,EAAQ,yBADerB,EAAY,UAAYC,EAAS,OAAS,UAGvE,OACEe,EAAAA,kBAAAA,KAACM,EAAAA,OAAA,CACC,OAAAxB,EACA,QAASC,EACT,OAAQsB,EACR,KAAK,KACL,OAAAN,EACA,MAAO,CAAE,MAAO,IAAK,UAAW,MAAA,EAEhC,SAAA,CAAAE,EAAAA,kBAAAA,IAACM,EAAAA,kBAAA,CACC,SAAUpB,EACV,WAAYC,EACZ,SAAUC,EACV,SAAUC,EACV,OAAQN,EAAY,CAAC,OAAQ,aAAa,EAAIW,EAAiB,CAAC,aAAa,EAAI,CAAA,EACjF,YAAAT,EACA,UAAWY,EACX,UAAWD,CAAA,CAAA,EAEZL,2BAAUb,EAAA,CAAa,UAAU,QAAS,SAAA,KAAK,UAAUa,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAGvE"}

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.es.js

@@ -1,12 +1,12 @@
 import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Spacer as h, Button as y, SaveButton as j, Dialog as b } from "@ynput/ayon-react-components";
-import { useVersionUploadContext as C } from "../context/VersionUploadContext.es.js";
-import { UploadVersionForm as S } from "./UploadVersionForm.es.js";
-import V from "styled-components";
-const I = (t) => {
+import { Spacer as f, Button as j, SaveButton as b, Dialog as C } from "@ynput/ayon-react-components";
+import { useVersionUploadContext as S } from "../context/VersionUploadContext.es.js";
+import { UploadVersionForm as V } from "./UploadVersionForm.es.js";
+import I from "styled-components";
+const T = (t) => {
   let e = String(t), o = Math.max(0, 3 - e.length);
   return `v${"0".repeat(o)}${e}`;
-}, k = V.span`
+}, k = I.span`
   background-color: var(--md-sys-color-error-container);
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
@@ -20,48 +20,49 @@ const I = (t) => {
     projectName: a,
     form: i,
     latestVersion: d,
-    handleFormChange: l,
-    handleFormSubmit: c,
+    handleFormChange: c,
+    handleFormSubmit: l,
     isSubmitting: m,
     error: s,
     createdProductId: p,
-    createdVersionId: u
-  } = C(), g = o || p, x = u, v = /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
-    /* @__PURE__ */ r.jsx(h, {}),
-    /* @__PURE__ */ r.jsx(y, { onClick: e, label: "Cancel", variant: "text" }),
+    createdVersionId: u,
+    matchedProduct: g
+  } = S(), x = o || p, h = u, v = /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
+    /* @__PURE__ */ r.jsx(f, {}),
+    /* @__PURE__ */ r.jsx(j, { onClick: e, label: "Cancel", variant: "text" }),
     /* @__PURE__ */ r.jsx(
-      j,
+      b,
       {
         type: "submit",
         form: "upload-version-form",
-        label: `Create ${I(i.version)}`,
+        label: `Create ${T(i.version)}`,
         icon: "upload",
         active: !0,
         saving: m
       }
     )
-  ] }), f = "Create new version - " + (o ? "Product" : n ? "Task" : "Folder");
+  ] }), y = "Create new version - " + (o ? "Product" : n ? "Task" : "Folder");
   return /* @__PURE__ */ r.jsxs(
-    b,
+    C,
     {
       isOpen: t,
       onClose: e,
-      header: f,
+      header: y,
       size: "md",
       footer: v,
       style: { width: 600, maxHeight: "80vh" },
       children: [
         /* @__PURE__ */ r.jsx(
-          S,
+          V,
           {
             formData: i,
             minVersion: d,
-            onChange: l,
-            onSubmit: c,
-            hidden: o ? ["name", "productType"] : [],
+            onChange: c,
+            onSubmit: l,
+            hidden: o ? ["name", "productType"] : g ? ["productType"] : [],
             projectName: a,
-            versionId: x,
-            productId: g
+            versionId: h,
+            productId: x
           }
         ),
         s && /* @__PURE__ */ r.jsx(k, { className: "error", children: JSON.stringify(s) })
@@ -70,7 +71,6 @@ const I = (t) => {
   );
 };
 export {
-  U as UploadVersionDialog,
-  U as default
+  U as UploadVersionDialog
 };
 //# sourceMappingURL=UploadVersionDialog.es.js.map

package/dist/shared/src/components/VersionUploader/components/UploadVersionDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadVersionDialog.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAAmB;AAE1C,MAAIC,IAAS,OAAOD,CAAM,GAKtBE,IAAgB,KAAK,IAAI,GAAG,IAAID,EAAO,MAAM;AAMjD,SAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM;AAC7B,GAEME,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GASfC,IAAoD,MAAM;AACrE,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBZ,KAAaS,GAChCI,IAAmBH,GAEnBI,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,KAAK,EAAA,GACxD,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAO;AAAA,0BACPC,GAAA,EAAO,SAASnB,GAAsB,OAAM,UAAS,SAAQ,QAAO;AAAA,IACrEiB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,UAAU5B,EAAgBY,EAAK,OAAO,CAAC;AAAA,QAC9C,MAAM;AAAA,QACN,QAAM;AAAA,QACN,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF,GAIIa,IAAQ,2BADepB,IAAY,YAAYC,IAAS,SAAS;AAGvE,SACEc,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAAvB;AAAA,MACA,SAASC;AAAA,MACT,QAAQqB;AAAA,MACR,MAAK;AAAA,MACL,QAAAN;AAAA,MACA,OAAO,EAAE,OAAO,KAAK,WAAW,OAAA;AAAA,MAEhC,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,YAAYC;AAAA,YACZ,UAAUC;AAAA,YACV,UAAUC;AAAA,YACV,QAAQN,IAAY,CAAC,QAAQ,aAAa,IAAI,CAAA;AAAA,YAC9C,aAAAE;AAAA,YACA,WAAWW;AAAA,YACX,WAAWD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZJ,2BAAUb,GAAA,EAAa,WAAU,SAAS,UAAA,KAAK,UAAUa,CAAK,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
+{"version":3,"file":"UploadVersionDialog.es.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionDialog.tsx"],"sourcesContent":["import { Dialog, Button, Spacer, SaveButton } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { UploadVersionForm } from './UploadVersionForm'\nimport styled from 'styled-components'\n\nconst toVersionString = (number: number) => {\n  // Convert the number to a string\n  let numStr = String(number)\n\n  // Calculate how many zeros are needed for padding\n  // If the number of digits is less than 3, we need 3 - numStr.length zeros.\n  // Otherwise, no padding is needed.\n  let paddingNeeded = Math.max(0, 3 - numStr.length)\n\n  // Create the padding string\n  let padding = '0'.repeat(paddingNeeded)\n\n  // Combine to form the version string\n  return `v${padding}${numStr}`\n}\n\nconst ErrorMessage = styled.span`\n  background-color: var(--md-sys-color-error-container);\n  color: var(--md-sys-color-on-error-container);\n  padding: var(--padding-s);\n  border-radius: var(--border-radius-m);\n`\n\ninterface UploadVersionDialogProps {}\n\nexport const UploadVersionDialog: FC<UploadVersionDialogProps> = () => {\n  const {\n    isOpen,\n    onCloseVersionUpload,\n    productId,\n    taskId,\n    projectName,\n    form,\n    latestVersion,\n    handleFormChange,\n    handleFormSubmit,\n    isSubmitting,\n    error,\n    createdProductId,\n    createdVersionId,\n    matchedProduct,\n  } = useVersionUploadContext()\n\n  // Use existing productId if available, otherwise use created one\n  const currentProductId = productId || createdProductId\n  const currentVersionId = createdVersionId\n\n  const footer = (\n    <div style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>\n      <Spacer />\n      <Button onClick={onCloseVersionUpload} label=\"Cancel\" variant=\"text\" />\n      <SaveButton\n        type=\"submit\"\n        form=\"upload-version-form\"\n        label={`Create ${toVersionString(form.version)}`}\n        icon={'upload'}\n        active\n        saving={isSubmitting}\n      />\n    </div>\n  )\n\n  const creatingOnEntityType = productId ? 'Product' : taskId ? 'Task' : 'Folder'\n  const title = 'Create new version' + ' - ' + creatingOnEntityType\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onCloseVersionUpload}\n      header={title}\n      size=\"md\"\n      footer={footer}\n      style={{ width: 600, maxHeight: '80vh' }}\n    >\n      <UploadVersionForm\n        formData={form}\n        minVersion={latestVersion}\n        onChange={handleFormChange}\n        onSubmit={handleFormSubmit}\n        hidden={productId ? ['name', 'productType'] : matchedProduct ? ['productType'] : []}\n        projectName={projectName}\n        versionId={currentVersionId}\n        productId={currentProductId}\n      />\n      {error && <ErrorMessage className=\"error\">{JSON.stringify(error)}</ErrorMessage>}\n    </Dialog>\n  )\n}\n\nexport default UploadVersionDialog\n"],"names":["toVersionString","number","numStr","paddingNeeded","ErrorMessage","styled","UploadVersionDialog","isOpen","onCloseVersionUpload","productId","taskId","projectName","form","latestVersion","handleFormChange","handleFormSubmit","isSubmitting","error","createdProductId","createdVersionId","matchedProduct","useVersionUploadContext","currentProductId","currentVersionId","footer","jsxs","jsx","Spacer","Button","SaveButton","title","Dialog","UploadVersionForm"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAAmB;AAE1C,MAAIC,IAAS,OAAOD,CAAM,GAKtBE,IAAgB,KAAK,IAAI,GAAG,IAAID,EAAO,MAAM;AAMjD,SAAO,IAHO,IAAI,OAAOC,CAAa,CAGpB,GAAGD,CAAM;AAC7B,GAEME,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GASfC,IAAoD,MAAM;AACrE,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAmBb,KAAaS,GAChCK,IAAmBJ,GAEnBK,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,KAAK,EAAA,GACxD,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAO;AAAA,0BACPC,GAAA,EAAO,SAASpB,GAAsB,OAAM,UAAS,SAAQ,QAAO;AAAA,IACrEkB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO,UAAU7B,EAAgBY,EAAK,OAAO,CAAC;AAAA,QAC9C,MAAM;AAAA,QACN,QAAM;AAAA,QACN,QAAQI;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF,GAIIc,IAAQ,2BADerB,IAAY,YAAYC,IAAS,SAAS;AAGvE,SACEe,gBAAAA,EAAAA;AAAAA,IAACM;AAAA,IAAA;AAAA,MACC,QAAAxB;AAAA,MACA,SAASC;AAAA,MACT,QAAQsB;AAAA,MACR,MAAK;AAAA,MACL,QAAAN;AAAA,MACA,OAAO,EAAE,OAAO,KAAK,WAAW,OAAA;AAAA,MAEhC,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUpB;AAAA,YACV,YAAYC;AAAA,YACZ,UAAUC;AAAA,YACV,UAAUC;AAAA,YACV,QAAQN,IAAY,CAAC,QAAQ,aAAa,IAAIW,IAAiB,CAAC,aAAa,IAAI,CAAA;AAAA,YACjF,aAAAT;AAAA,YACA,WAAWY;AAAA,YACX,WAAWD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZL,2BAAUb,GAAA,EAAa,WAAU,SAAS,UAAA,KAAK,UAAUa,CAAK,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}