npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.45 → 0.3.1 - Mend

@ynput/ayon-frontend-shared 0.2.45 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (411) hide show

package/dist/shared/src/components/SimpleFormDialog/SimpleFormDialog.es.js CHANGED Viewed

@@ -4,10 +4,18 @@ import { useState as k, useEffect as v } from "react";
 import D from "react-markdown";
 import { Dialog as F, FormLayout as S, FormRow as I, Spacer as C, Button as u, InputText as E, InputSwitch as V, InputNumber as g, Dropdown as y, DefaultItemTemplate as T } from "@ynput/ayon-react-components";
 import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../AccessUser/AccessUser.es.js";
 import "clsx";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "lodash";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import { Badge as N } from "../Badge/Badge.es.js";
+import "../Chips/Chips.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -94,22 +102,23 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
 /* empty css                                               */
-import "lodash";
-import "uuid";
-import "../../util/pubsub.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
@@ -121,14 +130,6 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "remark-emoji";
@@ -143,6 +144,8 @@ import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "uuid";
+import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -193,6 +196,13 @@ import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../containers/SimpleTable/SimpleTable.styled.es.js";
+import "@tanstack/match-sorter-utils";
+import "../../containers/SimpleTable/context/SimpleTableContext.es.js";
+import "../../containers/SimpleTable/SimpleTableRowTemplate.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
+import "../../containers/Slicer/components/SlicerSearch.es.js";
+import "../../containers/Slicer/context/SlicerContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -208,41 +218,38 @@ import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../EntityPath/EntityPath.styled.es.js";
 import "../EntityPath/SegmentProvider.es.js";
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../Watchers/Watchers.es.js";
-import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Feedback/FeedbackContext.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
 import "../Powerpack/PowerpackButton.es.js";
 import "../Powerpack/PricingLink.es.js";
 import "../Powerpack/PowerpackDialog.styled.es.js";
 import "../Powerpack/CTAButton.es.js";
 import "../Powerpack/RequiredAddonVersion.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../SizeSlider/SizeSlider.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
 import "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../AttributeEditor/components/MinMaxField.es.js";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import { Badge as N } from "../Badge/Badge.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContext.es.js";
-import "../Feedback/FeedbackContext.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../Chips/Chips.es.js";
-import "../StyledLink/StyledLink.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
 import "../SortingSetting/SortingSetting.styled.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContext.es.js";
+import "../Watchers/Watchers.es.js";
 import "../Menu/Menu.styled.es.js";
 import "../Menu/MenuItem.es.js";
 const K = (r, o) => {
@@ -362,7 +369,7 @@ const K = (r, o) => {
       }
     );
   }
