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

package/dist/admin/pages/EditView/components/FormInputs/Component/Repeatable.mjs

@@ -0,0 +1,484 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useNotification, useField, useForm, useIsDesktop } from '@strapi/admin/strapi-admin';
+import { Accordion, TextButton, Box, VisuallyHidden, useComposedRefs, IconButton, Flex } from '@strapi/design-system';
+import { Plus, Trash, Drag, ArrowUp, ArrowDown } from '@strapi/icons';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { ItemTypes } from '../../../../../constants/dragAndDrop.mjs';
+import { useDocumentContext } from '../../../../../hooks/useDocumentContext.mjs';
+import { useDragAndDrop } from '../../../../../hooks/useDragAndDrop.mjs';
+import { usePrev } from '../../../../../hooks/usePrev.mjs';
+import { getIn } from '../../../../../utils/objects.mjs';
+import { getTranslation } from '../../../../../utils/translations.mjs';
+import { transformDocument } from '../../../utils/data.mjs';
+import { createDefaultForm } from '../../../utils/forms.mjs';
+import { ResponsiveGridRoot, ResponsiveGridItem } from '../../FormLayout.mjs';
+import { useComponent, ComponentProvider } from '../ComponentContext.mjs';
+import { Initializer } from './Initializer.mjs';
+
+const RepeatableComponent = ({ attribute, disabled, name, mainField, children, layout })=>{
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    const { search: searchString } = useLocation();
+    const search = React.useMemo(()=>new URLSearchParams(searchString), [
+        searchString
+    ]);
+    const { currentDocument } = useDocumentContext('RepeatableComponent');
+    const components = currentDocument.components;
+    const { value: rawValue, error, rawError } = useField(name);
+    const addFieldRow = useForm('RepeatableComponent', (state)=>state.addFieldRow);
+    const moveFieldRow = useForm('RepeatableComponent', (state)=>state.moveFieldRow);
+    const removeFieldRow = useForm('RepeatableComponent', (state)=>state.removeFieldRow);
+    const { max = Infinity } = attribute;
+    const value = React.useMemo(()=>Array.isArray(rawValue) ? rawValue : [], [
+        rawValue
+    ]);
+    const [collapseToOpen, setCollapseToOpen] = React.useState('');
+    const [liveText, setLiveText] = React.useState('');
+    React.useEffect(()=>{
+        const hasNestedErrors = rawError && Array.isArray(rawError) && rawError.length > 0;
+        const hasNestedValue = value && Array.isArray(value) && value.length > 0;
+        if (hasNestedErrors && hasNestedValue) {
+            const errorOpenItems = rawError.map((_, idx)=>{
+                return value[idx] ? value[idx].__temp_key__ : null;
+            }).filter((value)=>!!value);
+            if (errorOpenItems && errorOpenItems.length > 0) {
+                setCollapseToOpen((collapseToOpen)=>{
+                    if (!errorOpenItems.includes(collapseToOpen)) {
+                        return errorOpenItems[0];
+                    }
+                    return collapseToOpen;
+                });
+            }
+        }
+    }, [
+        rawError,
+        value
+    ]);
+    /**
+   * Get the temp key of the component that has the field that is currently focussed
+   * as defined by the `field` query param. We can then force this specific component
+   * to be in its "open" state.
+   */ const componentTmpKeyWithFocussedField = React.useMemo(()=>{
+        if (search.has('field')) {
+            const fieldParam = search.get('field');
+            if (!fieldParam) {
+                return undefined;
+            }
+            const [, path] = fieldParam.split(`${name}.`);
+            if (getIn(value, path, undefined) !== undefined) {
+                const [subpath] = path.split('.');
+                return getIn(value, subpath, undefined)?.__temp_key__;
+            }
+        }
+        return undefined;
+    }, [
+        search,
+        name,
+        value
+    ]);
+    const prevValue = usePrev(value);
+    React.useEffect(()=>{
+        /**
+     * When we add a new item to the array, we want to open the collapse.
+     */ if (prevValue && prevValue.length < value.length) {
+            setCollapseToOpen(value[value.length - 1].__temp_key__);
+        }
+    }, [
+        value,
+        prevValue
+    ]);
+    React.useEffect(()=>{
+        if (typeof componentTmpKeyWithFocussedField === 'string') {
+            setCollapseToOpen(componentTmpKeyWithFocussedField);
+        }
+    }, [
+        componentTmpKeyWithFocussedField
+    ]);
+    const toggleCollapses = React.useCallback(()=>{
+        setCollapseToOpen('');
+    }, []);
+    const handleClick = ()=>{
+        if (value.length < max) {
+            const schema = components[attribute.component];
+            const form = createDefaultForm(schema, components);
+            const data = transformDocument(schema, components)(form);
+            addFieldRow(name, data);
+        // setCollapseToOpen(nextTempKey);
+        } else if (value.length >= max) {
+            toggleNotification({
+                type: 'info',
+                message: formatMessage({
+                    id: getTranslation('components.notification.info.maximum-requirement')
+                })
+            });
+        }
+    };
+    const handleMoveComponentField = 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 handleValueChange = (key)=>{
+        setCollapseToOpen(key);
+    };
+    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 handleDeleteComponent = React.useCallback((index)=>{
+        removeFieldRow(name, index);
+        toggleCollapses();
+    }, [
+        name,
+        removeFieldRow,
+        toggleCollapses
+    ]);
+    const ariaDescriptionId = React.useId();
+    const level = useComponent('RepeatableComponent', (state)=>state.level);
+    if (value.length === 0) {
+        return /*#__PURE__*/ jsx(Initializer, {
+            disabled: disabled,
+            name: name,
+            onClick: handleClick
+        });
+    }
+    return /*#__PURE__*/ jsxs(Box, {
+        hasRadius: true,
+        children: [
+            /*#__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__*/ jsxs(AccordionRoot, {
+                $error: error,
+                value: collapseToOpen,
+                onValueChange: handleValueChange,
+                "aria-describedby": ariaDescriptionId,
+                children: [
+                    value.map((componentValue, index)=>{
+                        const key = componentValue.__temp_key__;
+                        const id = componentValue.id;
+                        const nameWithIndex = `${name}.${index}`;
+                        return /*#__PURE__*/ jsx(ComponentProvider, {
+                            // id is always a number in a component
+                            id: id,
+                            uid: attribute.component,
+                            level: level + 1,
+                            type: "repeatable",
+                            children: /*#__PURE__*/ jsx(MemoizedComponent, {
+                                disabled: disabled,
+                                name: nameWithIndex,
+                                attributeComponent: attribute.component,
+                                index: index,
+                                mainField: mainField,
+                                onMoveItem: handleMoveComponentField,
+                                onDeleteComponent: handleDeleteComponent,
+                                toggleCollapses: toggleCollapses,
+                                onCancel: handleCancel,
+                                onDropItem: handleDropItem,
+                                onGrabItem: handleGrabItem,
+                                __temp_key__: key,
+                                totalLength: value.length,
+                                layout: layout,
+                                renderField: children
+                            })
+                        }, key);
+                    }),
+                    /*#__PURE__*/ jsx(TextButtonCustom, {
+                        disabled: disabled,
+                        onClick: handleClick,
+                        startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                        children: formatMessage({
+                            id: getTranslation('containers.EditView.add.new-entry'),
+                            defaultMessage: 'Add an entry'
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const AccordionRoot = styled(Accordion.Root)`
+  border: 1px solid
+    ${({ theme, $error })=>$error ? theme.colors.danger600 : theme.colors.neutral200};
+`;
+const TextButtonCustom = styled(TextButton)`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral200};
+  padding-inline: ${(props)=>props.theme.spaces[6]};
+  padding-block: ${(props)=>props.theme.spaces[3]};
+
+  &:not([disabled]) {
+    cursor: pointer;
+
+    &:hover {
+      background-color: ${(props)=>props.theme.colors.primary100};
+    }
+  }
+
+  span {
+    font-weight: 600;
+    font-size: 1.4rem;
+    line-height: 2.4rem;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    transition: background-color 120ms ${(props)=>props.theme.motion.easings.easeOutQuad};
+  }
+`;
+const RepeatableComponentFields = /*#__PURE__*/ React.memo(({ attributeComponent, children, layout, nameWithIndex })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: layout.map((row, index)=>{
+            return /*#__PURE__*/ jsx(ResponsiveGridRoot, {
+                gap: 4,
+                children: row.map(({ size, ...field })=>{
+                    /**
+                 * Layouts are built from schemas so they don't understand the complete
+                 * schema tree, for components we append the parent name to the field name
+                 * because this is the structure for the data & permissions also understand
+                 * the nesting involved.
+                 */ const completeFieldName = `${nameWithIndex}.${field.name}`;
+                    const translatedLabel = formatMessage({
+                        id: `content-manager.components.${attributeComponent}.${field.name}`,
+                        defaultMessage: field.label
+                    });
+                    return /*#__PURE__*/ jsx(ResponsiveGridItem, {
+                        col: size,
+                        s: 12,
+                        xs: 12,
+                        direction: "column",
+                        alignItems: "stretch",
+                        children: children({
+                            ...field,
+                            label: translatedLabel,
+                            name: completeFieldName
+                        })
+                    }, completeFieldName);
+                })
+            }, index);
+        })
+    });
+});
+RepeatableComponentFields.displayName = 'RepeatableComponentFields';
+const Component = ({ attributeComponent, disabled, index, name, mainField = {
+    name: 'id',
+    type: 'integer'
+}, layout, onDeleteComponent, renderField, toggleCollapses, __temp_key__, totalLength, onMoveItem, ...dragProps })=>{
+    const { formatMessage } = useIntl();
+    const isDesktop = useIsDesktop();
+    const displayValue = useForm('RepeatableComponent', (state)=>{
+        return getIn(state.values, [
+            ...name.split('.'),
+            mainField.name
+        ]);
+    });
+    const displayedValue = typeof displayValue === 'string' ? displayValue : '';
+    const accordionRef = React.useRef(null);
+    /**
+   * The last item in the fieldName array will be the index of this component.
+   * Drag and drop should be isolated to the parent component so nested repeatable
+   * components are not affected by the drag and drop of the parent component in
+   * their own re-ordering context.
+   */ const componentKey = name.split('.').slice(0, -1).join('.');
+    const [{ handlerId, isDragging, handleKeyDown }, boxRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(!disabled, {
+        type: `${ItemTypes.COMPONENT}_${componentKey}`,
+        index,
+        item: {
+            index,
+            id: __temp_key__,
+            displayedValue
+        },
+        onStart () {
+            // Close all collapses
+            toggleCollapses();
+        },
+        onMoveItem,
+        ...dragProps
+    });
+    React.useEffect(()=>{
+        dragPreviewRef(getEmptyImage(), {
+            captureDraggingState: false
+        });
+    }, [
+        dragPreviewRef,
+        index
+    ]);
+    const composedAccordionRefs = useComposedRefs(accordionRef, dragRef);
+    const composedBoxRefs = useComposedRefs(boxRef, dropRef);
+    const canMoveUp = index > 0;
+    const canMoveDown = index < totalLength - 1;
+    const handleDeleteClick = ()=>{
+        onDeleteComponent?.(index);
+    };
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: isDragging ? /*#__PURE__*/ jsx(Preview, {}) : /*#__PURE__*/ jsxs(Accordion.Item, {
+            ref: composedBoxRefs,
+            value: __temp_key__,
+            children: [
+                /*#__PURE__*/ jsxs(Accordion.Header, {
+                    children: [
+                        /*#__PURE__*/ jsx(Accordion.Trigger, {
+                            children: displayValue
+                        }),
+                        /*#__PURE__*/ jsxs(Accordion.Actions, {
+                            children: [
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    disabled: disabled,
+                                    variant: "ghost",
+                                    onClick: handleDeleteClick,
+                                    label: formatMessage({
+                                        id: getTranslation('containers.Edit.delete'),
+                                        defaultMessage: 'Delete'
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                }),
+                                isDesktop && /*#__PURE__*/ jsx(IconButton, {
+                                    disabled: disabled,
+                                    ref: composedAccordionRefs,
+                                    variant: "ghost",
+                                    onClick: (e)=>e.stopPropagation(),
+                                    "data-handler-id": handlerId,
+                                    label: formatMessage({
+                                        id: getTranslation('components.DragHandle-label'),
+                                        defaultMessage: 'Drag'
+                                    }),
+                                    onKeyDown: handleKeyDown,
+                                    children: /*#__PURE__*/ jsx(Drag, {})
+                                }),
+                                !isDesktop && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        canMoveUp && /*#__PURE__*/ jsx(IconButton, {
+                                            disabled: disabled || !canMoveUp,
+                                            variant: "ghost",
+                                            onClick: (e)=>{
+                                                e.stopPropagation();
+                                                if (onMoveItem) {
+                                                    onMoveItem(index - 1, index);
+                                                }
+                                            },
+                                            label: formatMessage({
+                                                id: getTranslation('components.DynamicZone.move-up'),
+                                                defaultMessage: 'Move up'
+                                            }),
+                                            children: /*#__PURE__*/ jsx(ArrowUp, {})
+                                        }),
+                                        canMoveDown && /*#__PURE__*/ jsx(IconButton, {
+                                            disabled: disabled || !canMoveDown,
+                                            variant: "ghost",
+                                            onClick: (e)=>{
+                                                e.stopPropagation();
+                                                if (onMoveItem) {
+                                                    onMoveItem(index + 1, index);
+                                                }
+                                            },
+                                            label: formatMessage({
+                                                id: getTranslation('components.DynamicZone.move-down'),
+                                                defaultMessage: 'Move down'
+                                            }),
+                                            children: /*#__PURE__*/ jsx(ArrowDown, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Accordion.Content, {
+                    children: /*#__PURE__*/ jsx(Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        background: "neutral100",
+                        padding: {
+                            initial: 4,
+                            medium: 6
+                        },
+                        gap: {
+                            initial: 3,
+                            medium: 4
+                        },
+                        children: /*#__PURE__*/ jsx(RepeatableComponentFields, {
+                            attributeComponent: attributeComponent,
+                            layout: layout,
+                            nameWithIndex: name,
+                            children: renderField
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+const Preview = ()=>{
+    return /*#__PURE__*/ jsx(StyledSpan, {
+        tag: "span",
+        padding: 6,
+        background: "primary100"
+    });
+};
+const StyledSpan = styled(Box)`
+  display: block;
+  outline: 1px dashed ${({ theme })=>theme.colors.primary500};
+  outline-offset: -1px;
+`;
+const MemoizedComponent = /*#__PURE__*/ React.memo(Component);
+const MemoizedRepeatableComponent = /*#__PURE__*/ React.memo(RepeatableComponent);
+
+export { MemoizedRepeatableComponent as RepeatableComponent };
+//# sourceMappingURL=Repeatable.mjs.map

package/dist/admin/pages/EditView/components/FormInputs/Component/Repeatable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Repeatable.mjs","sources":["../../../../../../../admin/src/pages/EditView/components/FormInputs/Component/Repeatable.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useField, useNotification, useForm, useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport {\r\n  Box,\r\n  Flex,\r\n  TextButton,\r\n  VisuallyHidden,\r\n  Accordion,\r\n  IconButton,\r\n  useComposedRefs,\r\n  BoxComponent,\r\n} from '@strapi/design-system';\r\nimport { Plus, Drag, Trash, ArrowUp, ArrowDown } from '@strapi/icons';\r\nimport { getEmptyImage } from 'react-dnd-html5-backend';\r\nimport { useIntl } from 'react-intl';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { ItemTypes } from '../../../../../constants/dragAndDrop';\r\nimport { useDocumentContext } from '../../../../../hooks/useDocumentContext';\r\nimport { useDragAndDrop, type UseDragAndDropOptions } from '../../../../../hooks/useDragAndDrop';\r\nimport { usePrev } from '../../../../../hooks/usePrev';\r\nimport { getIn } from '../../../../../utils/objects';\r\nimport { getTranslation } from '../../../../../utils/translations';\r\nimport { transformDocument } from '../../../utils/data';\r\nimport { createDefaultForm } from '../../../utils/forms';\r\nimport { ResponsiveGridItem, ResponsiveGridRoot } from '../../FormLayout';\r\nimport { ComponentProvider, useComponent } from '../ComponentContext';\r\n\r\nimport { Initializer } from './Initializer';\r\n\r\nimport type { ComponentInputProps } from './Input';\r\nimport type { Schema } from '@strapi/types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * RepeatableComponent\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ntype RepeatableComponentProps = Omit<ComponentInputProps, 'required' | 'label'>;\r\n\r\nconst RepeatableComponent = ({\r\n  attribute,\r\n  disabled,\r\n  name,\r\n  mainField,\r\n  children,\r\n  layout,\r\n}: RepeatableComponentProps) => {\r\n  const { toggleNotification } = useNotification();\r\n  const { formatMessage } = useIntl();\r\n  const { search: searchString } = useLocation();\r\n  const search = React.useMemo(() => new URLSearchParams(searchString), [searchString]);\r\n  const { currentDocument } = useDocumentContext('RepeatableComponent');\r\n  const components = currentDocument.components;\r\n\r\n  const {\r\n    value: rawValue,\r\n    error,\r\n    rawError,\r\n  } = useField<Schema.Attribute.ComponentValue<`${string}.${string}`, true>>(name);\r\n  const addFieldRow = useForm('RepeatableComponent', (state) => state.addFieldRow);\r\n  const moveFieldRow = useForm('RepeatableComponent', (state) => state.moveFieldRow);\r\n  const removeFieldRow = useForm('RepeatableComponent', (state) => state.removeFieldRow);\r\n  const { max = Infinity } = attribute;\r\n  const value = React.useMemo(() => (Array.isArray(rawValue) ? rawValue : []), [rawValue]);\r\n\r\n  const [collapseToOpen, setCollapseToOpen] = React.useState<string>('');\r\n  const [liveText, setLiveText] = React.useState('');\r\n\r\n  React.useEffect(() => {\r\n    const hasNestedErrors = rawError && Array.isArray(rawError) && rawError.length > 0;\r\n    const hasNestedValue = value && Array.isArray(value) && value.length > 0;\r\n\r\n    if (hasNestedErrors && hasNestedValue) {\r\n      const errorOpenItems = rawError\r\n        .map((_: unknown, idx: number) => {\r\n          return value[idx] ? value[idx].__temp_key__ : null;\r\n        })\r\n        .filter((value) => !!value);\r\n\r\n      if (errorOpenItems && errorOpenItems.length > 0) {\r\n        setCollapseToOpen((collapseToOpen) => {\r\n          if (!errorOpenItems.includes(collapseToOpen)) {\r\n            return errorOpenItems[0];\r\n          }\r\n\r\n          return collapseToOpen;\r\n        });\r\n      }\r\n    }\r\n  }, [rawError, value]);\r\n\r\n  /**\r\n   * Get the temp key of the component that has the field that is currently focussed\r\n   * as defined by the `field` query param. We can then force this specific component\r\n   * to be in its \"open\" state.\r\n   */\r\n  const componentTmpKeyWithFocussedField = React.useMemo(() => {\r\n    if (search.has('field')) {\r\n      const fieldParam = search.get('field');\r\n\r\n      if (!fieldParam) {\r\n        return undefined;\r\n      }\r\n\r\n      const [, path] = fieldParam.split(`${name}.`);\r\n\r\n      if (getIn(value, path, undefined) !== undefined) {\r\n        const [subpath] = path.split('.');\r\n\r\n        return getIn<\r\n          Schema.Attribute.ComponentValue<`${string}.${string}`, true>[number] & {\r\n            __temp_key__?: string;\r\n          }\r\n        >(value, subpath, undefined)?.__temp_key__;\r\n      }\r\n    }\r\n\r\n    return undefined;\r\n  }, [search, name, value]);\r\n\r\n  const prevValue = usePrev(value);\r\n\r\n  React.useEffect(() => {\r\n    /**\r\n     * When we add a new item to the array, we want to open the collapse.\r\n     */\r\n    if (prevValue && prevValue.length < value.length) {\r\n      setCollapseToOpen(value[value.length - 1].__temp_key__);\r\n    }\r\n  }, [value, prevValue]);\r\n\r\n  React.useEffect(() => {\r\n    if (typeof componentTmpKeyWithFocussedField === 'string') {\r\n      setCollapseToOpen(componentTmpKeyWithFocussedField);\r\n    }\r\n  }, [componentTmpKeyWithFocussedField]);\r\n\r\n  const toggleCollapses = React.useCallback(() => {\r\n    setCollapseToOpen('');\r\n  }, []);\r\n\r\n  const handleClick = () => {\r\n    if (value.length < max) {\r\n      const schema = components[attribute.component];\r\n      const form = createDefaultForm(schema, components);\r\n      const data = transformDocument(schema, components)(form);\r\n\r\n      addFieldRow(name, data);\r\n      // setCollapseToOpen(nextTempKey);\r\n    } else if (value.length >= max) {\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 handleMoveComponentField = 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 handleValueChange = (key: string) => {\r\n    setCollapseToOpen(key);\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 handleDeleteComponent = React.useCallback(\r\n    (index: number) => {\r\n      removeFieldRow(name, index);\r\n      toggleCollapses();\r\n    },\r\n    [name, removeFieldRow, toggleCollapses]\r\n  );\r\n\r\n  const ariaDescriptionId = React.useId();\r\n\r\n  const level = useComponent('RepeatableComponent', (state) => state.level);\r\n\r\n  if (value.length === 0) {\r\n    return <Initializer disabled={disabled} name={name} onClick={handleClick} />;\r\n  }\r\n\r\n  return (\r\n    <Box hasRadius>\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      <AccordionRoot\r\n        $error={error}\r\n        value={collapseToOpen}\r\n        onValueChange={handleValueChange}\r\n        aria-describedby={ariaDescriptionId}\r\n      >\r\n        {value.map((componentValue, index) => {\r\n          const key = componentValue.__temp_key__;\r\n          const id = componentValue.id;\r\n          const nameWithIndex = `${name}.${index}`;\r\n\r\n          return (\r\n            <ComponentProvider\r\n              key={key}\r\n              // id is always a number in a component\r\n              id={id as number}\r\n              uid={attribute.component}\r\n              level={level + 1}\r\n              type=\"repeatable\"\r\n            >\r\n              <MemoizedComponent\r\n                disabled={disabled}\r\n                name={nameWithIndex}\r\n                attributeComponent={attribute.component}\r\n                index={index}\r\n                mainField={mainField}\r\n                onMoveItem={handleMoveComponentField}\r\n                onDeleteComponent={handleDeleteComponent}\r\n                toggleCollapses={toggleCollapses}\r\n                onCancel={handleCancel}\r\n                onDropItem={handleDropItem}\r\n                onGrabItem={handleGrabItem}\r\n                __temp_key__={key}\r\n                totalLength={value.length}\r\n                layout={layout}\r\n                renderField={children}\r\n              />\r\n            </ComponentProvider>\r\n          );\r\n        })}\r\n        <TextButtonCustom disabled={disabled} onClick={handleClick} startIcon={<Plus />}>\r\n          {formatMessage({\r\n            id: getTranslation('containers.EditView.add.new-entry'),\r\n            defaultMessage: 'Add an entry',\r\n          })}\r\n        </TextButtonCustom>\r\n      </AccordionRoot>\r\n    </Box>\r\n  );\r\n};\r\n\r\nconst AccordionRoot = styled(Accordion.Root)<{ $error?: string }>`\r\n  border: 1px solid\r\n    ${({ theme, $error }) => ($error ? theme.colors.danger600 : theme.colors.neutral200)};\r\n`;\r\n\r\nconst TextButtonCustom = styled(TextButton)`\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n  padding-inline: ${(props) => props.theme.spaces[6]};\r\n  padding-block: ${(props) => props.theme.spaces[3]};\r\n\r\n  &:not([disabled]) {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${(props) => props.theme.colors.primary100};\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-weight: 600;\r\n    font-size: 1.4rem;\r\n    line-height: 2.4rem;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    transition: background-color 120ms ${(props) => props.theme.motion.easings.easeOutQuad};\r\n  }\r\n`;\r\n\r\ninterface RepeatableComponentFieldsProps\r\n  extends Pick<RepeatableComponentProps, 'children' | 'layout'> {\r\n  attributeComponent: string;\r\n  nameWithIndex: string;\r\n}\r\n\r\nconst RepeatableComponentFields = React.memo(\r\n  ({ attributeComponent, children, layout, nameWithIndex }: RepeatableComponentFieldsProps) => {\r\n    const { formatMessage } = useIntl();\r\n\r\n    return (\r\n      <>\r\n        {layout.map((row, index) => {\r\n          return (\r\n            <ResponsiveGridRoot gap={4} key={index}>\r\n              {row.map(({ size, ...field }) => {\r\n                /**\r\n                 * Layouts are built from schemas so they don't understand the complete\r\n                 * schema tree, for components we append the parent name to the field name\r\n                 * because this is the structure for the data & permissions also understand\r\n                 * the nesting involved.\r\n                 */\r\n                const completeFieldName = `${nameWithIndex}.${field.name}`;\r\n\r\n                const translatedLabel = formatMessage({\r\n                  id: `content-manager.components.${attributeComponent}.${field.name}`,\r\n                  defaultMessage: field.label,\r\n                });\r\n\r\n                return (\r\n                  <ResponsiveGridItem\r\n                    col={size}\r\n                    key={completeFieldName}\r\n                    s={12}\r\n                    xs={12}\r\n                    direction=\"column\"\r\n                    alignItems=\"stretch\"\r\n                  >\r\n                    {children({\r\n                      ...field,\r\n                      label: translatedLabel,\r\n                      name: completeFieldName,\r\n                    })}\r\n                  </ResponsiveGridItem>\r\n                );\r\n              })}\r\n            </ResponsiveGridRoot>\r\n          );\r\n        })}\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\nRepeatableComponentFields.displayName = 'RepeatableComponentFields';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Field\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface ComponentProps\r\n  extends Pick<UseDragAndDropOptions, 'onGrabItem' | 'onDropItem' | 'onCancel' | 'onMoveItem'>,\r\n    Pick<RepeatableComponentProps, 'mainField' | 'layout'> {\r\n  attributeComponent: string;\r\n  disabled?: boolean;\r\n  index: number;\r\n  name: string;\r\n  onDeleteComponent?: (index: number) => void;\r\n  renderField: RepeatableComponentProps['children'];\r\n  toggleCollapses: () => void;\r\n  __temp_key__: string;\r\n  totalLength: number;\r\n}\r\n\r\nconst Component = ({\r\n  attributeComponent,\r\n  disabled,\r\n  index,\r\n  name,\r\n  mainField = {\r\n    name: 'id',\r\n    type: 'integer',\r\n  },\r\n  layout,\r\n  onDeleteComponent,\r\n  renderField,\r\n  toggleCollapses,\r\n  __temp_key__,\r\n  totalLength,\r\n  onMoveItem,\r\n  ...dragProps\r\n}: ComponentProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const isDesktop = useIsDesktop();\r\n\r\n  const displayValue = useForm<string | undefined>('RepeatableComponent', (state) => {\r\n    return getIn<string>(state.values, [...name.split('.'), mainField.name]);\r\n  });\r\n  const displayedValue = typeof displayValue === 'string' ? displayValue : '';\r\n\r\n  const accordionRef = React.useRef<HTMLButtonElement>(null!);\r\n\r\n  /**\r\n   * The last item in the fieldName array will be the index of this component.\r\n   * Drag and drop should be isolated to the parent component so nested repeatable\r\n   * components are not affected by the drag and drop of the parent component in\r\n   * their own re-ordering context.\r\n   */\r\n  const componentKey = name.split('.').slice(0, -1).join('.');\r\n\r\n  const [{ handlerId, isDragging, handleKeyDown }, boxRef, dropRef, dragRef, dragPreviewRef] =\r\n    useDragAndDrop(!disabled, {\r\n      type: `${ItemTypes.COMPONENT}_${componentKey}`,\r\n      index,\r\n      item: {\r\n        index,\r\n        id: __temp_key__,\r\n        displayedValue,\r\n      },\r\n      onStart() {\r\n        // Close all collapses\r\n        toggleCollapses();\r\n      },\r\n      onMoveItem,\r\n      ...dragProps,\r\n    });\r\n\r\n  React.useEffect(() => {\r\n    dragPreviewRef(getEmptyImage(), { captureDraggingState: false });\r\n  }, [dragPreviewRef, index]);\r\n\r\n  const composedAccordionRefs = useComposedRefs<HTMLButtonElement>(accordionRef, dragRef);\r\n  const composedBoxRefs = useComposedRefs<HTMLDivElement>(\r\n    boxRef as React.RefObject<HTMLDivElement>,\r\n    dropRef\r\n  );\r\n\r\n  const canMoveUp = index > 0;\r\n  const canMoveDown = index < totalLength - 1;\r\n  const handleDeleteClick = () => {\r\n    onDeleteComponent?.(index);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {isDragging ? (\r\n        <Preview />\r\n      ) : (\r\n        <Accordion.Item ref={composedBoxRefs} value={__temp_key__}>\r\n          <Accordion.Header>\r\n            <Accordion.Trigger>{displayValue}</Accordion.Trigger>\r\n            <Accordion.Actions>\r\n              <IconButton\r\n                disabled={disabled}\r\n                variant=\"ghost\"\r\n                onClick={handleDeleteClick}\r\n                label={formatMessage({\r\n                  id: getTranslation('containers.Edit.delete'),\r\n                  defaultMessage: 'Delete',\r\n                })}\r\n              >\r\n                <Trash />\r\n              </IconButton>\r\n              {isDesktop && (\r\n                <IconButton\r\n                  disabled={disabled}\r\n                  ref={composedAccordionRefs}\r\n                  variant=\"ghost\"\r\n                  onClick={(e) => e.stopPropagation()}\r\n                  data-handler-id={handlerId}\r\n                  label={formatMessage({\r\n                    id: getTranslation('components.DragHandle-label'),\r\n                    defaultMessage: 'Drag',\r\n                  })}\r\n                  onKeyDown={handleKeyDown}\r\n                >\r\n                  <Drag />\r\n                </IconButton>\r\n              )}\r\n              {!isDesktop && (\r\n                <>\r\n                  {canMoveUp && (\r\n                    <IconButton\r\n                      disabled={disabled || !canMoveUp}\r\n                      variant=\"ghost\"\r\n                      onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        if (onMoveItem) {\r\n                          onMoveItem(index - 1, index);\r\n                        }\r\n                      }}\r\n                      label={formatMessage({\r\n                        id: getTranslation('components.DynamicZone.move-up'),\r\n                        defaultMessage: 'Move up',\r\n                      })}\r\n                    >\r\n                      <ArrowUp />\r\n                    </IconButton>\r\n                  )}\r\n                  {canMoveDown && (\r\n                    <IconButton\r\n                      disabled={disabled || !canMoveDown}\r\n                      variant=\"ghost\"\r\n                      onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        if (onMoveItem) {\r\n                          onMoveItem(index + 1, index);\r\n                        }\r\n                      }}\r\n                      label={formatMessage({\r\n                        id: getTranslation('components.DynamicZone.move-down'),\r\n                        defaultMessage: 'Move down',\r\n                      })}\r\n                    >\r\n                      <ArrowDown />\r\n                    </IconButton>\r\n                  )}\r\n                </>\r\n              )}\r\n            </Accordion.Actions>\r\n          </Accordion.Header>\r\n          <Accordion.Content>\r\n            <Flex\r\n              direction=\"column\"\r\n              alignItems=\"stretch\"\r\n              background=\"neutral100\"\r\n              padding={{ initial: 4, medium: 6 }}\r\n              gap={{ initial: 3, medium: 4 }}\r\n            >\r\n              <RepeatableComponentFields\r\n                attributeComponent={attributeComponent}\r\n                layout={layout}\r\n                nameWithIndex={name}\r\n              >\r\n                {renderField}\r\n              </RepeatableComponentFields>\r\n            </Flex>\r\n          </Accordion.Content>\r\n        </Accordion.Item>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nconst Preview = () => {\r\n  return <StyledSpan tag=\"span\" padding={6} background=\"primary100\" />;\r\n};\r\n\r\nconst StyledSpan = styled<BoxComponent<'span'>>(Box)`\r\n  display: block;\r\n  outline: 1px dashed ${({ theme }) => theme.colors.primary500};\r\n  outline-offset: -1px;\r\n`;\r\n\r\nconst MemoizedComponent = React.memo(Component);\r\nconst MemoizedRepeatableComponent = React.memo(RepeatableComponent);\r\n\r\nexport { MemoizedRepeatableComponent as RepeatableComponent };\r\nexport type { RepeatableComponentProps };\r\n"],"names":["RepeatableComponent","attribute","disabled","name","mainField","children","layout","toggleNotification","useNotification","formatMessage","useIntl","search","searchString","useLocation","React","useMemo","URLSearchParams","currentDocument","useDocumentContext","components","value","rawValue","error","rawError","useField","addFieldRow","useForm","state","moveFieldRow","removeFieldRow","max","Infinity","Array","isArray","collapseToOpen","setCollapseToOpen","useState","liveText","setLiveText","useEffect","hasNestedErrors","length","hasNestedValue","errorOpenItems","map","_","idx","__temp_key__","filter","includes","componentTmpKeyWithFocussedField","has","fieldParam","get","undefined","path","split","getIn","subpath","prevValue","usePrev","toggleCollapses","useCallback","handleClick","schema","component","form","createDefaultForm","data","transformDocument","type","message","id","getTranslation","handleMoveComponentField","newIndex","currentIndex","defaultMessage","item","position","handleValueChange","key","handleCancel","index","handleGrabItem","handleDropItem","handleDeleteComponent","ariaDescriptionId","useId","level","useComponent","_jsx","Initializer","onClick","_jsxs","Box","hasRadius","VisuallyHidden","aria-live","AccordionRoot","$error","onValueChange","aria-describedby","componentValue","nameWithIndex","ComponentProvider","uid","MemoizedComponent","attributeComponent","onMoveItem","onDeleteComponent","onCancel","onDropItem","onGrabItem","totalLength","renderField","TextButtonCustom","startIcon","Plus","styled","Accordion","Root","theme","colors","danger600","neutral200","TextButton","props","spaces","primary100","motion","easings","easeOutQuad","RepeatableComponentFields","memo","_Fragment","row","ResponsiveGridRoot","gap","size","field","completeFieldName","translatedLabel","label","ResponsiveGridItem","col","s","xs","direction","alignItems","displayName","Component","dragProps","isDesktop","useIsDesktop","displayValue","values","displayedValue","accordionRef","useRef","componentKey","slice","join","handlerId","isDragging","handleKeyDown","boxRef","dropRef","dragRef","dragPreviewRef","useDragAndDrop","ItemTypes","COMPONENT","onStart","getEmptyImage","captureDraggingState","composedAccordionRefs","useComposedRefs","composedBoxRefs","canMoveUp","canMoveDown","handleDeleteClick","Preview","Item","ref","Header","Trigger","Actions","IconButton","variant","Trash","e","stopPropagation","data-handler-id","onKeyDown","Drag","ArrowUp","ArrowDown","Content","Flex","background","padding","initial","medium","StyledSpan","tag","primary500","MemoizedRepeatableComponent"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+
+/**
+ * We use this component to wrap any individual component field in the Edit View,
+ * this could be a component field in a dynamic zone, a component within a repeatable space,
+ * or even nested components.
+ *
+ * We primarily need this to provide the component id to the components so that they can
+ * correctly fetch their relations.
+ */ const [ComponentProvider, useComponent] = strapiAdmin.createContext('ComponentContext', {
+    id: undefined,
+    level: -1,
+    uid: undefined,
+    type: undefined
+});
+
+exports.ComponentProvider = ComponentProvider;
+exports.useComponent = useComponent;
+//# sourceMappingURL=ComponentContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentContext.js","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/ComponentContext.tsx"],"sourcesContent":["import { createContext } from '@strapi/admin/strapi-admin';\r\n\r\ninterface ComponentContextValue {\r\n  /**\r\n   * The id of the component. It will be undefined if the component\r\n   * has not been created in the database yet. This could be on a new\r\n   * or existing entry.\r\n   */\r\n  id?: number;\r\n  /**\r\n   * The level of the component. This is used to determine the nesting\r\n   * of the component. The default is set to -1 so that the base level is 0\r\n   * for the top level component, and increases by 1 for each level of nesting.\r\n   */\r\n  level: number;\r\n  /**\r\n   * The uid of the component. This is used to determine the type of the\r\n   * component. Within an attribute, it is normally the `component` value.\r\n   * It will be undefined if the hook is not called within the confines\r\n   * of a provider.\r\n   */\r\n  uid?: string;\r\n  /**\r\n   * The type of component parent. It will be undefined if the hook\r\n   * is not called within the confines of a provider.\r\n   */\r\n  type?: 'dynamiczone' | 'repeatable' | 'component';\r\n}\r\n\r\n/**\r\n * We use this component to wrap any individual component field in the Edit View,\r\n * this could be a component field in a dynamic zone, a component within a repeatable space,\r\n * or even nested components.\r\n *\r\n * We primarily need this to provide the component id to the components so that they can\r\n * correctly fetch their relations.\r\n */\r\nconst [ComponentProvider, useComponent] = createContext<ComponentContextValue>('ComponentContext', {\r\n  id: undefined,\r\n  level: -1,\r\n  uid: undefined,\r\n  type: undefined,\r\n});\r\n\r\nexport { ComponentProvider, useComponent };\r\n"],"names":["ComponentProvider","useComponent","createContext","id","undefined","level","uid","type"],"mappings":";;;;AA6BA;;;;;;;AAOC,UACK,CAACA,iBAAAA,EAAmBC,YAAAA,CAAa,GAAGC,0BAAqC,kBAAA,EAAoB;IACjGC,EAAAA,EAAIC,SAAAA;AACJC,IAAAA,KAAAA,EAAO,EAAC;IACRC,GAAAA,EAAKF,SAAAA;IACLG,IAAAA,EAAMH;AACR,CAAA;;;;;"}

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

@@ -0,0 +1,18 @@
+import { createContext } from '@strapi/admin/strapi-admin';
+
+/**
+ * We use this component to wrap any individual component field in the Edit View,
+ * this could be a component field in a dynamic zone, a component within a repeatable space,
+ * or even nested components.
+ *
+ * We primarily need this to provide the component id to the components so that they can
+ * correctly fetch their relations.
+ */ const [ComponentProvider, useComponent] = createContext('ComponentContext', {
+    id: undefined,
+    level: -1,
+    uid: undefined,
+    type: undefined
+});
+
+export { ComponentProvider, useComponent };
+//# sourceMappingURL=ComponentContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentContext.mjs","sources":["../../../../../../admin/src/pages/EditView/components/FormInputs/ComponentContext.tsx"],"sourcesContent":["import { createContext } from '@strapi/admin/strapi-admin';\r\n\r\ninterface ComponentContextValue {\r\n  /**\r\n   * The id of the component. It will be undefined if the component\r\n   * has not been created in the database yet. This could be on a new\r\n   * or existing entry.\r\n   */\r\n  id?: number;\r\n  /**\r\n   * The level of the component. This is used to determine the nesting\r\n   * of the component. The default is set to -1 so that the base level is 0\r\n   * for the top level component, and increases by 1 for each level of nesting.\r\n   */\r\n  level: number;\r\n  /**\r\n   * The uid of the component. This is used to determine the type of the\r\n   * component. Within an attribute, it is normally the `component` value.\r\n   * It will be undefined if the hook is not called within the confines\r\n   * of a provider.\r\n   */\r\n  uid?: string;\r\n  /**\r\n   * The type of component parent. It will be undefined if the hook\r\n   * is not called within the confines of a provider.\r\n   */\r\n  type?: 'dynamiczone' | 'repeatable' | 'component';\r\n}\r\n\r\n/**\r\n * We use this component to wrap any individual component field in the Edit View,\r\n * this could be a component field in a dynamic zone, a component within a repeatable space,\r\n * or even nested components.\r\n *\r\n * We primarily need this to provide the component id to the components so that they can\r\n * correctly fetch their relations.\r\n */\r\nconst [ComponentProvider, useComponent] = createContext<ComponentContextValue>('ComponentContext', {\r\n  id: undefined,\r\n  level: -1,\r\n  uid: undefined,\r\n  type: undefined,\r\n});\r\n\r\nexport { ComponentProvider, useComponent };\r\n"],"names":["ComponentProvider","useComponent","createContext","id","undefined","level","uid","type"],"mappings":";;AA6BA;;;;;;;AAOC,UACK,CAACA,iBAAAA,EAAmBC,YAAAA,CAAa,GAAGC,cAAqC,kBAAA,EAAoB;IACjGC,EAAAA,EAAIC,SAAAA;AACJC,IAAAA,KAAAA,EAAO,EAAC;IACRC,GAAAA,EAAKF,SAAAA;IACLG,IAAAA,EAAMH;AACR,CAAA;;;;"}