@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.mjs

@@ -0,0 +1,296 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createContext, useForm, useField, useNotification } from '@strapi/admin/strapi-admin';
+import { Flex, Box, VisuallyHidden } from '@strapi/design-system';
+import pipe from 'lodash/fp/pipe';
+import { useIntl } from 'react-intl';
+import { useDocumentContext } from '../../../../../hooks/useDocumentContext.mjs';
+import { usePrev } from '../../../../../hooks/usePrev.mjs';
+import { getTranslation } from '../../../../../utils/translations.mjs';
+import { transformDocument } from '../../../utils/data.mjs';
+import { createDefaultForm } from '../../../utils/forms.mjs';
+import { useComponent, ComponentProvider } from '../ComponentContext.mjs';
+import { AddComponentButton } from './AddComponentButton.mjs';
+import { ComponentPicker } from './ComponentPicker.mjs';
+import { DynamicComponent as MemoizedDynamicComponent } from './DynamicComponent.mjs';
+import { DynamicZoneLabel } from './DynamicZoneLabel.mjs';
+
+const [DynamicZoneProvider, useDynamicZone] = createContext('DynamicZone', {
+    isInDynamicZone: false
+});
+const DynamicZone = ({ attribute, disabled: disabledProp, hint, label, labelAction, name, required = false, children })=>{
+    // We cannot use the default props here
+    const { max = Infinity, min = -Infinity } = attribute ?? {};
+    const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);
+    const [liveText, setLiveText] = React.useState('');
+    const [openComponentKey, setOpenComponentKey] = React.useState(null);
+    const { currentDocument: { components, isLoading } } = useDocumentContext('DynamicZone');
+    const disabled = disabledProp || isLoading;
+    const addFieldRow = useForm('DynamicZone', (state)=>state.addFieldRow);
+    const removeFieldRow = useForm('DynamicZone', (state)=>state.removeFieldRow);
+    const moveFieldRow = useForm('DynamicZone', (state)=>state.moveFieldRow);
+    const { value: rawValue, error } = useField(name);
+    // `value` can be `null` (for example after closing a relation modal). Match
+    // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)
+    const value = React.useMemo(()=>Array.isArray(rawValue) ? rawValue : [], [
+        rawValue
+    ]);
+    /**
+   * Track the previous value array to detect when a new component is added.
+   * When the array grows, we find the newly added item and force its accordion open.
+   * This mirrors the same pattern used in RepeatableComponent.
+   */ const prevValue = usePrev(value);
+    React.useEffect(()=>{
+        if (prevValue && prevValue.length < value.length) {
+            const prevKeys = new Set(prevValue.map((v)=>v.__temp_key__));
+            const newItem = value.find((v)=>!prevKeys.has(v.__temp_key__));
+            if (newItem) {
+                setOpenComponentKey(newItem.__temp_key__);
+            }
+        } else if (openComponentKey !== null) {
+            // Component was removed before forceOpen was handled — clear stale key
+            const currentKeys = new Set(value.map((v)=>v.__temp_key__));
+            if (!currentKeys.has(openComponentKey)) {
+                setOpenComponentKey(null);
+            }
+        }
+    }, [
+        value,
+        prevValue,
+        openComponentKey
+    ]);
+    const handleForceOpenHandled = React.useCallback(()=>{
+        setOpenComponentKey(null);
+    }, []);
+    const dynamicComponentsByCategory = React.useMemo(()=>{
+        return attribute.components.reduce((acc, componentUid)=>{
+            const componentSchema = components[componentUid];
+            if (!componentSchema) {
+                return acc;
+            }
+            const { category, info } = componentSchema;
+            const component = {
+                uid: componentUid,
+                displayName: info.displayName,
+                icon: info.icon,
+                preview: info.preview
+            };
+            if (!acc[category]) {
+                acc[category] = [];
+            }
+            acc[category] = [
+                ...acc[category],
+                component
+            ];
+            return acc;
+        }, {});
+    }, [
+        attribute.components,
+        components
+    ]);
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const dynamicDisplayedComponentsLength = value.length;
+    const handleAddComponent = React.useCallback((uid, position)=>{
+        const schema = components[uid];
+        if (!schema) {
+            return;
+        }
+        setAddComponentIsOpen(false);
+        const form = createDefaultForm(schema, components);
+        const transformations = pipe(transformDocument(schema, components), (data)=>({
+                ...data,
+                __component: uid
+            }));
+        const data = transformations(form);
+        addFieldRow(name, data, position);
+    }, [
+        addFieldRow,
+        components,
+        name
+    ]);
+    const handleClickOpenPicker = ()=>{
+        if (dynamicDisplayedComponentsLength < max) {
+            setAddComponentIsOpen((prev)=>!prev);
+        } else {
+            toggleNotification({
+                type: 'info',
+                message: formatMessage({
+                    id: getTranslation('components.notification.info.maximum-requirement')
+                })
+            });
+        }
+    };
+    const handleMoveComponent = React.useCallback((newIndex, currentIndex)=>{
+        setLiveText(formatMessage({
+            id: getTranslation('dnd.reorder'),
+            defaultMessage: '{item}, moved. New position in list: {position}.'
+        }, {
+            item: `${name}.${currentIndex}`,
+            position: `${newIndex + 1} of ${value.length}`
+        }));
+        moveFieldRow(name, currentIndex, newIndex);
+    }, [
+        formatMessage,
+        moveFieldRow,
+        name,
+        value.length
+    ]);
+    const handleCancel = React.useCallback((index)=>{
+        setLiveText(formatMessage({
+            id: getTranslation('dnd.cancel-item'),
+            defaultMessage: '{item}, dropped. Re-order cancelled.'
+        }, {
+            item: `${name}.${index}`
+        }));
+    }, [
+        formatMessage,
+        name
+    ]);
+    const handleGrabItem = React.useCallback((index)=>{
+        setLiveText(formatMessage({
+            id: getTranslation('dnd.grab-item'),
+            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`
+        }, {
+            item: `${name}.${index}`,
+            position: `${index + 1} of ${value.length}`
+        }));
+    }, [
+        formatMessage,
+        name,
+        value.length
+    ]);
+    const handleDropItem = React.useCallback((index)=>{
+        setLiveText(formatMessage({
+            id: getTranslation('dnd.drop-item'),
+            defaultMessage: `{item}, dropped. Final position in list: {position}.`
+        }, {
+            item: `${name}.${index}`,
+            position: `${index + 1} of ${value.length}`
+        }));
+    }, [
+        formatMessage,
+        name,
+        value.length
+    ]);
+    const handleRemoveComponent = React.useCallback((currentIndex)=>{
+        removeFieldRow(name, currentIndex);
+    }, [
+        name,
+        removeFieldRow
+    ]);
+    const hasError = error !== undefined;
+    const renderButtonLabel = ()=>{
+        if (addComponentIsOpen) {
+            return formatMessage({
+                id: 'app.utils.close-label',
+                defaultMessage: 'Close'
+            });
+        }
+        if (hasError && dynamicDisplayedComponentsLength > max) {
+            return formatMessage({
+                id: getTranslation(`components.DynamicZone.extra-components`),
+                defaultMessage: 'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}'
+            }, {
+                number: dynamicDisplayedComponentsLength - max
+            });
+        }
+        if (hasError && dynamicDisplayedComponentsLength < min) {
+            return formatMessage({
+                id: getTranslation(`components.DynamicZone.missing-components`),
+                defaultMessage: 'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}'
+            }, {
+                number: min - dynamicDisplayedComponentsLength
+            });
+        }
+        return formatMessage({
+            id: getTranslation('components.DynamicZone.add-component'),
+            defaultMessage: 'Add a component to {componentName}'
+        }, {
+            componentName: label || name
+        });
+    };
+    const level = useComponent('DynamicZone', (state)=>state.level);
+    const ariaDescriptionId = React.useId();
+    return /*#__PURE__*/ jsx(DynamicZoneProvider, {
+        isInDynamicZone: true,
+        children: /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: {
+                initial: 4,
+                medium: 6
+            },
+            children: [
+                dynamicDisplayedComponentsLength > 0 && /*#__PURE__*/ jsxs(Box, {
+                    children: [
+                        /*#__PURE__*/ jsx(DynamicZoneLabel, {
+                            hint: hint,
+                            label: label,
+                            labelAction: labelAction,
+                            name: name,
+                            numberOfComponents: dynamicDisplayedComponentsLength,
+                            required: required
+                        }),
+                        /*#__PURE__*/ jsx(VisuallyHidden, {
+                            id: ariaDescriptionId,
+                            children: formatMessage({
+                                id: getTranslation('dnd.instructions'),
+                                defaultMessage: `Press spacebar to grab and re-order`
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(VisuallyHidden, {
+                            "aria-live": "assertive",
+                            children: liveText
+                        }),
+                        /*#__PURE__*/ jsx("ol", {
+                            "aria-describedby": ariaDescriptionId,
+                            children: value.map((field, index)=>/*#__PURE__*/ jsx(ComponentProvider, {
+                                    level: level + 1,
+                                    uid: field.__component,
+                                    // id is always a number in a dynamic zone.
+                                    id: field.id,
+                                    type: "dynamiczone",
+                                    children: /*#__PURE__*/ jsx(MemoizedDynamicComponent, {
+                                        disabled: disabled,
+                                        name: name,
+                                        index: index,
+                                        componentUid: field.__component,
+                                        onMoveComponent: handleMoveComponent,
+                                        onRemoveComponentClick: handleRemoveComponent,
+                                        onCancel: handleCancel,
+                                        onDropItem: handleDropItem,
+                                        onGrabItem: handleGrabItem,
+                                        onAddComponent: handleAddComponent,
+                                        dynamicComponentsByCategory: dynamicComponentsByCategory,
+                                        totalLength: dynamicDisplayedComponentsLength,
+                                        forceOpen: openComponentKey === field.__temp_key__,
+                                        onForceOpenHandled: handleForceOpenHandled,
+                                        children: children
+                                    })
+                                }, field.__temp_key__))
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Flex, {
+                    justifyContent: "center",
+                    children: /*#__PURE__*/ jsx(AddComponentButton, {
+                        hasError: hasError,
+                        isDisabled: disabled,
+                        isOpen: addComponentIsOpen,
+                        onClick: handleClickOpenPicker,
+                        children: renderButtonLabel()
+                    })
+                }),
+                /*#__PURE__*/ jsx(ComponentPicker, {
+                    dynamicComponentsByCategory: dynamicComponentsByCategory,
+                    isOpen: addComponentIsOpen,
+                    onClickAddComponent: handleAddComponent
+                })
+            ]
+        })
+    });
+};
+
+export { DynamicZone, useDynamicZone };
+//# sourceMappingURL=Field.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/DynamicZone/Field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  createContext,\r\n  InputProps,\r\n  useField,\r\n  useForm,\r\n  useNotification,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, VisuallyHidden } from '@strapi/design-system';\r\nimport pipe from 'lodash/fp/pipe';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\r\nimport { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';\r\nimport { usePrev } from '../../../../../hooks/usePrev';\r\nimport { getTranslation } from '../../../../../utils/translations';\r\nimport { transformDocument } from '../../../utils/data';\r\nimport { createDefaultForm } from '../../../utils/forms';\r\nimport { ComponentProvider, useComponent } from '../ComponentContext';\r\n\r\nimport { AddComponentButton } from './AddComponentButton';\r\nimport { ComponentPicker } from './ComponentPicker';\r\nimport { DynamicComponent, DynamicComponentProps } from './DynamicComponent';\r\nimport { DynamicZoneLabel, DynamicZoneLabelProps } from './DynamicZoneLabel';\r\n\r\nimport type { InputRendererProps } from '../../InputRenderer';\r\nimport type { Schema } from '@strapi/types';\r\n\r\ninterface DynamicZoneContextValue {\r\n  isInDynamicZone: boolean;\r\n}\r\n\r\nconst [DynamicZoneProvider, useDynamicZone] = createContext<DynamicZoneContextValue>(\r\n  'DynamicZone',\r\n  {\r\n    isInDynamicZone: false,\r\n  }\r\n);\r\n\r\ninterface DynamicZoneProps\r\n  extends Omit<Extract<EditFieldLayout, { type: 'dynamiczone' }>, 'size' | 'hint'>,\r\n    Pick<InputProps, 'hint'>,\r\n    Pick<DynamicZoneLabelProps, 'labelAction'> {\r\n  children?: (props: InputRendererProps) => React.ReactNode;\r\n}\r\n\r\nconst DynamicZone = ({\r\n  attribute,\r\n  disabled: disabledProp,\r\n  hint,\r\n  label,\r\n  labelAction,\r\n  name,\r\n  required = false,\r\n  children,\r\n}: DynamicZoneProps) => {\r\n  // We cannot use the default props here\r\n  const { max = Infinity, min = -Infinity } = attribute ?? {};\r\n\r\n  const [addComponentIsOpen, setAddComponentIsOpen] = React.useState(false);\r\n  const [liveText, setLiveText] = React.useState('');\r\n  const [openComponentKey, setOpenComponentKey] = React.useState<string | null>(null);\r\n\r\n  const {\r\n    currentDocument: { components, isLoading },\r\n  } = useDocumentContext('DynamicZone');\r\n\r\n  const disabled = disabledProp || isLoading;\r\n  const addFieldRow = useForm('DynamicZone', (state) => state.addFieldRow);\r\n  const removeFieldRow = useForm('DynamicZone', (state) => state.removeFieldRow);\r\n  const moveFieldRow = useForm('DynamicZone', (state) => state.moveFieldRow);\r\n\r\n  type DzWithTempKey =\r\n    Schema.Attribute.GetDynamicZoneValue<Schema.Attribute.DynamicZone>[number] & {\r\n      __temp_key__: string;\r\n    };\r\n\r\n  const { value: rawValue, error } = useField<Array<DzWithTempKey>>(name);\r\n  // `value` can be `null` (for example after closing a relation modal). Match\r\n  // RepeatableComponent: only accept arrays, otherwise treat as empty. (#26815)\r\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\r\n\r\n  /**\r\n   * Track the previous value array to detect when a new component is added.\r\n   * When the array grows, we find the newly added item and force its accordion open.\r\n   * This mirrors the same pattern used in RepeatableComponent.\r\n   */\r\n  const prevValue = usePrev(value);\r\n\r\n  React.useEffect(() => {\r\n    if (prevValue && prevValue.length < value.length) {\r\n      const prevKeys = new Set(prevValue.map((v) => v.__temp_key__));\r\n      const newItem = value.find((v) => !prevKeys.has(v.__temp_key__));\r\n      if (newItem) {\r\n        setOpenComponentKey(newItem.__temp_key__);\r\n      }\r\n    } else if (openComponentKey !== null) {\r\n      // Component was removed before forceOpen was handled — clear stale key\r\n      const currentKeys = new Set(value.map((v) => v.__temp_key__));\r\n      if (!currentKeys.has(openComponentKey)) {\r\n        setOpenComponentKey(null);\r\n      }\r\n    }\r\n  }, [value, prevValue, openComponentKey]);\r\n\r\n  const handleForceOpenHandled = React.useCallback(() => {\r\n    setOpenComponentKey(null);\r\n  }, []);\r\n\r\n  const dynamicComponentsByCategory = React.useMemo(() => {\r\n    return attribute.components.reduce<\r\n      NonNullable<DynamicComponentProps['dynamicComponentsByCategory']>\r\n    >((acc, componentUid) => {\r\n      const componentSchema = components[componentUid];\r\n\r\n      if (!componentSchema) {\r\n        return acc;\r\n      }\r\n\r\n      const { category, info } = componentSchema;\r\n\r\n      const component = {\r\n        uid: componentUid,\r\n        displayName: info.displayName,\r\n        icon: info.icon,\r\n        preview: info.preview,\r\n      };\r\n\r\n      if (!acc[category]) {\r\n        acc[category] = [];\r\n      }\r\n\r\n      acc[category] = [...acc[category], component];\r\n\r\n      return acc;\r\n    }, {});\r\n  }, [attribute.components, components]);\r\n\r\n  const { formatMessage } = useIntl();\r\n\r\n  const { toggleNotification } = useNotification();\r\n\r\n  const dynamicDisplayedComponentsLength = value.length;\r\n\r\n  const handleAddComponent = React.useCallback(\r\n    (uid: string, position?: number) => {\r\n      const schema = components[uid];\r\n\r\n      if (!schema) {\r\n        return;\r\n      }\r\n\r\n      setAddComponentIsOpen(false);\r\n\r\n      const form = createDefaultForm(schema, components);\r\n      const transformations = pipe(transformDocument(schema, components), (data) => ({\r\n        ...data,\r\n        __component: uid,\r\n      }));\r\n\r\n      const data = transformations(form);\r\n\r\n      addFieldRow(name, data, position);\r\n    },\r\n    [addFieldRow, components, name]\r\n  );\r\n\r\n  const handleClickOpenPicker = () => {\r\n    if (dynamicDisplayedComponentsLength < max) {\r\n      setAddComponentIsOpen((prev) => !prev);\r\n    } else {\r\n      toggleNotification({\r\n        type: 'info',\r\n        message: formatMessage({\r\n          id: getTranslation('components.notification.info.maximum-requirement'),\r\n        }),\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleMoveComponent = React.useCallback(\r\n    (newIndex: number, currentIndex: number) => {\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.reorder'),\r\n            defaultMessage: '{item}, moved. New position in list: {position}.',\r\n          },\r\n          {\r\n            item: `${name}.${currentIndex}`,\r\n            position: `${newIndex + 1} of ${value.length}`,\r\n          }\r\n        )\r\n      );\r\n\r\n      moveFieldRow(name, currentIndex, newIndex);\r\n    },\r\n    [formatMessage, moveFieldRow, name, value.length]\r\n  );\r\n\r\n  const handleCancel = React.useCallback(\r\n    (index: number) => {\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.cancel-item'),\r\n            defaultMessage: '{item}, dropped. Re-order cancelled.',\r\n          },\r\n          {\r\n            item: `${name}.${index}`,\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [formatMessage, name]\r\n  );\r\n\r\n  const handleGrabItem = React.useCallback(\r\n    (index: number) => {\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.grab-item'),\r\n            defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`,\r\n          },\r\n          {\r\n            item: `${name}.${index}`,\r\n            position: `${index + 1} of ${value.length}`,\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [formatMessage, name, value.length]\r\n  );\r\n\r\n  const handleDropItem = React.useCallback(\r\n    (index: number) => {\r\n      setLiveText(\r\n        formatMessage(\r\n          {\r\n            id: getTranslation('dnd.drop-item'),\r\n            defaultMessage: `{item}, dropped. Final position in list: {position}.`,\r\n          },\r\n          {\r\n            item: `${name}.${index}`,\r\n            position: `${index + 1} of ${value.length}`,\r\n          }\r\n        )\r\n      );\r\n    },\r\n    [formatMessage, name, value.length]\r\n  );\r\n\r\n  const handleRemoveComponent = React.useCallback(\r\n    (currentIndex: number) => {\r\n      removeFieldRow(name, currentIndex);\r\n    },\r\n    [name, removeFieldRow]\r\n  );\r\n\r\n  const hasError = error !== undefined;\r\n\r\n  const renderButtonLabel = () => {\r\n    if (addComponentIsOpen) {\r\n      return formatMessage({ id: 'app.utils.close-label', defaultMessage: 'Close' });\r\n    }\r\n\r\n    if (hasError && dynamicDisplayedComponentsLength > max) {\r\n      return formatMessage(\r\n        {\r\n          id: getTranslation(`components.DynamicZone.extra-components`),\r\n          defaultMessage:\r\n            'There {number, plural, =0 {are # extra components} one {is # extra component} other {are # extra components}}',\r\n        },\r\n        {\r\n          number: dynamicDisplayedComponentsLength - max,\r\n        }\r\n      );\r\n    }\r\n\r\n    if (hasError && dynamicDisplayedComponentsLength < min) {\r\n      return formatMessage(\r\n        {\r\n          id: getTranslation(`components.DynamicZone.missing-components`),\r\n          defaultMessage:\r\n            'There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}',\r\n        },\r\n        { number: min - dynamicDisplayedComponentsLength }\r\n      );\r\n    }\r\n\r\n    return formatMessage(\r\n      {\r\n        id: getTranslation('components.DynamicZone.add-component'),\r\n        defaultMessage: 'Add a component to {componentName}',\r\n      },\r\n      { componentName: label || name }\r\n    );\r\n  };\r\n\r\n  const level = useComponent('DynamicZone', (state) => state.level);\r\n\r\n  const ariaDescriptionId = React.useId();\r\n\r\n  return (\r\n    <DynamicZoneProvider isInDynamicZone>\r\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={{ initial: 4, medium: 6 }}>\r\n        {dynamicDisplayedComponentsLength > 0 && (\r\n          <Box>\r\n            <DynamicZoneLabel\r\n              hint={hint}\r\n              label={label}\r\n              labelAction={labelAction}\r\n              name={name}\r\n              numberOfComponents={dynamicDisplayedComponentsLength}\r\n              required={required}\r\n            />\r\n            <VisuallyHidden id={ariaDescriptionId}>\r\n              {formatMessage({\r\n                id: getTranslation('dnd.instructions'),\r\n                defaultMessage: `Press spacebar to grab and re-order`,\r\n              })}\r\n            </VisuallyHidden>\r\n            <VisuallyHidden aria-live=\"assertive\">{liveText}</VisuallyHidden>\r\n            <ol aria-describedby={ariaDescriptionId}>\r\n              {value.map((field, index) => (\r\n                <ComponentProvider\r\n                  key={field.__temp_key__}\r\n                  level={level + 1}\r\n                  uid={field.__component}\r\n                  // id is always a number in a dynamic zone.\r\n                  id={field.id as number}\r\n                  type=\"dynamiczone\"\r\n                >\r\n                  <DynamicComponent\r\n                    disabled={disabled}\r\n                    name={name}\r\n                    index={index}\r\n                    componentUid={field.__component}\r\n                    onMoveComponent={handleMoveComponent}\r\n                    onRemoveComponentClick={handleRemoveComponent}\r\n                    onCancel={handleCancel}\r\n                    onDropItem={handleDropItem}\r\n                    onGrabItem={handleGrabItem}\r\n                    onAddComponent={handleAddComponent}\r\n                    dynamicComponentsByCategory={dynamicComponentsByCategory}\r\n                    totalLength={dynamicDisplayedComponentsLength}\r\n                    forceOpen={openComponentKey === field.__temp_key__}\r\n                    onForceOpenHandled={handleForceOpenHandled}\r\n                  >\r\n                    {children}\r\n                  </DynamicComponent>\r\n                </ComponentProvider>\r\n              ))}\r\n            </ol>\r\n          </Box>\r\n        )}\r\n        <Flex justifyContent=\"center\">\r\n          <AddComponentButton\r\n            hasError={hasError}\r\n            isDisabled={disabled}\r\n            isOpen={addComponentIsOpen}\r\n            onClick={handleClickOpenPicker}\r\n          >\r\n            {renderButtonLabel()}\r\n          </AddComponentButton>\r\n        </Flex>\r\n        <ComponentPicker\r\n          dynamicComponentsByCategory={dynamicComponentsByCategory}\r\n          isOpen={addComponentIsOpen}\r\n          onClickAddComponent={handleAddComponent}\r\n        />\r\n      </Flex>\r\n    </DynamicZoneProvider>\r\n  );\r\n};\r\n\r\nexport { DynamicZone, useDynamicZone };\r\nexport type { DynamicZoneProps };\r\n"],"names":["DynamicZoneProvider","useDynamicZone","createContext","isInDynamicZone","DynamicZone","attribute","disabled","disabledProp","hint","label","labelAction","name","required","children","max","Infinity","min","addComponentIsOpen","setAddComponentIsOpen","React","useState","liveText","setLiveText","openComponentKey","setOpenComponentKey","currentDocument","components","isLoading","useDocumentContext","addFieldRow","useForm","state","removeFieldRow","moveFieldRow","value","rawValue","error","useField","useMemo","Array","isArray","prevValue","usePrev","useEffect","length","prevKeys","Set","map","v","__temp_key__","newItem","find","has","currentKeys","handleForceOpenHandled","useCallback","dynamicComponentsByCategory","reduce","acc","componentUid","componentSchema","category","info","component","uid","displayName","icon","preview","formatMessage","useIntl","toggleNotification","useNotification","dynamicDisplayedComponentsLength","handleAddComponent","position","schema","form","createDefaultForm","transformations","pipe","transformDocument","data","__component","handleClickOpenPicker","prev","type","message","id","getTranslation","handleMoveComponent","newIndex","currentIndex","defaultMessage","item","handleCancel","index","handleGrabItem","handleDropItem","handleRemoveComponent","hasError","undefined","renderButtonLabel","number","componentName","level","useComponent","ariaDescriptionId","useId","_jsx","_jsxs","Flex","direction","alignItems","gap","initial","medium","Box","DynamicZoneLabel","numberOfComponents","VisuallyHidden","aria-live","ol","aria-describedby","field","ComponentProvider","DynamicComponent","onMoveComponent","onRemoveComponentClick","onCancel","onDropItem","onGrabItem","onAddComponent","totalLength","forceOpen","onForceOpenHandled","justifyContent","AddComponentButton","isDisabled","isOpen","onClick","ComponentPicker","onClickAddComponent"],"mappings":"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"}

package/dist/admin/pages/EditView/components/FormInputs/NotAllowed.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+
+const NotAllowedInput = ({ hint, label, required, name })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const placeholder = formatMessage({
+        id: 'components.NotAllowedInput.text',
+        defaultMessage: 'No permissions to see this field'
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        id: name,
+        hint: hint,
+        name: name,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                disabled: true,
+                placeholder: placeholder,
+                startAction: /*#__PURE__*/ jsxRuntime.jsx(Icons.EyeStriked, {
+                    fill: "neutral600"
+                }),
+                type: "text",
+                value: ""
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+};
+
+exports.NotAllowedInput = NotAllowedInput;
+//# sourceMappingURL=NotAllowed.js.map

package/dist/admin/pages/EditView/components/FormInputs/NotAllowed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotAllowed.js","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/NotAllowed.tsx"],"sourcesContent":["import { Field, TextInput } from '@strapi/design-system';\r\nimport { EyeStriked } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { InputProps } from '@strapi/admin/strapi-admin';\r\nimport type { Schema } from '@strapi/types';\r\n\r\ninterface NotAllowedInputProps extends Omit<InputProps, 'type'> {\r\n  type: Schema.Attribute.Kind;\r\n}\r\n\r\nconst NotAllowedInput = ({ hint, label, required, name }: NotAllowedInputProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const placeholder = formatMessage({\r\n    id: 'components.NotAllowedInput.text',\r\n    defaultMessage: 'No permissions to see this field',\r\n  });\r\n\r\n  return (\r\n    <Field.Root id={name} hint={hint} name={name} required={required}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput\r\n        disabled\r\n        placeholder={placeholder}\r\n        startAction={<EyeStriked fill=\"neutral600\" />}\r\n        type=\"text\"\r\n        value=\"\"\r\n      />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n\r\nexport { NotAllowedInput };\r\n"],"names":["NotAllowedInput","hint","label","required","name","formatMessage","useIntl","placeholder","id","defaultMessage","_jsxs","Field","Root","_jsx","Label","TextInput","disabled","startAction","EyeStriked","fill","type","value","Hint"],"mappings":";;;;;;;AAWA,MAAMA,eAAAA,GAAkB,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAwB,GAAA;IAC5E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,MAAMC,cAAcF,aAAAA,CAAc;QAChCG,EAAAA,EAAI,iCAAA;QACJC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACJ,EAAAA,EAAIJ,IAAAA;QAAMH,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUA,QAAAA;;AACtD,0BAAAU,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEZ,gBAAAA,QAAAA,EAAAA;;0BACdW,cAAA,CAACE,sBAAAA,EAAAA;gBACCC,QAAQ,EAAA,IAAA;gBACRT,WAAAA,EAAaA,WAAAA;AACbU,gBAAAA,WAAAA,gBAAaJ,cAAA,CAACK,gBAAAA,EAAAA;oBAAWC,IAAAA,EAAK;;gBAC9BC,IAAAA,EAAK,MAAA;gBACLC,KAAAA,EAAM;;AAER,0BAAAR,cAAA,CAACF,mBAAMW,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/pages/EditView/components/FormInputs/NotAllowed.mjs

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, TextInput } from '@strapi/design-system';
+import { EyeStriked } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+
+const NotAllowedInput = ({ hint, label, required, name })=>{
+    const { formatMessage } = useIntl();
+    const placeholder = formatMessage({
+        id: 'components.NotAllowedInput.text',
+        defaultMessage: 'No permissions to see this field'
+    });
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        id: name,
+        hint: hint,
+        name: name,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(TextInput, {
+                disabled: true,
+                placeholder: placeholder,
+                startAction: /*#__PURE__*/ jsx(EyeStriked, {
+                    fill: "neutral600"
+                }),
+                type: "text",
+                value: ""
+            }),
+            /*#__PURE__*/ jsx(Field.Hint, {})
+        ]
+    });
+};
+
+export { NotAllowedInput };
+//# sourceMappingURL=NotAllowed.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/NotAllowed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotAllowed.mjs","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/NotAllowed.tsx"],"sourcesContent":["import { Field, TextInput } from '@strapi/design-system';\r\nimport { EyeStriked } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { InputProps } from '@strapi/admin/strapi-admin';\r\nimport type { Schema } from '@strapi/types';\r\n\r\ninterface NotAllowedInputProps extends Omit<InputProps, 'type'> {\r\n  type: Schema.Attribute.Kind;\r\n}\r\n\r\nconst NotAllowedInput = ({ hint, label, required, name }: NotAllowedInputProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const placeholder = formatMessage({\r\n    id: 'components.NotAllowedInput.text',\r\n    defaultMessage: 'No permissions to see this field',\r\n  });\r\n\r\n  return (\r\n    <Field.Root id={name} hint={hint} name={name} required={required}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput\r\n        disabled\r\n        placeholder={placeholder}\r\n        startAction={<EyeStriked fill=\"neutral600\" />}\r\n        type=\"text\"\r\n        value=\"\"\r\n      />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n\r\nexport { NotAllowedInput };\r\n"],"names":["NotAllowedInput","hint","label","required","name","formatMessage","useIntl","placeholder","id","defaultMessage","_jsxs","Field","Root","_jsx","Label","TextInput","disabled","startAction","EyeStriked","fill","type","value","Hint"],"mappings":";;;;;AAWA,MAAMA,eAAAA,GAAkB,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAwB,GAAA;IAC5E,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,cAAcF,aAAAA,CAAc;QAChCG,EAAAA,EAAI,iCAAA;QACJC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,MAAMC,IAAI,EAAA;QAACJ,EAAAA,EAAIJ,IAAAA;QAAMH,IAAAA,EAAMA,IAAAA;QAAMG,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUA,QAAAA;;AACtD,0BAAAU,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEZ,gBAAAA,QAAAA,EAAAA;;0BACdW,GAAA,CAACE,SAAAA,EAAAA;gBACCC,QAAQ,EAAA,IAAA;gBACRT,WAAAA,EAAaA,WAAAA;AACbU,gBAAAA,WAAAA,gBAAaJ,GAAA,CAACK,UAAAA,EAAAA;oBAAWC,IAAAA,EAAK;;gBAC9BC,IAAAA,EAAK,MAAA;gBACLC,KAAAA,EAAM;;AAER,0BAAAR,GAAA,CAACF,MAAMW,IAAI,EAAA,EAAA;;;AAGjB;;;;"}