@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/IconPicker/constants.mjs

@@ -0,0 +1,136 @@
+import * as Icons from '@strapi/icons';
+import * as Symbols from '@strapi/icons/symbols';
+
+const COMPONENT_ICONS = {
+    alien: Icons.Alien,
+    apps: Icons.GridNine,
+    archive: Icons.Archive,
+    arrowDown: Icons.ArrowDown,
+    arrowLeft: Icons.ArrowLeft,
+    arrowRight: Icons.ArrowRight,
+    arrowUp: Icons.ArrowUp,
+    attachment: Icons.Paperclip,
+    bell: Icons.Bell,
+    bold: Icons.Bold,
+    book: Icons.Book,
+    briefcase: Icons.Briefcase,
+    brush: Icons.PaintBrush,
+    bulletList: Icons.BulletList,
+    calendar: Icons.Calendar,
+    car: Icons.Car,
+    cast: Icons.Cast,
+    chartBubble: Icons.ChartBubble,
+    chartCircle: Icons.ChartCircle,
+    chartPie: Icons.ChartPie,
+    check: Icons.Check,
+    clock: Icons.Clock,
+    cloud: Icons.Cloud,
+    code: Icons.Code,
+    cog: Icons.Cog,
+    collapse: Icons.Collapse,
+    command: Icons.Command,
+    connector: Icons.Faders,
+    crop: Icons.Crop,
+    crown: Icons.Crown,
+    cup: Icons.Coffee,
+    cursor: Icons.Cursor,
+    dashboard: Icons.SquaresFour,
+    database: Icons.Database,
+    discuss: Icons.Discuss,
+    doctor: Icons.Stethoscope,
+    earth: Icons.Earth,
+    emotionHappy: Icons.EmotionHappy,
+    emotionUnhappy: Icons.EmotionUnhappy,
+    envelop: Icons.Mail,
+    exit: Icons.SignOut,
+    expand: Icons.Expand,
+    eye: Icons.Eye,
+    feather: Icons.Feather,
+    file: Icons.File,
+    fileError: Icons.FileError,
+    filePdf: Icons.FilePdf,
+    fileXls: Icons.FileXls,
+    fileZip: Icons.FileZip,
+    fileCsv: Icons.FileCsv,
+    filter: Icons.Filter,
+    folder: Icons.Folder,
+    gate: Icons.CastleTurret,
+    gift: Icons.Gift,
+    globe: Icons.Globe,
+    grid: Icons.GridFour,
+    handHeart: Icons.HandHeart,
+    hashtag: Icons.Hashtag,
+    headphone: Icons.Headphones,
+    heart: Icons.Heart,
+    house: Icons.House,
+    information: Icons.Information,
+    italic: Icons.Italic,
+    key: Icons.Key,
+    landscape: Icons.Images,
+    layer: Icons.ListPlus,
+    layout: Icons.Layout,
+    lightbulb: Icons.Lightbulb,
+    link: Icons.Link,
+    lock: Icons.Lock,
+    magic: Icons.Magic,
+    manyToMany: Icons.ManyToMany,
+    manyToOne: Icons.ManyToOne,
+    manyWays: Icons.ManyWays,
+    medium: Symbols.Medium,
+    message: Icons.Message,
+    microphone: Icons.Microphone,
+    monitor: Icons.Monitor,
+    moon: Icons.Moon,
+    music: Icons.MusicNotes,
+    oneToMany: Icons.OneToMany,
+    oneToOne: Icons.OneToOne,
+    oneWay: Icons.OneWay,
+    paint: Icons.PaintBrush,
+    paintBrush: Icons.PaintBrush,
+    paperPlane: Icons.PaperPlane,
+    pencil: Icons.Pencil,
+    phone: Icons.Phone,
+    picture: Icons.Image,
+    pin: Icons.Pin,
+    pinMap: Icons.PinMap,
+    plane: Icons.Plane,
+    play: Icons.Play,
+    plus: Icons.Plus,
+    priceTag: Icons.PriceTag,
+    puzzle: Icons.PuzzlePiece,
+    question: Icons.Question,
+    quote: Icons.Quotes,
+    refresh: Icons.ArrowClockwise,
+    restaurant: Icons.Restaurant,
+    rocket: Icons.Rocket,
+    rotate: Icons.ArrowsCounterClockwise,
+    scissors: Icons.Scissors,
+    search: Icons.Search,
+    seed: Icons.Plant,
+    server: Icons.Server,
+    shield: Icons.Shield,
+    shirt: Icons.Shirt,
+    shoppingCart: Icons.ShoppingCart,
+    slideshow: Icons.PresentationChart,
+    stack: Icons.Stack,
+    star: Icons.Star,
+    store: Icons.Store,
+    strikeThrough: Icons.StrikeThrough,
+    sun: Icons.Sun,
+    television: Icons.Television,
+    thumbDown: Icons.ThumbDown,
+    thumbUp: Icons.ThumbUp,
+    train: Icons.Train,
+    twitter: Symbols.X,
+    typhoon: Icons.Typhoon,
+    underline: Icons.Underline,
+    user: Icons.User,
+    volumeMute: Icons.VolumeMute,
+    volumeUp: Icons.VolumeUp,
+    walk: Icons.Walk,
+    wheelchair: Icons.Wheelchair,
+    write: Icons.Feather
+};
+
+export { COMPONENT_ICONS };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/components/IconPicker/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../admin/src/components/IconPicker/constants.ts"],"sourcesContent":["import * as Icons from '@strapi/icons';\r\nimport * as Symbols from '@strapi/icons/symbols';\r\n\r\nexport type Icon = (typeof Icons)[keyof typeof Icons] | (typeof Symbols)[keyof typeof Symbols];\r\n\r\nconst COMPONENT_ICONS: Record<string, Icon> = {\r\n  alien: Icons.Alien,\r\n  apps: Icons.GridNine,\r\n  archive: Icons.Archive,\r\n  arrowDown: Icons.ArrowDown,\r\n  arrowLeft: Icons.ArrowLeft,\r\n  arrowRight: Icons.ArrowRight,\r\n  arrowUp: Icons.ArrowUp,\r\n  attachment: Icons.Paperclip,\r\n  bell: Icons.Bell,\r\n  bold: Icons.Bold,\r\n  book: Icons.Book,\r\n  briefcase: Icons.Briefcase,\r\n  brush: Icons.PaintBrush,\r\n  bulletList: Icons.BulletList,\r\n  calendar: Icons.Calendar,\r\n  car: Icons.Car,\r\n  cast: Icons.Cast,\r\n  chartBubble: Icons.ChartBubble,\r\n  chartCircle: Icons.ChartCircle,\r\n  chartPie: Icons.ChartPie,\r\n  check: Icons.Check,\r\n  clock: Icons.Clock,\r\n  cloud: Icons.Cloud,\r\n  code: Icons.Code,\r\n  cog: Icons.Cog,\r\n  collapse: Icons.Collapse,\r\n  command: Icons.Command,\r\n  connector: Icons.Faders,\r\n  crop: Icons.Crop,\r\n  crown: Icons.Crown,\r\n  cup: Icons.Coffee,\r\n  cursor: Icons.Cursor,\r\n  dashboard: Icons.SquaresFour,\r\n  database: Icons.Database,\r\n  discuss: Icons.Discuss,\r\n  doctor: Icons.Stethoscope,\r\n  earth: Icons.Earth,\r\n  emotionHappy: Icons.EmotionHappy,\r\n  emotionUnhappy: Icons.EmotionUnhappy,\r\n  envelop: Icons.Mail,\r\n  exit: Icons.SignOut,\r\n  expand: Icons.Expand,\r\n  eye: Icons.Eye,\r\n  feather: Icons.Feather,\r\n  file: Icons.File,\r\n  fileError: Icons.FileError,\r\n  filePdf: Icons.FilePdf,\r\n  fileXls: Icons.FileXls,\r\n  fileZip: Icons.FileZip,\r\n  fileCsv: Icons.FileCsv,\r\n  filter: Icons.Filter,\r\n  folder: Icons.Folder,\r\n  gate: Icons.CastleTurret,\r\n  gift: Icons.Gift,\r\n  globe: Icons.Globe,\r\n  grid: Icons.GridFour,\r\n  handHeart: Icons.HandHeart,\r\n  hashtag: Icons.Hashtag,\r\n  headphone: Icons.Headphones,\r\n  heart: Icons.Heart,\r\n  house: Icons.House,\r\n  information: Icons.Information,\r\n  italic: Icons.Italic,\r\n  key: Icons.Key,\r\n  landscape: Icons.Images,\r\n  layer: Icons.ListPlus,\r\n  layout: Icons.Layout,\r\n  lightbulb: Icons.Lightbulb,\r\n  link: Icons.Link,\r\n  lock: Icons.Lock,\r\n  magic: Icons.Magic,\r\n  manyToMany: Icons.ManyToMany,\r\n  manyToOne: Icons.ManyToOne,\r\n  manyWays: Icons.ManyWays,\r\n  medium: Symbols.Medium,\r\n  message: Icons.Message,\r\n  microphone: Icons.Microphone,\r\n  monitor: Icons.Monitor,\r\n  moon: Icons.Moon,\r\n  music: Icons.MusicNotes,\r\n  oneToMany: Icons.OneToMany,\r\n  oneToOne: Icons.OneToOne,\r\n  oneWay: Icons.OneWay,\r\n  paint: Icons.PaintBrush,\r\n  paintBrush: Icons.PaintBrush,\r\n  paperPlane: Icons.PaperPlane,\r\n  pencil: Icons.Pencil,\r\n  phone: Icons.Phone,\r\n  picture: Icons.Image,\r\n  pin: Icons.Pin,\r\n  pinMap: Icons.PinMap,\r\n  plane: Icons.Plane,\r\n  play: Icons.Play,\r\n  plus: Icons.Plus,\r\n  priceTag: Icons.PriceTag,\r\n  puzzle: Icons.PuzzlePiece,\r\n  question: Icons.Question,\r\n  quote: Icons.Quotes,\r\n  refresh: Icons.ArrowClockwise,\r\n  restaurant: Icons.Restaurant,\r\n  rocket: Icons.Rocket,\r\n  rotate: Icons.ArrowsCounterClockwise,\r\n  scissors: Icons.Scissors,\r\n  search: Icons.Search,\r\n  seed: Icons.Plant,\r\n  server: Icons.Server,\r\n  shield: Icons.Shield,\r\n  shirt: Icons.Shirt,\r\n  shoppingCart: Icons.ShoppingCart,\r\n  slideshow: Icons.PresentationChart,\r\n  stack: Icons.Stack,\r\n  star: Icons.Star,\r\n  store: Icons.Store,\r\n  strikeThrough: Icons.StrikeThrough,\r\n  sun: Icons.Sun,\r\n  television: Icons.Television,\r\n  thumbDown: Icons.ThumbDown,\r\n  thumbUp: Icons.ThumbUp,\r\n  train: Icons.Train,\r\n  twitter: Symbols.X,\r\n  typhoon: Icons.Typhoon,\r\n  underline: Icons.Underline,\r\n  user: Icons.User,\r\n  volumeMute: Icons.VolumeMute,\r\n  volumeUp: Icons.VolumeUp,\r\n  walk: Icons.Walk,\r\n  wheelchair: Icons.Wheelchair,\r\n  write: Icons.Feather,\r\n};\r\n\r\nexport { COMPONENT_ICONS };\r\n"],"names":["COMPONENT_ICONS","alien","Icons","Alien","apps","GridNine","archive","Archive","arrowDown","ArrowDown","arrowLeft","ArrowLeft","arrowRight","ArrowRight","arrowUp","ArrowUp","attachment","Paperclip","bell","Bell","bold","Bold","book","Book","briefcase","Briefcase","brush","PaintBrush","bulletList","BulletList","calendar","Calendar","car","Car","cast","Cast","chartBubble","ChartBubble","chartCircle","ChartCircle","chartPie","ChartPie","check","Check","clock","Clock","cloud","Cloud","code","Code","cog","Cog","collapse","Collapse","command","Command","connector","Faders","crop","Crop","crown","Crown","cup","Coffee","cursor","Cursor","dashboard","SquaresFour","database","Database","discuss","Discuss","doctor","Stethoscope","earth","Earth","emotionHappy","EmotionHappy","emotionUnhappy","EmotionUnhappy","envelop","Mail","exit","SignOut","expand","Expand","eye","Eye","feather","Feather","file","File","fileError","FileError","filePdf","FilePdf","fileXls","FileXls","fileZip","FileZip","fileCsv","FileCsv","filter","Filter","folder","Folder","gate","CastleTurret","gift","Gift","globe","Globe","grid","GridFour","handHeart","HandHeart","hashtag","Hashtag","headphone","Headphones","heart","Heart","house","House","information","Information","italic","Italic","key","Key","landscape","Images","layer","ListPlus","layout","Layout","lightbulb","Lightbulb","link","Link","lock","Lock","magic","Magic","manyToMany","ManyToMany","manyToOne","ManyToOne","manyWays","ManyWays","medium","Symbols","Medium","message","Message","microphone","Microphone","monitor","Monitor","moon","Moon","music","MusicNotes","oneToMany","OneToMany","oneToOne","OneToOne","oneWay","OneWay","paint","paintBrush","paperPlane","PaperPlane","pencil","Pencil","phone","Phone","picture","Image","pin","Pin","pinMap","PinMap","plane","Plane","play","Play","plus","Plus","priceTag","PriceTag","puzzle","PuzzlePiece","question","Question","quote","Quotes","refresh","ArrowClockwise","restaurant","Restaurant","rocket","Rocket","rotate","ArrowsCounterClockwise","scissors","Scissors","search","Search","seed","Plant","server","Server","shield","Shield","shirt","Shirt","shoppingCart","ShoppingCart","slideshow","PresentationChart","stack","Stack","star","Star","store","Store","strikeThrough","StrikeThrough","sun","Sun","television","Television","thumbDown","ThumbDown","thumbUp","ThumbUp","train","Train","twitter","X","typhoon","Typhoon","underline","Underline","user","User","volumeMute","VolumeMute","volumeUp","VolumeUp","walk","Walk","wheelchair","Wheelchair","write"],"mappings":"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"}

