@strapi/content-manager 0.0.0-experimental.c222e1c4de12dd05c26938a605a1128fb3481d1d → 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c

package/dist/admin/pages/EditView/components/InputRenderer.js

@@ -0,0 +1,229 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var collections = require('../../../constants/collections.js');
+var DocumentRBAC = require('../../../features/DocumentRBAC.js');
+var useDocument = require('../../../hooks/useDocument.js');
+var useDocumentLayout = require('../../../hooks/useDocumentLayout.js');
+var useLazyComponents = require('../../../hooks/useLazyComponents.js');
+var BlocksInput = require('./FormInputs/BlocksInput/BlocksInput.js');
+var Input = require('./FormInputs/Component/Input.js');
+var Field = require('./FormInputs/DynamicZone/Field.js');
+var NotAllowed = require('./FormInputs/NotAllowed.js');
+var Relations = require('./FormInputs/Relations.js');
+var UID = require('./FormInputs/UID.js');
+var Field$1 = require('./FormInputs/Wysiwyg/Field.js');
+
+/**
+ * @internal
+ *
+ * @description An abstraction around the regular form input renderer designed
+ * specifically to be used in the EditView of the content-manager this understands
+ * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific
+ * components such as Blocks / Relations.
+ */ const InputRenderer = ({ visible, hint: providedHint, ...props })=>{
+    const { id, document, collectionType } = useDocument.useDoc();
+    const isFormDisabled = strapiAdmin.useForm('InputRenderer', (state)=>state.disabled);
+    const isInDynamicZone = Field.useDynamicZone('isInDynamicZone', (state)=>state.isInDynamicZone);
+    const canCreateFields = DocumentRBAC.useDocumentRBAC('InputRenderer', (rbac)=>rbac.canCreateFields);
+    const canReadFields = DocumentRBAC.useDocumentRBAC('InputRenderer', (rbac)=>rbac.canReadFields);
+    const canUpdateFields = DocumentRBAC.useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUpdateFields);
+    const canUserAction = DocumentRBAC.useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUserAction);
+    let idToCheck = id;
+    if (collectionType === collections.SINGLE_TYPES) {
+        idToCheck = document?.documentId;
+    }
+    const editableFields = idToCheck ? canUpdateFields : canCreateFields;
+    const readableFields = idToCheck ? canReadFields : canCreateFields;
+    /**
+   * Component fields are always readable and editable,
+   * however the fields within them may not be.
+   */ const canUserReadField = canUserAction(props.name, readableFields, props.type);
+    const canUserEditField = canUserAction(props.name, editableFields, props.type);
+    const fields = strapiAdmin.useStrapiApp('InputRenderer', (app)=>app.fields);
+    const { lazyComponentStore } = useLazyComponents.useLazyComponents(attributeHasCustomFieldProperty(props.attribute) ? [
+        props.attribute.customField
+    ] : undefined);
+    const hint = useFieldHint(providedHint, props.attribute);
+    const { edit: { components } } = useDocumentLayout.useDocLayout();
+    // We pass field in case of Custom Fields to keep backward compatibility
+    const field = strapiAdmin.useField(props.name);
+    if (!visible) {
+        return null;
+    }
+    /**
+   * If the user can't read the field then we don't want to ever render it.
+   */ if (!canUserReadField && !isInDynamicZone) {
+        return /*#__PURE__*/ jsxRuntime.jsx(NotAllowed.NotAllowedInput, {
+            hint: hint,
+            ...props
+        });
+    }
+    const fieldIsDisabled = !canUserEditField && !isInDynamicZone || props.disabled || isFormDisabled;
+    /**
+   * Because a custom field has a unique prop but the type could be confused with either
+   * the useField hook or the type of the field we need to handle it separately and first.
+   */ if (attributeHasCustomFieldProperty(props.attribute)) {
+        const CustomInput = lazyComponentStore[props.attribute.customField];
+        if (CustomInput) {
+            // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.
+            return /*#__PURE__*/ jsxRuntime.jsx(CustomInput, {
+                ...props,
+                ...field,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+            ...props,
+            hint: hint,
+            // @ts-expect-error – this workaround lets us display that the custom field is missing.
+            type: props.attribute.customField,
+            disabled: fieldIsDisabled
+        });
+    }
+    /**
+   * This is where we handle ONLY the fields from the `useLibrary` hook.
+   */ const addedInputTypes = Object.keys(fields);
+    if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {
+        const CustomInput = fields[props.type];
+        // @ts-expect-error – TODO: fix this type error in the useLibrary hook.
+        return /*#__PURE__*/ jsxRuntime.jsx(CustomInput, {
+            ...props,
+            hint: hint,
+            disabled: fieldIsDisabled
+        });
+    }
+    /**
+   * These include the content-manager specific fields, failing that we fall back
+   * to the more generic form input renderer.
+   */ switch(props.type){
+        case 'blocks':
+            return /*#__PURE__*/ jsxRuntime.jsx(BlocksInput.BlocksInput, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        case 'component':
+            return /*#__PURE__*/ jsxRuntime.jsx(Input.ComponentInput, {
+                ...props,
+                hint: hint,
+                layout: components[props.attribute.component].layout,
+                disabled: fieldIsDisabled,
+                children: (inputProps)=>/*#__PURE__*/ jsxRuntime.jsx(InputRenderer, {
+                        ...inputProps
+                    })
+            });
+        case 'dynamiczone':
+            return /*#__PURE__*/ jsxRuntime.jsx(Field.DynamicZone, {
+                ...props,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        case 'relation':
+            return /*#__PURE__*/ jsxRuntime.jsx(Relations.RelationsInput, {
+                ...props,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        case 'richtext':
+            return /*#__PURE__*/ jsxRuntime.jsx(Field$1.Wysiwyg, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        case 'uid':
+            return /*#__PURE__*/ jsxRuntime.jsx(UID.UIDInput, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        /**
+     * Enumerations are a special case because they require options.
+     */ case 'enumeration':
+            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                ...props,
+                hint: hint,
+                options: props.attribute.enum.map((value)=>({
+                        value
+                    })),
+                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
+                type: props.customField ? 'custom-field' : props.type,
+                disabled: fieldIsDisabled
+            });
+        default:
+            // These props are not needed for the generic form input renderer.
+            const { unique: _unique, mainField: _mainField, ...restProps } = props;
+            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                ...restProps,
+                hint: hint,
+                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
+                type: props.customField ? 'custom-field' : props.type,
+                disabled: fieldIsDisabled
+            });
+    }
+};
+const attributeHasCustomFieldProperty = (attribute)=>'customField' in attribute && typeof attribute.customField === 'string';
+const useFieldHint = (hint = undefined, attribute)=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { maximum, minimum } = getMinMax(attribute);
+    if (!maximum && !minimum) {
+        return hint;
+    }
+    const units = ![
+        'biginteger',
+        'integer',
+        'number',
+        'dynamiczone',
+        'component'
+    ].includes(attribute.type) ? formatMessage({
+        id: 'content-manager.form.Input.hint.character.unit',
+        defaultMessage: '{maxValue, plural, one { character} other { characters}}'
+    }, {
+        maxValue: Math.max(minimum || 0, maximum || 0)
+    }) : null;
+    const hasMinAndMax = typeof minimum === 'number' && typeof maximum === 'number';
+    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: hint,
+        unit: units,
+        divider: hasMinAndMax ? formatMessage({
+            id: 'content-manager.form.Input.hint.minMaxDivider',
+            defaultMessage: ' / '
+        }) : null,
+        br: /*#__PURE__*/ jsxRuntime.jsx("br", {})
+    });
+};
+const getMinMax = (attribute)=>{
+    if ('min' in attribute || 'max' in attribute) {
+        return {
+            maximum: !Number.isNaN(Number(attribute.max)) ? Number(attribute.max) : undefined,
+            minimum: !Number.isNaN(Number(attribute.min)) ? Number(attribute.min) : undefined
+        };
+    } else if ('maxLength' in attribute || 'minLength' in attribute) {
+        return {
+            maximum: attribute.maxLength,
+            minimum: attribute.minLength
+        };
+    } else {
+        return {
+            maximum: undefined,
+            minimum: undefined
+        };
+    }
+};
+const MemoizedInputRenderer = /*#__PURE__*/ React.memo(InputRenderer);
+
+exports.InputRenderer = MemoizedInputRenderer;
+exports.useFieldHint = useFieldHint;
+//# sourceMappingURL=InputRenderer.js.map

