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

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

@@ -0,0 +1,302 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useForm, useStrapiApp, useField, InputRenderer, createRulesEngine } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { SINGLE_TYPES } from '../../../constants/collections.mjs';
+import { useDocumentRBAC } from '../../../features/DocumentRBAC.mjs';
+import { useDocumentContext } from '../../../hooks/useDocumentContext.mjs';
+import { useDocumentLayout } from '../../../hooks/useDocumentLayout.mjs';
+import { useLazyComponents } from '../../../hooks/useLazyComponents.mjs';
+import { useHasInputPopoverParent } from '../../../preview/components/InputPopover.mjs';
+import { usePreviewInputManager } from '../../../preview/hooks/usePreviewInputManager.mjs';
+import { getConditionDependencyPaths, getConditionDependencySubscriptionValue } from '../../../utils/conditionalFields.mjs';
+import { getDirectParent } from '../utils/data.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/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 BaseInputRenderer = ({ visible, hint: providedHint, document: providedDocument, ...inputProps })=>{
+    const { currentDocument, currentDocumentMeta } = useDocumentContext('DynamicComponent');
+    // Most edit-view fields can read the document from context, which avoids threading a
+    // frequently-changing `document` prop through nested component/DZ trees and reduces churn.
+    // Keep `providedDocument` as an explicit override for callers outside that default flow.
+    const document = providedDocument ?? currentDocument;
+    const localeKey = document?.document?.locale || 'default';
+    const { edit: { components } } = useDocumentLayout(currentDocumentMeta.model);
+    const collectionType = document.schema?.kind === 'collectionType' ? 'collection-types' : 'single-types';
+    const isInDynamicZone = useDynamicZone('isInDynamicZone', (state)=>state.isInDynamicZone);
+    const isInPreviewPopover = useHasInputPopoverParent();
+    const shouldIgnorePermissions = isInDynamicZone || isInPreviewPopover;
+    const isFormDisabled = useForm('InputRenderer', (state)=>state.disabled);
+    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 = document.document?.documentId;
+    if (collectionType === SINGLE_TYPES) {
+        idToCheck = document?.document?.documentId;
+    }
+    const editableFields = idToCheck ? canUpdateFields : canCreateFields;
+    const readableFields = idToCheck ? canReadFields : canCreateFields;
+    // Everything preview related
+    const previewProps = usePreviewInputManager(inputProps.name, inputProps.attribute);
+    const props = {
+        ...inputProps,
+        ...previewProps
+    };
+    /**
+   * 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 renderComponentInput = React.useCallback((componentInputProps)=>/*#__PURE__*/ jsx(MemoizedInputRenderer, {
+            ...componentInputProps
+        }, `input-${componentInputProps.name}-${localeKey}`), [
+        localeKey
+    ]);
+    // 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 && !shouldIgnorePermissions) {
+        return /*#__PURE__*/ jsx(NotAllowedInput, {
+            hint: hint,
+            ...props
+        });
+    }
+    const fieldIsDisabled = !canUserEditField && !shouldIgnorePermissions || 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) {
+            return /*#__PURE__*/ jsx(CustomInput, {
+                ...props,
+                ...field,
+                // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.
+                hint: hint,
+                disabled: fieldIsDisabled
+            });
+        }
+        return /*#__PURE__*/ jsx(InputRenderer, {
+            ...props,
+            ...previewProps,
+            hint: hint,
+            // @ts-expect-error – this workaround lets us display that the custom field is missing.
+            type: props.attribute.customField,
+            disabled: fieldIsDisabled
+        }, `input-${props.name}-${localeKey}`);
+    }
+    /**
+   * 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];
+        return /*#__PURE__*/ jsx(CustomInput, {
+            ...props,
+            // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.
+            hint: hint,
+            disabled: fieldIsDisabled
+        }, `input-${props.name}-${localeKey}`);
+    }
+    /**
+   * 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
+            }, `input-${props.name}-${localeKey}`);
+        case 'component':
+            // Preview focus/blur handlers are not used for data-structure roots (component/dynamic zone).
+            // Dropping them avoids unstable function props cascading through memoized component trees.
+            const { onBlur: _onComponentBlur, onFocus: _onComponentFocus, ...componentProps } = props;
+            return /*#__PURE__*/ jsx(MemoizedComponentInput, {
+                ...componentProps,
+                hint: hint,
+                layout: components[props.attribute.component].layout,
+                disabled: fieldIsDisabled,
+                children: renderComponentInput
+            }, `input-${props.name}-${localeKey}`);
+        case 'dynamiczone':
+            // Same rationale as `component` above: keep data-structure root props stable.
+            const { onBlur: _onDzBlur, onFocus: _onDzFocus, ...dynamicZoneProps } = props;
+            return /*#__PURE__*/ jsx(DynamicZone, {
+                ...dynamicZoneProps,
+                hint: hint,
+                disabled: fieldIsDisabled
+            }, `input-${props.name}-${localeKey}`);
+        case 'relation':
+            return /*#__PURE__*/ jsx(MemoizedRelationsField, {
+                ...props,
+                hint: hint,
+                disabled: fieldIsDisabled
+            }, `input-${props.name}-${localeKey}`);
+        case 'richtext':
+            return /*#__PURE__*/ jsx(MemoizedWysiwyg, {
+                ...props,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            }, `input-${props.name}-${localeKey}`);
+        case 'uid':
+            // These props are not needed for the generic form input renderer.
+            const { unique: _uniqueUID, ...restUIDProps } = props;
+            return /*#__PURE__*/ jsx(MemoizedUIDInput, {
+                ...restUIDProps,
+                hint: hint,
+                type: props.type,
+                disabled: fieldIsDisabled
+            }, `input-${props.name}-${localeKey}`);
+        /**
+     * Enumerations are a special case because they require options.
+     */ case 'enumeration':
+            return /*#__PURE__*/ jsx(InputRenderer, {
+                ...props,
+                ...previewProps,
+                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
+            }, `input-${props.name}-${localeKey}`);
+        default:
+            // These props are not needed for the generic form input renderer.
+            const { unique: _unique, mainField: _mainField, ...restProps } = props;
+            return /*#__PURE__*/ jsx(InputRenderer, {
+                ...restProps,
+                ...previewProps,
+                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
+            }, `input-${props.name}-${localeKey}`);
+    }
+};
+// Reuse one rules engine instance instead of recreating it for every field render.
+const rulesEngine = createRulesEngine();
+/**
+ * A wrapper around BaseInputRenderer that conditionally renders it depending on the attribute's condition.
+ */ const ConditionAwareInputRenderer = ({ condition, ...props })=>{
+    // Extract only the field paths the visibility rule depends on so unrelated form changes
+    // do not force this conditional field to re-render.
+    const conditionDependencyPaths = React.useMemo(()=>getConditionDependencyPaths(condition), [
+        condition
+    ]);
+    const getValues = useForm('ConditionalInputRenderer', (state)=>state.getValues);
+    const conditionSubscriptionValue = useForm('ConditionalInputRenderer', (state)=>{
+        // Subscribe to a small, comparable snapshot of the parent scope instead of all form values.
+        return getConditionDependencySubscriptionValue(getDirectParent(state.values, props.name), conditionDependencyPaths);
+    });
+    // When dependencies are known, read the latest parent scope lazily via getValues() so the
+    // rule still evaluates against fresh data without subscribing to every form change.
+    const targetValues = conditionDependencyPaths === null ? conditionSubscriptionValue : getDirectParent(getValues(), props.name);
+    const isVisible = rulesEngine.evaluate(condition, targetValues);
+    if (!isVisible) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(BaseInputRenderer, {
+        ...props
+    });
+};
+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 = [
+        'string',
+        'uid',
+        'richtext',
+        'email',
+        'password',
+        'text'
+    ].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
+        };
+    }
+};
+/**
+ * Conditionally routes the exported InputRender component towards ConditionalInputRenderer
+ * (when there's a JSON logic condition on the attribute, or BaseInputRenderer otherwise.
+ * We do this because rendering a conditional field requires access to the values of
+ * other form fields, which causes many re-renders and performance issues on complex content
+ * types. By splitting the component into two, we isolate the performance issue to
+ * conditional fields only, not all edit view fields.
+ */ const MemoizedInputRenderer = /*#__PURE__*/ React.memo((props)=>{
+    const condition = props.attribute.conditions?.visible;
+    if (condition) {
+        return /*#__PURE__*/ jsx(ConditionAwareInputRenderer, {
+            ...props,
+            condition: condition
+        });
+    }
+    return /*#__PURE__*/ jsx(BaseInputRenderer, {
+        ...props
+    });
+});
+
+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 * as React from 'react';\r\n\r\nimport {\r\n  useStrapiApp,\r\n  useForm,\r\n  InputRenderer as FormInputRenderer,\r\n  useField,\r\n  createRulesEngine,\r\n  type JsonLogicCondition,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { SINGLE_TYPES } from '../../../constants/collections';\r\nimport { useDocumentRBAC } from '../../../features/DocumentRBAC';\r\nimport { type UseDocument } from '../../../hooks/useDocument';\r\nimport { useDocumentContext } from '../../../hooks/useDocumentContext';\r\nimport { useDocumentLayout } from '../../../hooks/useDocumentLayout';\r\nimport { useLazyComponents } from '../../../hooks/useLazyComponents';\r\nimport { useHasInputPopoverParent } from '../../../preview/components/InputPopover';\r\nimport { usePreviewInputManager } from '../../../preview/hooks/usePreviewInputManager';\r\nimport {\r\n  getConditionDependencyPaths,\r\n  getConditionDependencySubscriptionValue,\r\n} from '../../../utils/conditionalFields';\r\nimport { getDirectParent } from '../utils/data';\r\n\r\nimport { BlocksInput } from './FormInputs/BlocksInput/BlocksInput';\r\nimport { ComponentInput } from './FormInputs/Component/Input';\r\nimport { DynamicZone, useDynamicZone } from './FormInputs/DynamicZone/Field';\r\nimport { NotAllowedInput } from './FormInputs/NotAllowed';\r\nimport { RelationsInput } from './FormInputs/Relations/Relations';\r\nimport { UIDInput } from './FormInputs/UID';\r\nimport { Wysiwyg } from './FormInputs/Wysiwyg/Field';\r\n\r\nimport type { EditFieldLayout } from '../../../hooks/useDocumentLayout';\r\nimport type { Schema } from '@strapi/types';\r\nimport type { DistributiveOmit } from 'react-redux';\r\n\r\ntype InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'> & {\r\n  document?: ReturnType<UseDocument>;\r\n};\r\n\r\n/**\r\n * @internal\r\n *\r\n * @description An abstraction around the regular form input renderer designed\r\n * specifically to be used in the EditView of the content-manager this understands\r\n * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific\r\n * components such as Blocks / Relations.\r\n */\r\nconst BaseInputRenderer = ({\r\n  visible,\r\n  hint: providedHint,\r\n  document: providedDocument,\r\n  ...inputProps\r\n}: InputRendererProps) => {\r\n  const { currentDocument, currentDocumentMeta } = useDocumentContext('DynamicComponent');\r\n  // Most edit-view fields can read the document from context, which avoids threading a\r\n  // frequently-changing `document` prop through nested component/DZ trees and reduces churn.\r\n  // Keep `providedDocument` as an explicit override for callers outside that default flow.\r\n  const document = providedDocument ?? currentDocument;\r\n  const localeKey = document?.document?.locale || 'default';\r\n  const {\r\n    edit: { components },\r\n  } = useDocumentLayout(currentDocumentMeta.model);\r\n\r\n  const collectionType =\r\n    document.schema?.kind === 'collectionType' ? 'collection-types' : 'single-types';\r\n\r\n  const isInDynamicZone = useDynamicZone('isInDynamicZone', (state) => state.isInDynamicZone);\r\n  const isInPreviewPopover = useHasInputPopoverParent();\r\n  const shouldIgnorePermissions = isInDynamicZone || isInPreviewPopover;\r\n\r\n  const isFormDisabled = useForm('InputRenderer', (state) => state.disabled);\r\n  const canCreateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canCreateFields);\r\n  const canReadFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canReadFields);\r\n  const canUpdateFields = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUpdateFields);\r\n  const canUserAction = useDocumentRBAC('InputRenderer', (rbac) => rbac.canUserAction);\r\n\r\n  let idToCheck = document.document?.documentId;\r\n  if (collectionType === SINGLE_TYPES) {\r\n    idToCheck = document?.document?.documentId;\r\n  }\r\n\r\n  const editableFields = idToCheck ? canUpdateFields : canCreateFields;\r\n  const readableFields = idToCheck ? canReadFields : canCreateFields;\r\n\r\n  // Everything preview related\r\n  const previewProps = usePreviewInputManager(inputProps.name, inputProps.attribute);\r\n  const props = { ...inputProps, ...previewProps };\r\n\r\n  /**\r\n   * Component fields are always readable and editable,\r\n   * however the fields within them may not be.\r\n   */\r\n  const canUserReadField = canUserAction(props.name, readableFields, props.type);\r\n  const canUserEditField = canUserAction(props.name, editableFields, props.type);\r\n\r\n  const fields = useStrapiApp('InputRenderer', (app) => app.fields);\r\n  const { lazyComponentStore } = useLazyComponents(\r\n    attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : undefined\r\n  );\r\n\r\n  const hint = useFieldHint(providedHint, props.attribute);\r\n  const renderComponentInput = React.useCallback(\r\n    (componentInputProps: InputRendererProps) => (\r\n      <MemoizedInputRenderer\r\n        key={`input-${componentInputProps.name}-${localeKey}`}\r\n        {...componentInputProps}\r\n      />\r\n    ),\r\n    [localeKey]\r\n  );\r\n\r\n  // We pass field in case of Custom Fields to keep backward compatibility\r\n  const field = useField(props.name);\r\n\r\n  if (!visible) {\r\n    return null;\r\n  }\r\n\r\n  /**\r\n   * If the user can't read the field then we don't want to ever render it.\r\n   */\r\n  if (!canUserReadField && !shouldIgnorePermissions) {\r\n    return <NotAllowedInput hint={hint} {...props} />;\r\n  }\r\n\r\n  const fieldIsDisabled =\r\n    (!canUserEditField && !shouldIgnorePermissions) || props.disabled || isFormDisabled;\r\n\r\n  /**\r\n   * Because a custom field has a unique prop but the type could be confused with either\r\n   * the useField hook or the type of the field we need to handle it separately and first.\r\n   */\r\n  if (attributeHasCustomFieldProperty(props.attribute)) {\r\n    const CustomInput = lazyComponentStore[props.attribute.customField];\r\n\r\n    if (CustomInput) {\r\n      return (\r\n        <CustomInput\r\n          {...props}\r\n          {...field}\r\n          // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\r\n          hint={hint}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <FormInputRenderer\r\n        key={`input-${props.name}-${localeKey}`}\r\n        {...props}\r\n        {...previewProps}\r\n        hint={hint}\r\n        // @ts-expect-error – this workaround lets us display that the custom field is missing.\r\n        type={props.attribute.customField}\r\n        disabled={fieldIsDisabled}\r\n      />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * This is where we handle ONLY the fields from the `useLibrary` hook.\r\n   */\r\n  const addedInputTypes = Object.keys(fields);\r\n  if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {\r\n    const CustomInput = fields[props.type];\r\n    return (\r\n      <CustomInput\r\n        key={`input-${props.name}-${localeKey}`}\r\n        {...props}\r\n        // @ts-expect-error – TODO: fix this type error in the useLazyComponents hook.\r\n        hint={hint}\r\n        disabled={fieldIsDisabled}\r\n      />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * These include the content-manager specific fields, failing that we fall back\r\n   * to the more generic form input renderer.\r\n   */\r\n  switch (props.type) {\r\n    case 'blocks':\r\n      return (\r\n        <BlocksInput\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...props}\r\n          hint={hint}\r\n          type={props.type}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    case 'component':\r\n      // Preview focus/blur handlers are not used for data-structure roots (component/dynamic zone).\r\n      // Dropping them avoids unstable function props cascading through memoized component trees.\r\n      const { onBlur: _onComponentBlur, onFocus: _onComponentFocus, ...componentProps } = props;\r\n\r\n      return (\r\n        <ComponentInput\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...componentProps}\r\n          hint={hint}\r\n          layout={components[props.attribute.component].layout}\r\n          disabled={fieldIsDisabled}\r\n        >\r\n          {renderComponentInput}\r\n        </ComponentInput>\r\n      );\r\n    case 'dynamiczone':\r\n      // Same rationale as `component` above: keep data-structure root props stable.\r\n      const { onBlur: _onDzBlur, onFocus: _onDzFocus, ...dynamicZoneProps } = props;\r\n\r\n      return (\r\n        <DynamicZone\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...dynamicZoneProps}\r\n          hint={hint}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    case 'relation':\r\n      return (\r\n        <RelationsInput\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...props}\r\n          hint={hint}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    case 'richtext':\r\n      return (\r\n        <Wysiwyg\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...props}\r\n          hint={hint}\r\n          type={props.type}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    case 'uid':\r\n      // These props are not needed for the generic form input renderer.\r\n      const { unique: _uniqueUID, ...restUIDProps } = props;\r\n      return (\r\n        <UIDInput\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...restUIDProps}\r\n          hint={hint}\r\n          type={props.type}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    /**\r\n     * Enumerations are a special case because they require options.\r\n     */\r\n    case 'enumeration':\r\n      return (\r\n        <FormInputRenderer\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...props}\r\n          {...previewProps}\r\n          hint={hint}\r\n          options={props.attribute.enum.map((value) => ({ value }))}\r\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\r\n          type={props.customField ? 'custom-field' : props.type}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n    default:\r\n      // These props are not needed for the generic form input renderer.\r\n      const { unique: _unique, mainField: _mainField, ...restProps } = props;\r\n      return (\r\n        <FormInputRenderer\r\n          key={`input-${props.name}-${localeKey}`}\r\n          {...restProps}\r\n          {...previewProps}\r\n          hint={hint}\r\n          // @ts-expect-error – Temp workaround so we don't forget custom-fields don't work!\r\n          type={props.customField ? 'custom-field' : props.type}\r\n          disabled={fieldIsDisabled}\r\n        />\r\n      );\r\n  }\r\n};\r\n\r\n// Reuse one rules engine instance instead of recreating it for every field render.\r\nconst rulesEngine = createRulesEngine();\r\n\r\n/**\r\n * A wrapper around BaseInputRenderer that conditionally renders it depending on the attribute's condition.\r\n */\r\nconst ConditionAwareInputRenderer = ({\r\n  condition,\r\n  ...props\r\n}: InputRendererProps & { condition: JsonLogicCondition }) => {\r\n  // Extract only the field paths the visibility rule depends on so unrelated form changes\r\n  // do not force this conditional field to re-render.\r\n  const conditionDependencyPaths = React.useMemo(\r\n    () => getConditionDependencyPaths(condition),\r\n    [condition]\r\n  );\r\n  const getValues = useForm(\r\n    'ConditionalInputRenderer',\r\n    (state) => (state as typeof state & { getValues: () => unknown }).getValues\r\n  );\r\n  const conditionSubscriptionValue = useForm('ConditionalInputRenderer', (state) => {\r\n    // Subscribe to a small, comparable snapshot of the parent scope instead of all form values.\r\n    return getConditionDependencySubscriptionValue(\r\n      getDirectParent(state.values, props.name),\r\n      conditionDependencyPaths\r\n    );\r\n  });\r\n\r\n  // When dependencies are known, read the latest parent scope lazily via getValues() so the\r\n  // rule still evaluates against fresh data without subscribing to every form change.\r\n  const targetValues =\r\n    conditionDependencyPaths === null\r\n      ? conditionSubscriptionValue\r\n      : getDirectParent(getValues(), props.name);\r\n\r\n  const isVisible = rulesEngine.evaluate(condition, targetValues);\r\n\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  return <BaseInputRenderer {...props} />;\r\n};\r\n\r\nconst attributeHasCustomFieldProperty = (\r\n  attribute: Schema.Attribute.AnyAttribute\r\n): attribute is Schema.Attribute.AnyAttribute & Schema.Attribute.CustomField<string> =>\r\n  'customField' in attribute && typeof attribute.customField === 'string';\r\n\r\nconst useFieldHint = (\r\n  hint: React.ReactNode = undefined,\r\n  attribute: Schema.Attribute.AnyAttribute\r\n) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const { maximum, minimum } = getMinMax(attribute);\r\n\r\n  if (!maximum && !minimum) {\r\n    return hint;\r\n  }\r\n\r\n  const units = ['string', 'uid', 'richtext', 'email', 'password', 'text'].includes(attribute.type)\r\n    ? formatMessage(\r\n        {\r\n          id: 'content-manager.form.Input.hint.character.unit',\r\n          defaultMessage: '{maxValue, plural, one { character} other { characters}}',\r\n        },\r\n        {\r\n          maxValue: Math.max(minimum || 0, maximum || 0),\r\n        }\r\n      )\r\n    : null;\r\n\r\n  const hasMinAndMax = typeof minimum === 'number' && typeof maximum === 'number';\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: hint,\r\n      unit: units,\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: <br />,\r\n    }\r\n  );\r\n};\r\n\r\nconst getMinMax = (attribute: Schema.Attribute.AnyAttribute) => {\r\n  if ('min' in attribute || 'max' in attribute) {\r\n    return {\r\n      maximum: !Number.isNaN(Number(attribute.max)) ? Number(attribute.max) : undefined,\r\n      minimum: !Number.isNaN(Number(attribute.min)) ? Number(attribute.min) : undefined,\r\n    };\r\n  } else if ('maxLength' in attribute || 'minLength' in attribute) {\r\n    return { maximum: attribute.maxLength, minimum: attribute.minLength };\r\n  } else {\r\n    return { maximum: undefined, minimum: undefined };\r\n  }\r\n};\r\n\r\n/**\r\n * Conditionally routes the exported InputRender component towards ConditionalInputRenderer\r\n * (when there's a JSON logic condition on the attribute, or BaseInputRenderer otherwise.\r\n * We do this because rendering a conditional field requires access to the values of\r\n * other form fields, which causes many re-renders and performance issues on complex content\r\n * types. By splitting the component into two, we isolate the performance issue to\r\n * conditional fields only, not all edit view fields.\r\n */\r\nconst MemoizedInputRenderer = React.memo((props: InputRendererProps) => {\r\n  const condition = props.attribute.conditions?.visible;\r\n  if (condition) {\r\n    return <ConditionAwareInputRenderer {...props} condition={condition} />;\r\n  }\r\n\r\n  return <BaseInputRenderer {...props} />;\r\n});\r\n\r\nexport type { InputRendererProps };\r\nexport { MemoizedInputRenderer as InputRenderer, useFieldHint };\r\n"],"names":["BaseInputRenderer","visible","hint","providedHint","document","providedDocument","inputProps","currentDocument","currentDocumentMeta","useDocumentContext","localeKey","locale","edit","components","useDocumentLayout","model","collectionType","schema","kind","isInDynamicZone","useDynamicZone","state","isInPreviewPopover","useHasInputPopoverParent","shouldIgnorePermissions","isFormDisabled","useForm","disabled","canCreateFields","useDocumentRBAC","rbac","canReadFields","canUpdateFields","canUserAction","idToCheck","documentId","SINGLE_TYPES","editableFields","readableFields","previewProps","usePreviewInputManager","name","attribute","props","canUserReadField","type","canUserEditField","fields","useStrapiApp","app","lazyComponentStore","useLazyComponents","attributeHasCustomFieldProperty","customField","undefined","useFieldHint","renderComponentInput","React","useCallback","componentInputProps","_jsx","MemoizedInputRenderer","field","useField","NotAllowedInput","fieldIsDisabled","CustomInput","FormInputRenderer","addedInputTypes","Object","keys","includes","BlocksInput","onBlur","_onComponentBlur","onFocus","_onComponentFocus","componentProps","ComponentInput","layout","component","_onDzBlur","_onDzFocus","dynamicZoneProps","DynamicZone","RelationsInput","Wysiwyg","unique","_uniqueUID","restUIDProps","UIDInput","options","enum","map","value","_unique","mainField","_mainField","restProps","rulesEngine","createRulesEngine","ConditionAwareInputRenderer","condition","conditionDependencyPaths","useMemo","getConditionDependencyPaths","getValues","conditionSubscriptionValue","getConditionDependencySubscriptionValue","getDirectParent","values","targetValues","isVisible","evaluate","formatMessage","useIntl","maximum","minimum","getMinMax","units","id","defaultMessage","maxValue","Math","max","hasMinAndMax","min","description","unit","divider","br","Number","isNaN","maxLength","minLength","memo","conditions"],"mappings":"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"}

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

@@ -0,0 +1,194 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var InjectionZone = require('../../../components/InjectionZone.js');
+var useDocument = require('../../../hooks/useDocument.js');
+var router = require('../../../router.js');
+var DocumentActions = require('./DocumentActions.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const PanelsItems = ({ panels, setVisiblePanels, visiblePanelsLength })=>{
+    React__namespace.useEffect(()=>{
+        if (setVisiblePanels && visiblePanelsLength !== panels.length) {
+            setVisiblePanels(panels);
+        }
+    }, [
+        panels,
+        panels.length,
+        setVisiblePanels,
+        visiblePanelsLength
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: panels.map(({ content, id, ...description })=>/*#__PURE__*/ jsxRuntime.jsx(Panel, {
+                ...description,
+                children: content
+            }, id))
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Panels
+ * -----------------------------------------------------------------------------------------------*/ const Panels = ({ withActions = true })=>{
+    const isCloning = reactRouterDom.useMatch(router.CLONE_PATH) !== null;
+    const [{ query: { status } }] = strapiAdmin.useQueryParams({
+        status: 'draft'
+    });
+    const { model, id, document, meta, collectionType } = useDocument.useDoc();
+    const plugins = strapiAdmin.useStrapiApp('Panels', (state)=>state.plugins);
+    // Optional context consumer
+    const setVisiblePanels = usePanelsContext('Panels', (s)=>s.setVisiblePanels, false);
+    const visiblePanels = usePanelsContext('Panels', (s)=>s.visiblePanels, false);
+    const allPanels = plugins['content-manager'].apis.getEditViewSidePanels();
+    const filteredPanels = allPanels.filter((panel)=>panel.type !== 'actions');
+    const panelsToDisplay = withActions ? allPanels : filteredPanels;
+    const props = {
+        activeTab: status,
+        model,
+        documentId: id,
+        document: isCloning ? undefined : document,
+        meta: isCloning ? undefined : meta,
+        collectionType
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.DescriptionComponentRenderer, {
+            props: props,
+            descriptions: panelsToDisplay,
+            children: (panels)=>/*#__PURE__*/ jsxRuntime.jsx(PanelsItems, {
+                    panels: panels,
+                    setVisiblePanels: setVisiblePanels,
+                    visiblePanelsLength: visiblePanels?.length
+                })
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Default Action Panels (CE)
+ * -----------------------------------------------------------------------------------------------*/ const ActionsPanel = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return {
+        title: formatMessage({
+            id: 'content-manager.containers.edit.panels.default.title',
+            defaultMessage: 'Entry'
+        }),
+        content: /*#__PURE__*/ jsxRuntime.jsx(ActionsPanelContent, {})
+    };
+};
+ActionsPanel.type = 'actions';
+const ActionsPanelContent = ()=>{
+    const isCloning = reactRouterDom.useMatch(router.CLONE_PATH) !== null;
+    const [{ query: { status = 'draft' } }] = strapiAdmin.useQueryParams();
+    const { model, id, document, meta, collectionType } = useDocument.useDoc();
+    const plugins = strapiAdmin.useStrapiApp('ActionsPanel', (state)=>state.plugins);
+    const props = {
+        activeTab: status,
+        model,
+        documentId: id,
+        document: isCloning ? undefined : document,
+        meta: isCloning ? undefined : meta,
+        collectionType
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        gap: 2,
+        width: "100%",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.DescriptionComponentRenderer, {
+                props: props,
+                descriptions: plugins['content-manager'].apis.getDocumentActions('panel'),
+                children: (actions)=>/*#__PURE__*/ jsxRuntime.jsx(DocumentActions.DocumentActions, {
+                        actions: actions
+                    })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(InjectionZone.InjectionZone, {
+                area: "editView.right-links",
+                slug: model
+            })
+        ]
+    });
+};
+const Panel = /*#__PURE__*/ React__namespace.forwardRef(({ children, title }, ref)=>{
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        ref: ref,
+        tag: "aside",
+        "aria-labelledby": "additional-information",
+        background: {
+            initial: 'transparent',
+            large: 'neutral0'
+        },
+        borderColor: {
+            initial: 'transparent',
+            large: 'neutral150'
+        },
+        hasRadius: isDesktop,
+        padding: {
+            initial: 0,
+            large: 4
+        },
+        shadow: {
+            initial: 'none',
+            large: 'tableShadow'
+        },
+        gap: {
+            initial: 4,
+            large: 3
+        },
+        direction: "column",
+        justifyContent: "stretch",
+        alignItems: "flex-start",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                tag: "h2",
+                variant: "sigma",
+                textTransform: "uppercase",
+                textColor: "neutral600",
+                children: title
+            }),
+            children
+        ]
+    });
+});
+/* -------------------------------------------------------------------------------------------------
+ * PanelsContext
+ * -----------------------------------------------------------------------------------------------*/ const [PanelsProviderImpl, usePanelsContext] = strapiAdmin.createContext('PanelsContext');
+const PanelsProvider = ({ children })=>{
+    const [visiblePanels, setVisiblePanels] = React__namespace.useState([]);
+    return /*#__PURE__*/ jsxRuntime.jsx(PanelsProviderImpl, {
+        visiblePanels: visiblePanels,
+        setVisiblePanels: setVisiblePanels,
+        children: children
+    });
+};
+
+exports.ActionsPanel = ActionsPanel;
+exports.ActionsPanelContent = ActionsPanelContent;
+exports.Panels = Panels;
+exports.PanelsProvider = PanelsProvider;
+exports.usePanelsContext = usePanelsContext;
+//# sourceMappingURL=Panels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panels.js","sources":["../../../../../admin/src/pages/EditView/components/Panels.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  useQueryParams,\r\n  useStrapiApp,\r\n  DescriptionComponentRenderer,\r\n  useIsDesktop,\r\n  createContext,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Flex, Typography } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useMatch } from 'react-router-dom';\r\n\r\nimport { InjectionZone } from '../../../components/InjectionZone';\r\nimport { useDoc } from '../../../hooks/useDocument';\r\nimport { CLONE_PATH } from '../../../router';\r\n\r\nimport { DocumentActions } from './DocumentActions';\r\n\r\nimport type {\r\n  ContentManagerPlugin,\r\n  DocumentActionProps,\r\n  PanelComponent,\r\n  PanelComponentProps,\r\n} from '../../../content-manager';\r\n\r\ninterface PanelDescription {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\ninterface PanelsItemsProps {\r\n  panels: (PanelDescription & { id: string })[];\r\n  setVisiblePanels:\r\n    | React.Dispatch<React.SetStateAction<(PanelDescription & { id: string })[]>>\r\n    | null\r\n    | undefined;\r\n  visiblePanelsLength: number | undefined;\r\n}\r\n\r\nconst PanelsItems = ({ panels, setVisiblePanels, visiblePanelsLength }: PanelsItemsProps) => {\r\n  React.useEffect(() => {\r\n    if (setVisiblePanels && visiblePanelsLength !== panels.length) {\r\n      setVisiblePanels(panels);\r\n    }\r\n  }, [panels, panels.length, setVisiblePanels, visiblePanelsLength]);\r\n\r\n  return (\r\n    <>\r\n      {panels.map(({ content, id, ...description }) => (\r\n        <Panel key={id} {...description}>\r\n          {content}\r\n        </Panel>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Panels\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst Panels = ({ withActions = true }: { withActions?: boolean }) => {\r\n  const isCloning = useMatch(CLONE_PATH) !== null;\r\n  const [\r\n    {\r\n      query: { status },\r\n    },\r\n  ] = useQueryParams<{ status: 'draft' | 'published' }>({\r\n    status: 'draft',\r\n  });\r\n  const { model, id, document, meta, collectionType } = useDoc();\r\n  const plugins = useStrapiApp('Panels', (state) => state.plugins);\r\n  // Optional context consumer\r\n  const setVisiblePanels = usePanelsContext('Panels', (s) => s.setVisiblePanels, false);\r\n  const visiblePanels = usePanelsContext('Panels', (s) => s.visiblePanels, false);\r\n\r\n  const allPanels = (\r\n    plugins['content-manager'].apis as ContentManagerPlugin['config']['apis']\r\n  ).getEditViewSidePanels();\r\n  const filteredPanels = allPanels.filter((panel) => (panel as PanelComponent).type !== 'actions');\r\n  const panelsToDisplay = withActions ? allPanels : filteredPanels;\r\n\r\n  const props = {\r\n    activeTab: status,\r\n    model,\r\n    documentId: id,\r\n    document: isCloning ? undefined : document,\r\n    meta: isCloning ? undefined : meta,\r\n    collectionType,\r\n  } satisfies PanelComponentProps;\r\n\r\n  return (\r\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\r\n      <DescriptionComponentRenderer props={props} descriptions={panelsToDisplay}>\r\n        {(panels) => (\r\n          <PanelsItems\r\n            panels={panels}\r\n            setVisiblePanels={setVisiblePanels}\r\n            visiblePanelsLength={visiblePanels?.length}\r\n          />\r\n        )}\r\n      </DescriptionComponentRenderer>\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Default Action Panels (CE)\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ActionsPanel: PanelComponent = () => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return {\r\n    title: formatMessage({\r\n      id: 'content-manager.containers.edit.panels.default.title',\r\n      defaultMessage: 'Entry',\r\n    }),\r\n    content: <ActionsPanelContent />,\r\n  };\r\n};\r\n\r\nActionsPanel.type = 'actions';\r\n\r\nconst ActionsPanelContent = () => {\r\n  const isCloning = useMatch(CLONE_PATH) !== null;\r\n  const [\r\n    {\r\n      query: { status = 'draft' },\r\n    },\r\n  ] = useQueryParams<{ status: 'draft' | 'published' }>();\r\n  const { model, id, document, meta, collectionType } = useDoc();\r\n  const plugins = useStrapiApp('ActionsPanel', (state) => state.plugins);\r\n\r\n  const props = {\r\n    activeTab: status,\r\n    model,\r\n    documentId: id,\r\n    document: isCloning ? undefined : document,\r\n    meta: isCloning ? undefined : meta,\r\n    collectionType,\r\n  } satisfies DocumentActionProps;\r\n\r\n  return (\r\n    <Flex direction=\"column\" gap={2} width=\"100%\">\r\n      <DescriptionComponentRenderer\r\n        props={props}\r\n        descriptions={(\r\n          plugins['content-manager'].apis as ContentManagerPlugin['config']['apis']\r\n        ).getDocumentActions('panel')}\r\n      >\r\n        {(actions) => <DocumentActions actions={actions} />}\r\n      </DescriptionComponentRenderer>\r\n      <InjectionZone area=\"editView.right-links\" slug={model} />\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Panel\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface PanelProps extends Pick<PanelDescription, 'title'> {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Panel = React.forwardRef<HTMLElement, PanelProps>(({ children, title }, ref) => {\r\n  const isDesktop = useIsDesktop();\r\n\r\n  return (\r\n    <Flex\r\n      ref={ref}\r\n      tag=\"aside\"\r\n      aria-labelledby=\"additional-information\"\r\n      background={{ initial: 'transparent', large: 'neutral0' }}\r\n      borderColor={{ initial: 'transparent', large: 'neutral150' }}\r\n      hasRadius={isDesktop}\r\n      padding={{ initial: 0, large: 4 }}\r\n      shadow={{ initial: 'none', large: 'tableShadow' }}\r\n      gap={{ initial: 4, large: 3 }}\r\n      direction=\"column\"\r\n      justifyContent=\"stretch\"\r\n      alignItems=\"flex-start\"\r\n    >\r\n      <Typography tag=\"h2\" variant=\"sigma\" textTransform=\"uppercase\" textColor=\"neutral600\">\r\n        {title}\r\n      </Typography>\r\n      {children}\r\n    </Flex>\r\n  );\r\n});\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * PanelsContext\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst [PanelsProviderImpl, usePanelsContext] = createContext<{\r\n  visiblePanels: (PanelDescription & { id: string })[];\r\n  setVisiblePanels: React.Dispatch<React.SetStateAction<(PanelDescription & { id: string })[]>>;\r\n}>('PanelsContext');\r\n\r\nconst PanelsProvider = ({ children }: React.PropsWithChildren) => {\r\n  const [visiblePanels, setVisiblePanels] = React.useState<(PanelDescription & { id: string })[]>(\r\n    []\r\n  );\r\n\r\n  return (\r\n    <PanelsProviderImpl visiblePanels={visiblePanels} setVisiblePanels={setVisiblePanels}>\r\n      {children}\r\n    </PanelsProviderImpl>\r\n  );\r\n};\r\n\r\nexport { Panels, ActionsPanel, ActionsPanelContent, PanelsProvider, usePanelsContext };\r\nexport type { PanelDescription };\r\n"],"names":["PanelsItems","panels","setVisiblePanels","visiblePanelsLength","React","useEffect","length","_jsx","_Fragment","map","content","id","description","Panel","Panels","withActions","isCloning","useMatch","CLONE_PATH","query","status","useQueryParams","model","document","meta","collectionType","useDoc","plugins","useStrapiApp","state","usePanelsContext","s","visiblePanels","allPanels","apis","getEditViewSidePanels","filteredPanels","filter","panel","type","panelsToDisplay","props","activeTab","documentId","undefined","Flex","direction","alignItems","gap","DescriptionComponentRenderer","descriptions","ActionsPanel","formatMessage","useIntl","title","defaultMessage","ActionsPanelContent","_jsxs","width","getDocumentActions","actions","DocumentActions","InjectionZone","area","slug","forwardRef","children","ref","isDesktop","useIsDesktop","tag","aria-labelledby","background","initial","large","borderColor","hasRadius","padding","shadow","justifyContent","Typography","variant","textTransform","textColor","PanelsProviderImpl","createContext","PanelsProvider","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,WAAAA,GAAc,CAAC,EAAEC,MAAM,EAAEC,gBAAgB,EAAEC,mBAAmB,EAAoB,GAAA;AACtFC,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIH,gBAAAA,IAAoBC,mBAAAA,KAAwBF,MAAAA,CAAOK,MAAM,EAAE;YAC7DJ,gBAAAA,CAAiBD,MAAAA,CAAAA;AACnB,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,MAAAA;AAAQA,QAAAA,MAAAA,CAAOK,MAAM;AAAEJ,QAAAA,gBAAAA;AAAkBC,QAAAA;AAAoB,KAAA,CAAA;IAEjE,qBACEI,cAAA,CAAAC,mBAAA,EAAA;kBACGP,MAAAA,CAAOQ,GAAG,CAAC,CAAC,EAAEC,OAAO,EAAEC,EAAE,EAAE,GAAGC,WAAAA,EAAa,iBAC1CL,cAAA,CAACM,KAAAA,EAAAA;AAAgB,gBAAA,GAAGD,WAAW;AAC5BF,gBAAAA,QAAAA,EAAAA;AADSC,aAAAA,EAAAA,EAAAA,CAAAA;;AAMpB,CAAA;AAEA;;AAEkG,2GAE5FG,MAAAA,GAAS,CAAC,EAAEC,WAAAA,GAAc,IAAI,EAA6B,GAAA;IAC/D,MAAMC,SAAAA,GAAYC,wBAASC,iBAAAA,CAAAA,KAAgB,IAAA;IAC3C,MAAM,CACJ,EACEC,KAAAA,EAAO,EAAEC,MAAM,EAAE,EAClB,CACF,GAAGC,0BAAAA,CAAkD;QACpDD,MAAAA,EAAQ;AACV,KAAA,CAAA;IACA,MAAM,EAAEE,KAAK,EAAEX,EAAE,EAAEY,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,GAAGC,kBAAAA,EAAAA;AACtD,IAAA,MAAMC,UAAUC,wBAAAA,CAAa,QAAA,EAAU,CAACC,KAAAA,GAAUA,MAAMF,OAAO,CAAA;;AAE/D,IAAA,MAAMzB,mBAAmB4B,gBAAAA,CAAiB,QAAA,EAAU,CAACC,CAAAA,GAAMA,CAAAA,CAAE7B,gBAAgB,EAAE,KAAA,CAAA;AAC/E,IAAA,MAAM8B,gBAAgBF,gBAAAA,CAAiB,QAAA,EAAU,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,aAAa,EAAE,KAAA,CAAA;IAEzE,MAAMC,SAAAA,GAAY,OACT,CAAC,kBAAkB,CAACC,IAAI,CAC/BC,qBAAqB,EAAA;IACvB,MAAMC,cAAAA,GAAiBH,UAAUI,MAAM,CAAC,CAACC,KAAAA,GAAWA,KAAAA,CAAyBC,IAAI,KAAK,SAAA,CAAA;IACtF,MAAMC,eAAAA,GAAkBzB,cAAckB,SAAAA,GAAYG,cAAAA;AAElD,IAAA,MAAMK,KAAAA,GAAQ;QACZC,SAAAA,EAAWtB,MAAAA;AACXE,QAAAA,KAAAA;QACAqB,UAAAA,EAAYhC,EAAAA;AACZY,QAAAA,QAAAA,EAAUP,YAAY4B,SAAAA,GAAYrB,QAAAA;AAClCC,QAAAA,IAAAA,EAAMR,YAAY4B,SAAAA,GAAYpB,IAAAA;AAC9BC,QAAAA;AACF,KAAA;AAEA,IAAA,qBACElB,cAAA,CAACsC,iBAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,SAAA;QAAUC,GAAAA,EAAK,CAAA;AACjD,QAAA,QAAA,gBAAAzC,cAAA,CAAC0C,wCAAAA,EAAAA;YAA6BR,KAAAA,EAAOA,KAAAA;YAAOS,YAAAA,EAAcV,eAAAA;AACvD,YAAA,QAAA,EAAA,CAACvC,uBACAM,cAAA,CAACP,WAAAA,EAAAA;oBACCC,MAAAA,EAAQA,MAAAA;oBACRC,gBAAAA,EAAkBA,gBAAAA;AAClBC,oBAAAA,mBAAAA,EAAqB6B,aAAAA,EAAe1B;;;;AAMhD;AAEA;;AAEkG,2GAE5F6C,YAAAA,GAA+B,IAAA;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,OAAO;AACLC,QAAAA,KAAAA,EAAOF,aAAAA,CAAc;YACnBzC,EAAAA,EAAI,sDAAA;YACJ4C,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACA7C,QAAAA,OAAAA,gBAASH,cAAA,CAACiD,mBAAAA,EAAAA,EAAAA;AACZ,KAAA;AACF;AAEAL,YAAAA,CAAaZ,IAAI,GAAG,SAAA;AAEpB,MAAMiB,mBAAAA,GAAsB,IAAA;IAC1B,MAAMxC,SAAAA,GAAYC,wBAASC,iBAAAA,CAAAA,KAAgB,IAAA;IAC3C,MAAM,CACJ,EACEC,KAAAA,EAAO,EAAEC,SAAS,OAAO,EAAE,EAC5B,CACF,GAAGC,0BAAAA,EAAAA;IACJ,MAAM,EAAEC,KAAK,EAAEX,EAAE,EAAEY,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,GAAGC,kBAAAA,EAAAA;AACtD,IAAA,MAAMC,UAAUC,wBAAAA,CAAa,cAAA,EAAgB,CAACC,KAAAA,GAAUA,MAAMF,OAAO,CAAA;AAErE,IAAA,MAAMc,KAAAA,GAAQ;QACZC,SAAAA,EAAWtB,MAAAA;AACXE,QAAAA,KAAAA;QACAqB,UAAAA,EAAYhC,EAAAA;AACZY,QAAAA,QAAAA,EAAUP,YAAY4B,SAAAA,GAAYrB,QAAAA;AAClCC,QAAAA,IAAAA,EAAMR,YAAY4B,SAAAA,GAAYpB,IAAAA;AAC9BC,QAAAA;AACF,KAAA;AAEA,IAAA,qBACEgC,eAAA,CAACZ,iBAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASE,GAAAA,EAAK,CAAA;QAAGU,KAAAA,EAAM,MAAA;;0BACrCnD,cAAA,CAAC0C,wCAAAA,EAAAA;gBACCR,KAAAA,EAAOA,KAAAA;gBACPS,YAAAA,EACEvB,OAAO,CAAC,iBAAA,CAAkB,CAACO,IAAI,CAC/ByB,kBAAkB,CAAC,OAAA,CAAA;AAEpB,gBAAA,QAAA,EAAA,CAACC,wBAAYrD,cAAA,CAACsD,+BAAAA,EAAAA;wBAAgBD,OAAAA,EAASA;;;0BAE1CrD,cAAA,CAACuD,2BAAAA,EAAAA;gBAAcC,IAAAA,EAAK,sBAAA;gBAAuBC,IAAAA,EAAM1C;;;;AAGvD;AAUA,MAAMT,KAAAA,iBAAQT,gBAAAA,CAAM6D,UAAU,CAA0B,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE,EAAEa,GAAAA,GAAAA;AAC5E,IAAA,MAAMC,SAAAA,GAAYC,wBAAAA,EAAAA;AAElB,IAAA,qBACEZ,eAAA,CAACZ,iBAAAA,EAAAA;QACCsB,GAAAA,EAAKA,GAAAA;QACLG,GAAAA,EAAI,OAAA;QACJC,iBAAAA,EAAgB,wBAAA;QAChBC,UAAAA,EAAY;YAAEC,OAAAA,EAAS,aAAA;YAAeC,KAAAA,EAAO;AAAW,SAAA;QACxDC,WAAAA,EAAa;YAAEF,OAAAA,EAAS,aAAA;YAAeC,KAAAA,EAAO;AAAa,SAAA;QAC3DE,SAAAA,EAAWR,SAAAA;QACXS,OAAAA,EAAS;YAAEJ,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QAChCI,MAAAA,EAAQ;YAAEL,OAAAA,EAAS,MAAA;YAAQC,KAAAA,EAAO;AAAc,SAAA;QAChD1B,GAAAA,EAAK;YAAEyB,OAAAA,EAAS,CAAA;YAAGC,KAAAA,EAAO;AAAE,SAAA;QAC5B5B,SAAAA,EAAU,QAAA;QACViC,cAAAA,EAAe,SAAA;QACfhC,UAAAA,EAAW,YAAA;;0BAEXxC,cAAA,CAACyE,uBAAAA,EAAAA;gBAAWV,GAAAA,EAAI,IAAA;gBAAKW,OAAAA,EAAQ,OAAA;gBAAQC,aAAAA,EAAc,WAAA;gBAAYC,SAAAA,EAAU,YAAA;AACtE7B,gBAAAA,QAAAA,EAAAA;;AAEFY,YAAAA;;;AAGP,CAAA,CAAA;AAEA;;AAEkG,qGAElG,MAAM,CAACkB,kBAAAA,EAAoBtD,gBAAAA,CAAiB,GAAGuD,yBAAAA,CAG5C,eAAA;AAEH,MAAMC,cAAAA,GAAiB,CAAC,EAAEpB,QAAQ,EAA2B,GAAA;AAC3D,IAAA,MAAM,CAAClC,aAAAA,EAAe9B,gBAAAA,CAAiB,GAAGE,gBAAAA,CAAMmF,QAAQ,CACtD,EAAE,CAAA;AAGJ,IAAA,qBACEhF,cAAA,CAAC6E,kBAAAA,EAAAA;QAAmBpD,aAAAA,EAAeA,aAAAA;QAAe9B,gBAAAA,EAAkBA,gBAAAA;AACjEgE,QAAAA,QAAAA,EAAAA;;AAGP;;;;;;;;"}