package/dist/admin/components/List.js

@@ -0,0 +1,199 @@
+'use strict';
+
+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 styledComponents = require('styled-components');
+var getTrad = require('../utils/getTrad.js');
+var AttributeRow = require('./AttributeRow.js');
+require('./CTBSession/sessionContext.js');
+var useCTBTracking = require('./CTBSession/useCTBTracking.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+var Footers = require('./Footers.js');
+var useFormModalNavigation = require('./FormModalNavigation/useFormModalNavigation.js');
+
+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 } = useCTBTracking.useCTBTracking();
+    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), core.useSensor(core.KeyboardSensor, {
+        coordinateGetter: sortable.sortableKeyboardCoordinates
+    }));
+    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: type?.modelType,
+            targetUid: type.uid
+        });
+    };
+    if (type?.attributes.length === 0 && isMain) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+            action: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.tours.contentTypeBuilder.AddFields, {
+                children: /*#__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(core.DndContext, {
+        sensors: sensors,
+        collisionDetection: core.closestCenter,
+        onDragEnd: handleDragEnd,
+        onDragStart: handlerDragStart,
+        onDragCancel: ()=>setActiveId(null),
+        modifiers: [
+            modifiers.restrictToVerticalAxis
+        ],
+        children: [
+            /*#__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(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.${type.modelType === 'component' ? 'component' : type.kind}`),
+                    defaultMessage: 'Add another field'
+                })
+            }),
+            isSub && isInDevelopmentMode && /*#__PURE__*/ jsxRuntime.jsx(Footers.NestedTFooter, {
+                cursor: isDeleted ? 'normal' : 'pointer',
+                icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Plus, {}),
+                onClick: onClickAddField,
+                color: isFromDynamicZone && !isDeleted ? 'primary' : 'neutral',
+                children: formatMessage({
+                    id: getTrad.getTrad(`form.button.add.field.to.component`),
+                    defaultMessage: 'Add another field'
+                })
+            })
+        ]
+    });
+};
+
+exports.List = List;
+exports.ListGrid = ListGrid;
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../admin/src/components/List.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n  DragStartEvent,\r\n  DragOverlay,\r\n  UniqueIdentifier,\r\n} from '@dnd-kit/core';\r\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\r\nimport {\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n  useSortable,\r\n  sortableKeyboardCoordinates,\r\n} from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { tours } from '@strapi/admin/strapi-admin';\r\nimport { Box, Button, EmptyStateLayout } from '@strapi/design-system';\r\nimport { Plus } from '@strapi/icons';\r\nimport { EmptyDocuments } from '@strapi/icons/symbols';\r\nimport { createPortal } from 'react-dom';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nimport { AttributeRow, type AttributeRowProps } from './AttributeRow';\r\nimport { useCTBTracking } from './CTBSession/ctbSession';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\nimport { NestedTFooter, TFooter } from './Footers';\r\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\r\n\r\nimport type { Component, ContentType } from '../types';\r\nimport type { UID } from '@strapi/types';\r\n\r\nexport const ListGrid = styled(Box)`\r\n  white-space: nowrap;\r\n  list-style: none;\r\n  list-style-type: none;\r\n`;\r\n\r\ntype ListProps = {\r\n  addComponentToDZ?: () => void;\r\n  firstLoopComponentUid?: UID.Component | null;\r\n  isFromDynamicZone?: boolean;\r\n  isMain?: boolean;\r\n  secondLoopComponentUid?: UID.Component | null;\r\n  isSub?: boolean;\r\n  type: ContentType | Component;\r\n};\r\n\r\nconst SortableRow = (props: AttributeRowProps) => {\r\n  const { isInDevelopmentMode } = useDataManager();\r\n\r\n  const {\r\n    isDragging,\r\n    attributes,\r\n    listeners,\r\n    setNodeRef,\r\n    transform,\r\n    transition,\r\n    setActivatorNodeRef,\r\n  } = useSortable({\r\n    disabled:\r\n      !isInDevelopmentMode || props.item.status === 'REMOVED' || props.type.status === 'REMOVED',\r\n    id: props.item.id,\r\n    data: { index: props.item.index },\r\n  });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString({\r\n      x: transform?.x ?? 0,\r\n      y: transform?.y ?? 0,\r\n      scaleX: 1,\r\n      scaleY: 1,\r\n    }),\r\n    transition,\r\n  };\r\n\r\n  return (\r\n    <AttributeRow\r\n      ref={setNodeRef}\r\n      handleRef={setActivatorNodeRef}\r\n      isDragging={isDragging}\r\n      attributes={attributes}\r\n      listeners={listeners}\r\n      style={style}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport const List = ({\r\n  addComponentToDZ,\r\n  firstLoopComponentUid,\r\n  isFromDynamicZone = false,\r\n  isMain = false,\r\n  isSub = false,\r\n  secondLoopComponentUid,\r\n  type,\r\n}: ListProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { trackUsage } = useCTBTracking();\r\n  const { isInDevelopmentMode, moveAttribute } = useDataManager();\r\n  const { onOpenModalAddField } = useFormModalNavigation();\r\n\r\n  const items = type?.attributes.map((item, index) => {\r\n    return {\r\n      id: `${type.uid}_${item.name}`,\r\n      index,\r\n      ...item,\r\n    };\r\n  });\r\n\r\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\r\n\r\n  const isDeleted = type?.status === 'REMOVED';\r\n\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor),\r\n    useSensor(KeyboardSensor, {\r\n      coordinateGetter: sortableKeyboardCoordinates,\r\n    })\r\n  );\r\n\r\n  function handlerDragStart({ active }: DragStartEvent) {\r\n    if (!active) {\r\n      return;\r\n    }\r\n\r\n    setActiveId(active.id);\r\n  }\r\n\r\n  function handleDragEnd(event: DragEndEvent) {\r\n    const { active, over } = event;\r\n\r\n    setActiveId(null);\r\n\r\n    if (over) {\r\n      if (active.id !== over.id) {\r\n        moveAttribute({\r\n          forTarget: type.modelType,\r\n          targetUid: type.uid,\r\n          from: active.data.current!.index,\r\n          to: over.data.current!.index,\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  const activeItem = items.find((item) => item.id === activeId);\r\n\r\n  const onClickAddField = () => {\r\n    if (isDeleted) {\r\n      return;\r\n    }\r\n\r\n    trackUsage('hasClickedCTBAddFieldBanner');\r\n\r\n    onOpenModalAddField({ forTarget: type?.modelType, targetUid: type.uid });\r\n  };\r\n\r\n  if (type?.attributes.length === 0 && isMain) {\r\n    return (\r\n      <EmptyStateLayout\r\n        action={\r\n          <tours.contentTypeBuilder.AddFields>\r\n            <Button onClick={onClickAddField} size=\"L\" startIcon={<Plus />} variant=\"secondary\">\r\n              {formatMessage({\r\n                id: getTrad('table.button.no-fields'),\r\n                defaultMessage: 'Add new field',\r\n              })}\r\n            </Button>\r\n          </tours.contentTypeBuilder.AddFields>\r\n        }\r\n        content={formatMessage(\r\n          type.modelType === 'contentType'\r\n            ? {\r\n                id: getTrad('table.content.no-fields.collection-type'),\r\n                defaultMessage: 'Add your first field to this Collection-Type',\r\n              }\r\n            : {\r\n                id: getTrad('table.content.no-fields.component'),\r\n                defaultMessage: 'Add your first field to this component',\r\n              }\r\n        )}\r\n        hasRadius\r\n        icon={<EmptyDocuments width=\"16rem\" />}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={handleDragEnd}\r\n      onDragStart={handlerDragStart}\r\n      onDragCancel={() => setActiveId(null)}\r\n      modifiers={[restrictToVerticalAxis]}\r\n    >\r\n      <ListGrid tag=\"ul\">\r\n        {createPortal(\r\n          <DragOverlay zIndex={10}>\r\n            {activeItem && (\r\n              <AttributeRow\r\n                isOverlay\r\n                item={activeItem}\r\n                firstLoopComponentUid={firstLoopComponentUid}\r\n                isFromDynamicZone={isFromDynamicZone}\r\n                secondLoopComponentUid={secondLoopComponentUid}\r\n                type={type}\r\n                addComponentToDZ={addComponentToDZ}\r\n              />\r\n            )}\r\n          </DragOverlay>,\r\n          document.body\r\n        )}\r\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\r\n          {items.map((item) => {\r\n            return (\r\n              <SortableRow\r\n                key={item.id}\r\n                item={item}\r\n                firstLoopComponentUid={firstLoopComponentUid}\r\n                isFromDynamicZone={isFromDynamicZone}\r\n                secondLoopComponentUid={secondLoopComponentUid}\r\n                type={type}\r\n                addComponentToDZ={addComponentToDZ}\r\n              />\r\n            );\r\n          })}\r\n        </SortableContext>\r\n      </ListGrid>\r\n\r\n      {isMain && isInDevelopmentMode && (\r\n        <TFooter\r\n          cursor={isDeleted ? 'normal' : 'pointer'}\r\n          icon={<Plus />}\r\n          onClick={onClickAddField}\r\n          color={isDeleted ? 'neutral' : 'primary'}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad(\r\n              `form.button.add.field.to.${type.modelType === 'component' ? 'component' : type.kind}`\r\n            ),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </TFooter>\r\n      )}\r\n      {isSub && isInDevelopmentMode && (\r\n        <NestedTFooter\r\n          cursor={isDeleted ? 'normal' : 'pointer'}\r\n          icon={<Plus />}\r\n          onClick={onClickAddField}\r\n          color={isFromDynamicZone && !isDeleted ? 'primary' : 'neutral'}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad(`form.button.add.field.to.component`),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </NestedTFooter>\r\n      )}\r\n    </DndContext>\r\n  );\r\n};\r\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","useCTBTracking","moveAttribute","onOpenModalAddField","useFormModalNavigation","items","map","uid","name","activeId","setActiveId","useState","isDeleted","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","handlerDragStart","active","handleDragEnd","event","over","forTarget","modelType","targetUid","from","current","to","activeItem","find","onClickAddField","length","EmptyStateLayout","action","tours","contentTypeBuilder","AddFields","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/List.mjs

@@ -0,0 +1,196 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { tours } from '@strapi/admin/strapi-admin';
+import { EmptyStateLayout, Button, Box } 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 { styled } from 'styled-components';
+import { getTrad } from '../utils/getTrad.mjs';
+import { AttributeRow } from './AttributeRow.mjs';
+import './CTBSession/sessionContext.mjs';
+import { useCTBTracking } from './CTBSession/useCTBTracking.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+import { TFooter, NestedTFooter } from './Footers.mjs';
+import { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation.mjs';
+
+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 } = useCTBTracking();
+    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), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    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: type?.modelType,
+            targetUid: type.uid
+        });
+    };
+    if (type?.attributes.length === 0 && isMain) {
+        return /*#__PURE__*/ jsx(EmptyStateLayout, {
+            action: /*#__PURE__*/ jsx(tours.contentTypeBuilder.AddFields, {
+                children: /*#__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(DndContext, {
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: handleDragEnd,
+        onDragStart: handlerDragStart,
+        onDragCancel: ()=>setActiveId(null),
+        modifiers: [
+            restrictToVerticalAxis
+        ],
+        children: [
+            /*#__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: isDeleted ? 'normal' : 'pointer',
+                icon: /*#__PURE__*/ jsx(Plus, {}),
+                onClick: onClickAddField,
+                color: isDeleted ? 'neutral' : 'primary',
+                children: formatMessage({
+                    id: getTrad(`form.button.add.field.to.${type.modelType === 'component' ? 'component' : type.kind}`),
+                    defaultMessage: 'Add another field'
+                })
+            }),
+            isSub && isInDevelopmentMode && /*#__PURE__*/ jsx(NestedTFooter, {
+                cursor: isDeleted ? 'normal' : 'pointer',
+                icon: /*#__PURE__*/ jsx(Plus, {}),
+                onClick: onClickAddField,
+                color: isFromDynamicZone && !isDeleted ? 'primary' : 'neutral',
+                children: formatMessage({
+                    id: getTrad(`form.button.add.field.to.component`),
+                    defaultMessage: 'Add another field'
+                })
+            })
+        ]
+    });
+};
+
+export { List, ListGrid };
+//# sourceMappingURL=List.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.mjs","sources":["../../../admin/src/components/List.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport {\r\n  DndContext,\r\n  closestCenter,\r\n  KeyboardSensor,\r\n  PointerSensor,\r\n  useSensor,\r\n  useSensors,\r\n  DragEndEvent,\r\n  DragStartEvent,\r\n  DragOverlay,\r\n  UniqueIdentifier,\r\n} from '@dnd-kit/core';\r\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\r\nimport {\r\n  SortableContext,\r\n  verticalListSortingStrategy,\r\n  useSortable,\r\n  sortableKeyboardCoordinates,\r\n} from '@dnd-kit/sortable';\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { tours } from '@strapi/admin/strapi-admin';\r\nimport { Box, Button, EmptyStateLayout } from '@strapi/design-system';\r\nimport { Plus } from '@strapi/icons';\r\nimport { EmptyDocuments } from '@strapi/icons/symbols';\r\nimport { createPortal } from 'react-dom';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nimport { AttributeRow, type AttributeRowProps } from './AttributeRow';\r\nimport { useCTBTracking } from './CTBSession/ctbSession';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\nimport { NestedTFooter, TFooter } from './Footers';\r\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\r\n\r\nimport type { Component, ContentType } from '../types';\r\nimport type { UID } from '@strapi/types';\r\n\r\nexport const ListGrid = styled(Box)`\r\n  white-space: nowrap;\r\n  list-style: none;\r\n  list-style-type: none;\r\n`;\r\n\r\ntype ListProps = {\r\n  addComponentToDZ?: () => void;\r\n  firstLoopComponentUid?: UID.Component | null;\r\n  isFromDynamicZone?: boolean;\r\n  isMain?: boolean;\r\n  secondLoopComponentUid?: UID.Component | null;\r\n  isSub?: boolean;\r\n  type: ContentType | Component;\r\n};\r\n\r\nconst SortableRow = (props: AttributeRowProps) => {\r\n  const { isInDevelopmentMode } = useDataManager();\r\n\r\n  const {\r\n    isDragging,\r\n    attributes,\r\n    listeners,\r\n    setNodeRef,\r\n    transform,\r\n    transition,\r\n    setActivatorNodeRef,\r\n  } = useSortable({\r\n    disabled:\r\n      !isInDevelopmentMode || props.item.status === 'REMOVED' || props.type.status === 'REMOVED',\r\n    id: props.item.id,\r\n    data: { index: props.item.index },\r\n  });\r\n\r\n  const style = {\r\n    transform: CSS.Transform.toString({\r\n      x: transform?.x ?? 0,\r\n      y: transform?.y ?? 0,\r\n      scaleX: 1,\r\n      scaleY: 1,\r\n    }),\r\n    transition,\r\n  };\r\n\r\n  return (\r\n    <AttributeRow\r\n      ref={setNodeRef}\r\n      handleRef={setActivatorNodeRef}\r\n      isDragging={isDragging}\r\n      attributes={attributes}\r\n      listeners={listeners}\r\n      style={style}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport const List = ({\r\n  addComponentToDZ,\r\n  firstLoopComponentUid,\r\n  isFromDynamicZone = false,\r\n  isMain = false,\r\n  isSub = false,\r\n  secondLoopComponentUid,\r\n  type,\r\n}: ListProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { trackUsage } = useCTBTracking();\r\n  const { isInDevelopmentMode, moveAttribute } = useDataManager();\r\n  const { onOpenModalAddField } = useFormModalNavigation();\r\n\r\n  const items = type?.attributes.map((item, index) => {\r\n    return {\r\n      id: `${type.uid}_${item.name}`,\r\n      index,\r\n      ...item,\r\n    };\r\n  });\r\n\r\n  const [activeId, setActiveId] = useState<UniqueIdentifier | null>(null);\r\n\r\n  const isDeleted = type?.status === 'REMOVED';\r\n\r\n  const sensors = useSensors(\r\n    useSensor(PointerSensor),\r\n    useSensor(KeyboardSensor, {\r\n      coordinateGetter: sortableKeyboardCoordinates,\r\n    })\r\n  );\r\n\r\n  function handlerDragStart({ active }: DragStartEvent) {\r\n    if (!active) {\r\n      return;\r\n    }\r\n\r\n    setActiveId(active.id);\r\n  }\r\n\r\n  function handleDragEnd(event: DragEndEvent) {\r\n    const { active, over } = event;\r\n\r\n    setActiveId(null);\r\n\r\n    if (over) {\r\n      if (active.id !== over.id) {\r\n        moveAttribute({\r\n          forTarget: type.modelType,\r\n          targetUid: type.uid,\r\n          from: active.data.current!.index,\r\n          to: over.data.current!.index,\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  const activeItem = items.find((item) => item.id === activeId);\r\n\r\n  const onClickAddField = () => {\r\n    if (isDeleted) {\r\n      return;\r\n    }\r\n\r\n    trackUsage('hasClickedCTBAddFieldBanner');\r\n\r\n    onOpenModalAddField({ forTarget: type?.modelType, targetUid: type.uid });\r\n  };\r\n\r\n  if (type?.attributes.length === 0 && isMain) {\r\n    return (\r\n      <EmptyStateLayout\r\n        action={\r\n          <tours.contentTypeBuilder.AddFields>\r\n            <Button onClick={onClickAddField} size=\"L\" startIcon={<Plus />} variant=\"secondary\">\r\n              {formatMessage({\r\n                id: getTrad('table.button.no-fields'),\r\n                defaultMessage: 'Add new field',\r\n              })}\r\n            </Button>\r\n          </tours.contentTypeBuilder.AddFields>\r\n        }\r\n        content={formatMessage(\r\n          type.modelType === 'contentType'\r\n            ? {\r\n                id: getTrad('table.content.no-fields.collection-type'),\r\n                defaultMessage: 'Add your first field to this Collection-Type',\r\n              }\r\n            : {\r\n                id: getTrad('table.content.no-fields.component'),\r\n                defaultMessage: 'Add your first field to this component',\r\n              }\r\n        )}\r\n        hasRadius\r\n        icon={<EmptyDocuments width=\"16rem\" />}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <DndContext\r\n      sensors={sensors}\r\n      collisionDetection={closestCenter}\r\n      onDragEnd={handleDragEnd}\r\n      onDragStart={handlerDragStart}\r\n      onDragCancel={() => setActiveId(null)}\r\n      modifiers={[restrictToVerticalAxis]}\r\n    >\r\n      <ListGrid tag=\"ul\">\r\n        {createPortal(\r\n          <DragOverlay zIndex={10}>\r\n            {activeItem && (\r\n              <AttributeRow\r\n                isOverlay\r\n                item={activeItem}\r\n                firstLoopComponentUid={firstLoopComponentUid}\r\n                isFromDynamicZone={isFromDynamicZone}\r\n                secondLoopComponentUid={secondLoopComponentUid}\r\n                type={type}\r\n                addComponentToDZ={addComponentToDZ}\r\n              />\r\n            )}\r\n          </DragOverlay>,\r\n          document.body\r\n        )}\r\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\r\n          {items.map((item) => {\r\n            return (\r\n              <SortableRow\r\n                key={item.id}\r\n                item={item}\r\n                firstLoopComponentUid={firstLoopComponentUid}\r\n                isFromDynamicZone={isFromDynamicZone}\r\n                secondLoopComponentUid={secondLoopComponentUid}\r\n                type={type}\r\n                addComponentToDZ={addComponentToDZ}\r\n              />\r\n            );\r\n          })}\r\n        </SortableContext>\r\n      </ListGrid>\r\n\r\n      {isMain && isInDevelopmentMode && (\r\n        <TFooter\r\n          cursor={isDeleted ? 'normal' : 'pointer'}\r\n          icon={<Plus />}\r\n          onClick={onClickAddField}\r\n          color={isDeleted ? 'neutral' : 'primary'}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad(\r\n              `form.button.add.field.to.${type.modelType === 'component' ? 'component' : type.kind}`\r\n            ),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </TFooter>\r\n      )}\r\n      {isSub && isInDevelopmentMode && (\r\n        <NestedTFooter\r\n          cursor={isDeleted ? 'normal' : 'pointer'}\r\n          icon={<Plus />}\r\n          onClick={onClickAddField}\r\n          color={isFromDynamicZone && !isDeleted ? 'primary' : 'neutral'}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad(`form.button.add.field.to.component`),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </NestedTFooter>\r\n      )}\r\n    </DndContext>\r\n  );\r\n};\r\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","useCTBTracking","moveAttribute","onOpenModalAddField","useFormModalNavigation","items","map","uid","name","activeId","setActiveId","useState","isDeleted","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","handlerDragStart","active","handleDragEnd","event","over","forTarget","modelType","targetUid","from","current","to","activeItem","find","onClickAddField","length","EmptyStateLayout","action","tours","contentTypeBuilder","AddFields","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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"}