package/dist/admin/pages/EditView/components/InputRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRenderer.js","sources":["../../../../../admin/src/pages/EditView/components/InputRenderer.tsx"],"sourcesContent":["import { ReactNode, memo } from 'react';\n\nimport {\n  useStrapiApp,\n  useForm,\n  InputRenderer as FormInputRenderer,\n  useField,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { SINGLE_TYPES } from '../../../constants/collections';\nimport { useDocumentRBAC } from '../../../features/DocumentRBAC';\nimport { useDoc } from '../../../hooks/useDocument';\nimport { useDocLayout } from '../../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../../hooks/useLazyComponents';\n\nimport { BlocksInput } from './FormInputs/BlocksInput/BlocksInput';\nimport { ComponentInput } from './FormInputs/Component/Input';\nimport { DynamicZone, useDynamicZone } from './FormInputs/DynamicZone/Field';\nimport { NotAllowedInput } from './FormInputs/NotAllowed';\nimport { RelationsInput } from './FormInputs/Relations';\nimport { UIDInput } from './FormInputs/UID';\nimport { Wysiwyg } from './FormInputs/Wysiwyg/Field';\n\nimport type { EditFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { Schema } from '@strapi/types';\nimport type { DistributiveOmit } from 'react-redux';\n\ntype InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'>;\n/**\n * @internal\n *\n * @description An abstraction around the regular form input renderer designed\n * specifically to be used in the EditView of the content-manager this understands\n * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific\n * components such as Blocks / Relations.\n */\nconst InputRenderer = ({ visible, hint: providedHint, ...props }: InputRendererProps) => {\n  const { id, document, collectionType } = useDoc();\n  const isFormDisabled = useForm('InputRenderer', (state) => state.disabled);\n\n  const isInDynamicZone = useDynamicZone('isInDynamicZone', (state) => state.isInDynamicZone);\n\n  const canCreateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canCreateFields);\n  const canReadFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canReadFields);\n  const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUpdateFields);\n  const canUserAction = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUserAction);\n\n  let idToCheck = id;\n  if (collectionType === SINGLE_TYPES) {\n    idToCheck = document?.documentId;\n  }\n\n  const editableFields = idToCheck ? canUpdateFields : canCreateFields;\n  const readableFields = idToCheck ? canReadFields : canCreateFields;\n\n  /**\n   * Component fields are always readable and editable,\n   * however the fields within them may not be.\n   */\n  const canUserReadField = canUserAction(props.name, readableFields, props.type);\n  const canUserEditField = canUserAction(props.name, editableFields, props.type);\n\n  const fields = useStrapiApp('InputRenderer', (app) => app.fields);\n  const { lazyComponentStore } = useLazyComponents(\n    attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : undefined\n  );\n\n  const hint = useFieldHint(providedHint, props.attribute);\n  const {\n    edit: { components },\n  } = useDocLayout();\n\n  // We pass field in case of Custom Fields to keep backward compatibility\n  const field = useField(props.name);\n\n  if (!visible) {\n    return null;\n  }\n\n  /**\n   * If the user can't read the field then we don't want to ever render it.\n   */\n  if (!canUserReadField && !isInDynamicZone) {\n    return <NotAllowedInput hint={hint} {...props} />;\n  }\n\n  const fieldIsDisabled =\n    (!canUserEditField && !isInDynamicZone) || props.disabled || isFormDisabled;\n\n  /**\n   * Because a custom field has a unique prop but the type could be confused with either\n   * the useField hook or the type of the field we need to handle it separately and first.\n   */\n  if (attributeHasCustomFieldProperty(props.attribute)) {\n    const CustomInput = lazyComponentStore[props.attribute.customField];\n\n    if (CustomInput) {\n      // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\n      return <CustomInput {...props} {...field} hint={hint} disabled={fieldIsDisabled} />;\n    }\n\n    return (\n      <FormInputRenderer\n        {...props}\n        hint={hint}\n        // @ts-expect-error – this workaround lets us display that the custom field is missing.\n        type={props.attribute.customField}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * This is where we handle ONLY the fields from the `useLibrary` hook.\n   */\n  const addedInputTypes = Object.keys(fields);\n  if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {\n    const CustomInput = fields[props.type];\n    // @ts-expect-error – TODO: fix this type error in the useLibrary hook.\n    return <CustomInput {...props} hint={hint} disabled={fieldIsDisabled} />;\n  }\n\n  /**\n   * These include the content-manager specific fields, failing that we fall back\n   * to the more generic form input renderer.\n   */\n  switch (props.type) {\n    case 'blocks':\n      return <BlocksInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'component':\n      return (\n        <ComponentInput\n          {...props}\n          hint={hint}\n          layout={components[props.attribute.component].layout}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <InputRenderer {...inputProps} />}\n        </ComponentInput>\n      );\n    case 'dynamiczone':\n      return <DynamicZone {...props} hint={hint} disabled={fieldIsDisabled} />;\n    case 'relation':\n      return <RelationsInput {...props} hint={hint} disabled={fieldIsDisabled} />;\n    case 'richtext':\n      return <Wysiwyg {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'uid':\n      return <UIDInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    /**\n     * Enumerations are a special case because they require options.\n     */\n    case 'enumeration':\n      return (\n        <FormInputRenderer\n          {...props}\n          hint={hint}\n          options={props.attribute.enum.map((value) => ({ value }))}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n    default:\n      // These props are not needed for the generic form input renderer.\n      const { unique: _unique, mainField: _mainField, ...restProps } = props;\n      return (\n        <FormInputRenderer\n          {...restProps}\n          hint={hint}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n  }\n};\n\nconst attributeHasCustomFieldProperty = (\n  attribute: Schema.Attribute.AnyAttribute\n): attribute is Schema.Attribute.AnyAttribute & Schema.Attribute.CustomField<string> =>\n  'customField' in attribute && typeof attribute.customField === 'string';\n\nconst useFieldHint = (hint: ReactNode = undefined, attribute: Schema.Attribute.AnyAttribute) => {\n  const { formatMessage } = useIntl();\n\n  const { maximum, minimum } = getMinMax(attribute);\n\n  if (!maximum && !minimum) {\n    return hint;\n  }\n\n  const units = !['biginteger', 'integer', 'number', 'dynamiczone', 'component'].includes(\n    attribute.type\n  )\n    ? formatMessage(\n        {\n          id: 'content-manager.form.Input.hint.character.unit',\n          defaultMessage: '{maxValue, plural, one { character} other { characters}}',\n        },\n        {\n          maxValue: Math.max(minimum || 0, maximum || 0),\n        }\n      )\n    : null;\n\n  const hasMinAndMax = typeof minimum === 'number' && typeof maximum === 'number';\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: hint,\n      unit: units,\n      divider: hasMinAndMax\n        ? formatMessage({\n            id: 'content-manager.form.Input.hint.minMaxDivider',\n            defaultMessage: ' / ',\n          })\n        : null,\n      br: <br />,\n    }\n  );\n};\n\nconst getMinMax = (attribute: Schema.Attribute.AnyAttribute) => {\n  if ('min' in attribute || 'max' in attribute) {\n    return {\n      maximum: !Number.isNaN(Number(attribute.max)) ? Number(attribute.max) : undefined,\n      minimum: !Number.isNaN(Number(attribute.min)) ? Number(attribute.min) : undefined,\n    };\n  } else if ('maxLength' in attribute || 'minLength' in attribute) {\n    return { maximum: attribute.maxLength, minimum: attribute.minLength };\n  } else {\n    return { maximum: undefined, minimum: undefined };\n  }\n};\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport type { InputRendererProps };\nexport { MemoizedInputRenderer as InputRenderer, useFieldHint };\n"],"names":["InputRenderer","visible","hint","providedHint","props","id","document","collectionType","useDoc","isFormDisabled","useForm","state","disabled","isInDynamicZone","useDynamicZone","canCreateFields","useDocumentRBAC","rbac","canReadFields","canUpdateFields","canUserAction","idToCheck","SINGLE_TYPES","documentId","editableFields","readableFields","canUserReadField","name","type","canUserEditField","fields","useStrapiApp","app","lazyComponentStore","useLazyComponents","attributeHasCustomFieldProperty","attribute","customField","undefined","useFieldHint","edit","components","useDocLayout","field","useField","_jsx","NotAllowedInput","fieldIsDisabled","CustomInput","FormInputRenderer","addedInputTypes","Object","keys","includes","BlocksInput","ComponentInput","layout","component","inputProps","DynamicZone","RelationsInput","Wysiwyg","UIDInput","options","enum","map","value","unique","_unique","mainField","_mainField","restProps","formatMessage","useIntl","maximum","minimum","getMinMax","units","defaultMessage","maxValue","Math","max","hasMinAndMax","min","description","unit","divider","br","Number","isNaN","maxLength","minLength","MemoizedInputRenderer","memo"],"mappings":"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"}

package/dist/admin/pages/EditView/components/InputRenderer.mjs

@@ -0,0 +1,226 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { useForm, useStrapiApp, useField, InputRenderer as InputRenderer$1 } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { SINGLE_TYPES } from '../../../constants/collections.mjs';
+import { useDocumentRBAC } from '../../../features/DocumentRBAC.mjs';
+import { useDoc } from '../../../hooks/useDocument.mjs';
+import { useDocLayout } from '../../../hooks/useDocumentLayout.mjs';
+import { useLazyComponents } from '../../../hooks/useLazyComponents.mjs';
+import { BlocksInput as MemoizedBlocksInput } from './FormInputs/BlocksInput/BlocksInput.mjs';
+import { ComponentInput as MemoizedComponentInput } from './FormInputs/Component/Input.mjs';
+import { useDynamicZone, DynamicZone } from './FormInputs/DynamicZone/Field.mjs';
+import { NotAllowedInput } from './FormInputs/NotAllowed.mjs';
+import { RelationsInput as MemoizedRelationsField } from './FormInputs/Relations.mjs';
+import { UIDInput as MemoizedUIDInput } from './FormInputs/UID.mjs';
+import { Wysiwyg as MemoizedWysiwyg } from './FormInputs/Wysiwyg/Field.mjs';
+
+/**
+ * @internal
+ *
+ * @description An abstraction around the regular form input renderer designed
+ * specifically to be used in the EditView of the content-manager this understands
+ * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific
+ * components such as Blocks / Relations.
+ */ const InputRenderer = ({ visible, hint: providedHint, ...props })=>{
+    const { id, document, collectionType } = useDoc();
+    const isFormDisabled = useForm('InputRenderer', (state)=>state.disabled);
+    const isInDynamicZone = useDynamicZone('isInDynamicZone', (state)=>state.isInDynamicZone);
+    const canCreateFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canCreateFields);
+    const canReadFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canReadFields);
+    const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUpdateFields);
+    const canUserAction = useDocumentRBAC('InputRenderer', (rbac)=>rbac.canUserAction);
+    let idToCheck = id;
+    if (collectionType === SINGLE_TYPES) {
+        idToCheck = document?.documentId;
+    }
+    const editableFields = idToCheck ? canUpdateFields : canCreateFields;
+    const readableFields = idToCheck ? canReadFields : canCreateFields;
+    /**
+   * Component fields are always readable and editable,
+   * however the fields within them may not be.
+   */ const canUserReadField = canUserAction(props.name, readableFields, props.type);
+    const canUserEditField = canUserAction(props.name, editableFields, props.type);
+    const fields = useStrapiApp('InputRenderer', (app)=>app.fields);
+    const { lazyComponentStore } = useLazyComponents(attributeHasCustomFieldProperty(props.attribute) ? [
+        props.attribute.customField
+    ] : undefined);
+    const hint = useFieldHint(providedHint, props.attribute);
+    const { edit: { components } } = useDocLayout();
+    // We pass field in case of Custom Fields to keep backward compatibility
+    const field = useField(props.name);
+    if (!visible) {
+        return null;
+    }
+    /**
+   * If the user can't read the field then we don't want to ever render it.
+   */ if (!canUserReadField && !isInDynamicZone) {
+        return /*#__PURE__*/ jsx(NotAllowedInput, {
+            hint: hint,
+            ...props
+        });
+    }
+    const fieldIsDisabled = !canUserEditField && !isInDynamicZone || props.disabled || isFormDisabled;
+    /**
+   * Because a custom field has a unique prop but the type could be confused with either
+   * the useField hook or the type of the field we need to handle it separately and first.
+   */ if (attributeHasCustomFieldProperty(props.attribute)) {
+        const CustomInput = lazyComponentStore[props.attribute.customField];
+        if (CustomInput) {
+            // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.
+            return /*#__PURE__*/ jsx(CustomInput, {
+                ...props,
+                ...field,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        }
+        return /*#__PURE__*/ jsx(InputRenderer$1, {
+            ...props,
+            hint: hint,
+            // @ts-expect-error – this workaround lets us display that the custom field is missing.
+            type: props.attribute.customField,
+            disabled: fieldIsDisabled
+        });
+    }
+    /**
+   * This is where we handle ONLY the fields from the `useLibrary` hook.
+   */ const addedInputTypes = Object.keys(fields);
+    if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {
+        const CustomInput = fields[props.type];
+        // @ts-expect-error – TODO: fix this type error in the useLibrary hook.
+        return /*#__PURE__*/ jsx(CustomInput, {
+            ...props,
+            hint: hint,
+            disabled: fieldIsDisabled
+        });
+    }
+    /**
+   * These include the content-manager specific fields, failing that we fall back
+   * to the more generic form input renderer.
+   */ switch(props.type){
+        case 'blocks':
+            return /*#__PURE__*/ jsx(MemoizedBlocksInput, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        case 'component':
+            return /*#__PURE__*/ jsx(MemoizedComponentInput, {
+                ...props,
+                hint: hint,
+                layout: components[props.attribute.component].layout,
+                disabled: fieldIsDisabled,
+                children: (inputProps)=>/*#__PURE__*/ jsx(InputRenderer, {
+                        ...inputProps
+                    })
+            });
+        case 'dynamiczone':
+            return /*#__PURE__*/ jsx(DynamicZone, {
+                ...props,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        case 'relation':
+            return /*#__PURE__*/ jsx(MemoizedRelationsField, {
+                ...props,
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        case 'richtext':
+            return /*#__PURE__*/ jsx(MemoizedWysiwyg, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        case 'uid':
+            return /*#__PURE__*/ jsx(MemoizedUIDInput, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            });
+        /**
+     * Enumerations are a special case because they require options.
+     */ case 'enumeration':
+            return /*#__PURE__*/ jsx(InputRenderer$1, {
+                ...props,
+                hint: hint,
+                options: props.attribute.enum.map((value)=>({
+                        value
+                    })),
+                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
+                type: props.customField ? 'custom-field' : props.type,
+                disabled: fieldIsDisabled
+            });
+        default:
+            // These props are not needed for the generic form input renderer.
+            const { unique: _unique, mainField: _mainField, ...restProps } = props;
+            return /*#__PURE__*/ jsx(InputRenderer$1, {
+                ...restProps,
+                hint: hint,
+                // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!
+                type: props.customField ? 'custom-field' : props.type,
+                disabled: fieldIsDisabled
+            });
+    }
+};
+const attributeHasCustomFieldProperty = (attribute)=>'customField' in attribute && typeof attribute.customField === 'string';
+const useFieldHint = (hint = undefined, attribute)=>{
+    const { formatMessage } = useIntl();
+    const { maximum, minimum } = getMinMax(attribute);
+    if (!maximum && !minimum) {
+        return hint;
+    }
+    const units = ![
+        'biginteger',
+        'integer',
+        'number',
+        'dynamiczone',
+        'component'
+    ].includes(attribute.type) ? formatMessage({
+        id: 'content-manager.form.Input.hint.character.unit',
+        defaultMessage: '{maxValue, plural, one { character} other { characters}}'
+    }, {
+        maxValue: Math.max(minimum || 0, maximum || 0)
+    }) : null;
+    const hasMinAndMax = typeof minimum === 'number' && typeof maximum === 'number';
+    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: hint,
+        unit: units,
+        divider: hasMinAndMax ? formatMessage({
+            id: 'content-manager.form.Input.hint.minMaxDivider',
+            defaultMessage: ' / '
+        }) : null,
+        br: /*#__PURE__*/ jsx("br", {})
+    });
+};
+const getMinMax = (attribute)=>{
+    if ('min' in attribute || 'max' in attribute) {
+        return {
+            maximum: !Number.isNaN(Number(attribute.max)) ? Number(attribute.max) : undefined,
+            minimum: !Number.isNaN(Number(attribute.min)) ? Number(attribute.min) : undefined
+        };
+    } else if ('maxLength' in attribute || 'minLength' in attribute) {
+        return {
+            maximum: attribute.maxLength,
+            minimum: attribute.minLength
+        };
+    } else {
+        return {
+            maximum: undefined,
+            minimum: undefined
+        };
+    }
+};
+const MemoizedInputRenderer = /*#__PURE__*/ memo(InputRenderer);
+
+export { MemoizedInputRenderer as InputRenderer, useFieldHint };
+//# sourceMappingURL=InputRenderer.mjs.map

package/dist/admin/pages/EditView/components/InputRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRenderer.mjs","sources":["../../../../../admin/src/pages/EditView/components/InputRenderer.tsx"],"sourcesContent":["import { ReactNode, memo } from 'react';\n\nimport {\n  useStrapiApp,\n  useForm,\n  InputRenderer as FormInputRenderer,\n  useField,\n} from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { SINGLE_TYPES } from '../../../constants/collections';\nimport { useDocumentRBAC } from '../../../features/DocumentRBAC';\nimport { useDoc } from '../../../hooks/useDocument';\nimport { useDocLayout } from '../../../hooks/useDocumentLayout';\nimport { useLazyComponents } from '../../../hooks/useLazyComponents';\n\nimport { BlocksInput } from './FormInputs/BlocksInput/BlocksInput';\nimport { ComponentInput } from './FormInputs/Component/Input';\nimport { DynamicZone, useDynamicZone } from './FormInputs/DynamicZone/Field';\nimport { NotAllowedInput } from './FormInputs/NotAllowed';\nimport { RelationsInput } from './FormInputs/Relations';\nimport { UIDInput } from './FormInputs/UID';\nimport { Wysiwyg } from './FormInputs/Wysiwyg/Field';\n\nimport type { EditFieldLayout } from '../../../hooks/useDocumentLayout';\nimport type { Schema } from '@strapi/types';\nimport type { DistributiveOmit } from 'react-redux';\n\ntype InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'>;\n/**\n * @internal\n *\n * @description An abstraction around the regular form input renderer designed\n * specifically to be used in the EditView of the content-manager this understands\n * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific\n * components such as Blocks / Relations.\n */\nconst InputRenderer = ({ visible, hint: providedHint, ...props }: InputRendererProps) => {\n  const { id, document, collectionType } = useDoc();\n  const isFormDisabled = useForm('InputRenderer', (state) => state.disabled);\n\n  const isInDynamicZone = useDynamicZone('isInDynamicZone', (state) => state.isInDynamicZone);\n\n  const canCreateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canCreateFields);\n  const canReadFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canReadFields);\n  const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUpdateFields);\n  const canUserAction = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUserAction);\n\n  let idToCheck = id;\n  if (collectionType === SINGLE_TYPES) {\n    idToCheck = document?.documentId;\n  }\n\n  const editableFields = idToCheck ? canUpdateFields : canCreateFields;\n  const readableFields = idToCheck ? canReadFields : canCreateFields;\n\n  /**\n   * Component fields are always readable and editable,\n   * however the fields within them may not be.\n   */\n  const canUserReadField = canUserAction(props.name, readableFields, props.type);\n  const canUserEditField = canUserAction(props.name, editableFields, props.type);\n\n  const fields = useStrapiApp('InputRenderer', (app) => app.fields);\n  const { lazyComponentStore } = useLazyComponents(\n    attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : undefined\n  );\n\n  const hint = useFieldHint(providedHint, props.attribute);\n  const {\n    edit: { components },\n  } = useDocLayout();\n\n  // We pass field in case of Custom Fields to keep backward compatibility\n  const field = useField(props.name);\n\n  if (!visible) {\n    return null;\n  }\n\n  /**\n   * If the user can't read the field then we don't want to ever render it.\n   */\n  if (!canUserReadField && !isInDynamicZone) {\n    return <NotAllowedInput hint={hint} {...props} />;\n  }\n\n  const fieldIsDisabled =\n    (!canUserEditField && !isInDynamicZone) || props.disabled || isFormDisabled;\n\n  /**\n   * Because a custom field has a unique prop but the type could be confused with either\n   * the useField hook or the type of the field we need to handle it separately and first.\n   */\n  if (attributeHasCustomFieldProperty(props.attribute)) {\n    const CustomInput = lazyComponentStore[props.attribute.customField];\n\n    if (CustomInput) {\n      // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\n      return <CustomInput {...props} {...field} hint={hint} disabled={fieldIsDisabled} />;\n    }\n\n    return (\n      <FormInputRenderer\n        {...props}\n        hint={hint}\n        // @ts-expect-error – this workaround lets us display that the custom field is missing.\n        type={props.attribute.customField}\n        disabled={fieldIsDisabled}\n      />\n    );\n  }\n\n  /**\n   * This is where we handle ONLY the fields from the `useLibrary` hook.\n   */\n  const addedInputTypes = Object.keys(fields);\n  if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {\n    const CustomInput = fields[props.type];\n    // @ts-expect-error – TODO: fix this type error in the useLibrary hook.\n    return <CustomInput {...props} hint={hint} disabled={fieldIsDisabled} />;\n  }\n\n  /**\n   * These include the content-manager specific fields, failing that we fall back\n   * to the more generic form input renderer.\n   */\n  switch (props.type) {\n    case 'blocks':\n      return <BlocksInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'component':\n      return (\n        <ComponentInput\n          {...props}\n          hint={hint}\n          layout={components[props.attribute.component].layout}\n          disabled={fieldIsDisabled}\n        >\n          {(inputProps) => <InputRenderer {...inputProps} />}\n        </ComponentInput>\n      );\n    case 'dynamiczone':\n      return <DynamicZone {...props} hint={hint} disabled={fieldIsDisabled} />;\n    case 'relation':\n      return <RelationsInput {...props} hint={hint} disabled={fieldIsDisabled} />;\n    case 'richtext':\n      return <Wysiwyg {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    case 'uid':\n      return <UIDInput {...props} hint={hint} type={props.type} disabled={fieldIsDisabled} />;\n    /**\n     * Enumerations are a special case because they require options.\n     */\n    case 'enumeration':\n      return (\n        <FormInputRenderer\n          {...props}\n          hint={hint}\n          options={props.attribute.enum.map((value) => ({ value }))}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n    default:\n      // These props are not needed for the generic form input renderer.\n      const { unique: _unique, mainField: _mainField, ...restProps } = props;\n      return (\n        <FormInputRenderer\n          {...restProps}\n          hint={hint}\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\n          type={props.customField ? 'custom-field' : props.type}\n          disabled={fieldIsDisabled}\n        />\n      );\n  }\n};\n\nconst attributeHasCustomFieldProperty = (\n  attribute: Schema.Attribute.AnyAttribute\n): attribute is Schema.Attribute.AnyAttribute & Schema.Attribute.CustomField<string> =>\n  'customField' in attribute && typeof attribute.customField === 'string';\n\nconst useFieldHint = (hint: ReactNode = undefined, attribute: Schema.Attribute.AnyAttribute) => {\n  const { formatMessage } = useIntl();\n\n  const { maximum, minimum } = getMinMax(attribute);\n\n  if (!maximum && !minimum) {\n    return hint;\n  }\n\n  const units = !['biginteger', 'integer', 'number', 'dynamiczone', 'component'].includes(\n    attribute.type\n  )\n    ? formatMessage(\n        {\n          id: 'content-manager.form.Input.hint.character.unit',\n          defaultMessage: '{maxValue, plural, one { character} other { characters}}',\n        },\n        {\n          maxValue: Math.max(minimum || 0, maximum || 0),\n        }\n      )\n    : null;\n\n  const hasMinAndMax = typeof minimum === 'number' && typeof maximum === 'number';\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: hint,\n      unit: units,\n      divider: hasMinAndMax\n        ? formatMessage({\n            id: 'content-manager.form.Input.hint.minMaxDivider',\n            defaultMessage: ' / ',\n          })\n        : null,\n      br: <br />,\n    }\n  );\n};\n\nconst getMinMax = (attribute: Schema.Attribute.AnyAttribute) => {\n  if ('min' in attribute || 'max' in attribute) {\n    return {\n      maximum: !Number.isNaN(Number(attribute.max)) ? Number(attribute.max) : undefined,\n      minimum: !Number.isNaN(Number(attribute.min)) ? Number(attribute.min) : undefined,\n    };\n  } else if ('maxLength' in attribute || 'minLength' in attribute) {\n    return { maximum: attribute.maxLength, minimum: attribute.minLength };\n  } else {\n    return { maximum: undefined, minimum: undefined };\n  }\n};\n\nconst MemoizedInputRenderer = memo(InputRenderer);\n\nexport type { InputRendererProps };\nexport { MemoizedInputRenderer as InputRenderer, useFieldHint };\n"],"names":["InputRenderer","visible","hint","providedHint","props","id","document","collectionType","useDoc","isFormDisabled","useForm","state","disabled","isInDynamicZone","useDynamicZone","canCreateFields","useDocumentRBAC","rbac","canReadFields","canUpdateFields","canUserAction","idToCheck","SINGLE_TYPES","documentId","editableFields","readableFields","canUserReadField","name","type","canUserEditField","fields","useStrapiApp","app","lazyComponentStore","useLazyComponents","attributeHasCustomFieldProperty","attribute","customField","undefined","useFieldHint","edit","components","useDocLayout","field","useField","_jsx","NotAllowedInput","fieldIsDisabled","CustomInput","FormInputRenderer","addedInputTypes","Object","keys","includes","BlocksInput","ComponentInput","layout","component","inputProps","DynamicZone","RelationsInput","Wysiwyg","UIDInput","options","enum","map","value","unique","_unique","mainField","_mainField","restProps","formatMessage","useIntl","maximum","minimum","getMinMax","units","defaultMessage","maxValue","Math","max","hasMinAndMax","min","description","unit","divider","br","Number","isNaN","maxLength","minLength","MemoizedInputRenderer","memo"],"mappings":"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"}