npm - @strapi/content-type-builder - Versions diffs - 5.49.0 → 5.50.1 - Mend

@strapi/content-type-builder 5.49.0 → 5.50.1

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

Files changed (298) hide show

package/dist/admin/components/GenericInputs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericInputs.mjs","sources":["../../../admin/src/components/GenericInputs.tsx"],"sourcesContent":["/*\n TODO: we should be using the FormRenderer from the admin to do this,\n * but the CTB has no tests or types, so we can't refactor it safely.\n * So we're just adding this to the tech debt.\n /\n\nimport as React from 'react';\n\nimport {\n Checkbox,\n DatePicker,\n DateTimePicker,\n Field,\n JSONInput,\n NumberInput,\n SingleSelect,\n SingleSelectOption,\n Textarea,\n TextInput,\n TimePicker,\n Toggle,\n} from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport formatISO from 'date-fns/formatISO';\nimport isEqual from 'lodash/isEqual';\nimport { type MessageDescriptor, type PrimitiveType, useIntl } from 'react-intl';\n\nimport { parseDateValue } from '../utils/parseDateValue';\nimport { handleTimeChange, handleTimeChangeEvent } from '../utils/timeFormat';\n\nimport type { Schema } from '@strapi/types';\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\ninterface InputOption {\n metadatas: {\n intlLabel: TranslationMessage;\n disabled: boolean;\n hidden: boolean;\n };\n key: string;\n value: string;\n}\n\ninterface CustomInputProps<\n TAttribute extends Schema.Attribute.AnyAttribute = Schema.Attribute.AnyAttribute,\n> {\n attribute?: TAttribute;\n autoComplete?: string;\n description?: TranslationMessage;\n disabled?: boolean;\n error?: string;\n hint?: string \| React.JSX.Element \| (string \| React.JSX.Element)[];\n intlLabel: TranslationMessage;\n labelAction?: React.ReactNode;\n name: string;\n onChange: (\n payload: {\n target: {\n name: string;\n value: Schema.Attribute.Value<TAttribute>;\n type?: string;\n };\n },\n shouldSetInitialValue?: boolean\n ) => void;\n onDelete?: () => void;\n options?: InputOption[];\n placeholder?: TranslationMessage;\n required?: boolean;\n step?: number;\n type: string;\n value?: Schema.Attribute.Value<TAttribute>;\n autoFocus?: boolean;\n attributeName?: string;\n conditionFields?: Record<string, boolean>;\n}\n\ninterface GenericInputProps<\n TAttribute extends Schema.Attribute.AnyAttribute = Schema.Attribute.AnyAttribute,\n> {\n attribute?: TAttribute;\n autoComplete?: string;\n customInputs?: Record<string, React.ComponentType<CustomInputProps<TAttribute>>>;\n description?: TranslationMessage;\n disabled?: boolean;\n error?: string \| TranslationMessage;\n intlLabel: TranslationMessage;\n labelAction?: React.ReactNode;\n name: string;\n onChange: (\n payload: {\n target: {\n name: string;\n value: Schema.Attribute.Value<TAttribute>;\n type?: string;\n };\n },\n shouldSetInitialValue?: boolean\n ) => void;\n onDelete?: () => void;\n options?: InputOption[];\n placeholder?: TranslationMessage;\n required?: boolean;\n step?: number;\n type: string;\n // TODO: The value depends on the input type, too complicated to handle all cases here\n value?: Schema.Attribute.Value<TAttribute>;\n isNullable?: boolean;\n autoFocus?: boolean;\n attributeName?: string;\n conditionFields?: Record<string, boolean>;\n}\n\nconst GenericInput = ({\n autoComplete,\n customInputs,\n description,\n disabled,\n intlLabel,\n labelAction,\n error,\n name,\n onChange,\n onDelete,\n options = [],\n placeholder,\n required,\n step,\n type,\n value: defaultValue,\n isNullable,\n autoFocus,\n attribute,\n attributeName,\n conditionFields,\n ...rest\n}: GenericInputProps) => {\n const { formatMessage } = useIntl();\n\n // TODO: Workaround to get the field hint values if they exist on the type\n const getFieldHintValue = (\n attribute?: Schema.Attribute.AnyAttribute,\n key?: keyof FieldSchema\n ) => {\n if (!attribute) return;\n\n if (key === 'minLength' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'maxLength' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'max' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'min' && key in attribute) {\n return attribute[key];\n }\n };\n\n const { hint } = useFieldHint({\n description,\n fieldSchema: {\n minLength: getFieldHintValue(attribute, 'minLength'),\n maxLength: getFieldHintValue(attribute, 'maxLength'),\n max: getFieldHintValue(attribute, 'max'),\n min: getFieldHintValue(attribute, 'min'),\n },\n type: attribute?.type \|\| type,\n });\n\n const [showPassword, setShowPassword] = React.useState(false);\n\n const CustomInput = customInputs ? customInputs[type] : null;\n\n // the API always returns null, which throws an error in React,\n // therefore we cast this case to undefined\n const value = defaultValue ?? undefined;\n\n /\n TODO: ideally we should pass in `defaultValue` and `value` for\n inputs, in order to make them controlled components. This variable\n acts as a fallback for now, to prevent React errors in devopment mode\n\n See: https://github.com/strapi/strapi/pull/12861\n /\n const valueWithEmptyStringFallback = value ?? '';\n\n function getErrorMessage(error: string \| TranslationMessage \| undefined) {\n if (!error) {\n return null;\n }\n\n if (typeof error === 'string') {\n return formatMessage({ id: error, defaultMessage: error });\n }\n\n const values = {\n ...error.values,\n };\n\n return formatMessage(\n {\n id: error.id,\n defaultMessage: error?.defaultMessage ?? error.id,\n },\n values\n );\n }\n\n const errorMessage = getErrorMessage(error) ?? undefined;\n\n if (CustomInput) {\n return (\n <CustomInput\n {...rest}\n attribute={attribute}\n description={description}\n hint={hint}\n disabled={disabled}\n intlLabel={intlLabel}\n labelAction={labelAction}\n error={errorMessage \|\| ''}\n name={name}\n onChange={onChange}\n onDelete={onDelete}\n options={options}\n required={required}\n placeholder={placeholder}\n type={type}\n value={value}\n autoFocus={autoFocus}\n attributeName={attributeName}\n conditionFields={conditionFields}\n />\n );\n }\n\n const label = intlLabel.id\n ? formatMessage(\n { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n { ...intlLabel.values }\n )\n : name;\n\n const formattedPlaceholder = placeholder\n ? formatMessage(\n { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n { ...placeholder.values }\n )\n : '';\n\n const getComponent = () => {\n switch (type) {\n case 'json': {\n return (\n <JSONInput\n value={value}\n disabled={disabled}\n onChange={(json) => {\n // Default to null when the field is not required and there is no input value\n const value =\n attribute && 'required' in attribute && !attribute?.required && !json.length\n ? null\n : json;\n onChange({ target: { name, value } }, false);\n }}\n minHeight=\"25.2rem\"\n maxHeight=\"50.4rem\"\n />\n );\n }\n case 'bool': {\n return (\n <Toggle\n checked={defaultValue === null ? null : defaultValue \|\| false}\n disabled={disabled}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'False',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'True',\n })}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.checked } });\n }}\n />\n );\n }\n case 'checkbox': {\n return (\n <Checkbox\n disabled={disabled}\n onCheckedChange={(value) => {\n onChange({ target: { name, value } });\n }}\n checked={Boolean(value)}\n >\n {label}\n </Checkbox>\n );\n }\n case 'datetime': {\n const dateValue = parseDateValue(value);\n return (\n <DateTimePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(date) => {\n // check if date is not null or undefined\n const formattedDate = date ? date.toISOString() : null;\n\n onChange({ target: { name, value: formattedDate, type } });\n }}\n onClear={() => onChange({ target: { name, value: null, type } })}\n placeholder={formattedPlaceholder}\n value={dateValue}\n />\n );\n }\n case 'date': {\n const dateValue = parseDateValue(value);\n return (\n <DatePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(date) => {\n onChange({\n target: {\n name,\n value: date ? formatISO(date, { representation: 'date' }) : null,\n type,\n },\n });\n }}\n onClear={() => onChange({ target: { name, value: null, type } })}\n placeholder={formattedPlaceholder}\n value={dateValue}\n />\n );\n }\n case 'number': {\n return (\n <NumberInput\n disabled={disabled}\n onValueChange={(value) => {\n onChange({ target: { name, value, type } });\n }}\n placeholder={formattedPlaceholder}\n step={step}\n value={value}\n autoFocus={autoFocus}\n />\n );\n }\n case 'email': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type=\"email\"\n value={valueWithEmptyStringFallback}\n autoFocus={autoFocus}\n />\n );\n }\n case 'timestamp':\n case 'text':\n case 'string': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type=\"text\"\n value={valueWithEmptyStringFallback}\n autoFocus={autoFocus}\n />\n );\n }\n case 'password': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n endAction={\n <button\n aria-label={formatMessage({\n id: 'Auth.form.password.show-password',\n defaultMessage: 'Show password',\n })}\n onClick={() => {\n setShowPassword((prev) => !prev);\n }}\n style={{\n border: 'none',\n padding: 0,\n background: 'transparent',\n }}\n type=\"button\"\n >\n {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n </button>\n }\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type={showPassword ? 'text' : 'password'}\n value={valueWithEmptyStringFallback}\n />\n );\n }\n case 'select': {\n return (\n <SingleSelect\n disabled={disabled}\n onChange={(value) => {\n onChange({ target: { name, value, type: 'select' } });\n }}\n placeholder={formattedPlaceholder}\n value={value}\n >\n {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n return (\n <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n {formatMessage(intlLabel)}\n </SingleSelectOption>\n );\n })}\n </SingleSelect>\n );\n }\n case 'textarea': {\n return (\n <Textarea\n disabled={disabled}\n onChange={(event) => onChange({ target: { name, value: event.target.value, type } })}\n placeholder={formattedPlaceholder}\n value={valueWithEmptyStringFallback}\n />\n );\n }\n case 'time': {\n const formattedValue = handleTimeChange({ value, onChange, name, type });\n\n return (\n <TimePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(time) => handleTimeChangeEvent(onChange, name, type, time)}\n onClear={() => handleTimeChangeEvent(onChange, name, type, undefined)}\n value={formattedValue}\n />\n );\n }\n default: {\n /*\n If there's no component for the given type, we return a disabled text input\n * showing a \"Not supported\" title to illustrate the issue.\n /\n return <TextInput disabled placeholder=\"Not supported\" type=\"text\" value=\"\" />;\n }\n }\n };\n\n return (\n <Field.Root error={errorMessage} name={name} hint={hint} required={required}>\n {type !== 'checkbox' ? <Field.Label action={labelAction}>{label}</Field.Label> : null}\n {getComponent()}\n <Field.Error />\n <Field.Hint />\n </Field.Root>\n );\n};\n\ntype FieldSchema = {\n minLength?: number \| string;\n maxLength?: number \| string;\n max?: number \| string;\n min?: number \| string;\n};\ninterface UseFieldHintProps {\n description?: MessageDescriptor & { values?: Record<string, PrimitiveType> };\n fieldSchema?: FieldSchema;\n type?: string;\n}\n\n/\n @description\n * A hook for generating the hint for a field\n /\nconst useFieldHint = ({ description, fieldSchema, type }: UseFieldHintProps) => {\n const { formatMessage } = useIntl();\n\n const buildDescription = () =>\n description?.id\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n\n const buildHint = () => {\n const { maximum, minimum } = getMinMax(fieldSchema);\n const units = getFieldUnits({\n type,\n minimum,\n maximum,\n });\n\n const minIsNumber = typeof minimum === 'number';\n const maxIsNumber = typeof maximum === 'number';\n const hasMinAndMax = maxIsNumber && minIsNumber;\n const hasMinOrMax = maxIsNumber \|\| minIsNumber;\n\n if (!description?.id && !hasMinOrMax) {\n return '';\n }\n\n return formatMessage(\n {\n id: 'content-manager.form.Input.hint.text',\n defaultMessage:\n '{min, select, undefined {} other {min. {min}}}{divider}{max, select, undefined {} other {max. {max}}}{unit}{br}{description}',\n },\n {\n min: minimum,\n max: maximum,\n description: buildDescription(),\n unit: units?.message && hasMinOrMax ? formatMessage(units.message, units.values) : null,\n divider: hasMinAndMax\n ? formatMessage({\n id: 'content-manager.form.Input.hint.minMaxDivider',\n defaultMessage: ' / ',\n })\n : null,\n br: hasMinOrMax ? <br /> : null,\n }\n );\n };\n\n return { hint: buildHint() };\n};\n\nconst getFieldUnits = ({\n type,\n minimum,\n maximum,\n}: {\n type?: string;\n minimum?: number;\n maximum?: number;\n}) => {\n if (type && !['string', 'uid', 'richtext', 'email', 'password', 'text'].includes(type)) {\n return {};\n }\n const maxValue = Math.max(minimum \|\| 0, maximum \|\| 0);\n\n return {\n message: {\n id: 'content-manager.form.Input.hint.character.unit',\n defaultMessage: '{maxValue, plural, one { character} other { characters}}',\n },\n values: {\n maxValue,\n },\n };\n};\n\nconst getMinMax = (fieldSchema?: FieldSchema) => {\n if (!fieldSchema) {\n return { maximum: undefined, minimum: undefined };\n }\n\n const { minLength, maxLength, max, min } = fieldSchema;\n\n let minimum;\n let maximum;\n\n const parsedMin = Number(min);\n const parsedMinLength = Number(minLength);\n\n if (!Number.isNaN(parsedMin)) {\n minimum = parsedMin;\n } else if (!Number.isNaN(parsedMinLength)) {\n minimum = parsedMinLength;\n }\n\n const parsedMax = Number(max);\n const parsedMaxLength = Number(maxLength);\n\n if (!Number.isNaN(parsedMax)) {\n maximum = parsedMax;\n } else if (!Number.isNaN(parsedMaxLength)) {\n maximum = parsedMaxLength;\n }\n\n return { maximum, minimum };\n};\n\n/\n we've memoized this component because we use a context to store all the data in our form in the content-manager.\n * This then causes _every_ component to re-render because there are no selects incurring performance issues\n * in content-types as the content-type gets more complicated.\n */\nconst MemoizedGenericInput = React.memo(GenericInput, isEqual);\n\nexport type { GenericInputProps, CustomInputProps };\nexport { MemoizedGenericInput as GenericInput };\n"],"names":["GenericInput","autoComplete","customInputs","description","disabled","intlLabel","labelAction","error","name","onChange","onDelete","options","placeholder","required","step","type","value","defaultValue","isNullable","autoFocus","attribute","attributeName","conditionFields","rest","formatMessage","useIntl","getFieldHintValue","key","hint","useFieldHint","fieldSchema","minLength","maxLength","max","min","showPassword","setShowPassword","React","useState","CustomInput","undefined","valueWithEmptyStringFallback","getErrorMessage","id","defaultMessage","values","errorMessage","_jsx","label","formattedPlaceholder","getComponent","JSONInput","json","length","target","minHeight","maxHeight","Toggle","checked","offLabel","onLabel","e","Checkbox","onCheckedChange","Boolean","dateValue","parseDateValue","DateTimePicker","clearLabel","date","formattedDate","toISOString","onClear","DatePicker","formatISO","representation","NumberInput","onValueChange","TextInput","endAction","button","aria-label","onClick","prev","style","border","padding","background","Eye","fill","EyeStriked","SingleSelect","map","metadatas","hidden","SingleSelectOption","Textarea","event","formattedValue","handleTimeChange","TimePicker","time","handleTimeChangeEvent","_jsxs","Field","Root","Label","action","Error","Hint","buildDescription","buildHint","maximum","minimum","getMinMax","units","getFieldUnits","minIsNumber","maxIsNumber","hasMinAndMax","hasMinOrMax","unit","message","divider","br","includes","maxValue","Math","parsedMin","Number","parsedMinLength","isNaN","parsedMax","parsedMaxLength","MemoizedGenericInput","memo","isEqual"],"mappings":"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"}
1	+ {"version":3,"file":"GenericInputs.mjs","sources":["../../../admin/src/components/GenericInputs.tsx"],"sourcesContent":["/*\n TODO: we should be using the FormRenderer from the admin to do this,\n * but the CTB has no tests or types, so we can't refactor it safely.\n * So we're just adding this to the tech debt.\n /\n\nimport as React from 'react';\n\nimport {\n Checkbox,\n DatePicker,\n DateTimePicker,\n Field,\n JSONInput,\n NumberInput,\n SingleSelect,\n SingleSelectOption,\n Textarea,\n TextInput,\n TimePicker,\n Toggle,\n} from '@strapi/design-system';\nimport { Eye, EyeStriked } from '@strapi/icons';\nimport formatISO from 'date-fns/formatISO';\nimport isEqual from 'lodash/isEqual';\nimport { type MessageDescriptor, type PrimitiveType, useIntl } from 'react-intl';\n\nimport { parseDateValue } from '../utils/parseDateValue';\nimport { handleTimeChange, handleTimeChangeEvent } from '../utils/timeFormat';\n\nimport type { Schema } from '@strapi/types';\n\ninterface TranslationMessage extends MessageDescriptor {\n values?: Record<string, PrimitiveType>;\n}\n\ninterface InputOption {\n metadatas: {\n intlLabel: TranslationMessage;\n disabled: boolean;\n hidden: boolean;\n };\n key: string;\n value: string;\n}\n\ntype ConditionField = {\n name: string;\n type: string;\n enum?: string[];\n};\n\ninterface CustomInputProps<\n TAttribute extends Schema.Attribute.AnyAttribute = Schema.Attribute.AnyAttribute,\n> {\n attribute?: TAttribute;\n autoComplete?: string;\n description?: TranslationMessage;\n disabled?: boolean;\n error?: string;\n hint?: string \| React.JSX.Element \| (string \| React.JSX.Element)[];\n intlLabel: TranslationMessage;\n labelAction?: React.ReactNode;\n name: string;\n onChange: (\n payload: {\n target: {\n name: string;\n value?: unknown;\n type?: string;\n };\n },\n shouldSetInitialValue?: boolean\n ) => void;\n onDelete?: () => void;\n options?: InputOption[];\n placeholder?: TranslationMessage;\n required?: boolean;\n step?: number;\n type: string;\n value?: unknown;\n autoFocus?: boolean;\n attributeName?: string;\n conditionFields?: ConditionField[];\n}\n\ninterface GenericInputProps<\n TAttribute extends Schema.Attribute.AnyAttribute = Schema.Attribute.AnyAttribute,\n> {\n attribute?: TAttribute;\n autoComplete?: string;\n customInputs?: Record<string, React.ComponentType<CustomInputProps<TAttribute>>>;\n description?: TranslationMessage;\n disabled?: boolean;\n error?: string \| TranslationMessage;\n intlLabel: TranslationMessage;\n labelAction?: React.ReactNode;\n name: string;\n onChange: (\n payload: {\n target: {\n name: string;\n value?: unknown;\n type?: string;\n };\n },\n shouldSetInitialValue?: boolean\n ) => void;\n onDelete?: () => void;\n options?: InputOption[];\n placeholder?: TranslationMessage;\n required?: boolean;\n step?: number;\n type: string;\n // TODO: The value depends on the input type, too complicated to handle all cases here\n value?: unknown;\n isNullable?: boolean;\n autoFocus?: boolean;\n attributeName?: string;\n conditionFields?: ConditionField[];\n}\n\nconst GenericInput = ({\n autoComplete,\n customInputs,\n description,\n disabled,\n intlLabel,\n labelAction,\n error,\n name,\n onChange,\n onDelete,\n options = [],\n placeholder,\n required,\n step,\n type,\n value: defaultValue,\n isNullable: _isNullable,\n autoFocus,\n attribute,\n attributeName,\n conditionFields,\n ...rest\n}: GenericInputProps) => {\n const { formatMessage } = useIntl();\n\n // TODO: Workaround to get the field hint values if they exist on the type\n const getFieldHintValue = (\n attribute?: Schema.Attribute.AnyAttribute,\n key?: keyof FieldSchema\n ) => {\n if (!attribute) return;\n\n if (key === 'minLength' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'maxLength' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'max' && key in attribute) {\n return attribute[key];\n }\n\n if (key === 'min' && key in attribute) {\n return attribute[key];\n }\n };\n\n const { hint } = useFieldHint({\n description,\n fieldSchema: {\n minLength: getFieldHintValue(attribute, 'minLength'),\n maxLength: getFieldHintValue(attribute, 'maxLength'),\n max: getFieldHintValue(attribute, 'max'),\n min: getFieldHintValue(attribute, 'min'),\n },\n type: attribute?.type \|\| type,\n });\n\n const [showPassword, setShowPassword] = React.useState(false);\n\n const CustomInput = customInputs\n ? (customInputs[type] as React.ComponentType<CustomInputProps> \| undefined)\n : null;\n\n // the API always returns null, which throws an error in React,\n // therefore we cast this case to undefined\n const value = defaultValue ?? undefined;\n const stringValue =\n typeof value === 'string' \|\| typeof value === 'number' ? value.toString() : '';\n const numberValue = (() => {\n if (typeof value === 'number') {\n return Number.isFinite(value) ? value : undefined;\n }\n\n if (typeof value === 'string' && value.trim() !== '') {\n const parsedValue = Number(value);\n\n return Number.isFinite(parsedValue) ? parsedValue : undefined;\n }\n\n return undefined;\n })();\n const selectValue =\n typeof value === 'string' \|\| typeof value === 'number' \|\| value === null ? value : undefined;\n const jsonValue =\n value !== undefined &&\n (typeof value === 'object' \|\| typeof value === 'boolean' \|\| typeof value === 'number')\n ? JSON.stringify(value, null, 2)\n : typeof value === 'string'\n ? value\n : undefined;\n\n /\n TODO: ideally we should pass in `defaultValue` and `value` for\n inputs, in order to make them controlled components. This variable\n acts as a fallback for now, to prevent React errors in devopment mode\n\n See: https://github.com/strapi/strapi/pull/12861\n /\n function getErrorMessage(error: string \| TranslationMessage \| undefined) {\n if (!error) {\n return null;\n }\n\n if (typeof error === 'string') {\n return formatMessage({ id: error, defaultMessage: error });\n }\n\n const values = {\n ...error.values,\n };\n\n return formatMessage(\n {\n id: error.id,\n defaultMessage: error?.defaultMessage ?? error.id,\n },\n values\n );\n }\n\n const errorMessage = getErrorMessage(error) ?? undefined;\n\n if (CustomInput) {\n return (\n <CustomInput\n {...rest}\n attribute={attribute}\n description={description}\n hint={hint}\n disabled={disabled}\n intlLabel={intlLabel}\n labelAction={labelAction}\n error={errorMessage \|\| ''}\n name={name}\n onChange={onChange}\n onDelete={onDelete}\n options={options}\n required={required}\n placeholder={placeholder}\n type={type}\n value={value}\n autoFocus={autoFocus}\n attributeName={attributeName}\n conditionFields={conditionFields}\n />\n );\n }\n\n const label = intlLabel.id\n ? formatMessage(\n { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n { ...intlLabel.values }\n )\n : name;\n\n const formattedPlaceholder = placeholder\n ? formatMessage(\n { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n { ...placeholder.values }\n )\n : '';\n\n const getComponent = () => {\n switch (type) {\n case 'json': {\n return (\n <JSONInput\n value={jsonValue}\n disabled={disabled}\n onChange={(json) => {\n // Default to null when the field is not required and there is no input value\n const value =\n attribute && 'required' in attribute && !attribute?.required && !json.length\n ? null\n : json;\n onChange({ target: { name, value } }, false);\n }}\n minHeight=\"25.2rem\"\n maxHeight=\"50.4rem\"\n />\n );\n }\n case 'bool': {\n return (\n <Toggle\n checked={defaultValue === null ? null : Boolean(defaultValue)}\n disabled={disabled}\n offLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.off-label',\n defaultMessage: 'False',\n })}\n onLabel={formatMessage({\n id: 'app.components.ToggleCheckbox.on-label',\n defaultMessage: 'True',\n })}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.checked } });\n }}\n />\n );\n }\n case 'checkbox': {\n return (\n <Checkbox\n disabled={disabled}\n onCheckedChange={(value) => {\n onChange({ target: { name, value } });\n }}\n checked={Boolean(value)}\n >\n {label}\n </Checkbox>\n );\n }\n case 'datetime': {\n const dateValue = parseDateValue(value);\n return (\n <DateTimePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(date) => {\n // check if date is not null or undefined\n const formattedDate = date ? date.toISOString() : null;\n\n onChange({ target: { name, value: formattedDate, type } });\n }}\n onClear={() => onChange({ target: { name, value: null, type } })}\n placeholder={formattedPlaceholder}\n value={dateValue}\n />\n );\n }\n case 'date': {\n const dateValue = parseDateValue(value);\n return (\n <DatePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(date) => {\n onChange({\n target: {\n name,\n value: date ? formatISO(date, { representation: 'date' }) : null,\n type,\n },\n });\n }}\n onClear={() => onChange({ target: { name, value: null, type } })}\n placeholder={formattedPlaceholder}\n value={dateValue}\n />\n );\n }\n case 'number': {\n return (\n <NumberInput\n disabled={disabled}\n onValueChange={(value) => {\n onChange({ target: { name, value, type } });\n }}\n placeholder={formattedPlaceholder}\n step={step}\n value={numberValue}\n autoFocus={autoFocus}\n />\n );\n }\n case 'email': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type=\"email\"\n value={stringValue}\n autoFocus={autoFocus}\n />\n );\n }\n case 'timestamp':\n case 'text':\n case 'string': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type=\"text\"\n value={stringValue}\n autoFocus={autoFocus}\n />\n );\n }\n case 'password': {\n return (\n <TextInput\n autoComplete={autoComplete}\n disabled={disabled}\n endAction={\n <button\n aria-label={formatMessage({\n id: 'Auth.form.password.show-password',\n defaultMessage: 'Show password',\n })}\n onClick={() => {\n setShowPassword((prev) => !prev);\n }}\n style={{\n border: 'none',\n padding: 0,\n background: 'transparent',\n }}\n type=\"button\"\n >\n {showPassword ? <Eye fill=\"neutral500\" /> : <EyeStriked fill=\"neutral500\" />}\n </button>\n }\n onChange={(e) => {\n onChange({ target: { name, value: e.target.value, type } });\n }}\n placeholder={formattedPlaceholder}\n type={showPassword ? 'text' : 'password'}\n value={stringValue}\n />\n );\n }\n case 'select': {\n return (\n <SingleSelect\n disabled={disabled}\n onChange={(value) => {\n onChange({ target: { name, value, type: 'select' } });\n }}\n placeholder={formattedPlaceholder}\n value={selectValue}\n >\n {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n return (\n <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n {formatMessage(intlLabel)}\n </SingleSelectOption>\n );\n })}\n </SingleSelect>\n );\n }\n case 'textarea': {\n return (\n <Textarea\n disabled={disabled}\n onChange={(event) => onChange({ target: { name, value: event.target.value, type } })}\n placeholder={formattedPlaceholder}\n value={stringValue}\n />\n );\n }\n case 'time': {\n const formattedValue = handleTimeChange({ value: stringValue, onChange, name, type });\n\n return (\n <TimePicker\n clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n disabled={disabled}\n onChange={(time) => handleTimeChangeEvent(onChange, name, type, time)}\n onClear={() => handleTimeChangeEvent(onChange, name, type, undefined)}\n value={formattedValue}\n />\n );\n }\n default: {\n /*\n If there's no component for the given type, we return a disabled text input\n * showing a \"Not supported\" title to illustrate the issue.\n /\n return <TextInput disabled placeholder=\"Not supported\" type=\"text\" value=\"\" />;\n }\n }\n };\n\n return (\n <Field.Root error={errorMessage} name={name} hint={hint} required={required}>\n {type !== 'checkbox' ? <Field.Label action={labelAction}>{label}</Field.Label> : null}\n {getComponent()}\n <Field.Error />\n <Field.Hint />\n </Field.Root>\n );\n};\n\ntype FieldSchema = {\n minLength?: number \| string;\n maxLength?: number \| string;\n max?: number \| string;\n min?: number \| string;\n};\ninterface UseFieldHintProps {\n description?: MessageDescriptor & { values?: Record<string, PrimitiveType> };\n fieldSchema?: FieldSchema;\n type?: string;\n}\n\n/\n @description\n * A hook for generating the hint for a field\n /\nconst useFieldHint = ({ description, fieldSchema, type }: UseFieldHintProps) => {\n const { formatMessage } = useIntl();\n\n const buildDescription = () =>\n description?.id\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n\n const buildHint = () => {\n const { maximum, minimum } = getMinMax(fieldSchema);\n const units = getFieldUnits({\n type,\n minimum,\n maximum,\n });\n\n const minIsNumber = typeof minimum === 'number';\n const maxIsNumber = typeof maximum === 'number';\n const hasMinAndMax = maxIsNumber && minIsNumber;\n const hasMinOrMax = maxIsNumber \|\| minIsNumber;\n\n if (!description?.id && !hasMinOrMax) {\n return '';\n }\n\n return formatMessage(\n {\n id: 'content-manager.form.Input.hint.text',\n defaultMessage:\n '{min, select, undefined {} other {min. {min}}}{divider}{max, select, undefined {} other {max. {max}}}{unit}{br}{description}',\n },\n {\n min: minimum,\n max: maximum,\n description: buildDescription(),\n unit: units?.message && hasMinOrMax ? formatMessage(units.message, units.values) : null,\n divider: hasMinAndMax\n ? formatMessage({\n id: 'content-manager.form.Input.hint.minMaxDivider',\n defaultMessage: ' / ',\n })\n : null,\n br: hasMinOrMax ? <br /> : null,\n }\n );\n };\n\n return { hint: buildHint() };\n};\n\nconst getFieldUnits = ({\n type,\n minimum,\n maximum,\n}: {\n type?: string;\n minimum?: number;\n maximum?: number;\n}) => {\n if (type && !['string', 'uid', 'richtext', 'email', 'password', 'text'].includes(type)) {\n return {};\n }\n const maxValue = Math.max(minimum \|\| 0, maximum \|\| 0);\n\n return {\n message: {\n id: 'content-manager.form.Input.hint.character.unit',\n defaultMessage: '{maxValue, plural, one { character} other { characters}}',\n },\n values: {\n maxValue,\n },\n };\n};\n\nconst getMinMax = (fieldSchema?: FieldSchema) => {\n if (!fieldSchema) {\n return { maximum: undefined, minimum: undefined };\n }\n\n const { minLength, maxLength, max, min } = fieldSchema;\n\n let minimum;\n let maximum;\n\n const parsedMin = Number(min);\n const parsedMinLength = Number(minLength);\n\n if (!Number.isNaN(parsedMin)) {\n minimum = parsedMin;\n } else if (!Number.isNaN(parsedMinLength)) {\n minimum = parsedMinLength;\n }\n\n const parsedMax = Number(max);\n const parsedMaxLength = Number(maxLength);\n\n if (!Number.isNaN(parsedMax)) {\n maximum = parsedMax;\n } else if (!Number.isNaN(parsedMaxLength)) {\n maximum = parsedMaxLength;\n }\n\n return { maximum, minimum };\n};\n\n/\n we've memoized this component because we use a context to store all the data in our form in the content-manager.\n * This then causes _every_ component to re-render because there are no selects incurring performance issues\n * in content-types as the content-type gets more complicated.\n */\nconst MemoizedGenericInput = React.memo(GenericInput, isEqual);\n\nexport type { GenericInputProps, CustomInputProps };\nexport { MemoizedGenericInput as GenericInput };\n"],"names":["GenericInput","autoComplete","customInputs","description","disabled","intlLabel","labelAction","error","name","onChange","onDelete","options","placeholder","required","step","type","value","defaultValue","isNullable","_isNullable","autoFocus","attribute","attributeName","conditionFields","rest","formatMessage","useIntl","getFieldHintValue","key","hint","useFieldHint","fieldSchema","minLength","maxLength","max","min","showPassword","setShowPassword","React","useState","CustomInput","undefined","stringValue","toString","numberValue","Number","isFinite","trim","parsedValue","selectValue","jsonValue","JSON","stringify","getErrorMessage","id","defaultMessage","values","errorMessage","_jsx","label","formattedPlaceholder","getComponent","JSONInput","json","length","target","minHeight","maxHeight","Toggle","checked","Boolean","offLabel","onLabel","e","Checkbox","onCheckedChange","dateValue","parseDateValue","DateTimePicker","clearLabel","date","formattedDate","toISOString","onClear","DatePicker","formatISO","representation","NumberInput","onValueChange","TextInput","endAction","button","aria-label","onClick","prev","style","border","padding","background","Eye","fill","EyeStriked","SingleSelect","map","metadatas","hidden","SingleSelectOption","Textarea","event","formattedValue","handleTimeChange","TimePicker","time","handleTimeChangeEvent","_jsxs","Field","Root","Label","action","Error","Hint","buildDescription","buildHint","maximum","minimum","getMinMax","units","getFieldUnits","minIsNumber","maxIsNumber","hasMinAndMax","hasMinOrMax","unit","message","divider","br","includes","maxValue","Math","parsedMin","parsedMinLength","isNaN","parsedMax","parsedMaxLength","MemoizedGenericInput","memo","isEqual"],"mappings":"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"}