-}, xp = ({
+}, kp = ({
   fields: r,
   values: o,
   onClose: p,
@@ -428,6 +435,6 @@ const K = (r, o) => {
   );
 };
 export {
-  xp as SimpleFormDialog
+  kp as SimpleFormDialog
 };
 //# sourceMappingURL=SimpleFormDialog.es.js.map

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

	@@ -1 +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'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| 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 }\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 : []\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\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","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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"}
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'\n\nimport type { FormSelectOption, SimpleFormField } from '@shared/api'\n\nexport type SimpleFormValue = string \| number \| boolean \| string[] \| 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 }\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 : []\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\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","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/VersionUploader/components/UploadVersionForm.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components");require("../../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/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/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");const k=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const K=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.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("react-markdown");require("remark-emoji");require("remark-gfm");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/CommentInput/quillToMarkdown.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/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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("date-fns");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.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/TextWidget.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("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/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/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredAddonVersion.cjs.js");require("../../SizeSlider/SizeSlider.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const I=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../SortingSetting/SortingSetting.styled.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../../Menu/Menu.styled.cjs.js");require("../../Menu/MenuItem.cjs.js");const L=s.form`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components");require("../../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../Badge/Badge.cjs.js");require("../../Chips/Chips.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/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/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/DetailsSection.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../EarlyPreview/EarlyPreview.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.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/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const k=require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");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/CommentInput/quillToMarkdown.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("uuid");require("../../../util/pubsub.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/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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("date-fns");require("../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.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/TextWidget.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("../../LinksManager/CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../LinksManager/LinksManager.styled.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../containers/SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../../containers/SimpleTable/context/SimpleTableContext.cjs.js");require("../../../containers/SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../containers/Slicer/components/SlicerSearch.cjs.js");require("../../../containers/Slicer/context/SlicerContext.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/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/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");const K=require("../../ReviewablesList/ReviewablesUpload.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../LegacyBadge/LegacyBadge.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.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/filterDates.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../SortingSetting/SortingSetting.styled.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../../TableGridSwitch/TableGridSwitch.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("./UploadVersionDialog.cjs.js");const I=require("../context/VersionUploadContext.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../Menu/Menu.styled.cjs.js");require("../../Menu/MenuItem.cjs.js");const L=s.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -36,5 +36,5 @@
 `,M=s.div`
   position: relative;
   min-height: 80px;
-`,H=({formData:r,onChange:t,onSubmit:m,hidden:c=[],projectName:j,minVersion:v=1,versionId:x,productId:R})=>{const y=o.useRef(r.productType),b=o.useRef(null),T=o.useRef(null),{pendingFiles:g,setPendingFiles:w,onCloseVersionUpload:E,extractAndSetVersionFromFiles:f,dispatch:F}=I.useVersionUploadContext(),d=K.useProjectContext(),P=d.getProductTypeOptions(),n=o.useMemo(()=>d.productTypes.reduce((e,i)=>(e[i.name]=i,e),{}),[d.productTypes]);o.useEffect(()=>{const e=y.current,i=n[e]?.name||"",p=n[r.productType]?.name||"";if(r.productType!==e&&i&&r.name.startsWith(i)){const a=r.name.slice(i.length),A=p+a;t("name",A)}y.current=r.productType},[r.productType,r.name,t]);const N=e=>{e.preventDefault();const i=e.nativeEvent.submitter;i&&i.closest(".dropdown")||m(r)},S=e=>{const i=parseInt(e.target.value,10);isNaN(i)||t("version",i)},U=e=>{t("name",e.target.value)},V=e=>{e.length>0&&t("productType",e[0])},C=()=>{const e=n[r.productType]?.name||"",i=r.name||"",p=i.charAt(0).toUpperCase()+i.slice(1),a=e+p;t("name",a)},h=()=>{const e=n[r.productType]?.name||"";return r.name&&!r.name.startsWith(e)},l=!!x,z=e=>{if(e.key==="Enter"&&(e.metaKey||e.ctrlKey)){e.preventDefault(),m(r);return}};return u.jsxRuntimeExports.jsxs(L,{id:"upload-version-form",ref:T,onSubmit:N,noValidate:!0,onKeyDown:z,children:[u.jsxRuntimeExports.jsxs(O,{children:[!c.includes("productType")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Product Type",children:u.jsxRuntimeExports.jsx(q.Dropdown,{ref:b,options:P,value:[r.productType],onChange:V,widthExpand:!0,multiSelect:!1,"aria-label":"Product Type",search:!0,disabled:l})}),!c.includes("name")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Product Name",children:u.jsxRuntimeExports.jsxs("div",{children:[u.jsxRuntimeExports.jsx(q.InputText,{value:r.name,onChange:U,placeholder:"Enter product name",minLength:1,autoFocus:!0,"aria-label":"Product Name","aria-describedby":h()?"name-recommendation":void 0,disabled:l}),h()&&u.jsxRuntimeExports.jsxs(W,{id:"name-recommendation",children:['We recommend prefixing with "',n[r.productType]?.name,'".'," ",u.jsxRuntimeExports.jsx(B,{type:"button",onClick:C,children:"Apply prefix"})]})]})}),!c.includes("version")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Version",children:u.jsxRuntimeExports.jsx(q.InputNumber,{value:r.version,onChange:S,min:v,step:1,"aria-label":"Version Number",autoFocus:c.includes("name"),disabled:l})})]}),u.jsxRuntimeExports.jsx(q.FormRow,{label:"Reviewable files"}),u.jsxRuntimeExports.jsx(M,{children:u.jsxRuntimeExports.jsx(k.ReviewableUpload,{projectName:j,versionId:x,productId:R,dispatch:F,pendingFiles:g,setPendingFiles:w,onUpload:E,onFilesAdded:f,pt:{upload:{style:{minHeight:80}},dropzone:{style:{inset:0}}}})})]})};exports.UploadVersionForm=H;
+`,H=({formData:r,onChange:t,onSubmit:m,hidden:c=[],projectName:j,minVersion:v=1,versionId:x,productId:R})=>{const y=o.useRef(r.productType),b=o.useRef(null),T=o.useRef(null),{pendingFiles:g,setPendingFiles:w,onCloseVersionUpload:E,extractAndSetVersionFromFiles:f,dispatch:F}=I.useVersionUploadContext(),d=k.useProjectContext(),P=d.getProductTypeOptions(),n=o.useMemo(()=>d.productTypes.reduce((e,i)=>(e[i.name]=i,e),{}),[d.productTypes]);o.useEffect(()=>{const e=y.current,i=n[e]?.name||"",p=n[r.productType]?.name||"";if(r.productType!==e&&i&&r.name.startsWith(i)){const a=r.name.slice(i.length),A=p+a;t("name",A)}y.current=r.productType},[r.productType,r.name,t]);const N=e=>{e.preventDefault();const i=e.nativeEvent.submitter;i&&i.closest(".dropdown")||m(r)},S=e=>{const i=parseInt(e.target.value,10);isNaN(i)||t("version",i)},U=e=>{t("name",e.target.value)},V=e=>{e.length>0&&t("productType",e[0])},C=()=>{const e=n[r.productType]?.name||"",i=r.name||"",p=i.charAt(0).toUpperCase()+i.slice(1),a=e+p;t("name",a)},h=()=>{const e=n[r.productType]?.name||"";return r.name&&!r.name.startsWith(e)},l=!!x,z=e=>{if(e.key==="Enter"&&(e.metaKey||e.ctrlKey)){e.preventDefault(),m(r);return}};return u.jsxRuntimeExports.jsxs(L,{id:"upload-version-form",ref:T,onSubmit:N,noValidate:!0,onKeyDown:z,children:[u.jsxRuntimeExports.jsxs(O,{children:[!c.includes("productType")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Product Type",children:u.jsxRuntimeExports.jsx(q.Dropdown,{ref:b,options:P,value:[r.productType],onChange:V,widthExpand:!0,multiSelect:!1,"aria-label":"Product Type",search:!0,disabled:l})}),!c.includes("name")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Product Name",children:u.jsxRuntimeExports.jsxs("div",{children:[u.jsxRuntimeExports.jsx(q.InputText,{value:r.name,onChange:U,placeholder:"Enter product name",minLength:1,autoFocus:!0,"aria-label":"Product Name","aria-describedby":h()?"name-recommendation":void 0,disabled:l}),h()&&u.jsxRuntimeExports.jsxs(W,{id:"name-recommendation",children:['We recommend prefixing with "',n[r.productType]?.name,'".'," ",u.jsxRuntimeExports.jsx(B,{type:"button",onClick:C,children:"Apply prefix"})]})]})}),!c.includes("version")&&u.jsxRuntimeExports.jsx(q.FormRow,{label:"Version",children:u.jsxRuntimeExports.jsx(q.InputNumber,{value:r.version,onChange:S,min:v,step:1,"aria-label":"Version Number",autoFocus:c.includes("name"),disabled:l})})]}),u.jsxRuntimeExports.jsx(q.FormRow,{label:"Reviewable files"}),u.jsxRuntimeExports.jsx(M,{children:u.jsxRuntimeExports.jsx(K.ReviewableUpload,{projectName:j,versionId:x,productId:R,dispatch:F,pendingFiles:g,setPendingFiles:w,onUpload:E,onFilesAdded:f,pt:{upload:{style:{minHeight:80}},dropzone:{style:{inset:0}}}})})]})};exports.UploadVersionForm=H;
 //# sourceMappingURL=UploadVersionForm.cjs.js.map

