@strapi/content-type-builder 5.12.1 → 5.12.2

package/dist/admin/components/GenericInputs.mjs

@@ -0,0 +1,508 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Field, TextInput, TimePicker, Textarea, SingleSelect, SingleSelectOption, NumberInput, DatePicker, DateTimePicker, Checkbox, Toggle, JSONInput } from '@strapi/design-system';
+import { Eye, EyeStriked } from '@strapi/icons';
+import formatISO from 'date-fns/formatISO';
+import isEqual from 'lodash/isEqual';
+import { useIntl } from 'react-intl';
+import { parseDateValue } from '../utils/parseDateValue.mjs';
+import { handleTimeChange, handleTimeChangeEvent } from '../utils/timeFormat.mjs';
+
+const GenericInput = ({ autoComplete, customInputs, description, disabled, intlLabel, labelAction, error, name, onChange, options = [], placeholder, required, step, type, value: defaultValue, isNullable, attribute, ...rest })=>{
+    const { formatMessage } = useIntl();
+    // TODO: Workaround to get the field hint values if they exist on the type
+    const getFieldHintValue = (attribute, key)=>{
+        if (!attribute) return;
+        if (key === 'minLength' && key in attribute) {
+            return attribute[key];
+        }
+        if (key === 'maxLength' && key in attribute) {
+            return attribute[key];
+        }
+        if (key === 'max' && key in attribute) {
+            return attribute[key];
+        }
+        if (key === 'min' && key in attribute) {
+            return attribute[key];
+        }
+    };
+    const { hint } = useFieldHint({
+        description,
+        fieldSchema: {
+            minLength: getFieldHintValue(attribute, 'minLength'),
+            maxLength: getFieldHintValue(attribute, 'maxLength'),
+            max: getFieldHintValue(attribute, 'max'),
+            min: getFieldHintValue(attribute, 'min')
+        },
+        type: attribute?.type || type
+    });
+    const [showPassword, setShowPassword] = React.useState(false);
+    const CustomInput = customInputs ? customInputs[type] : null;
+    // the API always returns null, which throws an error in React,
+    // therefore we cast this case to undefined
+    const value = defaultValue ?? undefined;
+    /*
+   TODO: ideally we should pass in `defaultValue` and `value` for
+   inputs, in order to make them controlled components. This variable
+   acts as a fallback for now, to prevent React errors in devopment mode
+
+   See: https://github.com/strapi/strapi/pull/12861
+  */ const valueWithEmptyStringFallback = value ?? '';
+    function getErrorMessage(error) {
+        if (!error) {
+            return null;
+        }
+        if (typeof error === 'string') {
+            return formatMessage({
+                id: error,
+                defaultMessage: error
+            });
+        }
+        const values = {
+            ...error.values
+        };
+        return formatMessage({
+            id: error.id,
+            defaultMessage: error?.defaultMessage ?? error.id
+        }, values);
+    }
+    const errorMessage = getErrorMessage(error) ?? undefined;
+    if (CustomInput) {
+        return /*#__PURE__*/ jsx(CustomInput, {
+            ...rest,
+            attribute: attribute,
+            description: description,
+            hint: hint,
+            disabled: disabled,
+            intlLabel: intlLabel,
+            labelAction: labelAction,
+            error: errorMessage || '',
+            name: name,
+            onChange: onChange,
+            options: options,
+            required: required,
+            placeholder: placeholder,
+            type: type,
+            value: value
+        });
+    }
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const formattedPlaceholder = placeholder ? formatMessage({
+        id: placeholder.id,
+        defaultMessage: placeholder.defaultMessage
+    }, {
+        ...placeholder.values
+    }) : '';
+    const getComponent = ()=>{
+        switch(type){
+            case 'json':
+                {
+                    return /*#__PURE__*/ jsx(JSONInput, {
+                        value: value,
+                        disabled: disabled,
+                        onChange: (json)=>{
+                            // Default to null when the field is not required and there is no input value
+                            const value = attribute && 'required' in attribute && !attribute?.required && !json.length ? null : json;
+                            onChange({
+                                target: {
+                                    name,
+                                    value
+                                }
+                            }, false);
+                        },
+                        minHeight: "25.2rem",
+                        maxHeight: "50.4rem"
+                    });
+                }
+            case 'bool':
+                {
+                    return /*#__PURE__*/ jsx(Toggle, {
+                        checked: defaultValue === null ? null : defaultValue || false,
+                        disabled: disabled,
+                        offLabel: formatMessage({
+                            id: 'app.components.ToggleCheckbox.off-label',
+                            defaultMessage: 'False'
+                        }),
+                        onLabel: formatMessage({
+                            id: 'app.components.ToggleCheckbox.on-label',
+                            defaultMessage: 'True'
+                        }),
+                        onChange: (e)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value: e.target.checked
+                                }
+                            });
+                        }
+                    });
+                }
+            case 'checkbox':
+                {
+                    return /*#__PURE__*/ jsx(Checkbox, {
+                        disabled: disabled,
+                        onCheckedChange: (value)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value
+                                }
+                            });
+                        },
+                        checked: Boolean(value),
+                        children: label
+                    });
+                }
+            case 'datetime':
+                {
+                    const dateValue = parseDateValue(value);
+                    return /*#__PURE__*/ jsx(DateTimePicker, {
+                        clearLabel: formatMessage({
+                            id: 'clearLabel',
+                            defaultMessage: 'Clear'
+                        }),
+                        disabled: disabled,
+                        onChange: (date)=>{
+                            // check if date is not null or undefined
+                            const formattedDate = date ? date.toISOString() : null;
+                            onChange({
+                                target: {
+                                    name,
+                                    value: formattedDate,
+                                    type
+                                }
+                            });
+                        },
+                        onClear: ()=>onChange({
+                                target: {
+                                    name,
+                                    value: null,
+                                    type
+                                }
+                            }),
+                        placeholder: formattedPlaceholder,
+                        value: dateValue
+                    });
+                }
+            case 'date':
+                {
+                    const dateValue = parseDateValue(value);
+                    return /*#__PURE__*/ jsx(DatePicker, {
+                        clearLabel: formatMessage({
+                            id: 'clearLabel',
+                            defaultMessage: 'Clear'
+                        }),
+                        disabled: disabled,
+                        onChange: (date)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value: date ? formatISO(date, {
+                                        representation: 'date'
+                                    }) : null,
+                                    type
+                                }
+                            });
+                        },
+                        onClear: ()=>onChange({
+                                target: {
+                                    name,
+                                    value: null,
+                                    type
+                                }
+                            }),
+                        placeholder: formattedPlaceholder,
+                        value: dateValue
+                    });
+                }
+            case 'number':
+                {
+                    return /*#__PURE__*/ jsx(NumberInput, {
+                        disabled: disabled,
+                        onValueChange: (value)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value,
+                                    type
+                                }
+                            });
+                        },
+                        placeholder: formattedPlaceholder,
+                        step: step,
+                        value: value
+                    });
+                }
+            case 'email':
+                {
+                    return /*#__PURE__*/ jsx(TextInput, {
+                        autoComplete: autoComplete,
+                        disabled: disabled,
+                        onChange: (e)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value: e.target.value,
+                                    type
+                                }
+                            });
+                        },
+                        placeholder: formattedPlaceholder,
+                        type: "email",
+                        value: valueWithEmptyStringFallback
+                    });
+                }
+            case 'timestamp':
+            case 'text':
+            case 'string':
+                {
+                    return /*#__PURE__*/ jsx(TextInput, {
+                        autoComplete: autoComplete,
+                        disabled: disabled,
+                        onChange: (e)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value: e.target.value,
+                                    type
+                                }
+                            });
+                        },
+                        placeholder: formattedPlaceholder,
+                        type: "text",
+                        value: valueWithEmptyStringFallback
+                    });
+                }
+            case 'password':
+                {
+                    return /*#__PURE__*/ jsx(TextInput, {
+                        autoComplete: autoComplete,
+                        disabled: disabled,
+                        endAction: /*#__PURE__*/ jsx("button", {
+                            "aria-label": formatMessage({
+                                id: 'Auth.form.password.show-password',
+                                defaultMessage: 'Show password'
+                            }),
+                            onClick: ()=>{
+                                setShowPassword((prev)=>!prev);
+                            },
+                            style: {
+                                border: 'none',
+                                padding: 0,
+                                background: 'transparent'
+                            },
+                            type: "button",
+                            children: showPassword ? /*#__PURE__*/ jsx(Eye, {
+                                fill: "neutral500"
+                            }) : /*#__PURE__*/ jsx(EyeStriked, {
+                                fill: "neutral500"
+                            })
+                        }),
+                        onChange: (e)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value: e.target.value,
+                                    type
+                                }
+                            });
+                        },
+                        placeholder: formattedPlaceholder,
+                        type: showPassword ? 'text' : 'password',
+                        value: valueWithEmptyStringFallback
+                    });
+                }
+            case 'select':
+                {
+                    return /*#__PURE__*/ jsx(SingleSelect, {
+                        disabled: disabled,
+                        onChange: (value)=>{
+                            onChange({
+                                target: {
+                                    name,
+                                    value,
+                                    type: 'select'
+                                }
+                            });
+                        },
+                        placeholder: formattedPlaceholder,
+                        value: value,
+                        children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                            return /*#__PURE__*/ jsx(SingleSelectOption, {
+                                value: value,
+                                disabled: disabled,
+                                hidden: hidden,
+                                children: formatMessage(intlLabel)
+                            }, key);
+                        })
+                    });
+                }
+            case 'textarea':
+                {
+                    return /*#__PURE__*/ jsx(Textarea, {
+                        disabled: disabled,
+                        onChange: (event)=>onChange({
+                                target: {
+                                    name,
+                                    value: event.target.value,
+                                    type
+                                }
+                            }),
+                        placeholder: formattedPlaceholder,
+                        value: valueWithEmptyStringFallback
+                    });
+                }
+            case 'time':
+                {
+                    const formattedValue = handleTimeChange({
+                        value,
+                        onChange,
+                        name,
+                        type
+                    });
+                    return /*#__PURE__*/ jsx(TimePicker, {
+                        clearLabel: formatMessage({
+                            id: 'clearLabel',
+                            defaultMessage: 'Clear'
+                        }),
+                        disabled: disabled,
+                        onChange: (time)=>handleTimeChangeEvent(onChange, name, type, time),
+                        onClear: ()=>handleTimeChangeEvent(onChange, name, type, undefined),
+                        value: formattedValue
+                    });
+                }
+            default:
+                {
+                    /**
+         * If there's no component for the given type, we return a disabled text input
+         * showing a "Not supported" title to illustrate the issue.
+         */ return /*#__PURE__*/ jsx(TextInput, {
+                        disabled: true,
+                        placeholder: "Not supported",
+                        type: "text",
+                        value: ""
+                    });
+                }
+        }
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        hint: hint,
+        required: required,
+        children: [
+            type !== 'checkbox' ? /*#__PURE__*/ jsx(Field.Label, {
+                action: labelAction,
+                children: label
+            }) : null,
+            getComponent(),
+            /*#__PURE__*/ jsx(Field.Error, {}),
+            /*#__PURE__*/ jsx(Field.Hint, {})
+        ]
+    });
+};
+/**
+ * @description
+ * A hook for generating the hint for a field
+ */ const useFieldHint = ({ description, fieldSchema, type })=>{
+    const { formatMessage } = useIntl();
+    const buildDescription = ()=>description?.id ? formatMessage({
+            id: description.id,
+            defaultMessage: description.defaultMessage
+        }, {
+            ...description.values
+        }) : '';
+    const buildHint = ()=>{
+        const { maximum, minimum } = getMinMax(fieldSchema);
+        const units = getFieldUnits({
+            type,
+            minimum,
+            maximum
+        });
+        const minIsNumber = typeof minimum === 'number';
+        const maxIsNumber = typeof maximum === 'number';
+        const hasMinAndMax = maxIsNumber && minIsNumber;
+        const hasMinOrMax = maxIsNumber || minIsNumber;
+        if (!description?.id && !hasMinOrMax) {
+            return '';
+        }
+        return formatMessage({
+            id: 'content-manager.form.Input.hint.text',
+            defaultMessage: '{min, select, undefined {} other {min. {min}}}{divider}{max, select, undefined {} other {max. {max}}}{unit}{br}{description}'
+        }, {
+            min: minimum,
+            max: maximum,
+            description: buildDescription(),
+            unit: units?.message && hasMinOrMax ? formatMessage(units.message, units.values) : null,
+            divider: hasMinAndMax ? formatMessage({
+                id: 'content-manager.form.Input.hint.minMaxDivider',
+                defaultMessage: ' / '
+            }) : null,
+            br: hasMinOrMax ? /*#__PURE__*/ jsx("br", {}) : null
+        });
+    };
+    return {
+        hint: buildHint()
+    };
+};
+const getFieldUnits = ({ type, minimum, maximum })=>{
+    if (type && [
+        'biginteger',
+        'integer',
+        'number'
+    ].includes(type)) {
+        return {};
+    }
+    const maxValue = Math.max(minimum || 0, maximum || 0);
+    return {
+        message: {
+            id: 'content-manager.form.Input.hint.character.unit',
+            defaultMessage: '{maxValue, plural, one { character} other { characters}}'
+        },
+        values: {
+            maxValue
+        }
+    };
+};
+const getMinMax = (fieldSchema)=>{
+    if (!fieldSchema) {
+        return {
+            maximum: undefined,
+            minimum: undefined
+        };
+    }
+    const { minLength, maxLength, max, min } = fieldSchema;
+    let minimum;
+    let maximum;
+    const parsedMin = Number(min);
+    const parsedMinLength = Number(minLength);
+    if (!Number.isNaN(parsedMin)) {
+        minimum = parsedMin;
+    } else if (!Number.isNaN(parsedMinLength)) {
+        minimum = parsedMinLength;
+    }
+    const parsedMax = Number(max);
+    const parsedMaxLength = Number(maxLength);
+    if (!Number.isNaN(parsedMax)) {
+        maximum = parsedMax;
+    } else if (!Number.isNaN(parsedMaxLength)) {
+        maximum = parsedMaxLength;
+    }
+    return {
+        maximum,
+        minimum
+    };
+};
+/**
+ * we've memoized this component because we use a context to store all the data in our form in the content-manager.
+ * This then causes _every_ component to re-render because there are no selects incurring performance issues
+ * in content-types as the content-type gets more complicated.
+ */ const MemoizedGenericInput = /*#__PURE__*/ React.memo(GenericInput, isEqual);
+
+export { MemoizedGenericInput as GenericInput };
+//# sourceMappingURL=GenericInputs.mjs.map

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

@@ -0,0 +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<TAttribute extends Schema.Attribute.AnyAttribute>\n  extends Omit<GenericInputProps<TAttribute>, 'customInputs'> {\n  ref?: React.Ref<HTMLElement>;\n  hint?: string | React.JSX.Element | (string | React.JSX.Element)[];\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  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}\n\nconst GenericInput = ({\n  autoComplete,\n  customInputs,\n  description,\n  disabled,\n  intlLabel,\n  labelAction,\n  error,\n  name,\n  onChange,\n  options = [],\n  placeholder,\n  required,\n  step,\n  type,\n  value: defaultValue,\n  isNullable,\n  attribute,\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        options={options}\n        required={required}\n        placeholder={placeholder}\n        type={type}\n        value={value}\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          />\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          />\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          />\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 && ['biginteger', 'integer', 'number'].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","options","placeholder","required","step","type","value","defaultValue","isNullable","attribute","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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"}