@strapi/content-type-builder 5.13.1 → 5.14.0

package/dist/admin/components/List.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","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.js","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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"}