@strapi/content-type-builder 5.13.1 → 5.14.0

package/dist/admin/components/List.mjs

@@ -1,233 +1,182 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useSensors, useSensor, PointerSensor, DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 import { useTracking } from '@strapi/admin/strapi-admin';
-import { Table, Thead, Tr, Th, Typography, Tbody, Td, EmptyStateLayout, Button, Box, TFooter } from '@strapi/design-system';
+import { Box, EmptyStateLayout, Button } from '@strapi/design-system';
 import { Plus } from '@strapi/icons';
 import { EmptyDocuments } from '@strapi/icons/symbols';
+import { createPortal } from 'react-dom';
 import { useIntl } from 'react-intl';
-import { useDataManager } from '../hooks/useDataManager.mjs';
-import { useFormModalNavigation } from '../hooks/useFormModalNavigation.mjs';
+import { styled } from 'styled-components';
 import { getTrad } from '../utils/getTrad.mjs';
-import { BoxWrapper } from './BoxWrapper.mjs';
-import { ComponentList } from './ComponentList.mjs';
-import { DynamicZoneList } from './DynamicZoneList.mjs';
-import { NestedTFooter } from './NestedFooter.mjs';
+import { AttributeRow } from './AttributeRow.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+import { TFooter, NestedTFooter } from './Footers.mjs';
+import { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation.mjs';
 
-const List = ({ addComponentToDZ, customRowComponent, editTarget, firstLoopComponentUid, isFromDynamicZone = false, isMain = false, isNestedInDZComponent = false, isSub = false, items = [], secondLoopComponentUid, targetUid })=>{
+const ListGrid = styled(Box)`
+  white-space: nowrap;
+  list-style: none;
+  list-style-type: none;
+`;
+const SortableRow = (props)=>{
+    const { isInDevelopmentMode } = useDataManager();
+    const { isDragging, attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef } = useSortable({
+        disabled: !isInDevelopmentMode || props.item.status === 'REMOVED' || props.type.status === 'REMOVED',
+        id: props.item.id,
+        data: {
+            index: props.item.index
+        }
+    });
+    const style = {
+        transform: CSS.Transform.toString({
+            x: transform?.x ?? 0,
+            y: transform?.y ?? 0,
+            scaleX: 1,
+            scaleY: 1
+        }),
+        transition
+    };
+    return /*#__PURE__*/ jsx(AttributeRow, {
+        ref: setNodeRef,
+        handleRef: setActivatorNodeRef,
+        isDragging: isDragging,
+        attributes: attributes,
+        listeners: listeners,
+        style: style,
+        ...props
+    });
+};
+const List = ({ addComponentToDZ, firstLoopComponentUid, isFromDynamicZone = false, isMain = false, isSub = false, secondLoopComponentUid, type })=>{
     const { formatMessage } = useIntl();
     const { trackUsage } = useTracking();
-    const { isInDevelopmentMode, modifiedData, isInContentTypeView } = useDataManager();
+    const { isInDevelopmentMode, moveAttribute } = useDataManager();
     const { onOpenModalAddField } = useFormModalNavigation();
+    const items = type?.attributes.map((item, index)=>{
+        return {
+            id: `${type.uid}_${item.name}`,
+            index,
+            ...item
+        };
+    });
+    const [activeId, setActiveId] = useState(null);
+    const isDeleted = type?.status === 'REMOVED';
+    const sensors = useSensors(useSensor(PointerSensor));
+    function handlerDragStart({ active }) {
+        if (!active) {
+            return;
+        }
+        setActiveId(active.id);
+    }
+    function handleDragEnd(event) {
+        const { active, over } = event;
+        setActiveId(null);
+        if (over) {
+            if (active.id !== over.id) {
+                moveAttribute({
+                    forTarget: type.modelType,
+                    targetUid: type.uid,
+                    from: active.data.current.index,
+                    to: over.data.current.index
+                });
+            }
+        }
+    }
+    const activeItem = items.find((item)=>item.id === activeId);
     const onClickAddField = ()=>{
+        if (isDeleted) {
+            return;
+        }
         trackUsage('hasClickedCTBAddFieldBanner');
         onOpenModalAddField({
-            forTarget: editTarget,
-            targetUid
+            forTarget: type?.modelType,
+            targetUid: type.uid
         });
     };
-    if (!targetUid) {
-        return /*#__PURE__*/ jsxs(Table, {
-            colCount: 2,
-            rowCount: 2,
-            children: [
-                /*#__PURE__*/ jsx(Thead, {
-                    children: /*#__PURE__*/ jsxs(Tr, {
-                        children: [
-                            /*#__PURE__*/ jsx(Th, {
-                                children: /*#__PURE__*/ jsx(Typography, {
-                                    variant: "sigma",
-                                    textColor: "neutral600",
-                                    children: formatMessage({
-                                        id: 'global.name',
-                                        defaultMessage: 'Name'
-                                    })
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Th, {
-                                children: /*#__PURE__*/ jsx(Typography, {
-                                    variant: "sigma",
-                                    textColor: "neutral600",
-                                    children: formatMessage({
-                                        id: 'global.type',
-                                        defaultMessage: 'Type'
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(Tbody, {
-                    children: /*#__PURE__*/ jsx(Tr, {
-                        children: /*#__PURE__*/ jsx(Td, {
-                            colSpan: 2,
-                            children: /*#__PURE__*/ jsx(EmptyStateLayout, {
-                                content: formatMessage({
-                                    id: getTrad('table.content.create-first-content-type'),
-                                    defaultMessage: 'Create your first Collection-Type'
-                                }),
-                                hasRadius: true,
-                                icon: /*#__PURE__*/ jsx(EmptyDocuments, {
-                                    width: "16rem"
-                                })
-                            })
-                        })
-                    })
-                })
-            ]
-        });
-    }
-    if (items.length === 0 && isMain) {
-        return /*#__PURE__*/ jsxs(Table, {
-            colCount: 2,
-            rowCount: 2,
-            children: [
-                /*#__PURE__*/ jsx(Thead, {
-                    children: /*#__PURE__*/ jsxs(Tr, {
-                        children: [
-                            /*#__PURE__*/ jsx(Th, {
-                                children: /*#__PURE__*/ jsx(Typography, {
-                                    variant: "sigma",
-                                    textColor: "neutral600",
-                                    children: formatMessage({
-                                        id: 'global.name',
-                                        defaultMessage: 'Name'
-                                    })
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Th, {
-                                children: /*#__PURE__*/ jsx(Typography, {
-                                    variant: "sigma",
-                                    textColor: "neutral600",
-                                    children: formatMessage({
-                                        id: 'global.type',
-                                        defaultMessage: 'Type'
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(Tbody, {
-                    children: /*#__PURE__*/ jsx(Tr, {
-                        children: /*#__PURE__*/ jsx(Td, {
-                            colSpan: 2,
-                            children: /*#__PURE__*/ jsx(EmptyStateLayout, {
-                                action: /*#__PURE__*/ jsx(Button, {
-                                    onClick: onClickAddField,
-                                    size: "L",
-                                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
-                                    variant: "secondary",
-                                    children: formatMessage({
-                                        id: getTrad('table.button.no-fields'),
-                                        defaultMessage: 'Add new field'
-                                    })
-                                }),
-                                content: formatMessage(isInContentTypeView ? {
-                                    id: getTrad('table.content.no-fields.collection-type'),
-                                    defaultMessage: 'Add your first field to this Collection-Type'
-                                } : {
-                                    id: getTrad('table.content.no-fields.component'),
-                                    defaultMessage: 'Add your first field to this component'
-                                }),
-                                hasRadius: true,
-                                icon: /*#__PURE__*/ jsx(EmptyDocuments, {
-                                    width: "16rem"
-                                })
-                            })
-                        })
-                    })
+    if (type?.attributes.length === 0 && isMain) {
+        return /*#__PURE__*/ jsx(EmptyStateLayout, {
+            action: /*#__PURE__*/ jsx(Button, {
+                onClick: onClickAddField,
+                size: "L",
+                startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                variant: "secondary",
+                children: formatMessage({
+                    id: getTrad('table.button.no-fields'),
+                    defaultMessage: 'Add new field'
                 })
-            ]
+            }),
+            content: formatMessage(type.modelType === 'contentType' ? {
+                id: getTrad('table.content.no-fields.collection-type'),
+                defaultMessage: 'Add your first field to this Collection-Type'
+            } : {
+                id: getTrad('table.content.no-fields.component'),
+                defaultMessage: 'Add your first field to this component'
+            }),
+            hasRadius: true,
+            icon: /*#__PURE__*/ jsx(EmptyDocuments, {
+                width: "16rem"
+            })
         });
     }
-    return /*#__PURE__*/ jsxs(BoxWrapper, {
+    return /*#__PURE__*/ jsxs(DndContext, {
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: handleDragEnd,
+        onDragStart: handlerDragStart,
+        onDragCancel: ()=>setActiveId(null),
+        modifiers: [
+            restrictToVerticalAxis
+        ],
         children: [
-            /*#__PURE__*/ jsx(Box, {
-                paddingLeft: 6,
-                paddingRight: isMain ? 6 : 0,
-                ...isMain && {
-                    style: {
-                        overflowX: 'auto'
-                    }
-                },
-                children: /*#__PURE__*/ jsxs("table", {
-                    children: [
-                        isMain && /*#__PURE__*/ jsx("thead", {
-                            children: /*#__PURE__*/ jsxs("tr", {
-                                children: [
-                                    /*#__PURE__*/ jsx("th", {
-                                        children: /*#__PURE__*/ jsx(Typography, {
-                                            variant: "sigma",
-                                            textColor: "neutral800",
-                                            children: formatMessage({
-                                                id: 'global.name',
-                                                defaultMessage: 'Name'
-                                            })
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx("th", {
-                                        colSpan: 2,
-                                        children: /*#__PURE__*/ jsx(Typography, {
-                                            variant: "sigma",
-                                            textColor: "neutral800",
-                                            children: formatMessage({
-                                                id: 'global.type',
-                                                defaultMessage: 'Type'
-                                            })
-                                        })
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsx("tbody", {
-                            children: items.map((item)=>{
-                                const { type } = item;
-                                const CustomRow = customRowComponent;
-                                return /*#__PURE__*/ jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ jsx(CustomRow, {
-                                            ...item,
-                                            isNestedInDZComponent: isNestedInDZComponent,
-                                            targetUid: targetUid,
-                                            editTarget: editTarget,
-                                            firstLoopComponentUid: firstLoopComponentUid,
-                                            isFromDynamicZone: isFromDynamicZone,
-                                            secondLoopComponentUid: secondLoopComponentUid
-                                        }),
-                                        type === 'component' && /*#__PURE__*/ jsx(ComponentList, {
-                                            ...item,
-                                            customRowComponent: customRowComponent,
-                                            targetUid: targetUid,
-                                            isNestedInDZComponent: isFromDynamicZone,
-                                            editTarget: editTarget,
-                                            firstLoopComponentUid: firstLoopComponentUid
-                                        }),
-                                        type === 'dynamiczone' && /*#__PURE__*/ jsx(DynamicZoneList, {
-                                            ...item,
-                                            customRowComponent: customRowComponent,
-                                            addComponent: addComponentToDZ,
-                                            targetUid: targetUid
-                                        })
-                                    ]
-                                }, item.name);
-                            })
+            /*#__PURE__*/ jsxs(ListGrid, {
+                tag: "ul",
+                children: [
+                    /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
+                        zIndex: 10,
+                        children: activeItem && /*#__PURE__*/ jsx(AttributeRow, {
+                            isOverlay: true,
+                            item: activeItem,
+                            firstLoopComponentUid: firstLoopComponentUid,
+                            isFromDynamicZone: isFromDynamicZone,
+                            secondLoopComponentUid: secondLoopComponentUid,
+                            type: type,
+                            addComponentToDZ: addComponentToDZ
                         })
-                    ]
-                })
+                    }), document.body),
+                    /*#__PURE__*/ jsx(SortableContext, {
+                        items: items,
+                        strategy: verticalListSortingStrategy,
+                        children: items.map((item)=>{
+                            return /*#__PURE__*/ jsx(SortableRow, {
+                                item: item,
+                                firstLoopComponentUid: firstLoopComponentUid,
+                                isFromDynamicZone: isFromDynamicZone,
+                                secondLoopComponentUid: secondLoopComponentUid,
+                                type: type,
+                                addComponentToDZ: addComponentToDZ
+                            }, item.id);
+                        })
+                    })
+                ]
             }),
             isMain && isInDevelopmentMode && /*#__PURE__*/ jsx(TFooter, {
-                cursor: "pointer",
+                cursor: isDeleted ? 'normal' : 'pointer',
                 icon: /*#__PURE__*/ jsx(Plus, {}),
                 onClick: onClickAddField,
+                color: isDeleted ? 'neutral' : 'primary',
                 children: formatMessage({
-                    id: getTrad(`form.button.add.field.to.${modifiedData.contentType ? modifiedData.contentType.schema.kind : editTarget || 'collectionType'}`),
+                    id: getTrad(`form.button.add.field.to.${type.modelType === 'component' ? 'component' : type.kind}`),
                     defaultMessage: 'Add another field'
                 })
             }),
-            isSub && isInDevelopmentMode && !isFromDynamicZone && /*#__PURE__*/ jsx(NestedTFooter, {
+            isSub && isInDevelopmentMode && /*#__PURE__*/ jsx(NestedTFooter, {
+                cursor: isDeleted ? 'normal' : 'pointer',
                 icon: /*#__PURE__*/ jsx(Plus, {}),
                 onClick: onClickAddField,
-                color: isFromDynamicZone ? 'primary' : 'neutral',
+                color: isFromDynamicZone && !isDeleted ? 'primary' : 'neutral',
                 children: formatMessage({
                     id: getTrad(`form.button.add.field.to.component`),
                     defaultMessage: 'Add another field'
@@ -237,5 +186,5 @@ const List = ({ addComponentToDZ, customRowComponent, editTarget, firstLoopCompo
     });
 };
 
-export { List };
+export { List, ListGrid };
 //# sourceMappingURL=List.mjs.map

package/dist/admin/components/List.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.mjs","sources":["../../../admin/src/components/List.tsx"],"sourcesContent":["import { ComponentType, Fragment } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  EmptyStateLayout,\n  Table,\n  Tbody,\n  Td,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n} from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { useDataManager } from '../hooks/useDataManager';\nimport { useFormModalNavigation } from '../hooks/useFormModalNavigation';\nimport { getTrad } from '../utils/getTrad';\n\nimport { BoxWrapper } from './BoxWrapper';\nimport { ComponentList } from './ComponentList';\nimport { DynamicZoneList } from './DynamicZoneList';\nimport { NestedTFooter } from './NestedFooter';\n\nimport type { SchemaType } from '../types';\nimport type { Internal } from '@strapi/types';\n\ninterface ListProps {\n  addComponentToDZ?: () => void;\n  customRowComponent: ComponentType<any>;\n  editTarget: SchemaType;\n  firstLoopComponentUid?: string;\n  isFromDynamicZone?: boolean;\n  isNestedInDZComponent?: boolean;\n  isMain?: boolean;\n  items: any[];\n  secondLoopComponentUid?: string | null;\n  targetUid?: Internal.UID.Schema;\n  isSub?: boolean;\n}\n\nexport const List = ({\n  addComponentToDZ,\n  customRowComponent,\n  editTarget,\n  firstLoopComponentUid,\n  isFromDynamicZone = false,\n  isMain = false,\n  isNestedInDZComponent = false,\n  isSub = false,\n  items = [],\n  secondLoopComponentUid,\n  targetUid,\n}: ListProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { isInDevelopmentMode, modifiedData, isInContentTypeView } = useDataManager();\n\n  const { onOpenModalAddField } = useFormModalNavigation();\n  const onClickAddField = () => {\n    trackUsage('hasClickedCTBAddFieldBanner');\n\n    onOpenModalAddField({ forTarget: editTarget, targetUid });\n  };\n\n  if (!targetUid) {\n    return (\n      <Table colCount={2} rowCount={2}>\n        <Thead>\n          <Tr>\n            <Th>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n              </Typography>\n            </Th>\n            <Th>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'global.type', defaultMessage: 'Type' })}\n              </Typography>\n            </Th>\n          </Tr>\n        </Thead>\n        <Tbody>\n          <Tr>\n            <Td colSpan={2}>\n              <EmptyStateLayout\n                content={formatMessage({\n                  id: getTrad('table.content.create-first-content-type'),\n                  defaultMessage: 'Create your first Collection-Type',\n                })}\n                hasRadius\n                icon={<EmptyDocuments width=\"16rem\" />}\n              />\n            </Td>\n          </Tr>\n        </Tbody>\n      </Table>\n    );\n  }\n\n  if (items.length === 0 && isMain) {\n    return (\n      <Table colCount={2} rowCount={2}>\n        <Thead>\n          <Tr>\n            <Th>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n              </Typography>\n            </Th>\n            <Th>\n              <Typography variant=\"sigma\" textColor=\"neutral600\">\n                {formatMessage({ id: 'global.type', defaultMessage: 'Type' })}\n              </Typography>\n            </Th>\n          </Tr>\n        </Thead>\n        <Tbody>\n          <Tr>\n            <Td colSpan={2}>\n              <EmptyStateLayout\n                action={\n                  <Button\n                    onClick={onClickAddField}\n                    size=\"L\"\n                    startIcon={<Plus />}\n                    variant=\"secondary\"\n                  >\n                    {formatMessage({\n                      id: getTrad('table.button.no-fields'),\n                      defaultMessage: 'Add new field',\n                    })}\n                  </Button>\n                }\n                content={formatMessage(\n                  isInContentTypeView\n                    ? {\n                        id: getTrad('table.content.no-fields.collection-type'),\n                        defaultMessage: 'Add your first field to this Collection-Type',\n                      }\n                    : {\n                        id: getTrad('table.content.no-fields.component'),\n                        defaultMessage: 'Add your first field to this component',\n                      }\n                )}\n                hasRadius\n                icon={<EmptyDocuments width=\"16rem\" />}\n              />\n            </Td>\n          </Tr>\n        </Tbody>\n      </Table>\n    );\n  }\n\n  return (\n    <BoxWrapper>\n      <Box\n        paddingLeft={6}\n        paddingRight={isMain ? 6 : 0}\n        {...(isMain && { style: { overflowX: 'auto' } })}\n      >\n        <table>\n          {isMain && (\n            <thead>\n              <tr>\n                <th>\n                  <Typography variant=\"sigma\" textColor=\"neutral800\">\n                    {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n                  </Typography>\n                </th>\n                <th colSpan={2}>\n                  <Typography variant=\"sigma\" textColor=\"neutral800\">\n                    {formatMessage({ id: 'global.type', defaultMessage: 'Type' })}\n                  </Typography>\n                </th>\n              </tr>\n            </thead>\n          )}\n          <tbody>\n            {items.map((item) => {\n              const { type } = item;\n              const CustomRow = customRowComponent;\n\n              return (\n                <Fragment key={item.name}>\n                  <CustomRow\n                    {...item}\n                    isNestedInDZComponent={isNestedInDZComponent}\n                    targetUid={targetUid}\n                    editTarget={editTarget}\n                    firstLoopComponentUid={firstLoopComponentUid}\n                    isFromDynamicZone={isFromDynamicZone}\n                    secondLoopComponentUid={secondLoopComponentUid}\n                  />\n\n                  {type === 'component' && (\n                    <ComponentList\n                      {...item}\n                      customRowComponent={customRowComponent}\n                      targetUid={targetUid}\n                      isNestedInDZComponent={isFromDynamicZone}\n                      editTarget={editTarget}\n                      firstLoopComponentUid={firstLoopComponentUid}\n                    />\n                  )}\n\n                  {type === 'dynamiczone' && (\n                    <DynamicZoneList\n                      {...item}\n                      customRowComponent={customRowComponent}\n                      addComponent={addComponentToDZ}\n                      targetUid={targetUid}\n                    />\n                  )}\n                </Fragment>\n              );\n            })}\n          </tbody>\n        </table>\n      </Box>\n\n      {isMain && isInDevelopmentMode && (\n        <TFooter cursor=\"pointer\" icon={<Plus />} onClick={onClickAddField}>\n          {formatMessage({\n            id: getTrad(\n              `form.button.add.field.to.${\n                modifiedData.contentType\n                  ? modifiedData.contentType.schema.kind\n                  : editTarget || 'collectionType'\n              }`\n            ),\n            defaultMessage: 'Add another field',\n          })}\n        </TFooter>\n      )}\n      {isSub && isInDevelopmentMode && !isFromDynamicZone && (\n        <NestedTFooter\n          icon={<Plus />}\n          onClick={onClickAddField}\n          color={isFromDynamicZone ? 'primary' : 'neutral'}\n        >\n          {formatMessage({\n            id: getTrad(`form.button.add.field.to.component`),\n            defaultMessage: 'Add another field',\n          })}\n        </NestedTFooter>\n      )}\n    </BoxWrapper>\n  );\n};\n"],"names":["List","addComponentToDZ","customRowComponent","editTarget","firstLoopComponentUid","isFromDynamicZone","isMain","isNestedInDZComponent","isSub","items","secondLoopComponentUid","targetUid","formatMessage","useIntl","trackUsage","useTracking","isInDevelopmentMode","modifiedData","isInContentTypeView","useDataManager","onOpenModalAddField","useFormModalNavigation","onClickAddField","forTarget","_jsxs","Table","colCount","rowCount","_jsx","Thead","Tr","Th","Typography","variant","textColor","id","defaultMessage","Tbody","Td","colSpan","EmptyStateLayout","content","getTrad","hasRadius","icon","EmptyDocuments","width","length","action","Button","onClick","size","startIcon","Plus","BoxWrapper","Box","paddingLeft","paddingRight","style","overflowX","table","thead","tr","th","tbody","map","item","type","CustomRow","Fragment","ComponentList","DynamicZoneList","addComponent","name","TFooter","cursor","contentType","schema","kind","NestedTFooter","color"],"mappings":"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"}
+{"version":3,"file":"List.mjs","sources":["../../../admin/src/components/List.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  DndContext,\n  closestCenter,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  DragEndEvent,\n  DragStartEvent,\n  DragOverlay,\n  UniqueIdentifier,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useTracking } from '@strapi/admin/strapi-admin';\nimport { Box, Button, EmptyStateLayout } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { createPortal } from 'react-dom';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { AttributeRow, type AttributeRowProps } from './AttributeRow';\nimport { useDataManager } from './DataManager/useDataManager';\nimport { NestedTFooter, TFooter } from './Footers';\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\n\nimport type { Component, ContentType } from '../types';\nimport type { UID } from '@strapi/types';\n\nexport const ListGrid = styled(Box)`\n  white-space: nowrap;\n  list-style: none;\n  list-style-type: none;\n`;\n\ntype ListProps = {\n  addComponentToDZ?: () => void;\n  firstLoopComponentUid?: UID.Component | null;\n  isFromDynamicZone?: boolean;\n  isMain?: boolean;\n  secondLoopComponentUid?: UID.Component | null;\n  isSub?: boolean;\n  type: ContentType | Component;\n};\n\nconst SortableRow = (props: AttributeRowProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    setActivatorNodeRef,\n  } = useSortable({\n    disabled:\n      !isInDevelopmentMode || props.item.status === 'REMOVED' || props.type.status === 'REMOVED',\n    id: props.item.id,\n    data: { index: props.item.index },\n  });\n\n  const style = {\n    transform: CSS.Transform.toString({\n      x: transform?.x ?? 0,\n      y: transform?.y ?? 0,\n      scaleX: 1,\n      scaleY: 1,\n    }),\n    transition,\n  };\n\n  return (\n    <AttributeRow\n      ref={setNodeRef}\n      handleRef={setActivatorNodeRef}\n      isDragging={isDragging}\n      attributes={attributes}\n      listeners={listeners}\n      style={style}\n      {...props}\n    />\n  );\n};\n\nexport const List = ({\n  addComponentToDZ,\n  firstLoopComponentUid,\n  isFromDynamicZone = false,\n  isMain = false,\n  isSub = false,\n  secondLoopComponentUid,\n  type,\n}: ListProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { isInDevelopmentMode, moveAttribute } = useDataManager();\n  const { onOpenModalAddField } = useFormModalNavigation();\n\n  const items = type?.attributes.map((item, index) => {\n    return {\n      id: `${type.uid}_${item.name}`,\n      index,\n      ...item,\n    };\n  });\n\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\n\n  const isDeleted = type?.status === 'REMOVED';\n\n  const sensors = useSensors(useSensor(PointerSensor));\n\n  function handlerDragStart({ active }: DragStartEvent) {\n    if (!active) {\n      return;\n    }\n\n    setActiveId(active.id);\n  }\n\n  function handleDragEnd(event: DragEndEvent) {\n    const { active, over } = event;\n\n    setActiveId(null);\n\n    if (over) {\n      if (active.id !== over.id) {\n        moveAttribute({\n          forTarget: type.modelType,\n          targetUid: type.uid,\n          from: active.data.current!.index,\n          to: over.data.current!.index,\n        });\n      }\n    }\n  }\n\n  const activeItem = items.find((item) => item.id === activeId);\n\n  const onClickAddField = () => {\n    if (isDeleted) {\n      return;\n    }\n\n    trackUsage('hasClickedCTBAddFieldBanner');\n\n    onOpenModalAddField({ forTarget: type?.modelType, targetUid: type.uid });\n  };\n\n  if (type?.attributes.length === 0 && isMain) {\n    return (\n      <EmptyStateLayout\n        action={\n          <Button onClick={onClickAddField} size=\"L\" startIcon={<Plus />} variant=\"secondary\">\n            {formatMessage({\n              id: getTrad('table.button.no-fields'),\n              defaultMessage: 'Add new field',\n            })}\n          </Button>\n        }\n        content={formatMessage(\n          type.modelType === 'contentType'\n            ? {\n                id: getTrad('table.content.no-fields.collection-type'),\n                defaultMessage: 'Add your first field to this Collection-Type',\n              }\n            : {\n                id: getTrad('table.content.no-fields.component'),\n                defaultMessage: 'Add your first field to this component',\n              }\n        )}\n        hasRadius\n        icon={<EmptyDocuments width=\"16rem\" />}\n      />\n    );\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragEnd={handleDragEnd}\n      onDragStart={handlerDragStart}\n      onDragCancel={() => setActiveId(null)}\n      modifiers={[restrictToVerticalAxis]}\n    >\n      <ListGrid tag=\"ul\">\n        {createPortal(\n          <DragOverlay zIndex={10}>\n            {activeItem && (\n              <AttributeRow\n                isOverlay\n                item={activeItem}\n                firstLoopComponentUid={firstLoopComponentUid}\n                isFromDynamicZone={isFromDynamicZone}\n                secondLoopComponentUid={secondLoopComponentUid}\n                type={type}\n                addComponentToDZ={addComponentToDZ}\n              />\n            )}\n          </DragOverlay>,\n          document.body\n        )}\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\n          {items.map((item) => {\n            return (\n              <SortableRow\n                key={item.id}\n                item={item}\n                firstLoopComponentUid={firstLoopComponentUid}\n                isFromDynamicZone={isFromDynamicZone}\n                secondLoopComponentUid={secondLoopComponentUid}\n                type={type}\n                addComponentToDZ={addComponentToDZ}\n              />\n            );\n          })}\n        </SortableContext>\n      </ListGrid>\n\n      {isMain && isInDevelopmentMode && (\n        <TFooter\n          cursor={isDeleted ? 'normal' : 'pointer'}\n          icon={<Plus />}\n          onClick={onClickAddField}\n          color={isDeleted ? 'neutral' : 'primary'}\n        >\n          {formatMessage({\n            id: getTrad(\n              `form.button.add.field.to.${type.modelType === 'component' ? 'component' : type.kind}`\n            ),\n            defaultMessage: 'Add another field',\n          })}\n        </TFooter>\n      )}\n      {isSub && isInDevelopmentMode && (\n        <NestedTFooter\n          cursor={isDeleted ? 'normal' : 'pointer'}\n          icon={<Plus />}\n          onClick={onClickAddField}\n          color={isFromDynamicZone && !isDeleted ? 'primary' : 'neutral'}\n        >\n          {formatMessage({\n            id: getTrad(`form.button.add.field.to.component`),\n            defaultMessage: 'Add another field',\n          })}\n        </NestedTFooter>\n      )}\n    </DndContext>\n  );\n};\n"],"names":["ListGrid","styled","Box","SortableRow","props","isInDevelopmentMode","useDataManager","isDragging","attributes","listeners","setNodeRef","transform","transition","setActivatorNodeRef","useSortable","disabled","item","status","type","id","data","index","style","CSS","Transform","toString","x","y","scaleX","scaleY","_jsx","AttributeRow","ref","handleRef","List","addComponentToDZ","firstLoopComponentUid","isFromDynamicZone","isMain","isSub","secondLoopComponentUid","formatMessage","useIntl","trackUsage","useTracking","moveAttribute","onOpenModalAddField","useFormModalNavigation","items","map","uid","name","activeId","setActiveId","useState","isDeleted","sensors","useSensors","useSensor","PointerSensor","handlerDragStart","active","handleDragEnd","event","over","forTarget","modelType","targetUid","from","current","to","activeItem","find","onClickAddField","length","EmptyStateLayout","action","Button","onClick","size","startIcon","Plus","variant","getTrad","defaultMessage","content","hasRadius","icon","EmptyDocuments","width","_jsxs","DndContext","collisionDetection","closestCenter","onDragEnd","onDragStart","onDragCancel","modifiers","restrictToVerticalAxis","tag","createPortal","DragOverlay","zIndex","isOverlay","document","body","SortableContext","strategy","verticalListSortingStrategy","TFooter","cursor","color","kind","NestedTFooter"],"mappings":"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"}

package/dist/admin/components/Relation/Relation.js

@@ -6,7 +6,7 @@ var getRelationType = require('../../utils/getRelationType.js');
 var RelationField = require('./RelationField/RelationField.js');
 var RelationNaturePicker = require('./RelationNaturePicker/RelationNaturePicker.js');
 
-const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange })=>{
+const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange, targetUid })=>{
     const relationType = getRelationType.getRelationType(modifiedData.relation, modifiedData.targetAttribute);
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         style: {
@@ -25,7 +25,8 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                 naturePickerType: naturePickerType,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,
                 relationType: relationType,
-                target: modifiedData.target
+                target: modifiedData.target,
+                targetUid: targetUid
             }),
             /*#__PURE__*/ jsxRuntime.jsx(RelationField.RelationFormBox, {
                 disabled: [

package/dist/admin/components/Relation/Relation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Relation.js","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n  formErrors: Record<string, any>;\n  mainBoxHeader: string;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n  naturePickerType: string;\n}\n\nexport const Relation = ({\n  formErrors,\n  mainBoxHeader,\n  modifiedData,\n  naturePickerType,\n  onChange,\n}: RelationProps) => {\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n  return (\n    <Flex style={{ position: 'relative' }}>\n      <RelationFormBox\n        isMain\n        header={mainBoxHeader}\n        error={formErrors?.name || null}\n        name=\"name\"\n        onChange={onChange}\n        value={modifiedData?.name || ''}\n      />\n      <RelationNaturePicker\n        naturePickerType={naturePickerType}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        relationType={relationType!}\n        target={modifiedData.target}\n      />\n      <RelationFormBox\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\n        error={formErrors?.targetAttribute || null}\n        name=\"targetAttribute\"\n        onChange={onChange}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        target={modifiedData.target}\n        value={modifiedData?.targetAttribute || ''}\n      />\n    </Flex>\n  );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;;;AAeaA,MAAAA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACM,GAAA;AACd,IAAA,MAAMC,eAAeC,+BAAgBJ,CAAAA,YAAAA,CAAaK,QAAQ,EAAEL,aAAaM,eAAe,CAAA;AAExF,IAAA,qBACEC,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,KAAO,EAAA;YAAEC,QAAU,EAAA;AAAW,SAAA;;0BAClCC,cAACC,CAAAA,6BAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAQf,EAAAA,aAAAA;AACRgB,gBAAAA,KAAAA,EAAOjB,YAAYkB,IAAQ,IAAA,IAAA;gBAC3BA,IAAK,EAAA,MAAA;gBACLd,QAAUA,EAAAA,QAAAA;AACVe,gBAAAA,KAAAA,EAAOjB,cAAcgB,IAAQ,IAAA;;0BAE/BL,cAACO,CAAAA,yCAAAA,EAAAA;gBACCjB,gBAAkBA,EAAAA,gBAAAA;gBAClBkB,qCAAuCpB,EAAAA,aAAAA;gBACvCI,YAAcA,EAAAA,YAAAA;AACdiB,gBAAAA,MAAAA,EAAQpB,aAAaoB;;0BAEvBT,cAACC,CAAAA,6BAAAA,EAAAA;gBACCS,QAAU,EAAA;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACnB,YAAAA,CAAAA;AACzCY,gBAAAA,KAAAA,EAAOjB,YAAYQ,eAAmB,IAAA,IAAA;gBACtCU,IAAK,EAAA,iBAAA;gBACLd,QAAUA,EAAAA,QAAAA;gBACViB,qCAAuCpB,EAAAA,aAAAA;AACvCqB,gBAAAA,MAAAA,EAAQpB,aAAaoB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOjB,cAAcM,eAAmB,IAAA;;;;AAIhD;;;;"}
+{"version":3,"file":"Relation.js","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n  formErrors: Record<string, any>;\n  mainBoxHeader: string;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n  naturePickerType: string;\n  targetUid: string;\n}\n\nexport const Relation = ({\n  formErrors,\n  mainBoxHeader,\n  modifiedData,\n  naturePickerType,\n  onChange,\n  targetUid,\n}: RelationProps) => {\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n  return (\n    <Flex style={{ position: 'relative' }}>\n      <RelationFormBox\n        isMain\n        header={mainBoxHeader}\n        error={formErrors?.name || null}\n        name=\"name\"\n        onChange={onChange}\n        value={modifiedData?.name || ''}\n      />\n      <RelationNaturePicker\n        naturePickerType={naturePickerType}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        relationType={relationType!}\n        target={modifiedData.target}\n        targetUid={targetUid}\n      />\n      <RelationFormBox\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\n        error={formErrors?.targetAttribute || null}\n        name=\"targetAttribute\"\n        onChange={onChange}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        target={modifiedData.target}\n        value={modifiedData?.targetAttribute || ''}\n      />\n    </Flex>\n  );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;;;AAgBaA,MAAAA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,+BAAgBL,CAAAA,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,KAAO,EAAA;YAAEC,QAAU,EAAA;AAAW,SAAA;;0BAClCC,cAACC,CAAAA,6BAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAQhB,EAAAA,aAAAA;AACRiB,gBAAAA,KAAAA,EAAOlB,YAAYmB,IAAQ,IAAA,IAAA;gBAC3BA,IAAK,EAAA,MAAA;gBACLf,QAAUA,EAAAA,QAAAA;AACVgB,gBAAAA,KAAAA,EAAOlB,cAAciB,IAAQ,IAAA;;0BAE/BL,cAACO,CAAAA,yCAAAA,EAAAA;gBACClB,gBAAkBA,EAAAA,gBAAAA;gBAClBmB,qCAAuCrB,EAAAA,aAAAA;gBACvCK,YAAcA,EAAAA,YAAAA;AACdiB,gBAAAA,MAAAA,EAAQrB,aAAaqB,MAAM;gBAC3BlB,SAAWA,EAAAA;;0BAEbS,cAACC,CAAAA,6BAAAA,EAAAA;gBACCS,QAAU,EAAA;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACnB,YAAAA,CAAAA;AACzCY,gBAAAA,KAAAA,EAAOlB,YAAYS,eAAmB,IAAA,IAAA;gBACtCU,IAAK,EAAA,iBAAA;gBACLf,QAAUA,EAAAA,QAAAA;gBACVkB,qCAAuCrB,EAAAA,aAAAA;AACvCsB,gBAAAA,MAAAA,EAAQrB,aAAaqB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOlB,cAAcO,eAAmB,IAAA;;;;AAIhD;;;;"}

package/dist/admin/components/Relation/Relation.mjs

@@ -4,7 +4,7 @@ import { getRelationType } from '../../utils/getRelationType.mjs';
 import { RelationFormBox } from './RelationField/RelationField.mjs';
 import { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker.mjs';
 
-const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange })=>{
+const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange, targetUid })=>{
     const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);
     return /*#__PURE__*/ jsxs(Flex, {
         style: {
@@ -23,7 +23,8 @@ const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, o
                 naturePickerType: naturePickerType,
                 oneThatIsCreatingARelationWithAnother: mainBoxHeader,
                 relationType: relationType,
-                target: modifiedData.target
+                target: modifiedData.target,
+                targetUid: targetUid
             }),
             /*#__PURE__*/ jsx(RelationFormBox, {
                 disabled: [

package/dist/admin/components/Relation/Relation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Relation.mjs","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n  formErrors: Record<string, any>;\n  mainBoxHeader: string;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n  naturePickerType: string;\n}\n\nexport const Relation = ({\n  formErrors,\n  mainBoxHeader,\n  modifiedData,\n  naturePickerType,\n  onChange,\n}: RelationProps) => {\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n  return (\n    <Flex style={{ position: 'relative' }}>\n      <RelationFormBox\n        isMain\n        header={mainBoxHeader}\n        error={formErrors?.name || null}\n        name=\"name\"\n        onChange={onChange}\n        value={modifiedData?.name || ''}\n      />\n      <RelationNaturePicker\n        naturePickerType={naturePickerType}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        relationType={relationType!}\n        target={modifiedData.target}\n      />\n      <RelationFormBox\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\n        error={formErrors?.targetAttribute || null}\n        name=\"targetAttribute\"\n        onChange={onChange}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        target={modifiedData.target}\n        value={modifiedData?.targetAttribute || ''}\n      />\n    </Flex>\n  );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;AAeaA,MAAAA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACM,GAAA;AACd,IAAA,MAAMC,eAAeC,eAAgBJ,CAAAA,YAAAA,CAAaK,QAAQ,EAAEL,aAAaM,eAAe,CAAA;AAExF,IAAA,qBACEC,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,KAAO,EAAA;YAAEC,QAAU,EAAA;AAAW,SAAA;;0BAClCC,GAACC,CAAAA,eAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAQf,EAAAA,aAAAA;AACRgB,gBAAAA,KAAAA,EAAOjB,YAAYkB,IAAQ,IAAA,IAAA;gBAC3BA,IAAK,EAAA,MAAA;gBACLd,QAAUA,EAAAA,QAAAA;AACVe,gBAAAA,KAAAA,EAAOjB,cAAcgB,IAAQ,IAAA;;0BAE/BL,GAACO,CAAAA,oBAAAA,EAAAA;gBACCjB,gBAAkBA,EAAAA,gBAAAA;gBAClBkB,qCAAuCpB,EAAAA,aAAAA;gBACvCI,YAAcA,EAAAA,YAAAA;AACdiB,gBAAAA,MAAAA,EAAQpB,aAAaoB;;0BAEvBT,GAACC,CAAAA,eAAAA,EAAAA;gBACCS,QAAU,EAAA;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACnB,YAAAA,CAAAA;AACzCY,gBAAAA,KAAAA,EAAOjB,YAAYQ,eAAmB,IAAA,IAAA;gBACtCU,IAAK,EAAA,iBAAA;gBACLd,QAAUA,EAAAA,QAAAA;gBACViB,qCAAuCpB,EAAAA,aAAAA;AACvCqB,gBAAAA,MAAAA,EAAQpB,aAAaoB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOjB,cAAcM,eAAmB,IAAA;;;;AAIhD;;;;"}
+{"version":3,"file":"Relation.mjs","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\n\nimport { getRelationType } from '../../utils/getRelationType';\n\nimport { RelationFormBox } from './RelationField/RelationField';\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\n\ninterface RelationProps {\n  formErrors: Record<string, any>;\n  mainBoxHeader: string;\n  modifiedData: Record<string, any>;\n  onChange: (value: any) => void;\n  naturePickerType: string;\n  targetUid: string;\n}\n\nexport const Relation = ({\n  formErrors,\n  mainBoxHeader,\n  modifiedData,\n  naturePickerType,\n  onChange,\n  targetUid,\n}: RelationProps) => {\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\n\n  return (\n    <Flex style={{ position: 'relative' }}>\n      <RelationFormBox\n        isMain\n        header={mainBoxHeader}\n        error={formErrors?.name || null}\n        name=\"name\"\n        onChange={onChange}\n        value={modifiedData?.name || ''}\n      />\n      <RelationNaturePicker\n        naturePickerType={naturePickerType}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        relationType={relationType!}\n        target={modifiedData.target}\n        targetUid={targetUid}\n      />\n      <RelationFormBox\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\n        error={formErrors?.targetAttribute || null}\n        name=\"targetAttribute\"\n        onChange={onChange}\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\n        target={modifiedData.target}\n        value={modifiedData?.targetAttribute || ''}\n      />\n    </Flex>\n  );\n};\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;AAgBaA,MAAAA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,eAAgBL,CAAAA,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,KAAO,EAAA;YAAEC,QAAU,EAAA;AAAW,SAAA;;0BAClCC,GAACC,CAAAA,eAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAQhB,EAAAA,aAAAA;AACRiB,gBAAAA,KAAAA,EAAOlB,YAAYmB,IAAQ,IAAA,IAAA;gBAC3BA,IAAK,EAAA,MAAA;gBACLf,QAAUA,EAAAA,QAAAA;AACVgB,gBAAAA,KAAAA,EAAOlB,cAAciB,IAAQ,IAAA;;0BAE/BL,GAACO,CAAAA,oBAAAA,EAAAA;gBACClB,gBAAkBA,EAAAA,gBAAAA;gBAClBmB,qCAAuCrB,EAAAA,aAAAA;gBACvCK,YAAcA,EAAAA,YAAAA;AACdiB,gBAAAA,MAAAA,EAAQrB,aAAaqB,MAAM;gBAC3BlB,SAAWA,EAAAA;;0BAEbS,GAACC,CAAAA,eAAAA,EAAAA;gBACCS,QAAU,EAAA;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACnB,YAAAA,CAAAA;AACzCY,gBAAAA,KAAAA,EAAOlB,YAAYS,eAAmB,IAAA,IAAA;gBACtCU,IAAK,EAAA,iBAAA;gBACLf,QAAUA,EAAAA,QAAAA;gBACVkB,qCAAuCrB,EAAAA,aAAAA;AACvCsB,gBAAAA,MAAAA,EAAQrB,aAAaqB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOlB,cAAcO,eAAmB,IAAA;;;;AAIhD;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.js

@@ -6,7 +6,7 @@ var getTrad = require('../../../utils/getTrad.js');
 var GenericInputs = require('../../GenericInputs.js');
 var RelationTargetPicker = require('./RelationTargetPicker/RelationTargetPicker.js');
 
-const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target = '', value = '' })=>{
+const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target, value = '' })=>{
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
         background: "neutral100",
         hasRadius: true,

package/dist/admin/components/Relation/RelationField/RelationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationField.js","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\ninterface RelationFormBoxProps {\n  disabled?: boolean;\n  error?: Record<string, any>;\n  header?: string;\n  isMain?: boolean;\n  name: string;\n  onChange: (value: any) => void;\n  oneThatIsCreatingARelationWithAnother?: string;\n  target?: string;\n  value?: string;\n}\n\nexport const RelationFormBox = ({\n  disabled = false,\n  error,\n  header,\n  isMain = false,\n  name,\n  onChange,\n  oneThatIsCreatingARelationWithAnother = '',\n  target = '',\n  value = '',\n}: RelationFormBoxProps) => {\n  return (\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n        {isMain ? (\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n            {header}\n          </Typography>\n        ) : (\n          <RelationTargetPicker\n            target={target}\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n          />\n        )}\n      </Flex>\n      <Divider background=\"neutral200\" />\n      <Box padding={4}>\n        <GenericInput\n          disabled={disabled}\n          error={error?.id || null}\n          intlLabel={{\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\n            defaultMessage: 'Field name',\n          }}\n          name={name}\n          onChange={onChange}\n          type=\"text\"\n          value={value}\n        />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;;;AAmBO,MAAMA,eAAkB,GAAA,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAS,GAAA,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAwC,GAAA,EAAE,EAC1CC,MAAAA,GAAS,EAAE,EACXC,KAAQ,GAAA,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,eAACC,CAAAA,gBAAAA,EAAAA;QAAIC,UAAW,EAAA,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAY,EAAA,YAAA;;0BACjDC,cAACC,CAAAA,iBAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAI,GAAA,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAI,GAAA,CAAA;gBAAGe,cAAe,EAAA,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,cAACK,CAAAA,uBAAAA,EAAAA;oBAAWC,OAAQ,EAAA,IAAA;oBAAKC,UAAW,EAAA,MAAA;oBAAOC,SAAU,EAAA,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,cAACS,CAAAA,yCAAAA,EAAAA;oBACChB,MAAQA,EAAAA,MAAAA;oBACRD,qCAAuCA,EAAAA;;;0BAI7CQ,cAACU,CAAAA,oBAAAA,EAAAA;gBAAQb,UAAW,EAAA;;0BACpBG,cAACJ,CAAAA,gBAAAA,EAAAA;gBAAIe,OAAS,EAAA,CAAA;AACZ,gBAAA,QAAA,gBAAAX,cAACY,CAAAA,0BAAAA,EAAAA;oBACC1B,QAAUA,EAAAA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,OAAO0B,EAAM,IAAA,IAAA;oBACpBC,SAAW,EAAA;AACTD,wBAAAA,EAAAA,EAAIE,eAAQ,CAAA,8CAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;oBACA1B,IAAMA,EAAAA,IAAAA;oBACNC,QAAUA,EAAAA,QAAAA;oBACV0B,IAAK,EAAA,MAAA;oBACLvB,KAAOA,EAAAA;;;;;AAKjB;;;;"}
+{"version":3,"file":"RelationField.js","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n  disabled?: boolean;\n  error?: Record<string, any>;\n  header?: string;\n  isMain?: boolean;\n  name: string;\n  onChange: (value: any) => void;\n  oneThatIsCreatingARelationWithAnother?: string;\n  target?: Internal.UID.ContentType;\n  value?: string;\n}\n\nexport const RelationFormBox = ({\n  disabled = false,\n  error,\n  header,\n  isMain = false,\n  name,\n  onChange,\n  oneThatIsCreatingARelationWithAnother = '',\n  target,\n  value = '',\n}: RelationFormBoxProps) => {\n  return (\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n        {isMain ? (\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n            {header}\n          </Typography>\n        ) : (\n          <RelationTargetPicker\n            target={target!}\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n          />\n        )}\n      </Flex>\n      <Divider background=\"neutral200\" />\n      <Box padding={4}>\n        <GenericInput\n          disabled={disabled}\n          error={error?.id || null}\n          intlLabel={{\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\n            defaultMessage: 'Field name',\n          }}\n          name={name}\n          onChange={onChange}\n          type=\"text\"\n          value={value}\n        />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;;;AAqBO,MAAMA,eAAkB,GAAA,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAQ,GAAA,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,eAACC,CAAAA,gBAAAA,EAAAA;QAAIC,UAAW,EAAA,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAY,EAAA,YAAA;;0BACjDC,cAACC,CAAAA,iBAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAI,GAAA,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAI,GAAA,CAAA;gBAAGe,cAAe,EAAA,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,cAACK,CAAAA,uBAAAA,EAAAA;oBAAWC,OAAQ,EAAA,IAAA;oBAAKC,UAAW,EAAA,MAAA;oBAAOC,SAAU,EAAA,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,cAACS,CAAAA,yCAAAA,EAAAA;oBACChB,MAAQA,EAAAA,MAAAA;oBACRD,qCAAuCA,EAAAA;;;0BAI7CQ,cAACU,CAAAA,oBAAAA,EAAAA;gBAAQb,UAAW,EAAA;;0BACpBG,cAACJ,CAAAA,gBAAAA,EAAAA;gBAAIe,OAAS,EAAA,CAAA;AACZ,gBAAA,QAAA,gBAAAX,cAACY,CAAAA,0BAAAA,EAAAA;oBACC1B,QAAUA,EAAAA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,OAAO0B,EAAM,IAAA,IAAA;oBACpBC,SAAW,EAAA;AACTD,wBAAAA,EAAAA,EAAIE,eAAQ,CAAA,8CAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;oBACA1B,IAAMA,EAAAA,IAAAA;oBACNC,QAAUA,EAAAA,QAAAA;oBACV0B,IAAK,EAAA,MAAA;oBACLvB,KAAOA,EAAAA;;;;;AAKjB;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.mjs

@@ -4,7 +4,7 @@ import { getTrad } from '../../../utils/getTrad.mjs';
 import { GenericInput as MemoizedGenericInput } from '../../GenericInputs.mjs';
 import { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker.mjs';
 
-const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target = '', value = '' })=>{
+const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target, value = '' })=>{
     return /*#__PURE__*/ jsxs(Box, {
         background: "neutral100",
         hasRadius: true,

package/dist/admin/components/Relation/RelationField/RelationField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RelationField.mjs","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\ninterface RelationFormBoxProps {\n  disabled?: boolean;\n  error?: Record<string, any>;\n  header?: string;\n  isMain?: boolean;\n  name: string;\n  onChange: (value: any) => void;\n  oneThatIsCreatingARelationWithAnother?: string;\n  target?: string;\n  value?: string;\n}\n\nexport const RelationFormBox = ({\n  disabled = false,\n  error,\n  header,\n  isMain = false,\n  name,\n  onChange,\n  oneThatIsCreatingARelationWithAnother = '',\n  target = '',\n  value = '',\n}: RelationFormBoxProps) => {\n  return (\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n        {isMain ? (\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n            {header}\n          </Typography>\n        ) : (\n          <RelationTargetPicker\n            target={target}\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n          />\n        )}\n      </Flex>\n      <Divider background=\"neutral200\" />\n      <Box padding={4}>\n        <GenericInput\n          disabled={disabled}\n          error={error?.id || null}\n          intlLabel={{\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\n            defaultMessage: 'Field name',\n          }}\n          name={name}\n          onChange={onChange}\n          type=\"text\"\n          value={value}\n        />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;AAmBO,MAAMA,eAAkB,GAAA,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAS,GAAA,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAwC,GAAA,EAAE,EAC1CC,MAAAA,GAAS,EAAE,EACXC,KAAQ,GAAA,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,IAACC,CAAAA,GAAAA,EAAAA;QAAIC,UAAW,EAAA,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAY,EAAA,YAAA;;0BACjDC,GAACC,CAAAA,IAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAI,GAAA,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAI,GAAA,CAAA;gBAAGe,cAAe,EAAA,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,GAACK,CAAAA,UAAAA,EAAAA;oBAAWC,OAAQ,EAAA,IAAA;oBAAKC,UAAW,EAAA,MAAA;oBAAOC,SAAU,EAAA,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,GAACS,CAAAA,oBAAAA,EAAAA;oBACChB,MAAQA,EAAAA,MAAAA;oBACRD,qCAAuCA,EAAAA;;;0BAI7CQ,GAACU,CAAAA,OAAAA,EAAAA;gBAAQb,UAAW,EAAA;;0BACpBG,GAACJ,CAAAA,GAAAA,EAAAA;gBAAIe,OAAS,EAAA,CAAA;AACZ,gBAAA,QAAA,gBAAAX,GAACY,CAAAA,oBAAAA,EAAAA;oBACC1B,QAAUA,EAAAA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,OAAO0B,EAAM,IAAA,IAAA;oBACpBC,SAAW,EAAA;AACTD,wBAAAA,EAAAA,EAAIE,OAAQ,CAAA,8CAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;oBACA1B,IAAMA,EAAAA,IAAAA;oBACNC,QAAUA,EAAAA,QAAAA;oBACV0B,IAAK,EAAA,MAAA;oBACLvB,KAAOA,EAAAA;;;;;AAKjB;;;;"}
+{"version":3,"file":"RelationField.mjs","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\n\nimport { getTrad } from '../../../utils/getTrad';\nimport { GenericInput } from '../../GenericInputs';\n\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\n\nimport type { Internal } from '@strapi/types';\n\ninterface RelationFormBoxProps {\n  disabled?: boolean;\n  error?: Record<string, any>;\n  header?: string;\n  isMain?: boolean;\n  name: string;\n  onChange: (value: any) => void;\n  oneThatIsCreatingARelationWithAnother?: string;\n  target?: Internal.UID.ContentType;\n  value?: string;\n}\n\nexport const RelationFormBox = ({\n  disabled = false,\n  error,\n  header,\n  isMain = false,\n  name,\n  onChange,\n  oneThatIsCreatingARelationWithAnother = '',\n  target,\n  value = '',\n}: RelationFormBoxProps) => {\n  return (\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\n        {isMain ? (\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\n            {header}\n          </Typography>\n        ) : (\n          <RelationTargetPicker\n            target={target!}\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\n          />\n        )}\n      </Flex>\n      <Divider background=\"neutral200\" />\n      <Box padding={4}>\n        <GenericInput\n          disabled={disabled}\n          error={error?.id || null}\n          intlLabel={{\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\n            defaultMessage: 'Field name',\n          }}\n          name={name}\n          onChange={onChange}\n          type=\"text\"\n          value={value}\n        />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","id","intlLabel","getTrad","defaultMessage","type"],"mappings":";;;;;;AAqBO,MAAMA,eAAkB,GAAA,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAQ,GAAA,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,IAACC,CAAAA,GAAAA,EAAAA;QAAIC,UAAW,EAAA,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAY,EAAA,YAAA;;0BACjDC,GAACC,CAAAA,IAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAI,GAAA,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAI,GAAA,CAAA;gBAAGe,cAAe,EAAA,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,GAACK,CAAAA,UAAAA,EAAAA;oBAAWC,OAAQ,EAAA,IAAA;oBAAKC,UAAW,EAAA,MAAA;oBAAOC,SAAU,EAAA,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,GAACS,CAAAA,oBAAAA,EAAAA;oBACChB,MAAQA,EAAAA,MAAAA;oBACRD,qCAAuCA,EAAAA;;;0BAI7CQ,GAACU,CAAAA,OAAAA,EAAAA;gBAAQb,UAAW,EAAA;;0BACpBG,GAACJ,CAAAA,GAAAA,EAAAA;gBAAIe,OAAS,EAAA,CAAA;AACZ,gBAAA,QAAA,gBAAAX,GAACY,CAAAA,oBAAAA,EAAAA;oBACC1B,QAAUA,EAAAA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,OAAO0B,EAAM,IAAA,IAAA;oBACpBC,SAAW,EAAA;AACTD,wBAAAA,EAAAA,EAAIE,OAAQ,CAAA,8CAAA,CAAA;wBACZC,cAAgB,EAAA;AAClB,qBAAA;oBACA1B,IAAMA,EAAAA,IAAAA;oBACNC,QAAUA,EAAAA,QAAAA;oBACV0B,IAAK,EAAA,MAAA;oBACLvB,KAAOA,EAAAA;;;;;AAKjB;;;;"}