npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.35 → 0.2.36 - Mend

@ynput/ayon-frontend-shared 0.2.35 → 0.2.36

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttributeEditor.cjs.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n datetime:{\n value: 'datetime',\n label: 'Datetime',\n fields: [],\n }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
1	+ {"version":3,"file":"AttributeEditor.cjs.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n { value: 'list', label: 'List' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'] },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n datetime:{\n value: 'datetime',\n label: 'Datetime',\n fields: [],\n }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"wWAkBA,MAAMA,EAAgB,CACpB,CAAE,MAAO,UAAW,MAAO,SAAU,EACrC,CAAE,MAAO,SAAU,MAAO,QAAS,EACnC,CAAE,MAAO,OAAQ,MAAO,MAAO,EAC/B,CAAE,MAAO,UAAW,MAAO,SAAU,EACrC,CAAE,MAAO,UAAW,MAAO,SAAU,EACrC,CAAE,MAAO,iBAAkB,MAAO,gBAAiB,EACnD,CAAE,MAAO,OAAQ,MAAO,MAAO,EAC/B,CAAE,MAAO,OAAQ,MAAO,MAAO,CACjC,EAQMC,EAAoC,CACxC,CAAE,MAAO,cAAe,MAAO,IAAK,EACpC,CAAE,MAAO,UAAW,MAAO,IAAK,EAEhC,CAAE,MAAO,UAAW,MAAO,CAAC,SAAS,CAAE,EACvC,CAAE,MAAO,UAAW,MAAO,CAAC,UAAW,SAAU,OAAQ,UAAW,UAAW,iBAAkB,MAAM,CAAE,CAC3G,EAaMC,EAA+B,CACnC,OAAQ,CACN,MAAO,SACP,MAAO,SACP,OAAQ,CAAC,YAAa,YAAa,OAAQ,OAAO,CACpD,EACA,QAAS,CACP,MAAO,UACP,MAAO,UACP,OAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,CACjC,EACA,MAAO,CACL,MAAO,QACP,MAAO,iBACP,OAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,CACjC,EACA,gBAAiB,CACf,MAAO,kBACP,MAAO,kBACP,OAAQ,CAAC,WAAY,WAAY,MAAM,CACzC,EACA,QAAS,CACP,MAAO,UACP,MAAO,UACP,OAAQ,CAAC,EACT,QAAS,CAAC,SAAS,CACrB,EACA,SAAS,CACP,MAAO,WACP,MAAO,WACP,OAAQ,CAAA,CAAC,CAEb,EAOMC,EAA8B,CAClC,KAAM,GACN,MAAO,CAAC,SAAU,MAAM,EACxB,QAAS,GACT,SAAU,EACV,KAAM,CACJ,KAAM,SACN,MAAO,GACP,YAAa,GACb,QAAS,GACT,QAAS,OACT,KAAM,OACN,UAAW,OACX,UAAW,OACX,MAAO,GACP,SAAU,OACV,SAAU,OACV,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,MAAA,CAER,EAGMC,EAAoB,CAACC,EAAoBC,IAAkC,CAE/E,MAAMC,EAAW,KAAK,MAAM,KAAK,UAAUJ,CAAY,CAAC,EAGlDK,EAAW,CAAC,MAAM,EACxB,OAAO,KAAKD,CAAQ,EAAE,QAASE,GAAQ,CAEnC,CAACD,EAAS,SAASC,CAAG,GACtBJ,EAAS,SAASI,CAAyC,GAC3DA,IAAQ,QAER,OAAOF,EAASE,CAA0B,CAC5C,CACD,EAGK,MAAAC,EAAe,CAAC,OAAO,EAC7B,OAAIH,EAAS,MACX,OAAO,KAAKA,EAAS,IAAI,EAAE,QAASE,GAAQ,CACtC,CAACC,EAAa,SAASD,CAAG,GAAKJ,EAAS,SAASI,CAA0B,GACtE,OAAAF,EAAS,KAAKE,CAA0B,CACjD,CACD,EAICH,GAEF,OAAO,KAAKA,CAAI,EAAE,QAASG,GAAQ,CACjC,MAAME,EAAWF,EACbE,IAAa,QAAUN,EAAS,SAASM,CAAQ,IAEjDA,IAAa,QAAUL,EAAK,MAAQC,EAAS,KAE/CA,EAAS,KAAO,CAAE,GAAGA,EAAS,KAAM,GAAGD,EAAK,IAAK,EACxCA,EAAKK,CAAQ,IAAM,SAEnBJ,EAAAI,CAAQ,EAAIL,EAAKK,CAAQ,GACpC,CACD,EAGIJ,CACT,EAaaK,EAA4C,CAAC,CACxD,UAAAC,EACA,cAAAC,EACA,MAAAC,EAAQ,GACR,WAAAC,EACA,SAAAX,EAAW,CAAC,EACZ,OAAAY,EACA,OAAAC,EACA,SAAAC,CACF,IAAM,SACJ,MAAMC,EAAWhB,EAAkBC,EAAU,CAAE,SAAUS,EAAc,OAAQ,EACzE,CAACP,EAAUc,CAAW,EAAIC,EAAAA,SAA+BT,GAAaO,CAAQ,EAEpFG,EAAAA,UAAU,IAAM,CACRV,GAAWQ,EAAYR,CAAS,CAAA,EACrC,CAACA,CAAS,CAAC,EAEd,MAAMW,EAAQ,CAACX,EAGTY,EAAkB,CACtBhB,EACAiB,IACG,CACHL,EAAaM,GACNA,GAGE,CAAE,GAAGA,EAAG,CAAClB,CAAG,EAAGiB,CAAM,CAC7B,CACH,EAGME,EAAU,CAAgCnB,EAAQiB,IAA4B,CAClFL,EAAaM,GAAM,CAEjB,GAAI,CAACA,GAAK,CAACA,EAAE,KACJ,OAAAA,EAEH,MAAAE,EAAK,CAAE,GAAGF,EAAE,KAAM,CAAClB,CAAG,EAAGiB,CAAM,EACrC,MAAO,CAAE,GAAGC,EAAG,KAAME,CAAG,CAAA,CACzB,CACH,EAEA,IAAIC,EAAgB,GAChBvB,GACEiB,IACEV,EAAc,SAASP,EAAS,IAAI,EAAmBuB,EAAA,gCACjDvB,EAAS,KAAK,MAAM,mBAAmB,IAAWQ,EAAA,2BAIhE,MAAMgB,EAAe,IAAM,CACrBxB,GACFW,EAAOX,CAAQ,CAEnB,EAEMyB,EACHC,EAAA,kBAAA,KAAA,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,MAAO,OAAQ,cAAe,KAAA,EAC1D,SAAA,CAAAd,GAAYN,GACXqB,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,SACR,MAAO,mBACP,KAAM,SACN,SAAUnB,EACV,QAASG,CAAA,CACX,0BAEDiB,EAAO,OAAA,EAAA,EACRF,EAAA,kBAAA,IAACG,EAAA,WAAA,CACC,MAAOb,EAAQ,mBAAqB,iBACpC,KAAM,QACN,SAAU,CAAC,CAACM,GAAiB,CAACvB,EAC9B,OAAQ,CAACuB,GAAiB,CAAC,CAACvB,EAC5B,OAAQS,EACR,QAASe,CAAA,CAAA,CACX,EACF,EAGF,IAAIO,EAAsC,CAAC,EAU3C,GAPcrC,EAAA,QAASsC,GAAgB,QAEjC,EAACA,GAAA,MAAAA,EAAa,SAASC,EAAAD,GAAA,YAAAA,EAAa,QAAb,MAAAC,EAAoB,KAAMC,GAAA,OAAM,OAAAD,EAAAjC,GAAA,YAAAA,EAAU,QAAV,YAAAiC,EAAiB,SAASC,OACxEH,EAAA,KAAKC,EAAY,KAAK,CACnC,CACD,EAEGhC,GAAA,MAAAA,EAAU,KAAK,MAAQL,EAAaK,EAAS,KAAK,IAAI,EAAG,CAC3D,MAAMmC,EAAUxC,EAAaK,EAAS,KAAK,IAAI,EAC/C+B,EAAa,CAAC,GAAGA,EAAY,GAAGI,EAAQ,MAAM,EAAE,OAAQC,GAAM,OAAA,SAACH,EAAAE,EAAQ,UAAR,MAAAF,EAAiB,SAASG,IAAE,CAAA,CAI7F,MAAMC,EAIF,CACF,KAAM,CAAClB,EAAQ,GAAImB,IACjBX,EAAA,kBAAA,IAACY,EAAA,WAAA,CACC,OAAQpB,EACR,SAAWqB,GAAQ,CACRF,EAAAE,GAAA,MAAAA,EAAK,OAASA,EAAM,MAAS,CAAA,CACxC,CACF,EAEF,QAAS,CAACrB,EAAOmB,IACfX,EAAA,kBAAA,IAACc,EAAA,YAAA,CACC,QAAStB,EACT,SAAWuB,GAAMJ,EAAUI,EAAE,OAA4B,OAAO,CAAA,CAClE,EAEF,eAAgB,CAACvB,EAAOmB,IACtBX,EAAA,kBAAA,IAACc,EAAA,YAAA,CACC,QAAStB,EACT,SAAWuB,GAAMJ,EAAUI,EAAE,OAA4B,OAAO,CAAA,CAAA,CAGtE,EAEMC,EAAqB,GAAyB,CAC5C,MAAAC,EAAK,EAAE,OAA4B,MACzCvB,EAAQ,QAASuB,CAAC,EAEd3B,GACcC,EAAA,OAAQ2B,YAAUD,CAAC,CAAC,CAExC,EAGE,OAAAjB,EAAA,kBAAA,IAACmB,EAAA,OAAA,CACC,SAAQb,EAAAjC,GAAA,YAAAA,EAAU,OAAV,YAAAiC,EAAgB,SAASjC,GAAA,YAAAA,EAAU,OAAQ,gBACnD,OAAAyB,EACA,QAASf,EACT,OAAQ,GACR,MAAO,CAAE,MAAO,IAAK,OAAQ,GAAI,EACjC,KAAK,OACL,UAAY,GAA2C,CACjD,EAAE,MAAQ,UAAY,EAAE,SAAW,EAAE,WACvC,EAAE,eAAe,EACJc,EAAA,EAEjB,EAEC,SAAAxB,4BACE+C,EACE,WAAA,CAAA,SAAA,CAAC,CAAAjD,EAAS,SAAS,OAAO,2BACxBkD,UAAQ,CAAA,MAAO,QACd,SAACrB,wBAAAsB,EAAAA,UAAA,CAAU,MAAOjD,GAAA,YAAAA,EAAU,KAAK,MAAU,SAAU2C,EAAmB,UAAS,GAAC,GADtD,OAE9B,EAED,CAAC7C,EAAS,SAAS,MAAM,GACvB6B,EAAAA,kBAAAA,IAAAqB,EAAA,QAAA,CAAQ,MAAO,OACd,SAAArB,EAAA,kBAAA,IAACuB,EAAA,YAAA,CACC,MAAOlD,EAAS,KAChB,SAAU,CAACiB,EACX,SAAW2B,GAAM1B,EAAgB,OAAQ0B,CAAC,EAC1C,MAAM,MAAA,IALmB,MAO7B,EAED,CAAC9C,EAAS,SAAS,OAAO,GACxB6B,EAAAA,kBAAAA,IAAAqB,EAAA,QAAA,CAAQ,MAAM,QACb,SAAArB,EAAA,kBAAA,IAACwB,EAAA,SAAA,CACC,QAAS1D,EACT,SAAUO,EAAS,QACnB,MAAOA,EAAS,OAAS,CAAC,EAC1B,SAAW4C,GAAM1B,EAAgB,QAAS0B,CAA4B,EACtE,YAAW,GACX,YAAW,EAAA,CAAA,EAEf,EAED,CAAC9C,EAAS,SAAS,MAAM,GACvB6B,EAAAA,kBAAAA,IAAAqB,EAAA,QAAA,CAAQ,MAAM,OACb,SAAArB,EAAA,kBAAA,IAACwB,EAAA,SAAA,CACC,MAAO,EAACC,EAAApD,GAAA,YAAAA,EAAU,OAAV,YAAAoD,EAAgB,IAAI,EAC5B,SAAUpD,EAAS,QACnB,QAAS,OAAO,OAAOL,CAAY,EACnC,SAAWiD,GAAMvB,EAAQ,OAAQuB,EAAE,CAAC,CAA0B,EAC9D,YAAa,EACb,YAAW,EAAA,CAAA,EAEf,EAEDb,EAAW,IAAKsB,GAAU,SAEzB,GAAIvD,EAAS,SAASuD,CAAK,EAAU,OAAA,KAErC,IAAIC,EAAY,KACZC,EAAaC,aAAWH,CAAK,EAE7B,GAAAA,IAAU,QAAUA,IAAU,UAAW,CACrC,MAAAI,EAAWpB,EAAagB,CAA2B,EAC7CC,EAAAG,EAASzD,GAAA,YAAAA,EAAU,KAAKqD,GAASlC,GAAUE,EAAQgC,EAAOlC,CAAK,CAAC,CAAA,SACnEkC,IAAU,aAAapB,EAAAjC,GAAA,YAAAA,EAAU,OAAV,YAAAiC,EAAgB,QAAS,UACzDqB,EAAYjB,EAAa,eACvBrC,GAAA,YAAAA,EAAU,KAAKqD,GACdlC,GAAUE,EAAQgC,EAAOlC,CAAiC,CAC7D,UACS,CAAC,KAAM,KAAM,KAAM,IAAI,EAAE,SAASkC,CAAK,EAAG,CAEnD,GAAI,CAAC,KAAM,IAAI,EAAE,SAASA,CAAK,EAAU,OAAA,KAEvCC,EAAA3B,EAAA,kBAAA,IAAC+B,EAAA,YAAA,CACC,MAAO1D,GAAA,YAAAA,EAAU,KACjB,MAAOqD,IAAU,KACjB,UAASD,EAAApD,GAAA,YAAAA,EAAU,OAAV,YAAAoD,EAAgB,QAAS,QAClC,SAAWR,GAAM,CACf,MAAMe,EAAUf,EAAE,KAAO,OAAY,OAAOA,EAAE,EAAE,EAAI,OAC9CgB,EAAUhB,EAAE,KAAO,OAAY,OAAOA,EAAE,EAAE,EAAI,OAIjDA,EAAE,KAAO,QAAa,MAAMe,CAAO,GAEnCf,EAAE,KAAO,QAAa,MAAMgB,CAAO,GAMtC9C,EAAaM,GAAM,CACjB,GAAI,CAACA,GAAK,CAACA,EAAE,KAAa,OAAAA,EAC1B,MAAME,EAAK,CAAE,GAAGF,EAAE,KAAM,GAAGwB,CAAE,EAC7B,MAAO,CAAE,GAAGxB,EAAG,KAAME,CAAG,CAAA,CACzB,CAAA,CACH,CACF,EAIWiC,EAAAF,IAAU,KAAO,MAAQ,KAAA,KACjC,CACC,MAAAQ,EAAqBnB,GAA2C,CAC9D,MAAAoB,EAAWpB,EAAE,OAAO,MAC1B,OAAQW,EAAO,CACb,IAAK,YACL,IAAK,YACL,IAAK,WACL,IAAK,WAAY,CACT,MAAAU,EAAM,SAASD,EAAU,EAAE,EACjCzC,EAAQgC,EAAO,MAAMU,CAAG,EAAI,OAAYA,CAAG,EAC3C,KAAA,CAEF,QAEE1C,EAAQgC,EAAOS,CAAuC,EACtD,KAAA,CAEN,EAGER,EAAA3B,EAAA,kBAAA,IAACsB,EAAA,UAAA,CACC,MAAO,QAAOjD,GAAA,YAAAA,EAAU,KAAKqD,KAAU,EAAE,EACzC,SAAUQ,CAAA,CACZ,CAAA,CAKF,OAAAlC,EAAA,kBAAA,IAACqB,EAAA,QAAA,CACC,MAAOO,EAEP,MAAO,CACL,WAAY,YACd,EAEC,SAAAD,CAAA,EALID,CAMP,CAAA,CAEH,EACD1B,EAAA,kBAAA,IAAC,OACG,CAAA,UAAAJ,GAAiBf,IACjBmB,EAAA,kBAAA,IAAC,QAAK,UAAU,kBAAmB,SAAiBJ,GAAAf,CAAM,CAAA,CAE9D,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,CAEJ"}

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

@@ -12,13 +12,14 @@ const U = [
   { value: "product", label: "Product" },
   { value: "version", label: "Version" },
   { value: "representation", label: "Representation" },
-  { value: "user", label: "User" }
+  { value: "user", label: "User" },
+  { value: "list", label: "List" }
 ], W = [
   { value: "description", scope: null },
   { value: "example", scope: null },
   // @ts-expect-error - project is not a scope?
   { value: "default", scope: ["project"] },
-  { value: "inherit", scope: null }
+  { value: "inherit", scope: ["project", "folder", "task", "product", "version", "representation", "user"] }
 ], C = {
   string: {
     value: "string",
@@ -95,7 +96,7 @@ const U = [
   onEdit: d,
   onDelete: E
 }) => {
-  var L, k;
+  var O, k;
   const A = D(c, { position: u.length }), [t, f] = K(r || A);
   V(() => {
     r && f(r);
@@ -112,7 +113,7 @@ const U = [
   };
   let v = "";
   t && j && (u.includes(t.name) ? v = "This attribute already exists" : t.name.match("^[a-zA-Z_]{2,64}$") || (s = "Invalid attribute name"));
-  const N = () => {
+  const L = () => {
     t && d(t);
   }, M = /* @__PURE__ */ i.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
     E && r && /* @__PURE__ */ i.jsx(
@@ -134,7 +135,7 @@ const U = [
         disabled: !!v || !t,
         active: !v && !!t,
         saving: b,
-        onClick: N
+        onClick: L
       }
     )
   ] });
@@ -152,7 +153,7 @@ const U = [
       return !((n = e.exclude) != null && n.includes(a));
     });
   }
-  const O = {
+  const N = {
     enum: (e = [], a) => /* @__PURE__ */ i.jsx(
       Q,
       {
@@ -183,14 +184,14 @@ const U = [
   return /* @__PURE__ */ i.jsx(
     z,
     {
-      header: ((L = t == null ? void 0 : t.data) == null ? void 0 : L.title) || (t == null ? void 0 : t.name) || "New attribute",
+      header: ((O = t == null ? void 0 : t.data) == null ? void 0 : O.title) || (t == null ? void 0 : t.name) || "New attribute",
       footer: M,
       onClose: o,
       isOpen: !0,
       style: { width: 700, zIndex: 999 },
       size: "full",
       onKeyDown: (e) => {
-        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), N());
+        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), L());
       },
       children: t && /* @__PURE__ */ i.jsxs(R, { children: [
         !c.includes("title") && /* @__PURE__ */ i.jsx(x, { label: "Title", children: /* @__PURE__ */ i.jsx(T, { value: t == null ? void 0 : t.data.title, onChange: B, autoFocus: !0 }) }, "title"),
@@ -230,10 +231,10 @@ const U = [
           if (c.includes(e)) return null;
           let a = null, n = Z(e);
           if (e === "enum" || e === "inherit") {
-            const l = O[e];
+            const l = N[e];
             a = l(t == null ? void 0 : t.data[e], (g) => h(e, g));
           } else if (e === "default" && ((m = t == null ? void 0 : t.data) == null ? void 0 : m.type) === "boolean")
-            a = O.booleanDefault(
+            a = N.booleanDefault(
               t == null ? void 0 : t.data[e],
               (l) => h(e, l)
             );

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttributeEditor.es.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: null },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n datetime:{\n value: 'datetime',\n label: 'Datetime',\n fields: [],\n }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
1	+ {"version":3,"file":"AttributeEditor.es.js","sources":["../../../../../src/components/AttributeEditor/AttributeEditor.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\nimport {\n SaveButton,\n Spacer,\n FormLayout,\n FormRow,\n InputText,\n InputSwitch,\n LockedInput,\n Dropdown,\n Dialog,\n Button,\n} from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { MinMaxField } from './components'\nimport { EnumEditor } from '@shared/components/EnumEditor'\nimport { AttributeData, AttributeModel, AttributeEnumItem } from '@shared/api'\n\nconst SCOPE_OPTIONS = [\n { value: 'project', label: 'Project' },\n { value: 'folder', label: 'Folder' },\n { value: 'task', label: 'Task' },\n { value: 'product', label: 'Product' },\n { value: 'version', label: 'Version' },\n { value: 'representation', label: 'Representation' },\n { value: 'user', label: 'User' },\n { value: 'list', label: 'List' },\n]\n\n// Define types for constants\ninterface GlobalFieldEntry {\n value: keyof AttributeData\n scope: (AttributeModel['scope'] \| '')[] \| null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n { value: 'description', scope: null },\n { value: 'example', scope: null },\n // @ts-expect-error - project is not a scope?\n { value: 'default', scope: ['project'] },\n { value: 'inherit', scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'] },\n]\n\ninterface TypeOptionDef {\n value: AttributeData['type']\n label: string\n fields: (keyof AttributeData)[]\n exclude?: (keyof AttributeData)[]\n}\n\ninterface TypeOptionsMap {\n [key: string]: TypeOptionDef\n}\n\nconst TYPE_OPTIONS: TypeOptionsMap = {\n string: {\n value: 'string',\n label: 'String',\n fields: ['minLength', 'maxLength', 'enum', 'regex'],\n },\n integer: {\n value: 'integer',\n label: 'Integer',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n float: {\n value: 'float',\n label: 'Decimal number',\n fields: ['ge', 'gt', 'le', 'lt'],\n },\n list_of_strings: {\n value: 'list_of_strings',\n label: 'List Of Strings',\n fields: ['minItems', 'maxItems', 'enum'],\n },\n boolean: {\n value: 'boolean',\n label: 'Boolean',\n fields: [],\n exclude: ['example'],\n },\n datetime:{\n value: 'datetime',\n label: 'Datetime',\n fields: [],\n }\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\ntype PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\nexport type AttributeForm = PartialBy<AttributeModel, 'scope' \| 'position'>\ntype Excludes = (keyof Omit<AttributeModel, 'data'> \| keyof AttributeData)[]\n\nconst initFormData: AttributeForm = {\n name: '',\n scope: ['folder', 'task'],\n builtin: false,\n position: 0,\n data: {\n type: 'string',\n title: '',\n description: '',\n example: '',\n default: undefined,\n enum: undefined,\n minLength: undefined,\n maxLength: undefined,\n regex: '',\n minItems: undefined,\n maxItems: undefined,\n ge: undefined,\n gt: undefined,\n le: undefined,\n lt: undefined,\n },\n}\n\n// build the form data based on excludes and to update any data\nconst buildInitFormData = (excludes: Excludes, data?: Partial<AttributeForm>) => {\n // Create a deep clone of init form data\n const formData = JSON.parse(JSON.stringify(initFormData)) as AttributeForm\n\n // Filter out top-level excludes if not in required\n const required = ['name']\n Object.keys(formData).forEach((key) => {\n if (\n !required.includes(key) &&\n excludes.includes(key as keyof Omit<AttributeModel, 'data'>) &&\n key !== 'data'\n ) {\n delete formData[key as keyof AttributeForm]\n }\n })\n\n // Filter out data field excludes if not in in required\n const requiredData = ['title']\n if (formData.data) {\n Object.keys(formData.data).forEach((key) => {\n if (!requiredData.includes(key) && excludes.includes(key as keyof AttributeData)) {\n delete formData.data[key as keyof AttributeData]\n }\n })\n }\n\n // Merge with provided data if any\n if (data) {\n // Merge top-level fields\n Object.keys(data).forEach((key) => {\n const typedKey = key as keyof AttributeForm\n if (typedKey !== 'data' && excludes.includes(typedKey)) return\n\n if (typedKey === 'data' && data.data && formData.data) {\n // Deep merge of data fields\n formData.data = { ...formData.data, ...data.data }\n } else if (data[typedKey] !== undefined) {\n // @ts-ignore - We know these properties exist\n formData[typedKey] = data[typedKey]\n }\n })\n }\n\n return formData\n}\n\nexport interface AttributeEditorProps {\n attribute: AttributeForm \| null\n existingNames: string[]\n error?: string\n isUpdating?: boolean\n excludes?: Excludes\n onHide: () => void\n onEdit: (attribute: AttributeForm) => void\n onDelete?: () => void\n}\n\nexport const AttributeEditor: FC<AttributeEditorProps> = ({\n attribute,\n existingNames,\n error = '',\n isUpdating,\n excludes = [],\n onHide,\n onEdit,\n onDelete,\n}) => {\n const initForm = buildInitFormData(excludes, { position: existingNames.length })\n const [formData, setFormData] = useState<AttributeForm \| null>(attribute \|\| initForm)\n\n useEffect(() => {\n if (!!attribute) setFormData(attribute)\n }, [attribute])\n\n const isNew = !attribute\n\n // const setTopLevelData = (key: string, value: string) => {\n const setTopLevelData = <K extends keyof Omit<AttributeModel, 'data'>>(\n key: K,\n value: AttributeModel[K],\n ) => {\n setFormData((d) => {\n if (!d) {\n return d\n }\n return { ...d, [key]: value }\n })\n }\n\n // const setData = (key, value) => {\n const setData = <K extends keyof AttributeData>(key: K, value: AttributeData[K]) => {\n setFormData((d) => {\n // Add a check for d and d.data\n if (!d \|\| !d.data) {\n return d\n }\n const dt = { ...d.data, [key]: value }\n return { ...d, data: dt }\n })\n }\n\n let internalError = ''\n if (formData) {\n if (isNew) {\n if (existingNames.includes(formData.name)) internalError = 'This attribute already exists'\n else if (!formData.name.match('^[a-zA-Z_]{2,64}$')) error = 'Invalid attribute name'\n } // name validation\n }\n\n const handleSubmit = () => {\n if (formData) {\n onEdit(formData)\n }\n }\n\n const footer = (\n <div style={{ display: 'flex', width: '100%', flexDirection: 'row' }}>\n {onDelete && attribute && (\n <Button\n variant=\"danger\"\n label={'Delete attribute'}\n icon={'delete'}\n disabled={isUpdating}\n onClick={onDelete}\n />\n )}\n <Spacer />\n <SaveButton\n label={isNew ? 'Create Attribute' : 'Save Attribute'}\n icon={'check'}\n disabled={!!internalError \|\| !formData}\n active={!internalError && !!formData}\n saving={isUpdating}\n onClick={handleSubmit}\n />\n </div>\n )\n\n let dataFields: (keyof AttributeData)[] = []\n\n // add global fields, only if scope are null (all) or the scope is included\n GLOBAL_FIELDS.forEach((globalField) => {\n // @ts-expect-error - project scope will never be found here?\n if (!globalField?.scope \|\| globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n dataFields.push(globalField.value)\n }\n })\n\n if (formData?.data.type && TYPE_OPTIONS[formData.data.type]) {\n const typeOpt = TYPE_OPTIONS[formData.data.type]\n dataFields = [...dataFields, ...typeOpt.fields].filter((f) => !typeOpt.exclude?.includes(f))\n }\n\n type CustomFieldRenderer = (value: any, onChange: (newValue: any) => void) => JSX.Element \| null\n const customFields: {\n enum: CustomFieldRenderer\n inherit: CustomFieldRenderer\n booleanDefault: CustomFieldRenderer\n } = {\n enum: (value = [], onChange) => (\n <EnumEditor\n values={value as AttributeEnumItem[]}\n onChange={(val) => {\n onChange(val?.length ? val : undefined)\n }}\n />\n ),\n inherit: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n booleanDefault: (value, onChange) => (\n <InputSwitch\n checked={value}\n onChange={(e) => onChange((e.target as HTMLInputElement).checked)}\n />\n ),\n }\n\n const handleTitleChange = (e: React.ChangeEvent) => {\n const v = (e.target as HTMLInputElement).value\n setData('title', v)\n\n if (isNew) {\n setTopLevelData('name', camelCase(v))\n }\n }\n\n return (\n <Dialog\n header={formData?.data?.title \|\| formData?.name \|\| 'New attribute'}\n footer={footer}\n onClose={onHide}\n isOpen={true}\n style={{ width: 700, zIndex: 999 }}\n size=\"full\"\n onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && (e.metaKey \|\| e.ctrlKey)) {\n e.preventDefault()\n handleSubmit()\n }\n }}\n >\n {formData && (\n <FormLayout>\n {!excludes.includes('title') && (\n <FormRow label={'Title'} key={'title'}>\n <InputText value={formData?.data['title']} onChange={handleTitleChange} autoFocus />\n </FormRow>\n )}\n {!excludes.includes('name') && (\n <FormRow label={'Name'} key={'name'}>\n <LockedInput\n value={formData.name}\n disabled={!isNew}\n onSubmit={(v) => setTopLevelData('name', v)}\n label=\"name\"\n />\n </FormRow>\n )}\n {!excludes.includes('scope') && (\n <FormRow label=\"Scope\">\n <Dropdown\n options={SCOPE_OPTIONS}\n disabled={formData.builtin}\n value={formData.scope \|\| []}\n onChange={(v) => setTopLevelData('scope', v as AttributeModel['scope'])}\n multiSelect\n widthExpand\n />\n </FormRow>\n )}\n {!excludes.includes('type') && (\n <FormRow label=\"Type\">\n <Dropdown\n value={[formData?.data?.type]}\n disabled={formData.builtin}\n options={Object.values(TYPE_OPTIONS)}\n onChange={(v) => setData('type', v[0] as AttributeData['type'])}\n minSelected={1}\n widthExpand\n />\n </FormRow>\n )}\n {dataFields.map((field) => {\n // skip if field is excluded\n if (excludes.includes(field)) return null\n\n let fieldComp = null\n let fieldLabel = upperFirst(field)\n\n if (field === 'enum' \|\| field === 'inherit') {\n const renderer = customFields[field as 'enum' \| 'inherit']\n fieldComp = renderer(formData?.data[field], (value) => setData(field, value))\n } else if (field === 'default' && formData?.data?.type === 'boolean') {\n fieldComp = customFields['booleanDefault'](\n formData?.data[field] as boolean,\n (value) => setData(field, value as AttributeData['default']),\n )\n } else if (['ge', 'gt', 'le', 'lt'].includes(field)) {\n // ignore gt and lt\n if (['gt', 'lt'].includes(field)) return null\n fieldComp = (\n <MinMaxField\n value={formData?.data}\n isMin={field === 'ge'}\n isFloat={formData?.data?.type === 'float'}\n onChange={(v) => {\n const geValue = v.ge !== undefined ? Number(v.ge) : undefined\n const leValue = v.le !== undefined ? Number(v.le) : undefined\n\n if (\n // @ts-expect-error\n (v.ge !== undefined && isNaN(geValue)) \|\|\n // @ts-expect-error\n (v.le !== undefined && isNaN(leValue))\n ) {\n // Do not update the form if the value is not a valid number\n return\n }\n\n setFormData((d) => {\n if (!d \|\| !d.data) return d\n const dt = { ...d.data, ...v }\n return { ...d, data: dt }\n })\n }}\n />\n )\n\n // rewrite field to min or max for display label\n fieldLabel = field === 'ge' ? 'Min' : 'Max'\n } else {\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const strValue = e.target.value\n switch (field) {\n case 'minLength':\n case 'maxLength':\n case 'minItems':\n case 'maxItems': {\n const num = parseInt(strValue, 10)\n setData(field, isNaN(num) ? undefined : num)\n break\n }\n default:\n // For string fields ('description', 'regex') or 'any' type fields ('example', 'default')\n setData(field, strValue as AttributeData[typeof field])\n break\n }\n }\n\n fieldComp = (\n <InputText\n value={String(formData?.data[field] ?? '')}\n onChange={handleInputChange}\n />\n )\n }\n\n return (\n <FormRow\n label={fieldLabel}\n key={field}\n style={{\n alignItems: 'flex-start',\n }}\n >\n {fieldComp}\n </FormRow>\n )\n })}\n <span>\n {(internalError \|\| error) && (\n <span className=\"form-error-text\">{internalError \|\| error}</span>\n )}\n </span>\n </FormLayout>\n )}\n </Dialog>\n )\n}\n"],"names":["SCOPE_OPTIONS","GLOBAL_FIELDS","TYPE_OPTIONS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","existingNames","error","isUpdating","onHide","onEdit","onDelete","initForm","setFormData","useState","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","_a","s","typeOpt","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","camelCase","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","_b","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}

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

@@ -1,14 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),r=require("styled-components"),i=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("styled-components"),g=require("@ynput/ayon-react-components"),u=a.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--base-gap-small);
   padding: 0 4px;
   margin-left: 12px;
-`,p=r.span`
-  font-size: 0.8rem;
-  border-radius: 4px;
-  color: #161616;
-  padding: 0 4px;
-`,d=["studio","project","producttion","staging","development"],g=({children:e,hl:o,style:s,...a})=>{const t={...s};return o?t.backgroundColor=`var(--color-hl-${o})`:e&&typeof e=="string"&&d.includes(e.toLowerCase())&&(t.backgroundColor=`var(--color-hl-${e.toLowerCase()})`),n.jsxRuntimeExports.jsx(p,{style:t,...a,children:e})};exports.Badge=g;exports.BadgeWrapper=i;
+`,f=a.span`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--border-radius-m);
+  padding: 0px 4px;
+  &.placeholder {
+    color: var(--md-sys-color-outline);
+  }
+`,s=["studio","project","production","staging","developer"],m=l=>{const{label:r,color:o,style:n,className:i,...c}=l,t={...n};let e;o?o.startsWith("#")||o.startsWith("rgb")?e=o:s.includes(o.toLowerCase())&&(e=`var(--color-hl-${o})`):r&&s.includes(r.toLowerCase())&&(e=`var(--color-hl-${r.toLowerCase()})`);const d=e?g.getTextColor(e):"#e0e0e0";return t.backgroundColor=e,t.color=d,e&&(t.fontSize="0.9rem"),p.jsxRuntimeExports.jsx(f,{style:t,className:i,"aria-label":r,...c,children:r})};exports.Badge=m;exports.BadgeWrapper=u;
 //# sourceMappingURL=Badge.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.cjs.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ~~ReactNode,~~ CSSProperties } from 'react'\n\nexport const BadgeWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--base-gap-small);\n padding: 0 4px;\n margin-left: 12px;\n`\n\nconst BaseBadge = styled.span`\n ~~font~~-~~size~~: ~~0.8rem~~;\n ~~border~~-~~radius~~: ~~4px~~;\n ~~color~~: ~~#161616~~;\n padding: 0 4px;\n`\n\nconst WELL_KNOWN_BADGES = ['studio', 'project', '~~producttion~~', 'staging', '~~development~~']\n\ninterface BadgeProps {\n ~~children~~?: ~~ReactNode~~\n hl?: string\n style?: CSSProperties\n [key: string]: any\n}\n\nexport const Badge = ({ ~~children~~, hl, style, ...~~props~~ }: ~~BadgeProps)~~ ~~=> {~~\n const nstyle: CSSProperties = { ...style }\n if (hl) {\n ~~nstyle~~.backgroundColor = `var(--color-hl-${hl})`\n } else if (~~\n children~~ ~~&&\n typeof~~ ~~children === 'string' &&\n~~ WELL_KNOWN_BADGES.includes(~~children~~.toLowerCase())\n ) {\n ~~nstyle.~~backgroundColor = `var(--color-hl-${~~children~~.toLowerCase()})`\n }\n\n return (\n <BaseBadge style={nstyle} {...~~props~~}>\n {~~children~~}\n </BaseBadge>\n )\n}\n"],"names":["BadgeWrapper","styled","BaseBadge","WELL_KNOWN_BADGES","Badge","~~children~~","hl","style","~~props~~","nstyle"],"mappings":"~~0KAGaA~~,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS7BC,EAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAOnBE~~,EAAoB,CAAC,SAAU,UAAW,~~cAAe~~,UAAW,~~aAAa~~,~~EAS1EC~~,~~EAAQ~~,~~CAAC~~,CAAE,~~SAAAC~~,~~EAAU~~,~~GAAAC~~,~~EAAI~~,MAAAC,EAAO,GAAGC,~~KAAwB~~,~~CAChE~~,~~MAAAC,~~EAAwB,CAAE,~~GAAGF~~,CAAM,EACzC,~~OAAID~~,~~EACKG~~,~~EAAA~~,~~gBAAkB~~,~~kBAAkBH~~,~~CAAE~~,~~IAE7CD~~,~~GACA~~,~~OAAOA~~,~~GAAa~~,~~UACpBF~~,EAAkB,~~SAASE~~,~~EAAS~~,~~YAAY~~,~~CAAC~~,~~IAEjDI~~,EAAO,~~gBAAkB~~,~~kBAAkBJ~~,~~EAAS~~,~~YAAa~~,~~CAAA~~,~~6BAIhEH~~,~~EAAU~~,~~CAAA~~,~~MAAOO~~,~~EAAS~~,~~GAAGD~~,~~EAC3B~~,~~SAAAH~~,~~EACH~~,CAEJ"}
1	+ {"version":3,"file":"Badge.cjs.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { CSSProperties } from 'react'\nimport { getTextColor } from '@ynput/ayon-react-components'\n\nexport const BadgeWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--base-gap-small);\n padding: 0 4px;\n margin-left: 12px;\n`\n\nconst BaseBadge = styled.span`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-m);\n padding: 0px 4px;\n\n &.placeholder {\n color: var(--md-sys-color-outline);\n }\n`\n\nconst WELL_KNOWN_BADGES = ['studio', 'project', 'production', 'staging', 'developer']\n\ninterface BadgeProps {\n label?: string\n color?: string\n style?: CSSProperties\n className?: string\n [key: string]: any\n}\n\nexport const Badge = (props: BadgeProps) => {\n const { label, color, style, className, ...additionalProps } = props\n const nstyle: CSSProperties = { ...style }\n let backgroundColor = undefined\n\n if (color) {\n if (color.startsWith('#') \|\| color.startsWith('rgb')) {\n backgroundColor = color\n } else if (WELL_KNOWN_BADGES.includes(color.toLowerCase())) {\n backgroundColor = `var(--color-hl-${color})`\n }\n } else if (label && WELL_KNOWN_BADGES.includes(label.toLowerCase())) {\n backgroundColor = `var(--color-hl-${label.toLowerCase()})`\n }\n const foregroundColor = backgroundColor ? getTextColor(backgroundColor) : '#e0e0e0'\n\n nstyle.backgroundColor = backgroundColor\n nstyle.color = foregroundColor\n\n if (backgroundColor) {\n nstyle.fontSize= '0.9rem';\n }\n\n return (\n <BaseBadge\n style={nstyle}\n className={className}\n aria-label={label}\n {...additionalProps}\n >\n {label}\n </BaseBadge>\n )\n}\n"],"names":["BadgeWrapper","styled","BaseBadge","WELL_KNOWN_BADGES","Badge","props","label","color","style","className","additionalProps","nstyle","backgroundColor","foregroundColor","getTextColor","jsx"],"mappings":"oNAIaA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS7BC,EAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenBE,EAAoB,CAAC,SAAU,UAAW,aAAc,UAAW,WAAW,EAUvEC,EAASC,GAAsB,CAC1C,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,UAAAC,EAAW,GAAGC,GAAoBL,EACzDM,EAAwB,CAAE,GAAGH,CAAM,EACzC,IAAII,EAEAL,EACEA,EAAM,WAAW,GAAG,GAAKA,EAAM,WAAW,KAAK,EAC/BK,EAAAL,EACTJ,EAAkB,SAASI,EAAM,YAAa,CAAA,IACvDK,EAAkB,kBAAkBL,CAAK,KAElCD,GAASH,EAAkB,SAASG,EAAM,YAAA,CAAa,IAC9CM,EAAA,kBAAkBN,EAAM,YAAA,CAAa,KAEzD,MAAMO,EAAkBD,EAAkBE,eAAaF,CAAe,EAAI,UAE1E,OAAAD,EAAO,gBAAkBC,EACzBD,EAAO,MAAQE,EAEXD,IACFD,EAAO,SAAU,UAIjBI,EAAA,kBAAA,IAACb,EAAA,CACC,MAAOS,EACP,UAAAF,EACA,aAAYH,EACX,GAAGI,EAEH,SAAAJ,CAAA,CACH,CAEJ"}

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

@@ -1,23 +1,44 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import r from "styled-components";
-const l = r.div`
+import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
+import l from "styled-components";
+import { getTextColor as f } from "@ynput/ayon-react-components";
+const v = l.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--base-gap-small);
   padding: 0 4px;
   margin-left: 12px;
-`, p = r.span`
-  font-size: 0.8rem;
-  border-radius: 4px;
-  color: #161616;
-  padding: 0 4px;
-`, i = ["studio", "project", "producttion", "staging", "development"], c = ({ children: o, hl: e, style: s, ...a }) => {
-  const t = { ...s };
-  return e ? t.backgroundColor = `var(--color-hl-${e})` : o && typeof o == "string" && i.includes(o.toLowerCase()) && (t.backgroundColor = `var(--color-hl-${o.toLowerCase()})`), /* @__PURE__ */ n.jsx(p, { style: t, ...a, children: o });
+`, g = l.span`
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--border-radius-m);
+  padding: 0px 4px;
+  &.placeholder {
+    color: var(--md-sys-color-outline);
+  }
+`, s = ["studio", "project", "production", "staging", "developer"], y = (a) => {
+  const { label: r, color: o, style: i, className: n, ...d } = a, t = { ...i };
+  let e;
+  o ? o.startsWith("#") || o.startsWith("rgb") ? e = o : s.includes(o.toLowerCase()) && (e = `var(--color-hl-${o})`) : r && s.includes(r.toLowerCase()) && (e = `var(--color-hl-${r.toLowerCase()})`);
+  const c = e ? f(e) : "#e0e0e0";
+  return t.backgroundColor = e, t.color = c, e && (t.fontSize = "0.9rem"), /* @__PURE__ */ p.jsx(
+    g,
+    {
+      style: t,
+      className: n,
+      "aria-label": r,
+      ...d,
+      children: r
+    }
+  );
 };
 export {
-  c as Badge,
-  l as BadgeWrapper
+  y as Badge,
+  v as BadgeWrapper
 };
 //# sourceMappingURL=Badge.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.es.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ~~ReactNode,~~ CSSProperties } from 'react'\n\nexport const BadgeWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--base-gap-small);\n padding: 0 4px;\n margin-left: 12px;\n`\n\nconst BaseBadge = styled.span`\n ~~font~~-~~size~~: ~~0.8rem~~;\n ~~border~~-~~radius~~: ~~4px~~;\n ~~color~~: ~~#161616~~;\n padding: 0 4px;\n`\n\nconst WELL_KNOWN_BADGES = ['studio', 'project', '~~producttion~~', 'staging', '~~development~~']\n\ninterface BadgeProps {\n ~~children~~?: ~~ReactNode~~\n hl?: string\n style?: CSSProperties\n [key: string]: any\n}\n\nexport const Badge = ({ ~~children~~, hl, style, ...~~props~~ }: ~~BadgeProps)~~ ~~=> {~~\n const nstyle: CSSProperties = { ...style }\n if (hl) {\n ~~nstyle~~.backgroundColor = `var(--color-hl-${hl})`\n } else if (~~\n children~~ ~~&&\n typeof~~ ~~children === 'string' &&\n~~ WELL_KNOWN_BADGES.includes(~~children~~.toLowerCase())\n ) {\n ~~nstyle.~~backgroundColor = `var(--color-hl-${~~children~~.toLowerCase()})`\n }\n\n return (\n <BaseBadge style={nstyle} {...~~props~~}>\n {~~children~~}\n </BaseBadge>\n )\n}\n"],"names":["BadgeWrapper","styled","BaseBadge","WELL_KNOWN_BADGES","Badge","~~children~~","hl","style","~~props~~","nstyle"],"mappings":"~~;;AAGO~~,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAOnBE~~,IAAoB,CAAC,UAAU,WAAW,~~eAAe~~,WAAW,~~aAAa~~,~~GAS1EC~~,IAAQ,~~CAAC~~,EAAE,~~UAAAC~~,~~GAAU~~,~~IAAAC~~,~~GAAI~~,OAAAC,GAAO,GAAGC,~~QAAwB;AAChE~~,~~QAAAC~~,IAAwB,EAAE,~~GAAGF~~,EAAM;AACzC,~~SAAID~~,~~IACKG~~,~~EAAA~~,~~kBAAkB~~,~~kBAAkBH~~,~~CAAE~~,~~MAE7CD~~,~~KACA~~,~~OAAOA~~,~~KAAa~~,~~YACpBF~~,EAAkB,~~SAASE~~,~~EAAS~~,~~YAAY~~,~~CAAC~~,~~MAEjDI~~,EAAO,~~kBAAkB~~,~~kBAAkBJ~~,~~EAAS~~,~~YAAa~~,~~CAAA~~,~~4BAIhEH~~,~~GAAU~~,EAAA,~~OAAOO~~,~~GAAS~~,~~GAAGD~~,~~GAC3B~~,~~UAAAH~~,~~GACH~~;AAEJ;"}
1	+ {"version":3,"file":"Badge.es.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { CSSProperties } from 'react'\nimport { getTextColor } from '@ynput/ayon-react-components'\n\nexport const BadgeWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--base-gap-small);\n padding: 0 4px;\n margin-left: 12px;\n`\n\nconst BaseBadge = styled.span`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-m);\n padding: 0px 4px;\n\n &.placeholder {\n color: var(--md-sys-color-outline);\n }\n`\n\nconst WELL_KNOWN_BADGES = ['studio', 'project', 'production', 'staging', 'developer']\n\ninterface BadgeProps {\n label?: string\n color?: string\n style?: CSSProperties\n className?: string\n [key: string]: any\n}\n\nexport const Badge = (props: BadgeProps) => {\n const { label, color, style, className, ...additionalProps } = props\n const nstyle: CSSProperties = { ...style }\n let backgroundColor = undefined\n\n if (color) {\n if (color.startsWith('#') \|\| color.startsWith('rgb')) {\n backgroundColor = color\n } else if (WELL_KNOWN_BADGES.includes(color.toLowerCase())) {\n backgroundColor = `var(--color-hl-${color})`\n }\n } else if (label && WELL_KNOWN_BADGES.includes(label.toLowerCase())) {\n backgroundColor = `var(--color-hl-${label.toLowerCase()})`\n }\n const foregroundColor = backgroundColor ? getTextColor(backgroundColor) : '#e0e0e0'\n\n nstyle.backgroundColor = backgroundColor\n nstyle.color = foregroundColor\n\n if (backgroundColor) {\n nstyle.fontSize= '0.9rem';\n }\n\n return (\n <BaseBadge\n style={nstyle}\n className={className}\n aria-label={label}\n {...additionalProps}\n >\n {label}\n </BaseBadge>\n )\n}\n"],"names":["BadgeWrapper","styled","BaseBadge","WELL_KNOWN_BADGES","Badge","props","label","color","style","className","additionalProps","nstyle","backgroundColor","foregroundColor","getTextColor","jsx"],"mappings":";;;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7BC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAenBE,IAAoB,CAAC,UAAU,WAAW,cAAc,WAAW,WAAW,GAUvEC,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,MAAoBL,GACzDM,IAAwB,EAAE,GAAGH,EAAM;AACzC,MAAII;AAEJ,EAAIL,IACEA,EAAM,WAAW,GAAG,KAAKA,EAAM,WAAW,KAAK,IAC/BK,IAAAL,IACTJ,EAAkB,SAASI,EAAM,YAAa,CAAA,MACvDK,IAAkB,kBAAkBL,CAAK,OAElCD,KAASH,EAAkB,SAASG,EAAM,YAAA,CAAa,MAC9CM,IAAA,kBAAkBN,EAAM,YAAA,CAAa;AAEzD,QAAMO,IAAkBD,IAAkBE,EAAaF,CAAe,IAAI;AAE1E,SAAAD,EAAO,kBAAkBC,GACzBD,EAAO,QAAQE,GAEXD,MACFD,EAAO,WAAU,WAIjBI,gBAAAA,EAAA;AAAA,IAACb;AAAA,IAAA;AAAA,MACC,OAAOS;AAAA,MACP,WAAAF;AAAA,MACA,cAAYH;AAAA,MACX,GAAGI;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");const d=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/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const c=require("@ynput/ayon-react-components"),g=({projectName:o,entityType:i,entityIds:n,visible:u,onHide:s})=>{const{data:q={},isLoading:e,isError:r,error:l}=d.useGetEntityQuery({projectName:o,entityType:i,entityId:n[0]},{skip:!u});return e&&r&&a.toast.error(`Unable to load detail. ${l}`),!u||q.length<1?null:t.jsxRuntimeExports.jsx(c.Dialog,{isOpen:!0,onClose:s,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:t.jsxRuntimeExports.jsxs("pre",{children:[!e&&!r&&JSON.stringify(q,null,2),e&&"loading...",r&&"error..."]})})};exports.DetailsDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");const d=require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const c=require("@ynput/ayon-react-components"),g=({projectName:o,entityType:i,entityIds:n,visible:u,onHide:s})=>{const{data:q={},isLoading:e,isError:r,error:l}=d.useGetEntityQuery({projectName:o,entityType:i,entityId:n[0]},{skip:!u});return e&&r&&a.toast.error(`Unable to load detail. ${l}`),!u||q.length<1?null:t.jsxRuntimeExports.jsx(c.Dialog,{isOpen:!0,onClose:s,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:t.jsxRuntimeExports.jsxs("pre",{children:[!e&&!r&&JSON.stringify(q,null,2),e&&"loading...",r&&"error..."]})})};exports.DetailsDialog=g;
 //# sourceMappingURL=DetailsDialog.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"~~o4IAYaA~~,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CAClB,KAAA,CACJ,KAAAC,EAAO,CAAC,EACR,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,EAAU,CAAC,CAAE,EAC9D,CAAE,KAAM,CAACC,CAAQ,CACnB,EAOA,OALIG,GACEC,GACIG,EAAAA,MAAA,MAAM,0BAA0BF,CAAK,EAAE,EAG7C,CAACL,GAAWE,EAAK,OAAS,EAAU,KAGtCM,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAQ,GACR,QAASR,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAO,EACvB,OAAQ,GAAGH,CAAU,UAErB,kCAAC,MACE,CAAA,SAAA,CAAA,CAACK,GAAa,CAACC,GAAW,KAAK,UAAUF,EAAM,KAAM,CAAC,EACtDC,GAAa,aACbC,GAAW,UAAA,CACd,CAAA,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"q8IAYaA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CAClB,KAAA,CACJ,KAAAC,EAAO,CAAC,EACR,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,EAAU,CAAC,CAAE,EAC9D,CAAE,KAAM,CAACC,CAAQ,CACnB,EAOA,OALIG,GACEC,GACIG,EAAAA,MAAA,MAAM,0BAA0BF,CAAK,EAAE,EAG7C,CAACL,GAAWE,EAAK,OAAS,EAAU,KAGtCM,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAQ,GACR,QAASR,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAO,EACvB,OAAQ,GAAGH,CAAU,UAErB,kCAAC,MACE,CAAA,SAAA,CAAA,CAACK,GAAa,CAACC,GAAW,KAAK,UAAUF,EAAM,KAAM,CAAC,EACtDC,GAAa,aACbC,GAAW,UAAA,CACd,CAAA,CAAA,CACF,CAEJ"}

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

@@ -65,6 +65,7 @@ import "../../api/queries/links/getLinks.es.js";
 import "../../api/queries/links/getEntityLinks.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -82,7 +83,7 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import { Dialog as f } from "@ynput/ayon-react-components";
-const Hr = ({
+const Kr = ({
   projectName: e,
   entityType: o,
   entityIds: s,
@@ -115,6 +116,6 @@ const Hr = ({
   );
 };
 export {
-  Hr as DetailsDialog
+  Kr as DetailsDialog
 };
 //# sourceMappingURL=DetailsDialog.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAYO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,MAAAC,IAAO,CAAC;AAAA,IACR,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,EAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAQ;AAAA,EACnB;AAOA,SALIG,KACEC,KACIG,EAAA,MAAM,0BAA0BF,CAAK,EAAE,GAG7C,CAACL,KAAWE,EAAK,SAAS,IAAU,OAGtCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASR;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAGH,CAAU;AAAA,MAErB,iCAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAACK,KAAa,CAACC,KAAW,KAAK,UAAUF,GAAM,MAAM,CAAC;AAAA,QACtDC,KAAa;AAAA,QACbC,KAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n projectName?: string\n entityType: string\n entityIds: string[]\n visible: boolean\n onHide: () => void\n}\n\nexport const DetailsDialog = ({\n projectName,\n entityType,\n entityIds,\n visible,\n onHide,\n}: DetailsDialogProps) => {\n const {\n data = {},\n isLoading,\n isError,\n error,\n } = useGetEntityQuery(\n { projectName, entityType: entityType, entityId: entityIds[0] },\n { skip: !visible },\n )\n\n if (isLoading)\n if (isError) {\n toast.error(`Unable to load detail. ${error}`)\n }\n\n if (!visible \|\| data.length < 1) return null\n\n return (\n <Dialog\n isOpen={true}\n onClose={onHide}\n size=\"lg\"\n style={{ width: '50vw' }}\n header={`${entityType} detail`}\n >\n <pre>\n {!isLoading && !isError && JSON.stringify(data, null, 2)}\n {isLoading && 'loading...'}\n {isError && 'error...'}\n </pre>\n </Dialog>\n )\n}\n"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAMA,KAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,MAAAC,IAAO,CAAC;AAAA,IACR,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC;AAAA,IACF,EAAE,aAAAT,GAAa,YAAAC,GAAwB,UAAUC,EAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAACC,EAAQ;AAAA,EACnB;AAOA,SALIG,KACEC,KACIG,EAAA,MAAM,0BAA0BF,CAAK,EAAE,GAG7C,CAACL,KAAWE,EAAK,SAAS,IAAU,OAGtCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAASR;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAGH,CAAU;AAAA,MAErB,iCAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAACK,KAAa,CAACC,KAAW,KAAK,UAAUF,GAAM,MAAM,CAAC;AAAA,QACtDC,KAAa;AAAA,QACbC,KAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../_virtual/jsx-runtime.cjs.js");require("lodash");require("react-toastify");const S=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const p=require("react"),x=require("styled-components"),k=require("clsx"),P=require("@ynput/ayon-react-components"),D=require("./components/RenderFieldWidget.cjs.js"),m=require("../DetailsPanelDetails/BorderedSection.cjs.js"),A=require("../DetailsPanelDetails/FieldLabel.cjs.js"),g=x.div`
   display: grid;
-  grid-template-columns: minmax(200px, 1fr) 1fr 32px;
+  grid-template-columns: minmax(150px, 1fr) 1fr 32px;
   row-gap: 2px;
   column-gap: 4px;
   align-items: center;