npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.31 → 0.2.33 - Mend

@ynput/ayon-frontend-shared 0.2.31 → 0.2.33

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 (693) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleFormDialog.cjs.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}>{badge}</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.cjs.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}>{badge}</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/SimpleFormDialog/SimpleFormDialog.es.js CHANGED Viewed

@@ -51,6 +51,7 @@ import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
 import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
 import "../../api/queries/addons/getAddons.es.js";
 import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
@@ -135,12 +136,14 @@ import "react-router-dom";
 import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -214,6 +217,10 @@ import "../Feedback/SupportBubble.es.js";
 import "../Chips/Chips.es.js";
 import "../../containers/EntityPickerDialog/EntityPickerDialog.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";
 const K = (r, o) => {
   const p = {};
   return r.forEach((t) => {
@@ -331,7 +338,7 @@ const K = (r, o) => {
       }
     );
   }
-}, Lm = ({
+}, Jm = ({
   fields: r,
   values: o,
   onClose: p,
@@ -397,6 +404,6 @@ const K = (r, o) => {
   );
 };
 export {
-  Lm as SimpleFormDialog
+  Jm 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}>{badge}</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}>{badge}</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/Thumbnail/Thumbnail.styled.cjs.js CHANGED Viewed

@@ -1,10 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=o.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=o.div`
   position: relative;
   width: 100%;
   height: 52px;
   aspect-ratio: 1.7;
   overflow: hidden;
-  border-radius: var(--border-radius-l);
   margin: auto;
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -89,11 +88,10 @@
     border: none;
     border-color: transparent;
   }
-`,e=o.img`
+`,i=o.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
-  border-radius: var(--border-radius-m);
   overflow: hidden;
   /* ensures it always fills the parent */
@@ -102,5 +100,5 @@
   inset: 0;
   transition: scale 0.2s, opacity 0.2s;
-`;exports.Card=r;exports.Image=e;
+`;exports.Card=e;exports.Image=i;
 //# sourceMappingURL=Thumbnail.styled.cjs.js.map

package/dist/shared/src/components/Thumbnail/Thumbnail.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.styled.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Card = styled.div`\n position: relative;\n width: 100%;\n height: 52px;\n aspect-ratio: 1.7;\n overflow: hidden;\n ~~border-radius: var(--border-radius-l);\n~~ margin: auto;\n\n background-color: var(--md-sys-color-surface-container-lowest);\n\n transition: border-color 0.2s, background-color 0.2s;\n\n &.border {\n border: solid 2px var(--md-sys-color-outline-variant);\n }\n\n /* icon /\n .icon {\n position: absolute;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n\n transition: opacity 0.2s;\n }\n\n .type-icon {\n color: var(--md-sys-color-outline);\n }\n\n .hover-icon {\n inset: unset;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 30px;\n\n border-radius: 50%;\n\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n / hide the image until it has been loaded /\n img,\n .icon {\n opacity: 0;\n }\n\n &.loaded {\n / show img if not error otherwise show icon /\n &:not(.error) {\n img {\n opacity: 1;\n }\n }\n\n / show icon if error /\n &.error {\n .type-icon {\n opacity: 1;\n }\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n img {\n scale: 1.1;\n }\n\n / show play icon /\n .hover-icon {\n opacity: 1;\n }\n\n / if :has a hover-icon hide the type-cion /\n .type-icon {\n opacity: 0;\n }\n }\n }\n\n &.loading {\n border: none;\n border-color: transparent;\n }\n`\n\nexport const Image = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n ~~border-radius: var(--border-radius-m);\n~~ overflow: hidden;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n\n transition: scale 0.2s, opacity 0.2s;\n`\n"],"names":["Card","styled","Image"],"mappings":"qHAEaA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~EA6FdC~~,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~"}
1	+ {"version":3,"file":"Thumbnail.styled.cjs.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Card = styled.div`\n position: relative;\n width: 100%;\n height: 52px;\n aspect-ratio: 1.7;\n overflow: hidden;\n margin: auto;\n\n background-color: var(--md-sys-color-surface-container-lowest);\n\n transition: border-color 0.2s, background-color 0.2s;\n\n &.border {\n border: solid 2px var(--md-sys-color-outline-variant);\n }\n\n /* icon /\n .icon {\n position: absolute;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n\n transition: opacity 0.2s;\n }\n\n .type-icon {\n color: var(--md-sys-color-outline);\n }\n\n .hover-icon {\n inset: unset;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 30px;\n\n border-radius: 50%;\n\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n / hide the image until it has been loaded /\n img,\n .icon {\n opacity: 0;\n }\n\n &.loaded {\n / show img if not error otherwise show icon /\n &:not(.error) {\n img {\n opacity: 1;\n }\n }\n\n / show icon if error /\n &.error {\n .type-icon {\n opacity: 1;\n }\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n img {\n scale: 1.1;\n }\n\n / show play icon /\n .hover-icon {\n opacity: 1;\n }\n\n / if :has a hover-icon hide the type-cion /\n .type-icon {\n opacity: 0;\n }\n }\n }\n\n &.loading {\n border: none;\n border-color: transparent;\n }\n`\n\nexport const Image = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n overflow: hidden;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n\n transition: scale 0.2s, opacity 0.2s;\n`\n"],"names":["Card","styled","Image"],"mappings":"qHAEaA,EAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4FdC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/Thumbnail/Thumbnail.styled.es.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import o from "styled-components";
-const i = o.div`
+const e = o.div`
   position: relative;
   width: 100%;
   height: 52px;
   aspect-ratio: 1.7;
   overflow: hidden;
-  border-radius: var(--border-radius-l);
   margin: auto;
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -90,11 +89,10 @@ const i = o.div`
     border: none;
     border-color: transparent;
   }
-`, e = o.img`
+`, r = o.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
-  border-radius: var(--border-radius-m);
   overflow: hidden;
   /* ensures it always fills the parent */
@@ -105,7 +103,7 @@ const i = o.div`
   transition: scale 0.2s, opacity 0.2s;
 `;
 export {
-  i as Card,
-  e as Image
+  e as Card,
+  r as Image
 };
 //# sourceMappingURL=Thumbnail.styled.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.styled.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Card = styled.div`\n position: relative;\n width: 100%;\n height: 52px;\n aspect-ratio: 1.7;\n overflow: hidden;\n ~~border-radius: var(--border-radius-l);\n~~ margin: auto;\n\n background-color: var(--md-sys-color-surface-container-lowest);\n\n transition: border-color 0.2s, background-color 0.2s;\n\n &.border {\n border: solid 2px var(--md-sys-color-outline-variant);\n }\n\n /* icon /\n .icon {\n position: absolute;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n\n transition: opacity 0.2s;\n }\n\n .type-icon {\n color: var(--md-sys-color-outline);\n }\n\n .hover-icon {\n inset: unset;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 30px;\n\n border-radius: 50%;\n\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n / hide the image until it has been loaded /\n img,\n .icon {\n opacity: 0;\n }\n\n &.loaded {\n / show img if not error otherwise show icon /\n &:not(.error) {\n img {\n opacity: 1;\n }\n }\n\n / show icon if error /\n &.error {\n .type-icon {\n opacity: 1;\n }\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n img {\n scale: 1.1;\n }\n\n / show play icon /\n .hover-icon {\n opacity: 1;\n }\n\n / if :has a hover-icon hide the type-cion /\n .type-icon {\n opacity: 0;\n }\n }\n }\n\n &.loading {\n border: none;\n border-color: transparent;\n }\n`\n\nexport const Image = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n ~~border-radius: var(--border-radius-m);\n~~ overflow: hidden;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n\n transition: scale 0.2s, opacity 0.2s;\n`\n"],"names":["Card","styled","Image"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~GA6FdC~~,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;~~AAAA;~~"}
1	+ {"version":3,"file":"Thumbnail.styled.es.js","sources":["../../../../../src/components/Thumbnail/Thumbnail.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Card = styled.div`\n position: relative;\n width: 100%;\n height: 52px;\n aspect-ratio: 1.7;\n overflow: hidden;\n margin: auto;\n\n background-color: var(--md-sys-color-surface-container-lowest);\n\n transition: border-color 0.2s, background-color 0.2s;\n\n &.border {\n border: solid 2px var(--md-sys-color-outline-variant);\n }\n\n /* icon /\n .icon {\n position: absolute;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n\n transition: opacity 0.2s;\n }\n\n .type-icon {\n color: var(--md-sys-color-outline);\n }\n\n .hover-icon {\n inset: unset;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 30px;\n\n border-radius: 50%;\n\n background-color: rgba(0, 0, 0, 0.7);\n }\n\n / hide the image until it has been loaded /\n img,\n .icon {\n opacity: 0;\n }\n\n &.loaded {\n / show img if not error otherwise show icon /\n &:not(.error) {\n img {\n opacity: 1;\n }\n }\n\n / show icon if error /\n &.error {\n .type-icon {\n opacity: 1;\n }\n }\n }\n\n &.clickable {\n cursor: pointer;\n\n &:hover {\n img {\n scale: 1.1;\n }\n\n / show play icon /\n .hover-icon {\n opacity: 1;\n }\n\n / if :has a hover-icon hide the type-cion /\n .type-icon {\n opacity: 0;\n }\n }\n }\n\n &.loading {\n border: none;\n border-color: transparent;\n }\n`\n\nexport const Image = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n overflow: hidden;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n\n transition: scale 0.2s, opacity 0.2s;\n`\n"],"names":["Card","styled","Image"],"mappings":";AAEO,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4FdC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ThumbnailSimple/ThumbnailSimple.cjs.js CHANGED Viewed

@@ -4,7 +4,6 @@
   max-width: 500px;
   aspect-ratio: 1.77;
   overflow: hidden;
-  border-radius: 3px;
   margin: auto;
   max-width: 250px;
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -30,5 +29,5 @@
   display: block;
   position: absolute;
   inset: 0;
-`,w=({projectName:o,entityType:t,entityId:s,icon:r,entityUpdatedAt:a,isLoading:l,className:c,disabled:u,src:i,onLoad:m,onError:d,iconOnly:p,...h})=>{const x=o&&`/api/projects/${o}/${t}s/${s}/thumbnail`,b=`?updatedAt=${a}`,g=["product"].includes(t);return e.jsxRuntimeExports.jsxs(y,{className:c+" thumbnail",...h,children:[!l&&!u&&e.jsxRuntimeExports.jsx(j.Icon,{icon:r||"image"}),(t&&!(g||!s)||i)&&!p&&e.jsxRuntimeExports.jsx(f,{alt:`Entity thumbnail ${s}`,src:i||`${x}${b}`,onLoad:m,onError:d})]})};exports.ThumbnailSimple=w;
+`,w=({projectName:o,entityType:t,entityId:s,icon:r,entityUpdatedAt:l,isLoading:a,className:c,disabled:u,src:i,onLoad:m,onError:d,iconOnly:p,...h})=>{const x=o&&`/api/projects/${o}/${t}s/${s}/thumbnail`,b=`?updatedAt=${l}`,g=["product"].includes(t);return e.jsxRuntimeExports.jsxs(y,{className:c+" thumbnail",...h,children:[!a&&!u&&e.jsxRuntimeExports.jsx(j.Icon,{icon:r||"image"}),(t&&!(g||!s)||i)&&!p&&e.jsxRuntimeExports.jsx(f,{alt:`Entity thumbnail ${s}`,src:i||`${x}${b}`,onLoad:m,onError:d})]})};exports.ThumbnailSimple=w;
 //# sourceMappingURL=ThumbnailSimple.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThumbnailSimple.cjs.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n projectName: string\n entityType: string\n entityId: string\n icon?: string\n entityUpdatedAt: string \| number\n isLoading?: boolean\n disabled?: boolean\n src?: string\n onLoad?: React.ReactEventHandler<HTMLImageElement>\n onError?: React.ReactEventHandler<HTMLImageElement>\n iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n position: relative;\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1.77;\n overflow: hidden;\n ~~border-radius: 3px;\n~~ margin: auto;\n max-width: 250px;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n /* icon /\n span {\n position: absolute;\n font-size: 4rem;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n background-color: hsl(220 20% 8%);\n color: var(--md-sys-color-outline);\n }\n`\n\nconst ImageStyled = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n projectName,\n entityType,\n entityId,\n icon,\n entityUpdatedAt,\n isLoading,\n className,\n disabled,\n src,\n onLoad,\n onError,\n iconOnly,\n ...props\n}) => {\n const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n const queryArgs = `?updatedAt=${entityUpdatedAt}`\n const isWrongEntity = ['product'].includes(entityType)\n\n return (\n <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n {!isLoading && !disabled && <Icon icon={icon \|\| 'image'} />}\n {((entityType && !(isWrongEntity \|\| !entityId)) \|\| src) && !iconOnly && (\n <ImageStyled\n alt={`Entity thumbnail ${entityId}`}\n src={src \|\| `${url}${queryArgs}`}\n onLoad={onLoad}\n onError={onError}\n />\n )}\n </ThumbnailStyled>\n )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","queryArgs","isWrongEntity","Icon","jsx"],"mappings":"oNAkBMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~EAyBzBC~~,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWdE,EAAkD,CAAC,CAC9D,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAMb,GAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAC5EY,EAAY,cAAcV,CAAe,GACzCW,EAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,EAErD,gCACGL,EAAgB,CAAA,UAAWU,EAAY,aAAe,GAAGM,EACvD,SAAA,CAAA,CAACP,GAAa,CAACE,2BAAaS,EAAK,KAAA,CAAA,KAAMb,GAAQ,QAAS,GACtDF,GAAc,EAAEc,GAAiB,CAACb,IAAcM,IAAQ,CAACG,GAC1DM,EAAA,kBAAA,IAACnB,EAAA,CACC,IAAK,oBAAoBI,CAAQ,GACjC,IAAKM,GAAO,GAAGK,CAAG,GAAGC,CAAS,GAC9B,OAAAL,EACA,QAAAC,CAAA,CAAA,CACF,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ThumbnailSimple.cjs.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n projectName: string\n entityType: string\n entityId: string\n icon?: string\n entityUpdatedAt: string \| number\n isLoading?: boolean\n disabled?: boolean\n src?: string\n onLoad?: React.ReactEventHandler<HTMLImageElement>\n onError?: React.ReactEventHandler<HTMLImageElement>\n iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n position: relative;\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1.77;\n overflow: hidden;\n margin: auto;\n max-width: 250px;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n /* icon /\n span {\n position: absolute;\n font-size: 4rem;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n background-color: hsl(220 20% 8%);\n color: var(--md-sys-color-outline);\n }\n`\n\nconst ImageStyled = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n projectName,\n entityType,\n entityId,\n icon,\n entityUpdatedAt,\n isLoading,\n className,\n disabled,\n src,\n onLoad,\n onError,\n iconOnly,\n ...props\n}) => {\n const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n const queryArgs = `?updatedAt=${entityUpdatedAt}`\n const isWrongEntity = ['product'].includes(entityType)\n\n return (\n <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n {!isLoading && !disabled && <Icon icon={icon \|\| 'image'} />}\n {((entityType && !(isWrongEntity \|\| !entityId)) \|\| src) && !iconOnly && (\n <ImageStyled\n alt={`Entity thumbnail ${entityId}`}\n src={src \|\| `${url}${queryArgs}`}\n onLoad={onLoad}\n onError={onError}\n />\n )}\n </ThumbnailStyled>\n )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","queryArgs","isWrongEntity","Icon","jsx"],"mappings":"oNAkBMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBzBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWdE,EAAkD,CAAC,CAC9D,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAMb,GAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,aAC5EY,EAAY,cAAcV,CAAe,GACzCW,EAAgB,CAAC,SAAS,EAAE,SAASd,CAAU,EAErD,gCACGL,EAAgB,CAAA,UAAWU,EAAY,aAAe,GAAGM,EACvD,SAAA,CAAA,CAACP,GAAa,CAACE,2BAAaS,EAAK,KAAA,CAAA,KAAMb,GAAQ,QAAS,GACtDF,GAAc,EAAEc,GAAiB,CAACb,IAAcM,IAAQ,CAACG,GAC1DM,EAAA,kBAAA,IAACnB,EAAA,CACC,IAAK,oBAAoBI,CAAQ,GACjC,IAAKM,GAAO,GAAGK,CAAG,GAAGC,CAAS,GAC9B,OAAAL,EACA,QAAAC,CAAA,CAAA,CACF,EAEJ,CAEJ"}

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

@@ -7,7 +7,6 @@ const j = e.div`
   max-width: 500px;
   aspect-ratio: 1.77;
   overflow: hidden;
-  border-radius: 3px;
   margin: auto;
   max-width: 250px;
   background-color: var(--md-sys-color-surface-container-lowest);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThumbnailSimple.es.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n projectName: string\n entityType: string\n entityId: string\n icon?: string\n entityUpdatedAt: string \| number\n isLoading?: boolean\n disabled?: boolean\n src?: string\n onLoad?: React.ReactEventHandler<HTMLImageElement>\n onError?: React.ReactEventHandler<HTMLImageElement>\n iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n position: relative;\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1.77;\n overflow: hidden;\n ~~border-radius: 3px;\n~~ margin: auto;\n max-width: 250px;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n /* icon /\n span {\n position: absolute;\n font-size: 4rem;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n background-color: hsl(220 20% 8%);\n color: var(--md-sys-color-outline);\n }\n`\n\nconst ImageStyled = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n projectName,\n entityType,\n entityId,\n icon,\n entityUpdatedAt,\n isLoading,\n className,\n disabled,\n src,\n onLoad,\n onError,\n iconOnly,\n ...props\n}) => {\n const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n const queryArgs = `?updatedAt=${entityUpdatedAt}`\n const isWrongEntity = ['product'].includes(entityType)\n\n return (\n <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n {!isLoading && !disabled && <Icon icon={icon \|\| 'image'} />}\n {((entityType && !(isWrongEntity \|\| !entityId)) \|\| src) && !iconOnly && (\n <ImageStyled\n alt={`Entity thumbnail ${entityId}`}\n src={src \|\| `${url}${queryArgs}`}\n onLoad={onLoad}\n onError={onError}\n />\n )}\n </ThumbnailStyled>\n )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","queryArgs","isWrongEntity","Icon","jsx"],"mappings":";;;AAkBA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~GAyBzBC~~,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWdE,IAAkD,CAAC;AAAA,EAC9D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMb,KAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,cAC5EY,IAAY,cAAcV,CAAe,IACzCW,IAAgB,CAAC,SAAS,EAAE,SAASd,CAAU;AAErD,gCACGL,GAAgB,EAAA,WAAWU,IAAY,cAAe,GAAGM,GACvD,UAAA;AAAA,IAAA,CAACP,KAAa,CAACE,2BAAaS,GAAK,EAAA,MAAMb,KAAQ,SAAS;AAAA,KACtDF,KAAc,EAAEc,KAAiB,CAACb,MAAcM,MAAQ,CAACG,KAC1DM,gBAAAA,EAAA;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,KAAK,oBAAoBI,CAAQ;AAAA,QACjC,KAAKM,KAAO,GAAGK,CAAG,GAAGC,CAAS;AAAA,QAC9B,QAAAL;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ThumbnailSimple.es.js","sources":["../../../../../src/components/ThumbnailSimple/ThumbnailSimple.tsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport interface ThumbnailSimpleProps extends React.HTMLAttributes<HTMLDivElement> {\n projectName: string\n entityType: string\n entityId: string\n icon?: string\n entityUpdatedAt: string \| number\n isLoading?: boolean\n disabled?: boolean\n src?: string\n onLoad?: React.ReactEventHandler<HTMLImageElement>\n onError?: React.ReactEventHandler<HTMLImageElement>\n iconOnly?: boolean\n}\n\nconst ThumbnailStyled = styled.div`\n position: relative;\n width: 100%;\n max-width: 500px;\n aspect-ratio: 1.77;\n overflow: hidden;\n margin: auto;\n max-width: 250px;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n /* icon /\n span {\n position: absolute;\n font-size: 4rem;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n background-color: hsl(220 20% 8%);\n color: var(--md-sys-color-outline);\n }\n`\n\nconst ImageStyled = styled.img`\n width: 100%;\n height: 100%;\n object-fit: contain;\n\n / ensures it always fills the parent */\n display: block;\n position: absolute;\n inset: 0;\n`\n\nexport const ThumbnailSimple: React.FC<ThumbnailSimpleProps> = ({\n projectName,\n entityType,\n entityId,\n icon,\n entityUpdatedAt,\n isLoading,\n className,\n disabled,\n src,\n onLoad,\n onError,\n iconOnly,\n ...props\n}) => {\n const url = projectName && `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail`\n const queryArgs = `?updatedAt=${entityUpdatedAt}`\n const isWrongEntity = ['product'].includes(entityType)\n\n return (\n <ThumbnailStyled className={className + ' thumbnail'} {...props}>\n {!isLoading && !disabled && <Icon icon={icon \|\| 'image'} />}\n {((entityType && !(isWrongEntity \|\| !entityId)) \|\| src) && !iconOnly && (\n <ImageStyled\n alt={`Entity thumbnail ${entityId}`}\n src={src \|\| `${url}${queryArgs}`}\n onLoad={onLoad}\n onError={onError}\n />\n )}\n </ThumbnailStyled>\n )\n}\n"],"names":["ThumbnailStyled","styled","ImageStyled","ThumbnailSimple","projectName","entityType","entityId","icon","entityUpdatedAt","isLoading","className","disabled","src","onLoad","onError","iconOnly","props","url","queryArgs","isWrongEntity","Icon","jsx"],"mappings":";;;AAkBA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWdE,IAAkD,CAAC;AAAA,EAC9D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMb,KAAe,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,cAC5EY,IAAY,cAAcV,CAAe,IACzCW,IAAgB,CAAC,SAAS,EAAE,SAASd,CAAU;AAErD,gCACGL,GAAgB,EAAA,WAAWU,IAAY,cAAe,GAAGM,GACvD,UAAA;AAAA,IAAA,CAACP,KAAa,CAACE,2BAAaS,GAAK,EAAA,MAAMb,KAAQ,SAAS;AAAA,KACtDF,KAAc,EAAEc,KAAiB,CAACb,MAAcM,MAAQ,CAACG,KAC1DM,gBAAAA,EAAA;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,KAAK,oBAAoBI,CAAQ;AAAA,QACjC,KAAKM,KAAO,GAAGK,CAAG,GAAGC,CAAS;AAAA,QAC9B,QAAAL;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

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"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=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("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/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/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");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/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.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/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.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("../../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("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");const O=s.form`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),s=require("styled-components"),q=require("@ynput/ayon-react-components"),t=require("../../../util/productTypes.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("clsx");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/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("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                    */const I=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("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/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");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/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.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/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.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("../../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("../../Badge/Badge.cjs.js");require("./UploadVersionDialog.cjs.js");const L=require("../context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.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");const O=s.form`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);

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 } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\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 productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\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","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","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 } from 'react'\nimport styled from 'styled-components'\nimport { FormLayout, FormRow, InputText, InputNumber, Dropdown } from '@ynput/ayon-react-components'\nimport { productTypes } from '@shared/util'\nimport type { DropdownRef } from '@ynput/ayon-react-components'\nimport { ReviewableUpload } from '@shared/components'\nimport { useVersionUploadContext } from '../context/VersionUploadContext'\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 productTypeOptions = Object.entries(productTypes).map(([key, value]) => ({\n value: key,\n label: value.name,\n icon: value.icon,\n }))\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","productTypeOptions","productTypes","key","value","useEffect","previousProductType","previousProductTypeName","_a","currentProductTypeName","_b","suffix","newName","handleSubmit","submitter","handleVersionChange","handleNameChange","handleProductTypeChange","handleApplyPrefix","currentName","capitalizedName","shouldShowRecommendation","isFormSubmitted","handleKeyDown","jsxs","jsx","FormRow","Dropdown","InputText","InputNumber","ReviewableUpload"],"mappings":"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"}

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

@@ -54,6 +54,7 @@ import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
@@ -136,12 +137,14 @@ import "react-router-dom";
 import "../../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../../containers/Feed/components/ActivityDate.es.js";
+import "../../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../../containers/Feed/Feed.styled.es.js";
 import "date-fns";
+import "../../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "@tanstack/react-table";
@@ -216,6 +219,10 @@ import "../../Feedback/SupportBubble.es.js";
 import "../../Chips/Chips.es.js";
 import "../../../containers/EntityPickerDialog/EntityPickerDialog.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";
 const J = n.form`
   display: flex;
   flex-direction: column;
@@ -254,7 +261,7 @@ const J = n.form`
 `, Y = n.div`
   position: relative;
   min-height: 80px;
-`, Di = ({
+`, ep = ({
   formData: o,
   onChange: p,
   onSubmit: y,
@@ -396,6 +403,6 @@ const J = n.form`
   );
 };
 export {
-  Di as UploadVersionForm
+  ep as UploadVersionForm
 };
 //# sourceMappingURL=UploadVersionForm.es.js.map