package/dist/shared/src/components/VersionUploader/components/UploadVersionForm.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef, useMemo } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const project = useProjectContext()\n\n const productTypeOptions = project.getProductTypeOptions()\n const productTypes = useMemo(() => {\n return project.productTypes.reduce((acc, type) => {\n acc[type.name] = type\n return acc\n }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n }, [project.productTypes])\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","project","useProjectContext","productTypeOptions","productTypes","useMemo","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","submitter","handleVersionChange","value","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}
1	+ {"version":3,"file":"UploadVersionForm.cjs.js","sources":["../../../../../../src/components/VersionUploader/components/UploadVersionForm.tsx"],"sourcesContent":["import { FC, FormEvent, useEffect, useRef, useMemo } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\nimport { useProjectContext } from '@shared/context'\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding: var(--padding-m);\n width: 100%;\n`\n\nconst StyledFormLayout = styled(FormLayout)`\n width: 100%;\n margin: auto;\n\n & > div {\n align-items: start;\n }\n\n input {\n width: 100%;\n }\n`\n\nconst RecommendationNote = styled.div`\n font-size: var(--font-size-xs);\n color: var(--md-sys-color-outline);\n margin-top: var(--base-gap-small);\n line-height: 1.3;\n`\n\nconst InlineButton = styled.button`\n background: none;\n border: none;\n color: var(--md-sys-color-primary);\n text-decoration: underline;\n cursor: pointer;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n\n &:hover {\n color: var(--md-sys-color-primary-dark);\n }\n`\n\nconst StyledUpload = styled.div`\n position: relative;\n min-height: 80px;\n`\n\ntype FormData = {\n version: number\n name: string\n productType: string\n}\n\ninterface UploadVersionFormProps {\n formData: FormData\n onChange: (key: keyof FormData, value: string \| number) => void\n onSubmit: (formData: FormData) => void\n hidden?: (keyof FormData)[]\n projectName: string\n minVersion?: number\n versionId?: string \| null\n productId?: string \| null\n}\n\nexport const UploadVersionForm: FC<UploadVersionFormProps> = ({\n formData,\n onChange,\n onSubmit,\n hidden = [],\n projectName,\n minVersion = 1,\n versionId,\n productId,\n}) => {\n const previousProductTypeRef = useRef<string>(formData.productType)\n const dropdownRef = useRef<DropdownRef>(null)\n const formRef = useRef<HTMLFormElement>(null)\n const {\n pendingFiles,\n setPendingFiles,\n onCloseVersionUpload,\n extractAndSetVersionFromFiles,\n dispatch,\n } = useVersionUploadContext()\n\n const project = useProjectContext()\n\n const productTypeOptions = project.getProductTypeOptions()\n const productTypes = useMemo(() => {\n return project.productTypes.reduce((acc, type) => {\n acc[type.name] = type\n return acc\n }, {} as Record<string, { name: string; icon?: string; color?: string }>)\n }, [project.productTypes])\n\n useEffect(() => {\n // Check if the current name starts with the previous product type name\n const previousProductType = previousProductTypeRef.current\n const previousProductTypeName = productTypes[previousProductType]?.name \|\| ''\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n\n // Only sync if the product type actually changed\n if (formData.productType !== previousProductType && previousProductTypeName) {\n // Check if the current name starts with the previous product type name\n if (formData.name.startsWith(previousProductTypeName)) {\n // Extract the suffix after the previous product type name\n const suffix = formData.name.slice(previousProductTypeName.length)\n // Create the new name with the current product type + suffix\n const newName = currentProductTypeName + suffix\n onChange('name', newName)\n }\n }\n\n // Update the ref to the current product type\n previousProductTypeRef.current = formData.productType\n }, [formData.productType, formData.name, onChange])\n\n const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n // @ts-expect-error - submitter is not defined in the type\n const submitter = e.nativeEvent.submitter as HTMLButtonElement \| null\n // if the submitter is a button, check it's parent does not have the dropdown class\n if (submitter && submitter.closest('.dropdown')) {\n // if the submitter is a button inside a dropdown, do not submit the form\n return\n }\n\n onSubmit(formData)\n }\n\n const handleVersionChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = parseInt(e.target.value, 10)\n if (!isNaN(value)) {\n onChange('version', value)\n }\n }\n\n const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange('name', e.target.value)\n }\n\n const handleProductTypeChange = (value: string[]) => {\n if (value.length > 0) {\n onChange('productType', value[0])\n // focus the name input after changing product type\n }\n }\n\n const handleApplyPrefix = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n const currentName = formData.name \|\| ''\n\n // Capitalize the first letter of the existing name for camelCase\n const capitalizedName = currentName.charAt(0).toUpperCase() + currentName.slice(1)\n const newName = currentProductTypeName + capitalizedName\n onChange('name', newName)\n }\n\n const shouldShowRecommendation = () => {\n const currentProductTypeName = productTypes[formData.productType]?.name \|\| ''\n return formData.name && !formData.name.startsWith(currentProductTypeName)\n }\n\n // Disable form fields if version has been created\n const isFormSubmitted = Boolean(versionId)\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLFormElement>) => {\n // Submit form on Cmd/Ctrl + Enter\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n onSubmit(formData)\n return\n }\n }\n\n return (\n <StyledForm\n id=\"upload-version-form\"\n ref={formRef}\n onSubmit={handleSubmit}\n noValidate\n onKeyDown={handleKeyDown}\n >\n <StyledFormLayout>\n {!hidden.includes('productType') && (\n <FormRow label=\"Product Type\">\n <Dropdown\n ref={dropdownRef}\n options={productTypeOptions}\n value={[formData.productType]}\n onChange={handleProductTypeChange}\n widthExpand\n multiSelect={false}\n aria-label=\"Product Type\"\n search\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n\n {!hidden.includes('name') && (\n <FormRow label=\"Product Name\">\n <div>\n <InputText\n value={formData.name}\n onChange={handleNameChange}\n placeholder=\"Enter product name\"\n minLength={1}\n autoFocus\n aria-label=\"Product Name\"\n aria-describedby={shouldShowRecommendation() ? 'name-recommendation' : undefined}\n disabled={isFormSubmitted}\n />\n {shouldShowRecommendation() && (\n <RecommendationNote id=\"name-recommendation\">\n We recommend prefixing with \"{productTypes[formData.productType]?.name}\".{' '}\n <InlineButton type=\"button\" onClick={handleApplyPrefix}>\n Apply prefix\n </InlineButton>\n </RecommendationNote>\n )}\n </div>\n </FormRow>\n )}\n\n {!hidden.includes('version') && (\n <FormRow label=\"Version\">\n <InputNumber\n value={formData.version}\n onChange={handleVersionChange}\n min={minVersion}\n step={1}\n aria-label=\"Version Number\"\n autoFocus={hidden.includes('name')}\n disabled={isFormSubmitted}\n />\n </FormRow>\n )}\n </StyledFormLayout>\n\n <FormRow label=\"Reviewable files\" />\n <StyledUpload>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n dispatch={dispatch}\n pendingFiles={pendingFiles}\n setPendingFiles={setPendingFiles}\n onUpload={onCloseVersionUpload}\n onFilesAdded={extractAndSetVersionFromFiles}\n pt={{\n upload: {\n style: { minHeight: 80 },\n },\n dropzone: {\n style: { inset: 0 },\n },\n }}\n />\n </StyledUpload>\n </StyledForm>\n )\n}\n"],"names":["StyledForm","styled","StyledFormLayout","FormLayout","RecommendationNote","InlineButton","StyledUpload","UploadVersionForm","formData","onChange","onSubmit","hidden","projectName","minVersion","versionId","productId","previousProductTypeRef","useRef","dropdownRef","formRef","pendingFiles","setPendingFiles","onCloseVersionUpload","extractAndSetVersionFromFiles","dispatch","useVersionUploadContext","project","useProjectContext","productTypeOptions","productTypes","useMemo","acc","type","useEffect","previousProductType","previousProductTypeName","currentProductTypeName","suffix","newName","handleSubmit","submitter","handleVersionChange","value","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}