@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/GenericInputs.mjs

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