package/dist/admin/components/IconPicker/IconPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconPicker.js","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport {\n Box,\n Field,\n Flex,\n IconButton,\n inputFocusStyle,\n Searchbar,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Search, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nimport { COMPONENT_ICONS } from './constants';\n\nimport type { IntlLabel } from '../../types';\n\nconst IconPickerWrapper = styled(Flex)`\n label {\n ${inputFocusStyle() as any}\n border-radius: ${({ theme }) => theme.borderRadius};\n border: 1px solid ${({ theme }) => theme.colors.neutral100};\n }\n`;\n\ntype Icons = keyof typeof COMPONENT_ICONS;\n\ninterface IconPickProps {\n iconKey: Icons;\n name: string;\n onChange: (value: any) => void;\n isSelected: boolean;\n ariaLabel: string;\n}\n\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\n const Icon = COMPONENT_ICONS[iconKey];\n\n return (\n <Field.Root name={name} required={false}>\n <Field.Label>\n <VisuallyHidden>\n {ariaLabel}\n <Field.Input\n type=\"radio\"\n checked={isSelected}\n onChange={onChange}\n value={iconKey}\n aria-checked={isSelected}\n />\n </VisuallyHidden>\n <Tooltip label={iconKey}>\n <Flex\n padding={2}\n cursor=\"pointer\"\n hasRadius\n background={isSelected ? 'primary200' : undefined}\n >\n <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\n </Flex>\n </Tooltip>\n </Field.Label>\n </Field.Root>\n );\n};\n\nexport interface IconPickerProps {\n intlLabel: IntlLabel;\n name: string;\n onChange: (value: { target: { name: string; value: string } }) => void;\n value?: string;\n}\n\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\n const { formatMessage } = useIntl();\n const [showSearch, setShowSearch] = useState(false);\n const [search, setSearch] = useState('');\n const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\n const [icons, setIcons] = useState(allIcons);\n const searchIconRef = useRef(null);\n const searchBarRef = useRef(null);\n\n const toggleSearch = () => {\n setShowSearch(!showSearch);\n };\n\n const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\n setSearch(value);\n setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\n };\n\n const onClearSearch = () => {\n toggleSearch();\n setSearch('');\n setIcons(allIcons);\n };\n\n const removeIconSelected = () => {\n onChange({ target: { name, value: '' } });\n };\n\n useEffect(() => {\n if (showSearch) {\n (searchBarRef.current as unknown as HTMLInputElement)?.focus();\n }\n }, [showSearch]);\n\n return (\n <>\n <Flex justifyContent=\"space-between\" paddingBottom={2}>\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\n {formatMessage(intlLabel)}\n </Typography>\n <Flex gap={1}>\n {showSearch ? (\n <Searchbar\n ref={searchBarRef}\n name=\"searchbar\"\n placeholder={formatMessage({\n id: getTrad('ComponentIconPicker.search.placeholder'),\n defaultMessage: 'Search for an icon',\n })}\n onBlur={() => {\n if (!search) {\n toggleSearch();\n }\n }}\n onChange={onChangeSearch}\n value={search}\n onClear={onClearSearch}\n clearLabel={formatMessage({\n id: getTrad('IconPicker.search.clear.label'),\n defaultMessage: 'Clear the icon search',\n })}\n >\n {formatMessage({\n id: getTrad('IconPicker.search.placeholder.label'),\n defaultMessage: 'Search for an icon',\n })}\n </Searchbar>\n ) : (\n <IconButton\n ref={searchIconRef}\n onClick={toggleSearch}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.search.button.label'),\n defaultMessage: 'Search icon button',\n })}\n variant=\"ghost\"\n >\n <Search />\n </IconButton>\n )}\n {value && (\n <Tooltip\n label={formatMessage({\n id: getTrad('IconPicker.remove.tooltip'),\n defaultMessage: 'Remove the selected icon',\n })}\n >\n <IconButton\n onClick={removeIconSelected}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.remove.button'),\n defaultMessage: 'Remove the selected icon',\n })}\n variant=\"ghost\"\n >\n <Trash />\n </IconButton>\n </Tooltip>\n )}\n </Flex>\n </Flex>\n <IconPickerWrapper\n position=\"relative\"\n padding={1}\n background=\"neutral100\"\n hasRadius\n wrap=\"wrap\"\n gap={2}\n maxHeight=\"126px\"\n overflow=\"auto\"\n textAlign=\"center\"\n >\n {icons.length > 0 ? (\n icons.map((iconKey) => (\n <IconPick\n key={iconKey}\n iconKey={iconKey}\n name={name}\n onChange={onChange}\n isSelected={iconKey === value}\n ariaLabel={formatMessage(\n {\n id: getTrad('IconPicker.icon.label'),\n defaultMessage: 'Select {icon} icon',\n },\n { icon: iconKey }\n )}\n />\n ))\n ) : (\n <Box padding={4} grow={2}>\n <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\n {formatMessage({\n id: getTrad('IconPicker.emptyState.label'),\n defaultMessage: 'No icon found',\n })}\n </Typography>\n </Box>\n )}\n </IconPickerWrapper>\n </>\n );\n};\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":"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"}
1	+ {"version":3,"file":"IconPicker.js","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { type ChangeEventHandler, useEffect, useRef, useState } from 'react';\n\nimport {\n Box,\n Field,\n Flex,\n IconButton,\n inputFocusStyle,\n Searchbar,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Search, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nimport { COMPONENT_ICONS } from './constants';\n\nimport type { FormChangeHandler, IntlLabel } from '../../types';\n\nconst IconPickerWrapper = styled(Flex)`\n label {\n ${inputFocusStyle()}\n border-radius: ${({ theme }) => theme.borderRadius};\n border: 1px solid ${({ theme }) => theme.colors.neutral100};\n }\n`;\n\ntype Icons = keyof typeof COMPONENT_ICONS;\n\ninterface IconPickProps {\n iconKey: Icons;\n name: string;\n onChange: ChangeEventHandler<HTMLInputElement>;\n isSelected: boolean;\n ariaLabel: string;\n}\n\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\n const Icon = COMPONENT_ICONS[iconKey];\n\n return (\n <Field.Root name={name} required={false}>\n <Field.Label>\n <VisuallyHidden>\n {ariaLabel}\n <Field.Input\n type=\"radio\"\n checked={isSelected}\n onChange={onChange}\n value={iconKey}\n aria-checked={isSelected}\n />\n </VisuallyHidden>\n <Tooltip label={iconKey}>\n <Flex\n padding={2}\n cursor=\"pointer\"\n hasRadius\n background={isSelected ? 'primary200' : undefined}\n >\n <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\n </Flex>\n </Tooltip>\n </Field.Label>\n </Field.Root>\n );\n};\n\nexport interface IconPickerProps {\n intlLabel: IntlLabel;\n name: string;\n onChange: FormChangeHandler<string>;\n value?: string;\n}\n\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\n const { formatMessage } = useIntl();\n const [showSearch, setShowSearch] = useState(false);\n const [search, setSearch] = useState('');\n const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\n const [icons, setIcons] = useState(allIcons);\n const searchIconRef = useRef(null);\n const searchBarRef = useRef(null);\n\n const toggleSearch = () => {\n setShowSearch(!showSearch);\n };\n\n const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\n setSearch(value);\n setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\n };\n\n const onClearSearch = () => {\n toggleSearch();\n setSearch('');\n setIcons(allIcons);\n };\n\n const removeIconSelected = () => {\n onChange({ target: { name, value: '' } });\n };\n\n useEffect(() => {\n if (showSearch) {\n (searchBarRef.current as unknown as HTMLInputElement)?.focus();\n }\n }, [showSearch]);\n\n return (\n <>\n <Flex justifyContent=\"space-between\" paddingBottom={2}>\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\n {formatMessage(intlLabel)}\n </Typography>\n <Flex gap={1}>\n {showSearch ? (\n <Searchbar\n ref={searchBarRef}\n name=\"searchbar\"\n placeholder={formatMessage({\n id: getTrad('ComponentIconPicker.search.placeholder'),\n defaultMessage: 'Search for an icon',\n })}\n onBlur={() => {\n if (!search) {\n toggleSearch();\n }\n }}\n onChange={onChangeSearch}\n value={search}\n onClear={onClearSearch}\n clearLabel={formatMessage({\n id: getTrad('IconPicker.search.clear.label'),\n defaultMessage: 'Clear the icon search',\n })}\n >\n {formatMessage({\n id: getTrad('IconPicker.search.placeholder.label'),\n defaultMessage: 'Search for an icon',\n })}\n </Searchbar>\n ) : (\n <IconButton\n ref={searchIconRef}\n onClick={toggleSearch}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.search.button.label'),\n defaultMessage: 'Search icon button',\n })}\n variant=\"ghost\"\n >\n <Search />\n </IconButton>\n )}\n {value && (\n <Tooltip\n label={formatMessage({\n id: getTrad('IconPicker.remove.tooltip'),\n defaultMessage: 'Remove the selected icon',\n })}\n >\n <IconButton\n onClick={removeIconSelected}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.remove.button'),\n defaultMessage: 'Remove the selected icon',\n })}\n variant=\"ghost\"\n >\n <Trash />\n </IconButton>\n </Tooltip>\n )}\n </Flex>\n </Flex>\n <IconPickerWrapper\n position=\"relative\"\n padding={1}\n background=\"neutral100\"\n hasRadius\n wrap=\"wrap\"\n gap={2}\n maxHeight=\"126px\"\n overflow=\"auto\"\n textAlign=\"center\"\n >\n {icons.length > 0 ? (\n icons.map((iconKey) => (\n <IconPick\n key={iconKey}\n iconKey={iconKey}\n name={name}\n onChange={onChange}\n isSelected={iconKey === value}\n ariaLabel={formatMessage(\n {\n id: getTrad('IconPicker.icon.label'),\n defaultMessage: 'Select {icon} icon',\n },\n { icon: iconKey }\n )}\n />\n ))\n ) : (\n <Box padding={4} grow={2}>\n <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\n {formatMessage({\n id: getTrad('IconPicker.emptyState.label'),\n defaultMessage: 'No icon found',\n })}\n </Typography>\n </Box>\n )}\n </IconPickerWrapper>\n </>\n );\n};\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":"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"}

package/dist/admin/components/IconPicker/IconPicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconPicker.mjs","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport {\n Box,\n Field,\n Flex,\n IconButton,\n inputFocusStyle,\n Searchbar,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Search, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nimport { COMPONENT_ICONS } from './constants';\n\nimport type { IntlLabel } from '../../types';\n\nconst IconPickerWrapper = styled(Flex)`\n label {\n ${inputFocusStyle() as any}\n border-radius: ${({ theme }) => theme.borderRadius};\n border: 1px solid ${({ theme }) => theme.colors.neutral100};\n }\n`;\n\ntype Icons = keyof typeof COMPONENT_ICONS;\n\ninterface IconPickProps {\n iconKey: Icons;\n name: string;\n onChange: (value: any) => void;\n isSelected: boolean;\n ariaLabel: string;\n}\n\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\n const Icon = COMPONENT_ICONS[iconKey];\n\n return (\n <Field.Root name={name} required={false}>\n <Field.Label>\n <VisuallyHidden>\n {ariaLabel}\n <Field.Input\n type=\"radio\"\n checked={isSelected}\n onChange={onChange}\n value={iconKey}\n aria-checked={isSelected}\n />\n </VisuallyHidden>\n <Tooltip label={iconKey}>\n <Flex\n padding={2}\n cursor=\"pointer\"\n hasRadius\n background={isSelected ? 'primary200' : undefined}\n >\n <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\n </Flex>\n </Tooltip>\n </Field.Label>\n </Field.Root>\n );\n};\n\nexport interface IconPickerProps {\n intlLabel: IntlLabel;\n name: string;\n onChange: (value: { target: { name: string; value: string } }) => void;\n value?: string;\n}\n\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\n const { formatMessage } = useIntl();\n const [showSearch, setShowSearch] = useState(false);\n const [search, setSearch] = useState('');\n const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\n const [icons, setIcons] = useState(allIcons);\n const searchIconRef = useRef(null);\n const searchBarRef = useRef(null);\n\n const toggleSearch = () => {\n setShowSearch(!showSearch);\n };\n\n const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\n setSearch(value);\n setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\n };\n\n const onClearSearch = () => {\n toggleSearch();\n setSearch('');\n setIcons(allIcons);\n };\n\n const removeIconSelected = () => {\n onChange({ target: { name, value: '' } });\n };\n\n useEffect(() => {\n if (showSearch) {\n (searchBarRef.current as unknown as HTMLInputElement)?.focus();\n }\n }, [showSearch]);\n\n return (\n <>\n <Flex justifyContent=\"space-between\" paddingBottom={2}>\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\n {formatMessage(intlLabel)}\n </Typography>\n <Flex gap={1}>\n {showSearch ? (\n <Searchbar\n ref={searchBarRef}\n name=\"searchbar\"\n placeholder={formatMessage({\n id: getTrad('ComponentIconPicker.search.placeholder'),\n defaultMessage: 'Search for an icon',\n })}\n onBlur={() => {\n if (!search) {\n toggleSearch();\n }\n }}\n onChange={onChangeSearch}\n value={search}\n onClear={onClearSearch}\n clearLabel={formatMessage({\n id: getTrad('IconPicker.search.clear.label'),\n defaultMessage: 'Clear the icon search',\n })}\n >\n {formatMessage({\n id: getTrad('IconPicker.search.placeholder.label'),\n defaultMessage: 'Search for an icon',\n })}\n </Searchbar>\n ) : (\n <IconButton\n ref={searchIconRef}\n onClick={toggleSearch}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.search.button.label'),\n defaultMessage: 'Search icon button',\n })}\n variant=\"ghost\"\n >\n <Search />\n </IconButton>\n )}\n {value && (\n <Tooltip\n label={formatMessage({\n id: getTrad('IconPicker.remove.tooltip'),\n defaultMessage: 'Remove the selected icon',\n })}\n >\n <IconButton\n onClick={removeIconSelected}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.remove.button'),\n defaultMessage: 'Remove the selected icon',\n })}\n variant=\"ghost\"\n >\n <Trash />\n </IconButton>\n </Tooltip>\n )}\n </Flex>\n </Flex>\n <IconPickerWrapper\n position=\"relative\"\n padding={1}\n background=\"neutral100\"\n hasRadius\n wrap=\"wrap\"\n gap={2}\n maxHeight=\"126px\"\n overflow=\"auto\"\n textAlign=\"center\"\n >\n {icons.length > 0 ? (\n icons.map((iconKey) => (\n <IconPick\n key={iconKey}\n iconKey={iconKey}\n name={name}\n onChange={onChange}\n isSelected={iconKey === value}\n ariaLabel={formatMessage(\n {\n id: getTrad('IconPicker.icon.label'),\n defaultMessage: 'Select {icon} icon',\n },\n { icon: iconKey }\n )}\n />\n ))\n ) : (\n <Box padding={4} grow={2}>\n <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\n {formatMessage({\n id: getTrad('IconPicker.emptyState.label'),\n defaultMessage: 'No icon found',\n })}\n </Typography>\n </Box>\n )}\n </IconPickerWrapper>\n </>\n );\n};\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":"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"}
1	+ {"version":3,"file":"IconPicker.mjs","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { type ChangeEventHandler, useEffect, useRef, useState } from 'react';\n\nimport {\n Box,\n Field,\n Flex,\n IconButton,\n inputFocusStyle,\n Searchbar,\n Tooltip,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { Search, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nimport { COMPONENT_ICONS } from './constants';\n\nimport type { FormChangeHandler, IntlLabel } from '../../types';\n\nconst IconPickerWrapper = styled(Flex)`\n label {\n ${inputFocusStyle()}\n border-radius: ${({ theme }) => theme.borderRadius};\n border: 1px solid ${({ theme }) => theme.colors.neutral100};\n }\n`;\n\ntype Icons = keyof typeof COMPONENT_ICONS;\n\ninterface IconPickProps {\n iconKey: Icons;\n name: string;\n onChange: ChangeEventHandler<HTMLInputElement>;\n isSelected: boolean;\n ariaLabel: string;\n}\n\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\n const Icon = COMPONENT_ICONS[iconKey];\n\n return (\n <Field.Root name={name} required={false}>\n <Field.Label>\n <VisuallyHidden>\n {ariaLabel}\n <Field.Input\n type=\"radio\"\n checked={isSelected}\n onChange={onChange}\n value={iconKey}\n aria-checked={isSelected}\n />\n </VisuallyHidden>\n <Tooltip label={iconKey}>\n <Flex\n padding={2}\n cursor=\"pointer\"\n hasRadius\n background={isSelected ? 'primary200' : undefined}\n >\n <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\n </Flex>\n </Tooltip>\n </Field.Label>\n </Field.Root>\n );\n};\n\nexport interface IconPickerProps {\n intlLabel: IntlLabel;\n name: string;\n onChange: FormChangeHandler<string>;\n value?: string;\n}\n\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\n const { formatMessage } = useIntl();\n const [showSearch, setShowSearch] = useState(false);\n const [search, setSearch] = useState('');\n const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\n const [icons, setIcons] = useState(allIcons);\n const searchIconRef = useRef(null);\n const searchBarRef = useRef(null);\n\n const toggleSearch = () => {\n setShowSearch(!showSearch);\n };\n\n const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\n setSearch(value);\n setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\n };\n\n const onClearSearch = () => {\n toggleSearch();\n setSearch('');\n setIcons(allIcons);\n };\n\n const removeIconSelected = () => {\n onChange({ target: { name, value: '' } });\n };\n\n useEffect(() => {\n if (showSearch) {\n (searchBarRef.current as unknown as HTMLInputElement)?.focus();\n }\n }, [showSearch]);\n\n return (\n <>\n <Flex justifyContent=\"space-between\" paddingBottom={2}>\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\n {formatMessage(intlLabel)}\n </Typography>\n <Flex gap={1}>\n {showSearch ? (\n <Searchbar\n ref={searchBarRef}\n name=\"searchbar\"\n placeholder={formatMessage({\n id: getTrad('ComponentIconPicker.search.placeholder'),\n defaultMessage: 'Search for an icon',\n })}\n onBlur={() => {\n if (!search) {\n toggleSearch();\n }\n }}\n onChange={onChangeSearch}\n value={search}\n onClear={onClearSearch}\n clearLabel={formatMessage({\n id: getTrad('IconPicker.search.clear.label'),\n defaultMessage: 'Clear the icon search',\n })}\n >\n {formatMessage({\n id: getTrad('IconPicker.search.placeholder.label'),\n defaultMessage: 'Search for an icon',\n })}\n </Searchbar>\n ) : (\n <IconButton\n ref={searchIconRef}\n onClick={toggleSearch}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.search.button.label'),\n defaultMessage: 'Search icon button',\n })}\n variant=\"ghost\"\n >\n <Search />\n </IconButton>\n )}\n {value && (\n <Tooltip\n label={formatMessage({\n id: getTrad('IconPicker.remove.tooltip'),\n defaultMessage: 'Remove the selected icon',\n })}\n >\n <IconButton\n onClick={removeIconSelected}\n withTooltip={false}\n label={formatMessage({\n id: getTrad('IconPicker.remove.button'),\n defaultMessage: 'Remove the selected icon',\n })}\n variant=\"ghost\"\n >\n <Trash />\n </IconButton>\n </Tooltip>\n )}\n </Flex>\n </Flex>\n <IconPickerWrapper\n position=\"relative\"\n padding={1}\n background=\"neutral100\"\n hasRadius\n wrap=\"wrap\"\n gap={2}\n maxHeight=\"126px\"\n overflow=\"auto\"\n textAlign=\"center\"\n >\n {icons.length > 0 ? (\n icons.map((iconKey) => (\n <IconPick\n key={iconKey}\n iconKey={iconKey}\n name={name}\n onChange={onChange}\n isSelected={iconKey === value}\n ariaLabel={formatMessage(\n {\n id: getTrad('IconPicker.icon.label'),\n defaultMessage: 'Select {icon} icon',\n },\n { icon: iconKey }\n )}\n />\n ))\n ) : (\n <Box padding={4} grow={2}>\n <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\n {formatMessage({\n id: getTrad('IconPicker.emptyState.label'),\n defaultMessage: 'No icon found',\n })}\n </Typography>\n </Box>\n )}\n </IconPickerWrapper>\n </>\n );\n};\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":"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"}

package/dist/admin/components/PluralName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PluralName.js","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport pluralize from 'pluralize';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { IntlLabel } from '../types';\n\ninterface ~~Description {\n id: string;\n defaultMessage: string;\n values?: Record<string, any>;\n}\n\ninterface~~ PluralNameProps {\n description?: ~~Description~~;\n error?: string;\n intlLabel: IntlLabel;\n modifiedData: ~~Record<~~string, ~~any>;\~~n name: string;\n onChange: ~~(value: { target: { name:~~ string~~; value: string } }) => void;\~~n value?: string;\n}\n\nexport const PluralName = ({\n description,\n error,\n intlLabel,\n modifiedData,\n name,\n onChange,\n value,\n}: PluralNameProps) => {\n const { formatMessage } = useIntl();\n const onChangeRef = useRef(onChange);\n const displayName = modifiedData?.displayName \|\| '';\n const previousDisplayName = useRef(displayName);\n const previousValue = useRef(value);\n\n useEffect(() => {\n if (displayName && displayName !== previousDisplayName.current) {\n const baseValue = nameToSlug(displayName);\n let newValue = baseValue;\n\n try {\n newValue = pluralize(baseValue, 2);\n } catch (err) {\n // If pluralize fails, use the base value\n }\n\n onChangeRef.current({ target: { name, value: newValue } });\n previousValue.current = newValue;\n previousDisplayName.current = displayName;\n } else if (!displayName) {\n onChangeRef.current({ target: { name, value: '' } });\n previousValue.current = '';\n previousDisplayName.current = '';\n }\n }, [displayName, name, value]);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const hint = description\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n const label = formatMessage(intlLabel);\n\n return (\n <Field.Root error={errorMessage} hint={hint} name={name}>\n <Field.Label>{label}</Field.Label>\n <TextInput onChange={onChange} value={value \|\| ''} type=\"text\" />\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","err","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;;;;;;;~~MA0BaA~~,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,YAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,YAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,YAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,eAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,qBAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,2BAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAOI,GAAAA,EAAK;;AAEd,YAAA;AAEAX,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMgB,YAAAA,GAAerB,QAAQM,aAAAA,CAAc;QAAEgB,EAAAA,EAAItB,KAAAA;QAAOuB,cAAAA,EAAgBvB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMwB,IAAAA,GAAOzB,cACTO,aAAAA,CACE;AAAEgB,QAAAA,EAAAA,EAAIvB,YAAYuB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBxB,YAAYwB;KAAe,EACjE;AAAE,QAAA,GAAGxB,YAAY0B;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQpB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACE0B,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC7B,KAAAA,EAAOqB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMrB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA2B,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,cAAA,CAACE,sBAAAA,EAAAA;gBAAU5B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI4B,IAAAA,EAAK;;AACxD,0BAAAH,cAAA,CAACF,mBAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}
1	+ {"version":3,"file":"PluralName.js","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport pluralize from 'pluralize';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface PluralNameProps {\n description?: IntlLabel;\n error?: string;\n intlLabel: IntlLabel;\n modifiedData: { displayName?: string };\n name: string;\n onChange: FormChangeHandler<string>;\n value?: string;\n}\n\nexport const PluralName = ({\n description,\n error,\n intlLabel,\n modifiedData,\n name,\n onChange,\n value,\n}: PluralNameProps) => {\n const { formatMessage } = useIntl();\n const onChangeRef = useRef(onChange);\n const displayName = modifiedData?.displayName \|\| '';\n const previousDisplayName = useRef(displayName);\n const previousValue = useRef(value);\n\n useEffect(() => {\n if (displayName && displayName !== previousDisplayName.current) {\n const baseValue = nameToSlug(displayName);\n let newValue = baseValue;\n\n try {\n newValue = pluralize(baseValue, 2);\n } catch (err) {\n // If pluralize fails, use the base value\n }\n\n onChangeRef.current({ target: { name, value: newValue } });\n previousValue.current = newValue;\n previousDisplayName.current = displayName;\n } else if (!displayName) {\n onChangeRef.current({ target: { name, value: '' } });\n previousValue.current = '';\n previousDisplayName.current = '';\n }\n }, [displayName, name, value]);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const hint = description\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n const label = formatMessage(intlLabel);\n\n return (\n <Field.Root error={errorMessage} hint={hint} name={name}>\n <Field.Label>{label}</Field.Label>\n <TextInput onChange={onChange} value={value \|\| ''} type=\"text\" />\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","err","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;;;;;;;MAoBaA,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,YAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,YAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,YAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,eAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,qBAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,2BAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAOI,GAAAA,EAAK;;AAEd,YAAA;AAEAX,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMgB,YAAAA,GAAerB,QAAQM,aAAAA,CAAc;QAAEgB,EAAAA,EAAItB,KAAAA;QAAOuB,cAAAA,EAAgBvB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMwB,IAAAA,GAAOzB,cACTO,aAAAA,CACE;AAAEgB,QAAAA,EAAAA,EAAIvB,YAAYuB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBxB,YAAYwB;KAAe,EACjE;AAAE,QAAA,GAAGxB,YAAY0B;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQpB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACE0B,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC7B,KAAAA,EAAOqB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMrB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA2B,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,cAAA,CAACE,sBAAAA,EAAAA;gBAAU5B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI4B,IAAAA,EAAK;;AACxD,0BAAAH,cAAA,CAACF,mBAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/PluralName.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PluralName.mjs","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport pluralize from 'pluralize';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { IntlLabel } from '../types';\n\ninterface ~~Description {\n id: string;\n defaultMessage: string;\n values?: Record<string, any>;\n}\n\ninterface~~ PluralNameProps {\n description?: ~~Description~~;\n error?: string;\n intlLabel: IntlLabel;\n modifiedData: ~~Record<~~string, ~~any>;\~~n name: string;\n onChange: ~~(value: { target: { name:~~ string~~; value: string } }) => void;\~~n value?: string;\n}\n\nexport const PluralName = ({\n description,\n error,\n intlLabel,\n modifiedData,\n name,\n onChange,\n value,\n}: PluralNameProps) => {\n const { formatMessage } = useIntl();\n const onChangeRef = useRef(onChange);\n const displayName = modifiedData?.displayName \|\| '';\n const previousDisplayName = useRef(displayName);\n const previousValue = useRef(value);\n\n useEffect(() => {\n if (displayName && displayName !== previousDisplayName.current) {\n const baseValue = nameToSlug(displayName);\n let newValue = baseValue;\n\n try {\n newValue = pluralize(baseValue, 2);\n } catch (err) {\n // If pluralize fails, use the base value\n }\n\n onChangeRef.current({ target: { name, value: newValue } });\n previousValue.current = newValue;\n previousDisplayName.current = displayName;\n } else if (!displayName) {\n onChangeRef.current({ target: { name, value: '' } });\n previousValue.current = '';\n previousDisplayName.current = '';\n }\n }, [displayName, name, value]);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const hint = description\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n const label = formatMessage(intlLabel);\n\n return (\n <Field.Root error={errorMessage} hint={hint} name={name}>\n <Field.Label>{label}</Field.Label>\n <TextInput onChange={onChange} value={value \|\| ''} type=\"text\" />\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","err","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;~~MA0BaA~~,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,MAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,MAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,MAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,SAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,UAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,UAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAOI,GAAAA,EAAK;;AAEd,YAAA;AAEAX,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMgB,YAAAA,GAAerB,QAAQM,aAAAA,CAAc;QAAEgB,EAAAA,EAAItB,KAAAA;QAAOuB,cAAAA,EAAgBvB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMwB,IAAAA,GAAOzB,cACTO,aAAAA,CACE;AAAEgB,QAAAA,EAAAA,EAAIvB,YAAYuB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBxB,YAAYwB;KAAe,EACjE;AAAE,QAAA,GAAGxB,YAAY0B;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQpB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACE0B,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC7B,KAAAA,EAAOqB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMrB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA2B,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,GAAA,CAACE,SAAAA,EAAAA;gBAAU5B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI4B,IAAAA,EAAK;;AACxD,0BAAAH,GAAA,CAACF,MAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}
1	+ {"version":3,"file":"PluralName.mjs","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { Field, TextInput } from '@strapi/design-system';\nimport pluralize from 'pluralize';\nimport { useIntl } from 'react-intl';\n\nimport { nameToSlug } from '../utils/nameToSlug';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface PluralNameProps {\n description?: IntlLabel;\n error?: string;\n intlLabel: IntlLabel;\n modifiedData: { displayName?: string };\n name: string;\n onChange: FormChangeHandler<string>;\n value?: string;\n}\n\nexport const PluralName = ({\n description,\n error,\n intlLabel,\n modifiedData,\n name,\n onChange,\n value,\n}: PluralNameProps) => {\n const { formatMessage } = useIntl();\n const onChangeRef = useRef(onChange);\n const displayName = modifiedData?.displayName \|\| '';\n const previousDisplayName = useRef(displayName);\n const previousValue = useRef(value);\n\n useEffect(() => {\n if (displayName && displayName !== previousDisplayName.current) {\n const baseValue = nameToSlug(displayName);\n let newValue = baseValue;\n\n try {\n newValue = pluralize(baseValue, 2);\n } catch (err) {\n // If pluralize fails, use the base value\n }\n\n onChangeRef.current({ target: { name, value: newValue } });\n previousValue.current = newValue;\n previousDisplayName.current = displayName;\n } else if (!displayName) {\n onChangeRef.current({ target: { name, value: '' } });\n previousValue.current = '';\n previousDisplayName.current = '';\n }\n }, [displayName, name, value]);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const hint = description\n ? formatMessage(\n { id: description.id, defaultMessage: description.defaultMessage },\n { ...description.values }\n )\n : '';\n const label = formatMessage(intlLabel);\n\n return (\n <Field.Root error={errorMessage} hint={hint} name={name}>\n <Field.Label>{label}</Field.Label>\n <TextInput onChange={onChange} value={value \|\| ''} type=\"text\" />\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","err","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;MAoBaA,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,MAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,MAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,MAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,SAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,UAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,UAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAOI,GAAAA,EAAK;;AAEd,YAAA;AAEAX,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEM,MAAAA,EAAQ;AAAEjB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMgB,YAAAA,GAAerB,QAAQM,aAAAA,CAAc;QAAEgB,EAAAA,EAAItB,KAAAA;QAAOuB,cAAAA,EAAgBvB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMwB,IAAAA,GAAOzB,cACTO,aAAAA,CACE;AAAEgB,QAAAA,EAAAA,EAAIvB,YAAYuB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBxB,YAAYwB;KAAe,EACjE;AAAE,QAAA,GAAGxB,YAAY0B;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQpB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACE0B,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC7B,KAAAA,EAAOqB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMrB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA2B,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,GAAA,CAACE,SAAAA,EAAAA;gBAAU5B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI4B,IAAAA,EAAK;;AACxD,0BAAAH,GAAA,CAACF,MAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/Relation/Relation.js CHANGED Viewed

@@ -16,7 +16,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
             /*#__PURE__*/ jsxRuntime.jsx(RelationField.RelationFormBox, {
                 isMain: true,
                 header: mainBoxHeader,
-                error: formErrors?.name || null,
+                error: formErrors?.name?.id ?? null,
                 name: "name",
                 onChange: onChange,
                 value: modifiedData?.name || ''
@@ -25,7 +25,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                 naturePickerType: naturePickerType,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,
                 relationType: relationType,
-                target: modifiedData.target,
+                target: modifiedData.target ?? '',
                 targetUid: targetUid
             }),
             /*#__PURE__*/ jsxRuntime.jsx(RelationField.RelationFormBox, {
@@ -33,7 +33,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                     'oneWay',
                     'manyWay'
                 ].includes(relationType),
-                error: formErrors?.targetAttribute || null,
+                error: formErrors?.targetAttribute?.id ?? null,
                 name: "targetAttribute",
                 onChange: onChange,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,

package/dist/admin/components/Relation/Relation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Relation.js","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n formErrors: Record<string, ~~any~~>;\n mainBoxHeader: string;\n modifiedData: ~~Record<~~string, ~~any>;\~~n ~~onChange:~~ ~~(value:~~ ~~any)~~ => ~~void~~;\n naturePickerType: string;\n targetUid: string;\n}\n\nexport const Relation = ({\n formErrors,\n mainBoxHeader,\n modifiedData,\n naturePickerType,\n onChange,\n targetUid,\n}: RelationProps) => {\n const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n return (\n <Flex style={{ position: 'relative' }}>\n <RelationFormBox\n isMain\n header={mainBoxHeader}\n error={formErrors?.name \|\| null}\n name=\"name\"\n onChange={onChange}\n value={modifiedData?.name \|\| ''}\n />\n <RelationNaturePicker\n naturePickerType={naturePickerType}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n relationType={relationType!}\n target={modifiedData.target}\n targetUid={targetUid}\n />\n <RelationFormBox\n disabled={['oneWay', 'manyWay'].includes(relationType!)}\n error={formErrors?.targetAttribute \|\| null}\n name=\"targetAttribute\"\n onChange={onChange}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n target={modifiedData.target}\n value={modifiedData?.targetAttribute \|\| ''}\n />\n </Flex>\n );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;;;~~AAgBO~~,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,+BAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,cAAA,CAACC,6BAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;~~AACRiB~~,~~gBAAAA,~~KAAAA,EAAOlB,~~YAAYmB~~,~~IAAAA~~,~~IAAQ~~,IAAA;~~gBAC3BA~~,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;~~AACVgB~~,gBAAAA,KAAAA,~~EAAOlB~~,cAAciB,IAAAA,IAAQ;;0BAE/BL,cAAA,~~CAACO~~,yCAAAA,EAAAA;~~gBACClB~~,gBAAAA,EAAkBA,gBAAAA;~~gBAClBmB~~,qCAAAA,~~EAAuCrB~~,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;~~AACdiB~~,~~gBAAAA,~~MAAAA,~~EAAQrB~~,~~aAAaqB~~,MAAM;~~gBAC3BlB~~,SAAAA,EAAWA;;0BAEbS,cAAA,CAACC,6BAAAA,EAAAA;~~gBACCS~~,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,~~CAACnB~~,YAAAA,CAAAA;~~AACzCY~~,~~gBAAAA,~~KAAAA,EAAOlB,~~YAAYS~~,~~eAAAA~~,~~IAAmB~~,IAAA;~~gBACtCU~~,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;~~gBACVkB~~,qCAAAA,~~EAAuCrB~~,aAAAA;~~AACvCsB~~,gBAAAA,MAAAA,~~EAAQrB~~,~~aAAaqB~~,MAAM;AAC3BH,gBAAAA,KAAAA,~~EAAOlB~~,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}
1	+ {"version":3,"file":"Relation.js","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\nimport type { FormChangeHandler } from '../../types';\nimport type { Internal, Schema } from '@strapi/types';\n\ninterface RelationProps {\n formErrors: Record<string, { id?: string } \| undefined>;\n mainBoxHeader: string;\n modifiedData: {\n name?: string;\n relation?: Schema.Attribute.RelationKind.Any;\n target?: string;\n targetAttribute?: string \| null;\n };\n onChange: FormChangeHandler;\n naturePickerType: string;\n targetUid: string;\n}\n\nexport const Relation = ({\n formErrors,\n mainBoxHeader,\n modifiedData,\n naturePickerType,\n onChange,\n targetUid,\n}: RelationProps) => {\n const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n return (\n <Flex style={{ position: 'relative' }}>\n <RelationFormBox\n isMain\n header={mainBoxHeader}\n error={formErrors?.name?.id ?? null}\n name=\"name\"\n onChange={onChange}\n value={modifiedData?.name \|\| ''}\n />\n <RelationNaturePicker\n naturePickerType={naturePickerType}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n relationType={relationType!}\n target={modifiedData.target ?? ''}\n targetUid={targetUid}\n />\n <RelationFormBox\n disabled={['oneWay', 'manyWay'].includes(relationType!)}\n error={formErrors?.targetAttribute?.id ?? null}\n name=\"targetAttribute\"\n onChange={onChange}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n target={modifiedData.target as Internal.UID.ContentType \| undefined}\n value={modifiedData?.targetAttribute \|\| ''}\n />\n </Flex>\n );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","id","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;;;AAwBO,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,+BAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,cAAA,CAACC,6BAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;gBACRiB,KAAAA,EAAOlB,UAAAA,EAAYmB,MAAMC,EAAAA,IAAM,IAAA;gBAC/BD,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;AACViB,gBAAAA,KAAAA,EAAOnB,cAAciB,IAAAA,IAAQ;;0BAE/BL,cAAA,CAACQ,yCAAAA,EAAAA;gBACCnB,gBAAAA,EAAkBA,gBAAAA;gBAClBoB,qCAAAA,EAAuCtB,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;gBACdkB,MAAAA,EAAQtB,YAAAA,CAAasB,MAAM,IAAI,EAAA;gBAC/BnB,SAAAA,EAAWA;;0BAEbS,cAAA,CAACC,6BAAAA,EAAAA;gBACCU,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACpB,YAAAA,CAAAA;gBACzCY,KAAAA,EAAOlB,UAAAA,EAAYS,iBAAiBW,EAAAA,IAAM,IAAA;gBAC1CD,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;gBACVmB,qCAAAA,EAAuCtB,aAAAA;AACvCuB,gBAAAA,MAAAA,EAAQtB,aAAasB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOnB,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}

package/dist/admin/components/Relation/Relation.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
             /*#__PURE__*/ jsx(RelationFormBox, {
                 isMain: true,
                 header: mainBoxHeader,
-                error: formErrors?.name || null,
+                error: formErrors?.name?.id ?? null,
                 name: "name",
                 onChange: onChange,
                 value: modifiedData?.name || ''
@@ -23,7 +23,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                 naturePickerType: naturePickerType,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,
                 relationType: relationType,
-                target: modifiedData.target,
+                target: modifiedData.target ?? '',
                 targetUid: targetUid
             }),
             /*#__PURE__*/ jsx(RelationFormBox, {
@@ -31,7 +31,7 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                     'oneWay',
                     'manyWay'
                 ].includes(relationType),
-                error: formErrors?.targetAttribute || null,
+                error: formErrors?.targetAttribute?.id ?? null,
                 name: "targetAttribute",
                 onChange: onChange,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,

package/dist/admin/components/Relation/Relation.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Relation.mjs","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n formErrors: Record<string, ~~any~~>;\n mainBoxHeader: string;\n modifiedData: ~~Record<~~string, ~~any>;\~~n ~~onChange:~~ ~~(value:~~ ~~any)~~ => ~~void~~;\n naturePickerType: string;\n targetUid: string;\n}\n\nexport const Relation = ({\n formErrors,\n mainBoxHeader,\n modifiedData,\n naturePickerType,\n onChange,\n targetUid,\n}: RelationProps) => {\n const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n return (\n <Flex style={{ position: 'relative' }}>\n <RelationFormBox\n isMain\n header={mainBoxHeader}\n error={formErrors?.name \|\| null}\n name=\"name\"\n onChange={onChange}\n value={modifiedData?.name \|\| ''}\n />\n <RelationNaturePicker\n naturePickerType={naturePickerType}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n relationType={relationType!}\n target={modifiedData.target}\n targetUid={targetUid}\n />\n <RelationFormBox\n disabled={['oneWay', 'manyWay'].includes(relationType!)}\n error={formErrors?.targetAttribute \|\| null}\n name=\"targetAttribute\"\n onChange={onChange}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n target={modifiedData.target}\n value={modifiedData?.targetAttribute \|\| ''}\n />\n </Flex>\n );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;~~AAgBO~~,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,eAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,GAAA,CAACC,eAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;~~AACRiB~~,~~gBAAAA,~~KAAAA,EAAOlB,~~YAAYmB~~,~~IAAAA~~,~~IAAQ~~,IAAA;~~gBAC3BA~~,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;~~AACVgB~~,gBAAAA,KAAAA,~~EAAOlB~~,cAAciB,IAAAA,IAAQ;;0BAE/BL,GAAA,~~CAACO~~,oBAAAA,EAAAA;~~gBACClB~~,gBAAAA,EAAkBA,gBAAAA;~~gBAClBmB~~,qCAAAA,~~EAAuCrB~~,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;~~AACdiB~~,~~gBAAAA,~~MAAAA,~~EAAQrB~~,~~aAAaqB~~,MAAM;~~gBAC3BlB~~,SAAAA,EAAWA;;0BAEbS,GAAA,CAACC,eAAAA,EAAAA;~~gBACCS~~,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,~~CAACnB~~,YAAAA,CAAAA;~~AACzCY~~,~~gBAAAA,~~KAAAA,EAAOlB,~~YAAYS~~,~~eAAAA~~,~~IAAmB~~,IAAA;~~gBACtCU~~,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;~~gBACVkB~~,qCAAAA,~~EAAuCrB~~,aAAAA;~~AACvCsB~~,gBAAAA,MAAAA,~~EAAQrB~~,~~aAAaqB~~,MAAM;AAC3BH,gBAAAA,KAAAA,~~EAAOlB~~,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}
1	+ {"version":3,"file":"Relation.mjs","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\nimport type { FormChangeHandler } from '../../types';\nimport type { Internal, Schema } from '@strapi/types';\n\ninterface RelationProps {\n formErrors: Record<string, { id?: string } \| undefined>;\n mainBoxHeader: string;\n modifiedData: {\n name?: string;\n relation?: Schema.Attribute.RelationKind.Any;\n target?: string;\n targetAttribute?: string \| null;\n };\n onChange: FormChangeHandler;\n naturePickerType: string;\n targetUid: string;\n}\n\nexport const Relation = ({\n formErrors,\n mainBoxHeader,\n modifiedData,\n naturePickerType,\n onChange,\n targetUid,\n}: RelationProps) => {\n const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n return (\n <Flex style={{ position: 'relative' }}>\n <RelationFormBox\n isMain\n header={mainBoxHeader}\n error={formErrors?.name?.id ?? null}\n name=\"name\"\n onChange={onChange}\n value={modifiedData?.name \|\| ''}\n />\n <RelationNaturePicker\n naturePickerType={naturePickerType}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n relationType={relationType!}\n target={modifiedData.target ?? ''}\n targetUid={targetUid}\n />\n <RelationFormBox\n disabled={['oneWay', 'manyWay'].includes(relationType!)}\n error={formErrors?.targetAttribute?.id ?? null}\n name=\"targetAttribute\"\n onChange={onChange}\n oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n target={modifiedData.target as Internal.UID.ContentType \| undefined}\n value={modifiedData?.targetAttribute \|\| ''}\n />\n </Flex>\n );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","id","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;AAwBO,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,eAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,GAAA,CAACC,eAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;gBACRiB,KAAAA,EAAOlB,UAAAA,EAAYmB,MAAMC,EAAAA,IAAM,IAAA;gBAC/BD,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;AACViB,gBAAAA,KAAAA,EAAOnB,cAAciB,IAAAA,IAAQ;;0BAE/BL,GAAA,CAACQ,oBAAAA,EAAAA;gBACCnB,gBAAAA,EAAkBA,gBAAAA;gBAClBoB,qCAAAA,EAAuCtB,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;gBACdkB,MAAAA,EAAQtB,YAAAA,CAAasB,MAAM,IAAI,EAAA;gBAC/BnB,SAAAA,EAAWA;;0BAEbS,GAAA,CAACC,eAAAA,EAAAA;gBACCU,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACpB,YAAAA,CAAAA;gBACzCY,KAAAA,EAAOlB,UAAAA,EAAYS,iBAAiBW,EAAAA,IAAM,IAAA;gBAC1CD,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;gBACVmB,qCAAAA,EAAuCtB,aAAAA;AACvCuB,gBAAAA,MAAAA,EAAQtB,aAAasB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOnB,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.js CHANGED Viewed

@@ -33,7 +33,7 @@ const RelationFormBox = ({ disabled = false, error, header, isMain = false, name
                 padding: 4,
                 children: /*#__PURE__*/ jsxRuntime.jsx(GenericInputs.GenericInput, {
                     disabled: disabled,
-                    error: error?.id || null,
+                    error: error ?? undefined,
                     intlLabel: {
                         id: getTrad.getTrad('form.attribute.item.defineRelation.fieldName'),
                         defaultMessage: 'Field name'

package/dist/admin/components/Relation/RelationField/RelationField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RelationField.js","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n disabled?: boolean;\n error?: ~~Record<~~string, ~~any>;\~~n header?: string;\n isMain?: boolean;\n name: string;\n onChange: ~~(value: any) => void~~;\n oneThatIsCreatingARelationWithAnother?: string;\n target?: Internal.UID.ContentType;\n value?: string;\n}\n\nexport const RelationFormBox = ({\n disabled = false,\n error,\n header,\n isMain = false,\n name,\n onChange,\n oneThatIsCreatingARelationWithAnother = '',\n target,\n value = '',\n}: RelationFormBoxProps) => {\n return (\n <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n {isMain ? (\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n {header}\n </Typography>\n ) : (\n <RelationTargetPicker\n target={target!}\n oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n />\n )}\n </Flex>\n <Divider background=\"neutral200\" />\n <Box padding={4}>\n <GenericInput\n disabled={disabled}\n error={error~~?.id~~ \|\| ~~null~~}\n intlLabel={{\n id: getTrad('form.attribute.item.defineRelation.fieldName'),\n defaultMessage: 'Field name',\n }}\n name={name}\n onChange={onChange}\n type=\"text\"\n value={value}\n />\n </Box>\n </Box>\n );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;;;~~AAqBO~~,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,eAAA,CAACC,gBAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,cAAA,CAACC,iBAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,cAAA,CAACK,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,cAAA,CAACS,yCAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,cAAA,CAACU,oBAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,cAAA,CAACJ,gBAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,cAAA,CAACY,0BAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,~~OAAO0B~~,~~EAAAA~~,~~IAAM,IAAA~~;~~oBACpBC~~,SAAAA,EAAW;~~AACTD~~,wBAAAA,EAAAA,~~EAAIE~~,eAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;~~oBACA1B~~,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;~~oBACV0B~~,IAAAA,EAAK,MAAA;~~oBACLvB~~,KAAAA,EAAOA;;;;;AAKjB;;;;"}
1	+ {"version":3,"file":"RelationField.js","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { FormChangeHandler } from '../../../types';\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n disabled?: boolean;\n error?: string \| null;\n header?: string;\n isMain?: boolean;\n name: string;\n onChange: FormChangeHandler;\n oneThatIsCreatingARelationWithAnother?: string;\n target?: Internal.UID.ContentType;\n value?: string;\n}\n\nexport const RelationFormBox = ({\n disabled = false,\n error,\n header,\n isMain = false,\n name,\n onChange,\n oneThatIsCreatingARelationWithAnother = '',\n target,\n value = '',\n}: RelationFormBoxProps) => {\n return (\n <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n {isMain ? (\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n {header}\n </Typography>\n ) : (\n <RelationTargetPicker\n target={target!}\n oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n />\n )}\n </Flex>\n <Divider background=\"neutral200\" />\n <Box padding={4}>\n <GenericInput\n disabled={disabled}\n error={error ?? undefined}\n intlLabel={{\n id: getTrad('form.attribute.item.defineRelation.fieldName'),\n defaultMessage: 'Field name',\n }}\n name={name}\n onChange={onChange}\n type=\"text\"\n value={value}\n />\n </Box>\n </Box>\n );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","undefined","intlLabel","id","getTrad","defaultMessage","type"],"mappings":";;;;;;;;AAsBO,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,eAAA,CAACC,gBAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,cAAA,CAACC,iBAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,cAAA,CAACK,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,cAAA,CAACS,yCAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,cAAA,CAACU,oBAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,cAAA,CAACJ,gBAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,cAAA,CAACY,0BAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,KAAAA,IAAS0B,SAAAA;oBAChBC,SAAAA,EAAW;AACTC,wBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;oBACA3B,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;oBACV2B,IAAAA,EAAK,MAAA;oBACLxB,KAAAA,EAAOA;;;;;AAKjB;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.mjs CHANGED Viewed

@@ -31,7 +31,7 @@ const RelationFormBox = ({ disabled = false, error, header, isMain = false, name
                 padding: 4,
                 children: /*#__PURE__*/ jsx(MemoizedGenericInput, {
                     disabled: disabled,
-                    error: error?.id || null,
+                    error: error ?? undefined,
                     intlLabel: {
                         id: getTrad('form.attribute.item.defineRelation.fieldName'),
                         defaultMessage: 'Field name'

package/dist/admin/components/Relation/RelationField/RelationField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RelationField.mjs","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n disabled?: boolean;\n error?: ~~Record<~~string, ~~any>;\~~n header?: string;\n isMain?: boolean;\n name: string;\n onChange: ~~(value: any) => void~~;\n oneThatIsCreatingARelationWithAnother?: string;\n target?: Internal.UID.ContentType;\n value?: string;\n}\n\nexport const RelationFormBox = ({\n disabled = false,\n error,\n header,\n isMain = false,\n name,\n onChange,\n oneThatIsCreatingARelationWithAnother = '',\n target,\n value = '',\n}: RelationFormBoxProps) => {\n return (\n <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n {isMain ? (\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n {header}\n </Typography>\n ) : (\n <RelationTargetPicker\n target={target!}\n oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n />\n )}\n </Flex>\n <Divider background=\"neutral200\" />\n <Box padding={4}>\n <GenericInput\n disabled={disabled}\n error={error~~?.id~~ \|\| ~~null~~}\n intlLabel={{\n id: getTrad('form.attribute.item.defineRelation.fieldName'),\n defaultMessage: 'Field name',\n }}\n name={name}\n onChange={onChange}\n type=\"text\"\n value={value}\n />\n </Box>\n </Box>\n );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;~~AAqBO~~,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,IAAA,CAACC,GAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,GAAA,CAACC,IAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,GAAA,CAACK,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,GAAA,CAACS,oBAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,GAAA,CAACU,OAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,GAAA,CAACJ,GAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,GAAA,CAACY,oBAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,~~OAAO0B~~,~~EAAAA~~,~~IAAM,IAAA~~;~~oBACpBC~~,SAAAA,EAAW;~~AACTD~~,wBAAAA,EAAAA,~~EAAIE~~,OAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;~~oBACA1B~~,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;~~oBACV0B~~,IAAAA,EAAK,MAAA;~~oBACLvB~~,KAAAA,EAAOA;;;;;AAKjB;;;;"}
1	+ {"version":3,"file":"RelationField.mjs","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { FormChangeHandler } from '../../../types';\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n disabled?: boolean;\n error?: string \| null;\n header?: string;\n isMain?: boolean;\n name: string;\n onChange: FormChangeHandler;\n oneThatIsCreatingARelationWithAnother?: string;\n target?: Internal.UID.ContentType;\n value?: string;\n}\n\nexport const RelationFormBox = ({\n disabled = false,\n error,\n header,\n isMain = false,\n name,\n onChange,\n oneThatIsCreatingARelationWithAnother = '',\n target,\n value = '',\n}: RelationFormBoxProps) => {\n return (\n <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n {isMain ? (\n <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n {header}\n </Typography>\n ) : (\n <RelationTargetPicker\n target={target!}\n oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n />\n )}\n </Flex>\n <Divider background=\"neutral200\" />\n <Box padding={4}>\n <GenericInput\n disabled={disabled}\n error={error ?? undefined}\n intlLabel={{\n id: getTrad('form.attribute.item.defineRelation.fieldName'),\n defaultMessage: 'Field name',\n }}\n name={name}\n onChange={onChange}\n type=\"text\"\n value={value}\n />\n </Box>\n </Box>\n );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","undefined","intlLabel","id","getTrad","defaultMessage","type"],"mappings":";;;;;;AAsBO,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,IAAA,CAACC,GAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,GAAA,CAACC,IAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,GAAA,CAACK,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,GAAA,CAACS,oBAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,GAAA,CAACU,OAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,GAAA,CAACJ,GAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,GAAA,CAACY,oBAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,KAAAA,IAAS0B,SAAAA;oBAChBC,SAAAA,EAAW;AACTC,wBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;oBACA3B,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;oBACV2B,IAAAA,EAAK,MAAA;oBACLxB,KAAAA,EAAOA;;;;;AAKjB;;;;"}

package/dist/admin/components/SelectCategory.js CHANGED Viewed

@@ -16,6 +16,9 @@ const SelectCategory = ({ error = null, intlLabel, name, onChange, value = undef
     }) : '';
     const label = formatMessage(intlLabel);
     const handleChange = (value)=>{
+        if (value === undefined) {
+            return;
+        }
         onChange({
             target: {
                 name,
@@ -25,6 +28,9 @@ const SelectCategory = ({ error = null, intlLabel, name, onChange, value = undef
         });
     };
     const handleCreateOption = (value)=>{
+        if (value === undefined) {
+            return;
+        }
         setCategories((prev)=>[
                 ...prev,
                 value

package/dist/admin/components/SelectCategory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectCategory.js","sources":["../../../admin/src/components/SelectCategory.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ComboboxOption, Combobox, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from './DataManager/useDataManager';\n\ninterface SelectCategoryProps {\n error?: string \| null;\n intlLabel: ~~{\n id: string~~;\n ~~defaultMessage: string;\n values?: Record<string, any>;\n~~ ~~};\n~~ name: string;\n onChange: ~~(value: { target: { name:~~ string; ~~value: any; type: string } }) => void;\~~n value?: string;\n isCreating?: boolean;\n dynamicZoneTarget?: string \| null;\n}\n\nexport const SelectCategory = ({\n error = null,\n intlLabel,\n name,\n onChange,\n value = undefined,\n isCreating,\n dynamicZoneTarget,\n}: SelectCategoryProps) => {\n const { formatMessage } = useIntl();\n const { allComponentsCategories } = useDataManager();\n const [categories, setCategories] = useState(allComponentsCategories);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const label = formatMessage(intlLabel);\n\n const handleChange = (value: ~~any~~) => {\n onChange({ target: { name, value, type: 'select-category' } });\n };\n\n const handleCreateOption = (value: ~~any~~) => {\n setCategories((prev) => [...prev, value]);\n handleChange(value);\n };\n\n return (\n <Field.Root error={errorMessage} name={name}>\n <Field.Label>{label}</Field.Label>\n <Combobox\n // TODO: re-enable category edits, renaming categories of already existing components currently breaks other functionality\n // See https://github.com/strapi/strapi/issues/20356\n disabled={!isCreating && !dynamicZoneTarget}\n onChange={handleChange}\n onCreateOption={handleCreateOption}\n value={value}\n creatable\n >\n {categories.map((category) => (\n <ComboboxOption key={category} value={category}>\n {category}\n </ComboboxOption>\n ))}\n </Combobox>\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["SelectCategory","error","intlLabel","name","onChange","value","undefined","isCreating","dynamicZoneTarget","formatMessage","useIntl","allComponentsCategories","useDataManager","categories","setCategories","useState","errorMessage","id","defaultMessage","label","handleChange","target","type","handleCreateOption","prev","_jsxs","Field","Root","_jsx","Label","Combobox","disabled","onCreateOption","creatable","map","category","ComboboxOption","Error"],"mappings":";;;;;;;;~~MAqBaA~~,cAAAA,GAAiB,CAAC,EAC7BC,KAAAA,GAAQ,IAAI,EACZC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQC,SAAS,EACjBC,UAAU,EACVC,iBAAiB,EACG,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,uBAAuB,EAAE,GAAGC,6BAAAA,EAAAA;AACpC,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAASJ,uBAAAA,CAAAA;IAE7C,MAAMK,YAAAA,GAAef,QAAQQ,aAAAA,CAAc;QAAEQ,EAAAA,EAAIhB,KAAAA;QAAOiB,cAAAA,EAAgBjB;KAAM,CAAA,GAAK,EAAA;AACnF,IAAA,MAAMkB,QAAQV,aAAAA,CAAcP,SAAAA,CAAAA;AAE5B,IAAA,MAAMkB,eAAe,CAACf,KAAAA,GAAAA;~~QACpBD~~,QAAAA,CAAS;YAAEiB,MAAAA,EAAQ;AAAElB,gBAAAA,IAAAA;AAAME,gBAAAA,KAAAA;gBAAOiB,IAAAA,EAAM;AAAkB;AAAE,SAAA,CAAA;AAC9D,IAAA,CAAA;AAEA,IAAA,MAAMC,qBAAqB,CAAClB,KAAAA,GAAAA;~~AAC1BS~~,QAAAA,aAAAA,CAAc,CAACU,IAAAA,GAAS;AAAIA,gBAAAA,GAAAA,IAAAA;AAAMnB,gBAAAA;AAAM,aAAA,CAAA;QACxCe,YAAAA,CAAaf,KAAAA,CAAAA;AACf,IAAA,CAAA;IAEA,qBACEoB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1B,KAAAA,EAAOe,YAAAA;QAAcb,IAAAA,EAAMA,IAAAA;;AACrC,0BAAAyB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEV,gBAAAA,QAAAA,EAAAA;;0BACdS,cAAA,CAACE,qBAAAA,EAAAA;;;gBAGCC,QAAAA,EAAU,CAACxB,cAAc,CAACC,iBAAAA;gBAC1BJ,QAAAA,EAAUgB,YAAAA;gBACVY,cAAAA,EAAgBT,kBAAAA;gBAChBlB,KAAAA,EAAOA,KAAAA;gBACP4B,SAAS,EAAA,IAAA;AAERpB,gBAAAA,QAAAA,EAAAA,UAAAA,CAAWqB,GAAG,CAAC,CAACC,QAAAA,iBACfP,cAAA,CAACQ,2BAAAA,EAAAA;wBAA8B/B,KAAAA,EAAO8B,QAAAA;AACnCA,wBAAAA,QAAAA,EAAAA;AADkBA,qBAAAA,EAAAA,QAAAA,CAAAA;;AAKzB,0BAAAP,cAAA,CAACF,mBAAMW,KAAK,EAAA,EAAA;;;AAGlB;;;;"}
1	+ {"version":3,"file":"SelectCategory.js","sources":["../../../admin/src/components/SelectCategory.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ComboboxOption, Combobox, Field } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { FormChangeHandler, IntlLabel } from '../types';\n\ninterface SelectCategoryProps {\n error?: string \| null;\n intlLabel: IntlLabel;\n name: string;\n onChange: FormChangeHandler<string, 'select-category'>;\n value?: string;\n isCreating?: boolean;\n dynamicZoneTarget?: string \| null;\n}\n\nexport const SelectCategory = ({\n error = null,\n intlLabel,\n name,\n onChange,\n value = undefined,\n isCreating,\n dynamicZoneTarget,\n}: SelectCategoryProps) => {\n const { formatMessage } = useIntl();\n const { allComponentsCategories } = useDataManager();\n const [categories, setCategories] = useState(allComponentsCategories);\n\n const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n const label = formatMessage(intlLabel);\n\n const handleChange = (value?: string) => {\n if (value === undefined) {\n return;\n }\n\n onChange({ target: { name, value, type: 'select-category' } });\n };\n\n const handleCreateOption = (value?: string) => {\n if (value === undefined) {\n return;\n }\n\n setCategories((prev) => [...prev, value]);\n handleChange(value);\n };\n\n return (\n <Field.Root error={errorMessage} name={name}>\n <Field.Label>{label}</Field.Label>\n <Combobox\n // TODO: re-enable category edits, renaming categories of already existing components currently breaks other functionality\n // See https://github.com/strapi/strapi/issues/20356\n disabled={!isCreating && !dynamicZoneTarget}\n onChange={handleChange}\n onCreateOption={handleCreateOption}\n value={value}\n creatable\n >\n {categories.map((category) => (\n <ComboboxOption key={category} value={category}>\n {category}\n </ComboboxOption>\n ))}\n </Combobox>\n <Field.Error />\n </Field.Root>\n );\n};\n"],"names":["SelectCategory","error","intlLabel","name","onChange","value","undefined","isCreating","dynamicZoneTarget","formatMessage","useIntl","allComponentsCategories","useDataManager","categories","setCategories","useState","errorMessage","id","defaultMessage","label","handleChange","target","type","handleCreateOption","prev","_jsxs","Field","Root","_jsx","Label","Combobox","disabled","onCreateOption","creatable","map","category","ComboboxOption","Error"],"mappings":";;;;;;;;MAmBaA,cAAAA,GAAiB,CAAC,EAC7BC,KAAAA,GAAQ,IAAI,EACZC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQC,SAAS,EACjBC,UAAU,EACVC,iBAAiB,EACG,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,uBAAuB,EAAE,GAAGC,6BAAAA,EAAAA;AACpC,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAASJ,uBAAAA,CAAAA;IAE7C,MAAMK,YAAAA,GAAef,QAAQQ,aAAAA,CAAc;QAAEQ,EAAAA,EAAIhB,KAAAA;QAAOiB,cAAAA,EAAgBjB;KAAM,CAAA,GAAK,EAAA;AACnF,IAAA,MAAMkB,QAAQV,aAAAA,CAAcP,SAAAA,CAAAA;AAE5B,IAAA,MAAMkB,eAAe,CAACf,KAAAA,GAAAA;AACpB,QAAA,IAAIA,UAAUC,SAAAA,EAAW;AACvB,YAAA;AACF,QAAA;QAEAF,QAAAA,CAAS;YAAEiB,MAAAA,EAAQ;AAAElB,gBAAAA,IAAAA;AAAME,gBAAAA,KAAAA;gBAAOiB,IAAAA,EAAM;AAAkB;AAAE,SAAA,CAAA;AAC9D,IAAA,CAAA;AAEA,IAAA,MAAMC,qBAAqB,CAAClB,KAAAA,GAAAA;AAC1B,QAAA,IAAIA,UAAUC,SAAAA,EAAW;AACvB,YAAA;AACF,QAAA;AAEAQ,QAAAA,aAAAA,CAAc,CAACU,IAAAA,GAAS;AAAIA,gBAAAA,GAAAA,IAAAA;AAAMnB,gBAAAA;AAAM,aAAA,CAAA;QACxCe,YAAAA,CAAaf,KAAAA,CAAAA;AACf,IAAA,CAAA;IAEA,qBACEoB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1B,KAAAA,EAAOe,YAAAA;QAAcb,IAAAA,EAAMA,IAAAA;;AACrC,0BAAAyB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEV,gBAAAA,QAAAA,EAAAA;;0BACdS,cAAA,CAACE,qBAAAA,EAAAA;;;gBAGCC,QAAAA,EAAU,CAACxB,cAAc,CAACC,iBAAAA;gBAC1BJ,QAAAA,EAAUgB,YAAAA;gBACVY,cAAAA,EAAgBT,kBAAAA;gBAChBlB,KAAAA,EAAOA,KAAAA;gBACP4B,SAAS,EAAA,IAAA;AAERpB,gBAAAA,QAAAA,EAAAA,UAAAA,CAAWqB,GAAG,CAAC,CAACC,QAAAA,iBACfP,cAAA,CAACQ,2BAAAA,EAAAA;wBAA8B/B,KAAAA,EAAO8B,QAAAA;AACnCA,wBAAAA,QAAAA,EAAAA;AADkBA,qBAAAA,EAAAA,QAAAA,CAAAA;;AAKzB,0BAAAP,cAAA,CAACF,mBAAMW,KAAK,EAAA,EAAA;;;AAGlB;;;;"}