@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

@@ -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'\nimport {\n  UIAttributeType,\n  UI_TYPE_OPTIONS,\n  UI_TYPE_FIELDS,\n  UI_TYPE_EXCLUDE,\n  backendToUiType,\n  uiTypeToBackend,\n} from './attributeTypeMap'\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  {\n    value: 'inherit',\n    scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'],\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\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  defaultData?: Partial<AttributeForm>\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  defaultData,\n  existingNames,\n  error = '',\n  isUpdating,\n  excludes = [],\n  onHide,\n  onEdit,\n  onDelete,\n}) => {\n  const resolvedDefaultData = defaultData\n    ? {\n        ...defaultData,\n        name:\n          defaultData.name ||\n          (defaultData.data?.title ? camelCase(defaultData.data.title) : undefined),\n      }\n    : undefined\n\n  const initData =\n    attribute ||\n    buildInitFormData(excludes, {\n      position: existingNames.length,\n      ...resolvedDefaultData,\n    })\n\n  const [formData, setFormData] = useState<AttributeForm | null>(initData)\n  const [uiType, setUiType] = useState<UIAttributeType>(() =>\n    backendToUiType(initData?.data?.type, initData?.data?.enum),\n  )\n  const [isDecimal, setIsDecimal] = useState<boolean>(() => initData?.data?.type === 'float')\n\n  useEffect(() => {\n    if (!!attribute) {\n      setFormData(attribute)\n      setUiType(backendToUiType(attribute.data?.type, attribute.data?.enum))\n      setIsDecimal(attribute.data?.type === 'float')\n    }\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  const typeFields = UI_TYPE_FIELDS[uiType] ?? []\n  const typeExclude = UI_TYPE_EXCLUDE[uiType] ?? []\n  dataFields = [...dataFields, ...typeFields].filter((f) => !typeExclude.includes(f))\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  const handleUiTypeChange = (v: string[]) => {\n    const newUiType = v[0] as UIAttributeType\n    setUiType(newUiType)\n    setData('type', uiTypeToBackend(newUiType, isDecimal))\n\n    // Clear enum when switching away from select/multi_select\n    if (newUiType !== 'select' && newUiType !== 'multi_select') {\n      setData('enum', undefined)\n    }\n    // Clear regex if not supported by the new type\n    if (newUiType !== 'text' && formData?.data?.regex) {\n      setData('regex', '')\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      enableBackdropClose={false}\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={[uiType]}\n                disabled={formData.builtin || !isNew}\n                valueIcon={UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.icon}\n                options={UI_TYPE_OPTIONS}\n                onChange={handleUiTypeChange}\n                minSelected={1}\n                widthExpand\n              />\n            </FormRow>\n          )}\n          {!excludes.includes('type') && uiType === 'number' && (\n            <FormRow label=\"Decimal\">\n              <InputSwitch\n                checked={isDecimal}\n                disabled={formData.builtin || !isNew}\n                onChange={(e) => {\n                  const checked = (e.target as HTMLInputElement).checked\n                  setIsDecimal(checked)\n                  setData('type', checked ? 'float' : 'integer')\n                }}\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","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","defaultData","existingNames","error","isUpdating","onHide","onEdit","onDelete","resolvedDefaultData","camelCase","initData","setFormData","useState","uiType","setUiType","backendToUiType","isDecimal","setIsDecimal","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","s","typeFields","UI_TYPE_FIELDS","typeExclude","UI_TYPE_EXCLUDE","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","handleUiTypeChange","newUiType","uiTypeToBackend","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","UI_TYPE_OPTIONS","o","checked","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}
+{"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 } from '@shared/api'\nimport {\n  UIAttributeType,\n  UI_TYPE_OPTIONS,\n  UI_TYPE_FIELDS,\n  UI_TYPE_EXCLUDE,\n  backendToUiType,\n  uiTypeToBackend,\n  WIDGET_UNDEFINED_KEY,\n} from './attributeTypeMap'\nimport styled from 'styled-components'\n\nconst RowFieldGroup = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: var(--base-gap-large);\n  align-items: center;\n`\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: NonNullable<AttributeModel['scope']>[number][] | null\n}\n\nconst GLOBAL_FIELDS: GlobalFieldEntry[] = [\n  { value: 'description', scope: null },\n  { value: 'example', scope: null },\n  { value: 'default', scope: ['project'] },\n  {\n    value: 'inherit',\n    scope: ['project', 'folder', 'task', 'product', 'version', 'representation', 'user'],\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    widget: 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\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  defaultData?: Partial<AttributeForm>\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  defaultData,\n  existingNames,\n  error = '',\n  isUpdating,\n  excludes = [],\n  onHide,\n  onEdit,\n  onDelete,\n}) => {\n  const resolvedDefaultData = defaultData\n    ? {\n        ...defaultData,\n        name:\n          defaultData.name ||\n          (defaultData.data?.title ? camelCase(defaultData.data.title) : undefined),\n      }\n    : undefined\n\n  const initData =\n    attribute ||\n    buildInitFormData(excludes, {\n      position: existingNames.length,\n      ...resolvedDefaultData,\n    })\n\n  const [formData, setFormData] = useState<AttributeForm | null>(initData)\n  const [uiType, setUiType] = useState<UIAttributeType>(() =>\n    backendToUiType(initData?.data?.type, initData?.data?.enum),\n  )\n  const [isDecimal, setIsDecimal] = useState<boolean>(() => initData?.data?.type === 'float')\n\n  useEffect(() => {\n    if (!!attribute) {\n      setFormData(attribute)\n      setUiType(backendToUiType(attribute.data?.type, attribute.data?.enum))\n      setIsDecimal(attribute.data?.type === 'float')\n    }\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    if (!globalField?.scope || globalField?.scope?.some((s) => formData?.scope?.includes(s))) {\n      dataFields.push(globalField.value)\n    }\n  })\n\n  const typeFields = UI_TYPE_FIELDS[uiType] ?? []\n  const typeExclude = UI_TYPE_EXCLUDE[uiType] ?? []\n  dataFields = [...dataFields, ...typeFields].filter((f) => !typeExclude.includes(f))\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}\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  const handleUiTypeChange = (v: string[]) => {\n    const newUiType = v[0] as UIAttributeType\n    setUiType(newUiType)\n    setData('type', uiTypeToBackend(newUiType, isDecimal))\n\n    // Clear enum when switching away from select/multi_select\n    if (newUiType !== 'select' && newUiType !== 'multi_select') {\n      setData('enum', undefined)\n    }\n    // Clear regex if not supported by the new type\n    if (newUiType !== 'text' && formData?.data?.regex) {\n      setData('regex', '')\n    }\n\n    // Clear widget\n    setData('widget', undefined)\n  }\n\n  const selectedOption = UI_TYPE_OPTIONS.find((o) => o.value === uiType)\n  const widgets = selectedOption?.widgets\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      enableBackdropClose={false}\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              <RowFieldGroup>\n                <Dropdown\n                  value={[uiType]}\n                  disabled={formData.builtin || !isNew}\n                  valueIcon={UI_TYPE_OPTIONS.find((o) => o.value === uiType)?.icon}\n                  options={UI_TYPE_OPTIONS}\n                  onChange={handleUiTypeChange}\n                  minSelected={1}\n                  widthExpand\n                  style={{ flex: 1 }}\n                />\n                {widgets && widgets.length > 0 && (\n                  <Dropdown\n                    value={[\n                      formData.data.widget ||\n                        widgets.find((w) => w.isDefault)?.value ||\n                        WIDGET_UNDEFINED_KEY,\n                    ]}\n                    disabled={formData.builtin}\n                    dataKey=\"value\"\n                    options={widgets}\n                    onChange={(v) =>\n                      setData('widget', v[0] === WIDGET_UNDEFINED_KEY ? undefined : v[0])\n                    }\n                    style={{ flex: 0.5 }}\n                  />\n                )}\n              </RowFieldGroup>\n            </FormRow>\n          )}\n          {!excludes.includes('type') && uiType === 'number' && (\n            <FormRow label=\"Decimal\">\n              <InputSwitch\n                checked={isDecimal}\n                disabled={formData.builtin || !isNew}\n                onChange={(e) => {\n                  const checked = (e.target as HTMLInputElement).checked\n                  setIsDecimal(checked)\n                  setData('type', checked ? 'float' : 'integer')\n                }}\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: string = 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":["RowFieldGroup","styled","SCOPE_OPTIONS","GLOBAL_FIELDS","initFormData","buildInitFormData","excludes","data","formData","required","key","requiredData","typedKey","AttributeEditor","attribute","defaultData","existingNames","error","isUpdating","onHide","onEdit","onDelete","resolvedDefaultData","camelCase","initData","setFormData","useState","uiType","setUiType","backendToUiType","isDecimal","setIsDecimal","useEffect","isNew","setTopLevelData","value","d","setData","dt","internalError","handleSubmit","footer","jsxs","jsx","Button","Spacer","SaveButton","dataFields","globalField","s","typeFields","UI_TYPE_FIELDS","typeExclude","UI_TYPE_EXCLUDE","f","customFields","onChange","EnumEditor","val","InputSwitch","e","handleTitleChange","v","handleUiTypeChange","newUiType","uiTypeToBackend","widgets","UI_TYPE_OPTIONS","o","Dialog","FormLayout","FormRow","InputText","LockedInput","Dropdown","w","WIDGET_UNDEFINED_KEY","checked","field","fieldComp","fieldLabel","upperFirst","renderer","MinMaxField","geValue","leValue","handleInputChange","strValue","num"],"mappings":"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"}

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

@@ -1,13 +1,19 @@
 import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as D, useEffect as J } from "react";
-import { Dialog as G, FormLayout as X, FormRow as h, InputText as O, LockedInput as Z, Dropdown as _, InputSwitch as T, Button as $, Spacer as H, SaveButton as Q } from "@ynput/ayon-react-components";
-import { camelCase as P, upperFirst as W } from "lodash";
-import { MinMaxField as ee } from "./components/MinMaxField.es.js";
-import { EnumEditor as te } from "../EnumEditor/EnumEditor.es.js";
+import { useState as w, useEffect as W } from "react";
+import { Dialog as X, FormLayout as Z, FormRow as v, InputText as P, LockedInput as $, Dropdown as T, InputSwitch as k, Button as H, Spacer as Q, SaveButton as ee } from "@ynput/ayon-react-components";
+import { camelCase as K, upperFirst as te } from "lodash";
+import { MinMaxField as ae } from "./components/MinMaxField.es.js";
+import { EnumEditor as ne } from "../EnumEditor/EnumEditor.es.js";
 import "../EnumEditor/EnumEditor.styled.es.js";
 import "clsx";
-import { backendToUiType as U, UI_TYPE_FIELDS as ae, UI_TYPE_EXCLUDE as ne, UI_TYPE_OPTIONS as A, uiTypeToBackend as ie } from "./attributeTypeMap.es.js";
-const oe = [
+import { backendToUiType as A, UI_TYPE_FIELDS as ie, UI_TYPE_EXCLUDE as le, UI_TYPE_OPTIONS as S, WIDGET_UNDEFINED_KEY as B, uiTypeToBackend as oe } from "./attributeTypeMap.es.js";
+import se from "styled-components";
+const re = se.div`
+  display: flex;
+  flex-direction: row;
+  gap: var(--base-gap-large);
+  align-items: center;
+`, ce = [
   { value: "project", label: "Project" },
   { value: "folder", label: "Folder" },
   { value: "task", label: "Task" },
@@ -16,16 +22,15 @@ const oe = [
   { value: "representation", label: "Representation" },
   { value: "user", label: "User" },
   { value: "list", label: "List" }
-], le = [
+], de = [
   { value: "description", scope: null },
   { value: "example", scope: null },
-  // @ts-expect-error - project is not a scope?
   { value: "default", scope: ["project"] },
   {
     value: "inherit",
     scope: ["project", "folder", "task", "product", "version", "representation", "user"]
   }
-], se = {
+], ue = {
   name: "",
   scope: ["folder", "task"],
   builtin: !1,
@@ -37,6 +42,7 @@ const oe = [
     example: "",
     default: void 0,
     enum: void 0,
+    widget: void 0,
     minLength: void 0,
     maxLength: void 0,
     regex: "",
@@ -47,88 +53,88 @@ const oe = [
     le: void 0,
     lt: void 0
   }
-}, re = (r, c) => {
-  const s = JSON.parse(JSON.stringify(se)), v = ["name"];
-  Object.keys(s).forEach((o) => {
-    !v.includes(o) && r.includes(o) && o !== "data" && delete s[o];
+}, pe = (r, c) => {
+  const s = JSON.parse(JSON.stringify(ue)), f = ["name"];
+  Object.keys(s).forEach((l) => {
+    !f.includes(l) && r.includes(l) && l !== "data" && delete s[l];
   });
-  const x = ["title"];
-  return s.data && Object.keys(s.data).forEach((o) => {
-    !x.includes(o) && r.includes(o) && delete s.data[o];
-  }), c && Object.keys(c).forEach((o) => {
-    const m = o;
-    m === "data" && c.data && s.data ? s.data = { ...s.data, ...c.data } : c[m] !== void 0 && (s[m] = c[m]);
+  const b = ["title"];
+  return s.data && Object.keys(s.data).forEach((l) => {
+    !b.includes(l) && r.includes(l) && delete s.data[l];
+  }), c && Object.keys(c).forEach((l) => {
+    const p = l;
+    p === "data" && c.data && s.data ? s.data = { ...s.data, ...c.data } : c[p] !== void 0 && (s[p] = c[p]);
   }), s;
-}, ge = ({
+}, Ie = ({
   attribute: r,
   defaultData: c,
   existingNames: s,
-  error: v = "",
-  isUpdating: x,
-  excludes: o = [],
-  onHide: m,
-  onEdit: B,
-  onDelete: k
+  error: f = "",
+  isUpdating: b,
+  excludes: l = [],
+  onHide: p,
+  onEdit: M,
+  onDelete: N
 }) => {
-  const M = c ? {
+  const R = c ? {
     ...c,
-    name: c.name || (c.data?.title ? P(c.data.title) : void 0)
-  } : void 0, j = r || re(o, {
+    name: c.name || (c.data?.title ? K(c.data.title) : void 0)
+  } : void 0, y = r || pe(l, {
     position: s.length,
-    ...M
-  }), [a, y] = D(j), [f, S] = D(
-    () => U(j?.data?.type, j?.data?.enum)
-  ), [N, L] = D(() => j?.data?.type === "float");
-  J(() => {
-    r && (y(r), S(U(r.data?.type, r.data?.enum)), L(r.data?.type === "float"));
+    ...R
+  }), [a, j] = w(y), [m, F] = w(
+    () => A(y?.data?.type, y?.data?.enum)
+  ), [L, O] = w(() => y?.data?.type === "float");
+  W(() => {
+    r && (j(r), F(A(r.data?.type, r.data?.enum)), O(r.data?.type === "float"));
   }, [r]);
-  const p = !r, C = (e, t) => {
-    y((i) => i && { ...i, [e]: t });
+  const h = !r, C = (e, t) => {
+    j((i) => i && { ...i, [e]: t });
   }, d = (e, t) => {
-    y((i) => {
+    j((i) => {
       if (!i || !i.data)
         return i;
-      const l = { ...i.data, [e]: t };
-      return { ...i, data: l };
+      const o = { ...i.data, [e]: t };
+      return { ...i, data: o };
     });
   };
-  let b = "";
-  a && p && (s.includes(a.name) ? b = "This attribute already exists" : a.name.match("^[a-zA-Z_]{2,64}$") || (v = "Invalid attribute name"));
-  const w = () => {
-    a && B(a);
-  }, K = /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
-    k && r && /* @__PURE__ */ n.jsx(
-      $,
+  let g = "";
+  a && h && (s.includes(a.name) ? g = "This attribute already exists" : a.name.match("^[a-zA-Z_]{2,64}$") || (f = "Invalid attribute name"));
+  const _ = () => {
+    a && M(a);
+  }, V = /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
+    N && r && /* @__PURE__ */ n.jsx(
+      H,
       {
         variant: "danger",
         label: "Delete attribute",
         icon: "delete",
-        disabled: x,
-        onClick: k
+        disabled: b,
+        onClick: N
       }
     ),
-    /* @__PURE__ */ n.jsx(H, {}),
+    /* @__PURE__ */ n.jsx(Q, {}),
     /* @__PURE__ */ n.jsx(
-      Q,
+      ee,
       {
-        label: p ? "Create Attribute" : "Save Attribute",
+        label: h ? "Create Attribute" : "Save Attribute",
         icon: "check",
-        disabled: !!b || !a,
-        active: !b && !!a,
-        saving: x,
-        onClick: w
+        disabled: !!g || !a,
+        active: !g && !!a,
+        saving: b,
+        onClick: _
       }
     )
   ] });
   let E = [];
-  le.forEach((e) => {
+  de.forEach((e) => {
     (!e?.scope || e?.scope?.some((t) => a?.scope?.includes(t))) && E.push(e.value);
   });
-  const V = ae[f] ?? [], z = ne[f] ?? [];
-  E = [...E, ...V].filter((e) => !z.includes(e));
-  const F = {
+  const Y = ie[m] ?? [], z = le[m] ?? [];
+  E = [...E, ...Y].filter((e) => !z.includes(e));
+  const U = {
     enum: (e = [], t) => /* @__PURE__ */ n.jsx(
-      te,
+      ne,
       {
         values: e,
         onChange: (i) => {
@@ -137,54 +143,54 @@ const oe = [
       }
     ),
     inherit: (e, t) => /* @__PURE__ */ n.jsx(
-      T,
+      k,
       {
         checked: e,
         onChange: (i) => t(i.target.checked)
       }
     ),
     booleanDefault: (e, t) => /* @__PURE__ */ n.jsx(
-      T,
+      k,
       {
         checked: e,
         onChange: (i) => t(i.target.checked)
       }
     )
-  }, R = (e) => {
+  }, G = (e) => {
     const t = e.target.value;
-    d("title", t), p && C("name", P(t));
-  }, Y = (e) => {
+    d("title", t), h && C("name", K(t));
+  }, q = (e) => {
     const t = e[0];
-    S(t), d("type", ie(t, N)), t !== "select" && t !== "multi_select" && d("enum", void 0), t !== "text" && a?.data?.regex && d("regex", "");
-  };
+    F(t), d("type", oe(t, L)), t !== "select" && t !== "multi_select" && d("enum", void 0), t !== "text" && a?.data?.regex && d("regex", ""), d("widget", void 0);
+  }, D = S.find((e) => e.value === m)?.widgets;
   return /* @__PURE__ */ n.jsx(
-    G,
+    X,
     {
       header: a?.data?.title || a?.name || "New attribute",
-      footer: K,
-      onClose: m,
+      footer: V,
+      onClose: p,
       isOpen: !0,
       style: { width: 700, zIndex: 999 },
       size: "full",
       enableBackdropClose: !1,
       onKeyDown: (e) => {
-        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), w());
+        e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), _());
       },
-      children: a && /* @__PURE__ */ n.jsxs(X, { children: [
-        !o.includes("title") && /* @__PURE__ */ n.jsx(h, { label: "Title", children: /* @__PURE__ */ n.jsx(O, { value: a?.data.title, onChange: R, autoFocus: !0 }) }, "title"),
-        !o.includes("name") && /* @__PURE__ */ n.jsx(h, { label: "Name", children: /* @__PURE__ */ n.jsx(
-          Z,
+      children: a && /* @__PURE__ */ n.jsxs(Z, { children: [
+        !l.includes("title") && /* @__PURE__ */ n.jsx(v, { label: "Title", children: /* @__PURE__ */ n.jsx(P, { value: a?.data.title, onChange: G, autoFocus: !0 }) }, "title"),
+        !l.includes("name") && /* @__PURE__ */ n.jsx(v, { label: "Name", children: /* @__PURE__ */ n.jsx(
+          $,
           {
             value: a.name,
-            disabled: !p,
+            disabled: !h,
             onSubmit: (e) => C("name", e),
             label: "name"
           }
         ) }, "name"),
-        !o.includes("scope") && /* @__PURE__ */ n.jsx(h, { label: "Scope", children: /* @__PURE__ */ n.jsx(
-          _,
+        !l.includes("scope") && /* @__PURE__ */ n.jsx(v, { label: "Scope", children: /* @__PURE__ */ n.jsx(
+          T,
           {
-            options: oe,
+            options: ce,
             disabled: a.builtin,
             value: a.scope || [],
             onChange: (e) => C("scope", e),
@@ -192,63 +198,79 @@ const oe = [
             widthExpand: !0
           }
         ) }),
-        !o.includes("type") && /* @__PURE__ */ n.jsx(h, { label: "Type", children: /* @__PURE__ */ n.jsx(
-          _,
-          {
-            value: [f],
-            disabled: a.builtin || !p,
-            valueIcon: A.find((e) => e.value === f)?.icon,
-            options: A,
-            onChange: Y,
-            minSelected: 1,
-            widthExpand: !0
-          }
-        ) }),
-        !o.includes("type") && f === "number" && /* @__PURE__ */ n.jsx(h, { label: "Decimal", children: /* @__PURE__ */ n.jsx(
-          T,
+        !l.includes("type") && /* @__PURE__ */ n.jsx(v, { label: "Type", children: /* @__PURE__ */ n.jsxs(re, { children: [
+          /* @__PURE__ */ n.jsx(
+            T,
+            {
+              value: [m],
+              disabled: a.builtin || !h,
+              valueIcon: S.find((e) => e.value === m)?.icon,
+              options: S,
+              onChange: q,
+              minSelected: 1,
+              widthExpand: !0,
+              style: { flex: 1 }
+            }
+          ),
+          D && D.length > 0 && /* @__PURE__ */ n.jsx(
+            T,
+            {
+              value: [
+                a.data.widget || D.find((e) => e.isDefault)?.value || B
+              ],
+              disabled: a.builtin,
+              dataKey: "value",
+              options: D,
+              onChange: (e) => d("widget", e[0] === B ? void 0 : e[0]),
+              style: { flex: 0.5 }
+            }
+          )
+        ] }) }),
+        !l.includes("type") && m === "number" && /* @__PURE__ */ n.jsx(v, { label: "Decimal", children: /* @__PURE__ */ n.jsx(
+          k,
           {
-            checked: N,
-            disabled: a.builtin || !p,
+            checked: L,
+            disabled: a.builtin || !h,
             onChange: (e) => {
               const t = e.target.checked;
-              L(t), d("type", t ? "float" : "integer");
+              O(t), d("type", t ? "float" : "integer");
             }
           }
         ) }),
         E.map((e) => {
-          if (o.includes(e)) return null;
-          let t = null, i = W(e);
+          if (l.includes(e)) return null;
+          let t = null, i = te(e);
           if (e === "enum" || e === "inherit") {
-            const l = F[e];
-            t = l(a?.data[e], (g) => d(e, g));
+            const o = U[e];
+            t = o(a?.data[e], (x) => d(e, x));
           } else if (e === "default" && a?.data?.type === "boolean")
-            t = F.booleanDefault(
+            t = U.booleanDefault(
               a?.data[e],
-              (l) => d(e, l)
+              (o) => d(e, o)
             );
           else if (["ge", "gt", "le", "lt"].includes(e)) {
             if (["gt", "lt"].includes(e)) return null;
             t = /* @__PURE__ */ n.jsx(
-              ee,
+              ae,
               {
                 value: a?.data,
                 isMin: e === "ge",
                 isFloat: a?.data?.type === "float",
-                onChange: (l) => {
-                  const g = l.ge !== void 0 ? Number(l.ge) : void 0, I = l.le !== void 0 ? Number(l.le) : void 0;
+                onChange: (o) => {
+                  const x = o.ge !== void 0 ? Number(o.ge) : void 0, I = o.le !== void 0 ? Number(o.le) : void 0;
                   // @ts-expect-error
-                  l.ge !== void 0 && isNaN(g) || // @ts-expect-error
-                  l.le !== void 0 && isNaN(I) || y((u) => {
+                  o.ge !== void 0 && isNaN(x) || // @ts-expect-error
+                  o.le !== void 0 && isNaN(I) || j((u) => {
                     if (!u || !u.data) return u;
-                    const q = { ...u.data, ...l };
-                    return { ...u, data: q };
+                    const J = { ...u.data, ...o };
+                    return { ...u, data: J };
                   });
                 }
               }
             ), i = e === "ge" ? "Min" : "Max";
           } else {
-            const l = (g) => {
-              const I = g.target.value;
+            const o = (x) => {
+              const I = x.target.value;
               switch (e) {
                 case "minLength":
                 case "maxLength":
@@ -264,15 +286,15 @@ const oe = [
               }
             };
             t = /* @__PURE__ */ n.jsx(
-              O,
+              P,
               {
                 value: String(a?.data[e] ?? ""),
-                onChange: l
+                onChange: o
               }
             );
           }
           return /* @__PURE__ */ n.jsx(
-            h,
+            v,
             {
               label: i,
               style: {
@@ -283,12 +305,12 @@ const oe = [
             e
           );
         }),
-        /* @__PURE__ */ n.jsx("span", { children: (b || v) && /* @__PURE__ */ n.jsx("span", { className: "form-error-text", children: b || v }) })
+        /* @__PURE__ */ n.jsx("span", { children: (g || f) && /* @__PURE__ */ n.jsx("span", { className: "form-error-text", children: g || f }) })
       ] })
     }
   );
 };
 export {
-  ge as AttributeEditor
+  Ie as AttributeEditor
 };
 //# sourceMappingURL=AttributeEditor.es.js.map