@strapi/content-type-builder 5.13.0-beta.1 → 5.13.0

package/dist/admin/pages/ListView/ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sources":["../../../../admin/src/pages/ListView/ListView.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\nimport { useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Typography } from '@strapi/design-system';\nimport { Information, Pencil, Plus } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../../components/DataManager/useDataManager';\nimport { useFormModalNavigation } from '../../components/FormModalNavigation/useFormModalNavigation';\nimport { List } from '../../components/List';\nimport { getTrad } from '../../utils/getTrad';\n\nimport { LinkToCMSettingsView } from './LinkToCMSettingsView';\n\nimport type { Internal } from '@strapi/types';\n\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst ListView = () => {\n  const { isInDevelopmentMode, contentTypes, components, isLoading } = useDataManager();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const { contentTypeUid, componentUid } = useParams<{\n    contentTypeUid: Internal.UID.ContentType;\n    componentUid: Internal.UID.Component;\n  }>();\n\n  const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditSchema } =\n    useFormModalNavigation();\n\n  const type = contentTypeUid\n    ? contentTypes[contentTypeUid]\n    : componentUid\n      ? components[componentUid]\n      : null;\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (!type) {\n    const allowedEndpoints = Object.values(contentTypes)\n      .filter((ct) => ct.visible === true && !ct.plugin)\n      .map((ct) => ct.uid)\n      .sort();\n\n    if (allowedEndpoints.length > 0) {\n      return <Navigate to={`/plugins/content-type-builder/content-types/${allowedEndpoints[0]}`} />;\n    }\n\n    return <Navigate to=\"/plugins/content-type-builder/content-types/create-content-type\" />;\n  }\n\n  const isFromPlugin = 'plugin' in type && type?.plugin !== undefined;\n\n  const forTarget = contentTypeUid ? 'contentType' : 'component';\n\n  const label = type?.info?.displayName ?? '';\n\n  const canEdit = isInDevelopmentMode && !isFromPlugin;\n\n  const handleClickAddComponentToDZ = (dynamicZoneTarget?: string) => {\n    onOpenModalAddComponentsToDZ({ dynamicZoneTarget, targetUid: type.uid });\n  };\n\n  const onEdit = () => {\n    if ('kind' in type) {\n      if (type?.kind === 'collectionType') {\n        trackUsage('willEditNameOfContentType');\n      }\n\n      if (type?.kind === 'singleType') {\n        trackUsage('willEditNameOfSingleType');\n      }\n\n      onOpenModalEditSchema({\n        modalType: forTarget,\n        forTarget: forTarget,\n        targetUid: type.uid,\n        kind: type?.kind,\n      });\n\n      return;\n    }\n\n    onOpenModalEditSchema({\n      modalType: forTarget,\n      forTarget: forTarget,\n      targetUid: type.uid,\n    });\n  };\n\n  const addNewFieldLabel = formatMessage({\n    id: getTrad('table.button.no-fields'),\n    defaultMessage: 'Add new field',\n  });\n\n  const addAnotherFieldLabel = formatMessage({\n    id: getTrad('button.attributes.add.another'),\n    defaultMessage: 'Add another field',\n  });\n\n  const isDeleted = type.status === 'REMOVED';\n\n  const primaryAction = isInDevelopmentMode && (\n    <Flex gap={2}>\n      <LinkToCMSettingsView\n        key=\"link-to-cm-settings-view\"\n        type={type}\n        disabled={type.status === 'NEW' || isDeleted}\n      />\n      <Button\n        startIcon={<Pencil />}\n        variant=\"tertiary\"\n        onClick={onEdit}\n        disabled={!canEdit || isDeleted}\n      >\n        {formatMessage({\n          id: 'app.utils.edit',\n          defaultMessage: 'Edit',\n        })}\n      </Button>\n      <Button\n        startIcon={<Plus />}\n        variant=\"secondary\"\n        minWidth=\"max-content\"\n        onClick={() => {\n          onOpenModalAddField({ forTarget, targetUid: type.uid });\n        }}\n        disabled={isDeleted}\n      >\n        {type.attributes.length === 0 ? addNewFieldLabel : addAnotherFieldLabel}\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <>\n      {isDeleted && (\n        <Flex background=\"danger100\" justifyContent={'center'} padding={4}>\n          <Flex gap={2}>\n            <Information fill=\"danger600\" height=\"2rem\" width=\"2rem\" />\n            <Typography>\n              {formatMessage(\n                {\n                  id: getTrad('table.warning.deleted'),\n                  defaultMessage: `This {kind} has been deleted`,\n                },\n                {\n                  kind: type.modelType === 'contentType' ? 'Content Type' : 'Component',\n                }\n              )}\n            </Typography>\n          </Flex>\n        </Flex>\n      )}\n      <LayoutsHeaderCustom id=\"title\" primaryAction={primaryAction} title={upperFirst(label)} />\n      <Layouts.Content>\n        <Box\n          background=\"neutral0\"\n          shadow=\"filterShadow\"\n          hasRadius\n          overflow=\"auto\"\n          borderColor=\"neutral150\"\n        >\n          <List type={type} addComponentToDZ={handleClickAddComponentToDZ} isMain />\n        </Box>\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport default ListView;\n"],"names":["LayoutsHeaderCustom","styled","Layouts","Header","ListView","isInDevelopmentMode","contentTypes","components","isLoading","useDataManager","formatMessage","useIntl","trackUsage","useTracking","contentTypeUid","componentUid","useParams","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalEditSchema","useFormModalNavigation","type","allowedEndpoints","Object","values","filter","ct","visible","plugin","map","uid","sort","length","_jsx","Navigate","to","isFromPlugin","undefined","forTarget","label","info","displayName","canEdit","handleClickAddComponentToDZ","dynamicZoneTarget","targetUid","onEdit","kind","modalType","addNewFieldLabel","id","getTrad","defaultMessage","addAnotherFieldLabel","isDeleted","status","primaryAction","_jsxs","Flex","gap","LinkToCMSettingsView","disabled","Button","startIcon","Pencil","variant","onClick","Plus","minWidth","attributes","_Fragment","background","justifyContent","padding","Information","fill","height","width","Typography","modelType","title","upperFirst","Content","Box","shadow","hasRadius","overflow","borderColor","List","addComponentToDZ","isMain"],"mappings":"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"}
+{"version":3,"file":"ListView.js","sources":["../../../../admin/src/pages/ListView/ListView.tsx"],"sourcesContent":["import { BackButton, useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex } from '@strapi/design-system';\nimport { Check, Pencil, Plus } from '@strapi/icons';\nimport get from 'lodash/get';\nimport has from 'lodash/has';\nimport isEqual from 'lodash/isEqual';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { unstable_usePrompt as usePrompt, useMatch } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { List } from '../../components/List';\nimport { ListRow } from '../../components/ListRow';\nimport { useDataManager } from '../../hooks/useDataManager';\nimport { useFormModalNavigation } from '../../hooks/useFormModalNavigation';\nimport { getAttributeDisplayedType } from '../../utils/getAttributeDisplayedType';\nimport { getTrad } from '../../utils/getTrad';\n\nimport { LinkToCMSettingsView } from './LinkToCMSettingsView';\n\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\n  overflow-wrap: anywhere;\n`;\n\nconst ListView = () => {\n  const { initialData, modifiedData, isInDevelopmentMode, isInContentTypeView, submitData } =\n    useDataManager();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const match = useMatch('/plugins/content-type-builder/:kind/:currentUID');\n\n  const {\n    onOpenModalAddComponentsToDZ,\n    onOpenModalAddField,\n    onOpenModalEditField,\n    onOpenModalEditSchema,\n    onOpenModalEditCustomField,\n  } = useFormModalNavigation();\n\n  const firstMainDataPath = isInContentTypeView ? 'contentType' : 'component';\n  const mainDataTypeAttributesPath = [firstMainDataPath, 'schema', 'attributes'];\n  const targetUid = get(modifiedData, [firstMainDataPath, 'uid']);\n  const isTemporary = get(modifiedData, [firstMainDataPath, 'isTemporary'], false);\n  const contentTypeKind = get(modifiedData, [firstMainDataPath, 'schema', 'kind'], null);\n\n  const attributes = get(modifiedData, mainDataTypeAttributesPath, []);\n  const isFromPlugin = has(initialData, [firstMainDataPath, 'plugin']);\n  const hasModelBeenModified = !isEqual(modifiedData, initialData);\n\n  const forTarget = isInContentTypeView ? 'contentType' : 'component';\n\n  const handleClickAddComponentToDZ = (dynamicZoneTarget?: string) => {\n    onOpenModalAddComponentsToDZ({ dynamicZoneTarget, targetUid });\n  };\n\n  const handleClickEditField = async (\n    forTarget: string,\n    targetUid: string,\n    attributeName: string,\n    type: string,\n    customField: any\n  ) => {\n    const attributeType = getAttributeDisplayedType(type);\n    const step = type === 'component' ? '2' : null;\n\n    if (customField) {\n      onOpenModalEditCustomField({\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        customFieldUid: customField,\n      });\n    } else {\n      onOpenModalEditField({\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        step,\n      });\n    }\n  };\n\n  let label = get(modifiedData, [firstMainDataPath, 'schema', 'displayName'], '');\n  const kind = get(modifiedData, [firstMainDataPath, 'schema', 'kind'], '');\n\n  const isCreatingFirstContentType = match?.params.currentUID === 'create-content-type';\n\n  if (!label && isCreatingFirstContentType) {\n    label = formatMessage({\n      id: getTrad('button.model.create'),\n      defaultMessage: 'Create new collection type',\n    });\n  }\n\n  const onEdit = () => {\n    const contentType = kind || firstMainDataPath;\n\n    if (contentType === 'collectionType') {\n      trackUsage('willEditNameOfContentType');\n    }\n    if (contentType === 'singleType') {\n      trackUsage('willEditNameOfSingleType');\n    }\n\n    onOpenModalEditSchema({\n      modalType: firstMainDataPath,\n      forTarget: firstMainDataPath,\n      targetUid,\n      kind: contentType,\n    });\n  };\n\n  usePrompt({\n    when: hasModelBeenModified,\n    message: formatMessage({ id: getTrad('prompt.unsaved'), defaultMessage: 'Are you sure?' }),\n  });\n\n  const primaryAction = isInDevelopmentMode && (\n    <Flex gap={2} marginLeft={2}>\n      {/* DON'T display the add field button when the content type has not been created */}\n      {!isCreatingFirstContentType && (\n        <Button\n          startIcon={<Plus />}\n          variant=\"secondary\"\n          minWidth=\"max-content\"\n          onClick={() => {\n            onOpenModalAddField({ forTarget, targetUid });\n          }}\n        >\n          {formatMessage({\n            id: getTrad('button.attributes.add.another'),\n            defaultMessage: 'Add another field',\n          })}\n        </Button>\n      )}\n      <Button\n        startIcon={<Check />}\n        onClick={async () => await submitData()}\n        type=\"submit\"\n        disabled={isEqual(modifiedData, initialData)}\n      >\n        {formatMessage({\n          id: 'global.save',\n          defaultMessage: 'Save',\n        })}\n      </Button>\n    </Flex>\n  );\n\n  const secondaryAction = isInDevelopmentMode && !isFromPlugin && !isCreatingFirstContentType && (\n    <Button startIcon={<Pencil />} variant=\"tertiary\" onClick={onEdit}>\n      {formatMessage({\n        id: 'app.utils.edit',\n        defaultMessage: 'Edit',\n      })}\n    </Button>\n  );\n\n  return (\n    <>\n      <LayoutsHeaderCustom\n        id=\"title\"\n        primaryAction={primaryAction}\n        secondaryAction={secondaryAction}\n        title={upperFirst(label)}\n        subtitle={formatMessage({\n          id: getTrad('listView.headerLayout.description'),\n          defaultMessage: 'Build the data architecture of your content',\n        })}\n        navigationAction={<BackButton />}\n      />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n          <Flex justifyContent=\"flex-end\">\n            <Flex gap={2}>\n              <LinkToCMSettingsView\n                key=\"link-to-cm-settings-view\"\n                targetUid={targetUid}\n                isInContentTypeView={isInContentTypeView}\n                contentTypeKind={contentTypeKind}\n                disabled={isCreatingFirstContentType || isTemporary}\n              />\n            </Flex>\n          </Flex>\n          <Box background=\"neutral0\" shadow=\"filterShadow\" hasRadius>\n            <List\n              items={attributes}\n              customRowComponent={(props) => <ListRow {...props} onClick={handleClickEditField} />}\n              addComponentToDZ={handleClickAddComponentToDZ}\n              targetUid={targetUid}\n              editTarget={forTarget}\n              isMain\n            />\n          </Box>\n        </Flex>\n      </Layouts.Content>\n    </>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ListView;\n"],"names":["LayoutsHeaderCustom","styled","Layouts","Header","ListView","initialData","modifiedData","isInDevelopmentMode","isInContentTypeView","submitData","useDataManager","formatMessage","useIntl","trackUsage","useTracking","match","useMatch","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalEditField","onOpenModalEditSchema","onOpenModalEditCustomField","useFormModalNavigation","firstMainDataPath","mainDataTypeAttributesPath","targetUid","get","isTemporary","contentTypeKind","attributes","isFromPlugin","has","hasModelBeenModified","isEqual","forTarget","handleClickAddComponentToDZ","dynamicZoneTarget","handleClickEditField","attributeName","type","customField","attributeType","getAttributeDisplayedType","step","customFieldUid","label","kind","isCreatingFirstContentType","params","currentUID","id","getTrad","defaultMessage","onEdit","contentType","modalType","usePrompt","when","message","primaryAction","_jsxs","Flex","gap","marginLeft","_jsx","Button","startIcon","Plus","variant","minWidth","onClick","Check","disabled","secondaryAction","Pencil","_Fragment","title","upperFirst","subtitle","navigationAction","BackButton","Content","direction","alignItems","justifyContent","LinkToCMSettingsView","Box","background","shadow","hasRadius","List","items","customRowComponent","props","ListRow","addComponentToDZ","editTarget","isMain"],"mappings":"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"}

package/dist/admin/pages/ListView/ListView.mjs

@@ -1,159 +1,212 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Layouts, useTracking } from '@strapi/admin/strapi-admin';
-import { Flex, Button, Typography, Box } from '@strapi/design-system';
-import { Pencil, Plus, Information } from '@strapi/icons';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Layouts, useTracking, BackButton } from '@strapi/admin/strapi-admin';
+import { Flex, Button, Box } from '@strapi/design-system';
+import { Plus, Check, Pencil } from '@strapi/icons';
+import get from 'lodash/get';
+import has from 'lodash/has';
+import isEqual from 'lodash/isEqual';
 import upperFirst from 'lodash/upperFirst';
 import { useIntl } from 'react-intl';
-import { useParams, Navigate } from 'react-router-dom';
+import { useMatch, unstable_usePrompt } from 'react-router-dom';
 import { styled } from 'styled-components';
-import { useDataManager } from '../../components/DataManager/useDataManager.mjs';
-import { useFormModalNavigation } from '../../components/FormModalNavigation/useFormModalNavigation.mjs';
 import { List } from '../../components/List.mjs';
+import { ListRow } from '../../components/ListRow.mjs';
+import { useDataManager } from '../../hooks/useDataManager.mjs';
+import { useFormModalNavigation } from '../../hooks/useFormModalNavigation.mjs';
+import { getAttributeDisplayedType } from '../../utils/getAttributeDisplayedType.mjs';
 import { getTrad } from '../../utils/getTrad.mjs';
 import { LinkToCMSettingsView } from './LinkToCMSettingsView.mjs';
 
 const LayoutsHeaderCustom = styled(Layouts.Header)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  overflow-wrap: anywhere;
 `;
 const ListView = ()=>{
-    const { isInDevelopmentMode, contentTypes, components, isLoading } = useDataManager();
+    const { initialData, modifiedData, isInDevelopmentMode, isInContentTypeView, submitData } = useDataManager();
     const { formatMessage } = useIntl();
     const { trackUsage } = useTracking();
-    const { contentTypeUid, componentUid } = useParams();
-    const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditSchema } = useFormModalNavigation();
-    const type = contentTypeUid ? contentTypes[contentTypeUid] : componentUid ? components[componentUid] : null;
-    if (isLoading) {
-        return null;
-    }
-    if (!type) {
-        const allowedEndpoints = Object.values(contentTypes).filter((ct)=>ct.visible === true && !ct.plugin).map((ct)=>ct.uid).sort();
-        if (allowedEndpoints.length > 0) {
-            return /*#__PURE__*/ jsx(Navigate, {
-                to: `/plugins/content-type-builder/content-types/${allowedEndpoints[0]}`
-            });
-        }
-        return /*#__PURE__*/ jsx(Navigate, {
-            to: "/plugins/content-type-builder/content-types/create-content-type"
-        });
-    }
-    const isFromPlugin = 'plugin' in type && type?.plugin !== undefined;
-    const forTarget = contentTypeUid ? 'contentType' : 'component';
-    const label = type?.info?.displayName ?? '';
-    const canEdit = isInDevelopmentMode && !isFromPlugin;
+    const match = useMatch('/plugins/content-type-builder/:kind/:currentUID');
+    const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditField, onOpenModalEditSchema, onOpenModalEditCustomField } = useFormModalNavigation();
+    const firstMainDataPath = isInContentTypeView ? 'contentType' : 'component';
+    const mainDataTypeAttributesPath = [
+        firstMainDataPath,
+        'schema',
+        'attributes'
+    ];
+    const targetUid = get(modifiedData, [
+        firstMainDataPath,
+        'uid'
+    ]);
+    const isTemporary = get(modifiedData, [
+        firstMainDataPath,
+        'isTemporary'
+    ], false);
+    const contentTypeKind = get(modifiedData, [
+        firstMainDataPath,
+        'schema',
+        'kind'
+    ], null);
+    const attributes = get(modifiedData, mainDataTypeAttributesPath, []);
+    const isFromPlugin = has(initialData, [
+        firstMainDataPath,
+        'plugin'
+    ]);
+    const hasModelBeenModified = !isEqual(modifiedData, initialData);
+    const forTarget = isInContentTypeView ? 'contentType' : 'component';
     const handleClickAddComponentToDZ = (dynamicZoneTarget)=>{
         onOpenModalAddComponentsToDZ({
             dynamicZoneTarget,
-            targetUid: type.uid
+            targetUid
         });
     };
-    const onEdit = ()=>{
-        if ('kind' in type) {
-            if (type?.kind === 'collectionType') {
-                trackUsage('willEditNameOfContentType');
-            }
-            if (type?.kind === 'singleType') {
-                trackUsage('willEditNameOfSingleType');
-            }
-            onOpenModalEditSchema({
-                modalType: forTarget,
-                forTarget: forTarget,
-                targetUid: type.uid,
-                kind: type?.kind
+    const handleClickEditField = async (forTarget, targetUid, attributeName, type, customField)=>{
+        const attributeType = getAttributeDisplayedType(type);
+        const step = type === 'component' ? '2' : null;
+        if (customField) {
+            onOpenModalEditCustomField({
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                customFieldUid: customField
+            });
+        } else {
+            onOpenModalEditField({
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                step
             });
-            return;
+        }
+    };
+    let label = get(modifiedData, [
+        firstMainDataPath,
+        'schema',
+        'displayName'
+    ], '');
+    const kind = get(modifiedData, [
+        firstMainDataPath,
+        'schema',
+        'kind'
+    ], '');
+    const isCreatingFirstContentType = match?.params.currentUID === 'create-content-type';
+    if (!label && isCreatingFirstContentType) {
+        label = formatMessage({
+            id: getTrad('button.model.create'),
+            defaultMessage: 'Create new collection type'
+        });
+    }
+    const onEdit = ()=>{
+        const contentType = kind || firstMainDataPath;
+        if (contentType === 'collectionType') {
+            trackUsage('willEditNameOfContentType');
+        }
+        if (contentType === 'singleType') {
+            trackUsage('willEditNameOfSingleType');
         }
         onOpenModalEditSchema({
-            modalType: forTarget,
-            forTarget: forTarget,
-            targetUid: type.uid
+            modalType: firstMainDataPath,
+            forTarget: firstMainDataPath,
+            targetUid,
+            kind: contentType
         });
     };
-    const addNewFieldLabel = formatMessage({
-        id: getTrad('table.button.no-fields'),
-        defaultMessage: 'Add new field'
+    unstable_usePrompt({
+        when: hasModelBeenModified,
+        message: formatMessage({
+            id: getTrad('prompt.unsaved'),
+            defaultMessage: 'Are you sure?'
+        })
     });
-    const addAnotherFieldLabel = formatMessage({
-        id: getTrad('button.attributes.add.another'),
-        defaultMessage: 'Add another field'
-    });
-    const isDeleted = type.status === 'REMOVED';
     const primaryAction = isInDevelopmentMode && /*#__PURE__*/ jsxs(Flex, {
         gap: 2,
+        marginLeft: 2,
         children: [
-            /*#__PURE__*/ jsx(LinkToCMSettingsView, {
-                type: type,
-                disabled: type.status === 'NEW' || isDeleted
-            }, "link-to-cm-settings-view"),
-            /*#__PURE__*/ jsx(Button, {
-                startIcon: /*#__PURE__*/ jsx(Pencil, {}),
-                variant: "tertiary",
-                onClick: onEdit,
-                disabled: !canEdit || isDeleted,
-                children: formatMessage({
-                    id: 'app.utils.edit',
-                    defaultMessage: 'Edit'
-                })
-            }),
-            /*#__PURE__*/ jsx(Button, {
+            !isCreatingFirstContentType && /*#__PURE__*/ jsx(Button, {
                 startIcon: /*#__PURE__*/ jsx(Plus, {}),
                 variant: "secondary",
                 minWidth: "max-content",
                 onClick: ()=>{
                     onOpenModalAddField({
                         forTarget,
-                        targetUid: type.uid
+                        targetUid
                     });
                 },
-                disabled: isDeleted,
-                children: type.attributes.length === 0 ? addNewFieldLabel : addAnotherFieldLabel
+                children: formatMessage({
+                    id: getTrad('button.attributes.add.another'),
+                    defaultMessage: 'Add another field'
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                startIcon: /*#__PURE__*/ jsx(Check, {}),
+                onClick: async ()=>await submitData(),
+                type: "submit",
+                disabled: isEqual(modifiedData, initialData),
+                children: formatMessage({
+                    id: 'global.save',
+                    defaultMessage: 'Save'
+                })
             })
         ]
     });
+    const secondaryAction = isInDevelopmentMode && !isFromPlugin && !isCreatingFirstContentType && /*#__PURE__*/ jsx(Button, {
+        startIcon: /*#__PURE__*/ jsx(Pencil, {}),
+        variant: "tertiary",
+        onClick: onEdit,
+        children: formatMessage({
+            id: 'app.utils.edit',
+            defaultMessage: 'Edit'
+        })
+    });
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            isDeleted && /*#__PURE__*/ jsx(Flex, {
-                background: "danger100",
-                justifyContent: 'center',
-                padding: 4,
+            /*#__PURE__*/ jsx(LayoutsHeaderCustom, {
+                id: "title",
+                primaryAction: primaryAction,
+                secondaryAction: secondaryAction,
+                title: upperFirst(label),
+                subtitle: formatMessage({
+                    id: getTrad('listView.headerLayout.description'),
+                    defaultMessage: 'Build the data architecture of your content'
+                }),
+                navigationAction: /*#__PURE__*/ jsx(BackButton, {})
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
                 children: /*#__PURE__*/ jsxs(Flex, {
-                    gap: 2,
+                    direction: "column",
+                    alignItems: "stretch",
+                    gap: 4,
                     children: [
-                        /*#__PURE__*/ jsx(Information, {
-                            fill: "danger600",
-                            height: "2rem",
-                            width: "2rem"
+                        /*#__PURE__*/ jsx(Flex, {
+                            justifyContent: "flex-end",
+                            children: /*#__PURE__*/ jsx(Flex, {
+                                gap: 2,
+                                children: /*#__PURE__*/ jsx(LinkToCMSettingsView, {
+                                    targetUid: targetUid,
+                                    isInContentTypeView: isInContentTypeView,
+                                    contentTypeKind: contentTypeKind,
+                                    disabled: isCreatingFirstContentType || isTemporary
+                                }, "link-to-cm-settings-view")
+                            })
                         }),
-                        /*#__PURE__*/ jsx(Typography, {
-                            children: formatMessage({
-                                id: getTrad('table.warning.deleted'),
-                                defaultMessage: `This {kind} has been deleted`
-                            }, {
-                                kind: type.modelType === 'contentType' ? 'Content Type' : 'Component'
+                        /*#__PURE__*/ jsx(Box, {
+                            background: "neutral0",
+                            shadow: "filterShadow",
+                            hasRadius: true,
+                            children: /*#__PURE__*/ jsx(List, {
+                                items: attributes,
+                                customRowComponent: (props)=>/*#__PURE__*/ jsx(ListRow, {
+                                        ...props,
+                                        onClick: handleClickEditField
+                                    }),
+                                addComponentToDZ: handleClickAddComponentToDZ,
+                                targetUid: targetUid,
+                                editTarget: forTarget,
+                                isMain: true
                             })
                         })
                     ]
                 })
-            }),
-            /*#__PURE__*/ jsx(LayoutsHeaderCustom, {
-                id: "title",
-                primaryAction: primaryAction,
-                title: upperFirst(label)
-            }),
-            /*#__PURE__*/ jsx(Layouts.Content, {
-                children: /*#__PURE__*/ jsx(Box, {
-                    background: "neutral0",
-                    shadow: "filterShadow",
-                    hasRadius: true,
-                    overflow: "auto",
-                    borderColor: "neutral150",
-                    children: /*#__PURE__*/ jsx(List, {
-                        type: type,
-                        addComponentToDZ: handleClickAddComponentToDZ,
-                        isMain: true
-                    })
-                })
             })
         ]
     });

package/dist/admin/pages/ListView/ListView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.mjs","sources":["../../../../admin/src/pages/ListView/ListView.tsx"],"sourcesContent":["/* eslint-disable import/no-default-export */\nimport { useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex, Typography } from '@strapi/design-system';\nimport { Information, Pencil, Plus } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { Navigate, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../../components/DataManager/useDataManager';\nimport { useFormModalNavigation } from '../../components/FormModalNavigation/useFormModalNavigation';\nimport { List } from '../../components/List';\nimport { getTrad } from '../../utils/getTrad';\n\nimport { LinkToCMSettingsView } from './LinkToCMSettingsView';\n\nimport type { Internal } from '@strapi/types';\n\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst ListView = () => {\n  const { isInDevelopmentMode, contentTypes, components, isLoading } = useDataManager();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const { contentTypeUid, componentUid } = useParams<{\n    contentTypeUid: Internal.UID.ContentType;\n    componentUid: Internal.UID.Component;\n  }>();\n\n  const { onOpenModalAddComponentsToDZ, onOpenModalAddField, onOpenModalEditSchema } =\n    useFormModalNavigation();\n\n  const type = contentTypeUid\n    ? contentTypes[contentTypeUid]\n    : componentUid\n      ? components[componentUid]\n      : null;\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (!type) {\n    const allowedEndpoints = Object.values(contentTypes)\n      .filter((ct) => ct.visible === true && !ct.plugin)\n      .map((ct) => ct.uid)\n      .sort();\n\n    if (allowedEndpoints.length > 0) {\n      return <Navigate to={`/plugins/content-type-builder/content-types/${allowedEndpoints[0]}`} />;\n    }\n\n    return <Navigate to=\"/plugins/content-type-builder/content-types/create-content-type\" />;\n  }\n\n  const isFromPlugin = 'plugin' in type && type?.plugin !== undefined;\n\n  const forTarget = contentTypeUid ? 'contentType' : 'component';\n\n  const label = type?.info?.displayName ?? '';\n\n  const canEdit = isInDevelopmentMode && !isFromPlugin;\n\n  const handleClickAddComponentToDZ = (dynamicZoneTarget?: string) => {\n    onOpenModalAddComponentsToDZ({ dynamicZoneTarget, targetUid: type.uid });\n  };\n\n  const onEdit = () => {\n    if ('kind' in type) {\n      if (type?.kind === 'collectionType') {\n        trackUsage('willEditNameOfContentType');\n      }\n\n      if (type?.kind === 'singleType') {\n        trackUsage('willEditNameOfSingleType');\n      }\n\n      onOpenModalEditSchema({\n        modalType: forTarget,\n        forTarget: forTarget,\n        targetUid: type.uid,\n        kind: type?.kind,\n      });\n\n      return;\n    }\n\n    onOpenModalEditSchema({\n      modalType: forTarget,\n      forTarget: forTarget,\n      targetUid: type.uid,\n    });\n  };\n\n  const addNewFieldLabel = formatMessage({\n    id: getTrad('table.button.no-fields'),\n    defaultMessage: 'Add new field',\n  });\n\n  const addAnotherFieldLabel = formatMessage({\n    id: getTrad('button.attributes.add.another'),\n    defaultMessage: 'Add another field',\n  });\n\n  const isDeleted = type.status === 'REMOVED';\n\n  const primaryAction = isInDevelopmentMode && (\n    <Flex gap={2}>\n      <LinkToCMSettingsView\n        key=\"link-to-cm-settings-view\"\n        type={type}\n        disabled={type.status === 'NEW' || isDeleted}\n      />\n      <Button\n        startIcon={<Pencil />}\n        variant=\"tertiary\"\n        onClick={onEdit}\n        disabled={!canEdit || isDeleted}\n      >\n        {formatMessage({\n          id: 'app.utils.edit',\n          defaultMessage: 'Edit',\n        })}\n      </Button>\n      <Button\n        startIcon={<Plus />}\n        variant=\"secondary\"\n        minWidth=\"max-content\"\n        onClick={() => {\n          onOpenModalAddField({ forTarget, targetUid: type.uid });\n        }}\n        disabled={isDeleted}\n      >\n        {type.attributes.length === 0 ? addNewFieldLabel : addAnotherFieldLabel}\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <>\n      {isDeleted && (\n        <Flex background=\"danger100\" justifyContent={'center'} padding={4}>\n          <Flex gap={2}>\n            <Information fill=\"danger600\" height=\"2rem\" width=\"2rem\" />\n            <Typography>\n              {formatMessage(\n                {\n                  id: getTrad('table.warning.deleted'),\n                  defaultMessage: `This {kind} has been deleted`,\n                },\n                {\n                  kind: type.modelType === 'contentType' ? 'Content Type' : 'Component',\n                }\n              )}\n            </Typography>\n          </Flex>\n        </Flex>\n      )}\n      <LayoutsHeaderCustom id=\"title\" primaryAction={primaryAction} title={upperFirst(label)} />\n      <Layouts.Content>\n        <Box\n          background=\"neutral0\"\n          shadow=\"filterShadow\"\n          hasRadius\n          overflow=\"auto\"\n          borderColor=\"neutral150\"\n        >\n          <List type={type} addComponentToDZ={handleClickAddComponentToDZ} isMain />\n        </Box>\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport default ListView;\n"],"names":["LayoutsHeaderCustom","styled","Layouts","Header","ListView","isInDevelopmentMode","contentTypes","components","isLoading","useDataManager","formatMessage","useIntl","trackUsage","useTracking","contentTypeUid","componentUid","useParams","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalEditSchema","useFormModalNavigation","type","allowedEndpoints","Object","values","filter","ct","visible","plugin","map","uid","sort","length","_jsx","Navigate","to","isFromPlugin","undefined","forTarget","label","info","displayName","canEdit","handleClickAddComponentToDZ","dynamicZoneTarget","targetUid","onEdit","kind","modalType","addNewFieldLabel","id","getTrad","defaultMessage","addAnotherFieldLabel","isDeleted","status","primaryAction","_jsxs","Flex","gap","LinkToCMSettingsView","disabled","Button","startIcon","Pencil","variant","onClick","Plus","minWidth","attributes","_Fragment","background","justifyContent","padding","Information","fill","height","width","Typography","modelType","title","upperFirst","Content","Box","shadow","hasRadius","overflow","borderColor","List","addComponentToDZ","isMain"],"mappings":"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"}
+{"version":3,"file":"ListView.mjs","sources":["../../../../admin/src/pages/ListView/ListView.tsx"],"sourcesContent":["import { BackButton, useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Flex } from '@strapi/design-system';\nimport { Check, Pencil, Plus } from '@strapi/icons';\nimport get from 'lodash/get';\nimport has from 'lodash/has';\nimport isEqual from 'lodash/isEqual';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { unstable_usePrompt as usePrompt, useMatch } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { List } from '../../components/List';\nimport { ListRow } from '../../components/ListRow';\nimport { useDataManager } from '../../hooks/useDataManager';\nimport { useFormModalNavigation } from '../../hooks/useFormModalNavigation';\nimport { getAttributeDisplayedType } from '../../utils/getAttributeDisplayedType';\nimport { getTrad } from '../../utils/getTrad';\n\nimport { LinkToCMSettingsView } from './LinkToCMSettingsView';\n\nconst LayoutsHeaderCustom = styled(Layouts.Header)`\n  overflow-wrap: anywhere;\n`;\n\nconst ListView = () => {\n  const { initialData, modifiedData, isInDevelopmentMode, isInContentTypeView, submitData } =\n    useDataManager();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n\n  const match = useMatch('/plugins/content-type-builder/:kind/:currentUID');\n\n  const {\n    onOpenModalAddComponentsToDZ,\n    onOpenModalAddField,\n    onOpenModalEditField,\n    onOpenModalEditSchema,\n    onOpenModalEditCustomField,\n  } = useFormModalNavigation();\n\n  const firstMainDataPath = isInContentTypeView ? 'contentType' : 'component';\n  const mainDataTypeAttributesPath = [firstMainDataPath, 'schema', 'attributes'];\n  const targetUid = get(modifiedData, [firstMainDataPath, 'uid']);\n  const isTemporary = get(modifiedData, [firstMainDataPath, 'isTemporary'], false);\n  const contentTypeKind = get(modifiedData, [firstMainDataPath, 'schema', 'kind'], null);\n\n  const attributes = get(modifiedData, mainDataTypeAttributesPath, []);\n  const isFromPlugin = has(initialData, [firstMainDataPath, 'plugin']);\n  const hasModelBeenModified = !isEqual(modifiedData, initialData);\n\n  const forTarget = isInContentTypeView ? 'contentType' : 'component';\n\n  const handleClickAddComponentToDZ = (dynamicZoneTarget?: string) => {\n    onOpenModalAddComponentsToDZ({ dynamicZoneTarget, targetUid });\n  };\n\n  const handleClickEditField = async (\n    forTarget: string,\n    targetUid: string,\n    attributeName: string,\n    type: string,\n    customField: any\n  ) => {\n    const attributeType = getAttributeDisplayedType(type);\n    const step = type === 'component' ? '2' : null;\n\n    if (customField) {\n      onOpenModalEditCustomField({\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        customFieldUid: customField,\n      });\n    } else {\n      onOpenModalEditField({\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        step,\n      });\n    }\n  };\n\n  let label = get(modifiedData, [firstMainDataPath, 'schema', 'displayName'], '');\n  const kind = get(modifiedData, [firstMainDataPath, 'schema', 'kind'], '');\n\n  const isCreatingFirstContentType = match?.params.currentUID === 'create-content-type';\n\n  if (!label && isCreatingFirstContentType) {\n    label = formatMessage({\n      id: getTrad('button.model.create'),\n      defaultMessage: 'Create new collection type',\n    });\n  }\n\n  const onEdit = () => {\n    const contentType = kind || firstMainDataPath;\n\n    if (contentType === 'collectionType') {\n      trackUsage('willEditNameOfContentType');\n    }\n    if (contentType === 'singleType') {\n      trackUsage('willEditNameOfSingleType');\n    }\n\n    onOpenModalEditSchema({\n      modalType: firstMainDataPath,\n      forTarget: firstMainDataPath,\n      targetUid,\n      kind: contentType,\n    });\n  };\n\n  usePrompt({\n    when: hasModelBeenModified,\n    message: formatMessage({ id: getTrad('prompt.unsaved'), defaultMessage: 'Are you sure?' }),\n  });\n\n  const primaryAction = isInDevelopmentMode && (\n    <Flex gap={2} marginLeft={2}>\n      {/* DON'T display the add field button when the content type has not been created */}\n      {!isCreatingFirstContentType && (\n        <Button\n          startIcon={<Plus />}\n          variant=\"secondary\"\n          minWidth=\"max-content\"\n          onClick={() => {\n            onOpenModalAddField({ forTarget, targetUid });\n          }}\n        >\n          {formatMessage({\n            id: getTrad('button.attributes.add.another'),\n            defaultMessage: 'Add another field',\n          })}\n        </Button>\n      )}\n      <Button\n        startIcon={<Check />}\n        onClick={async () => await submitData()}\n        type=\"submit\"\n        disabled={isEqual(modifiedData, initialData)}\n      >\n        {formatMessage({\n          id: 'global.save',\n          defaultMessage: 'Save',\n        })}\n      </Button>\n    </Flex>\n  );\n\n  const secondaryAction = isInDevelopmentMode && !isFromPlugin && !isCreatingFirstContentType && (\n    <Button startIcon={<Pencil />} variant=\"tertiary\" onClick={onEdit}>\n      {formatMessage({\n        id: 'app.utils.edit',\n        defaultMessage: 'Edit',\n      })}\n    </Button>\n  );\n\n  return (\n    <>\n      <LayoutsHeaderCustom\n        id=\"title\"\n        primaryAction={primaryAction}\n        secondaryAction={secondaryAction}\n        title={upperFirst(label)}\n        subtitle={formatMessage({\n          id: getTrad('listView.headerLayout.description'),\n          defaultMessage: 'Build the data architecture of your content',\n        })}\n        navigationAction={<BackButton />}\n      />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n          <Flex justifyContent=\"flex-end\">\n            <Flex gap={2}>\n              <LinkToCMSettingsView\n                key=\"link-to-cm-settings-view\"\n                targetUid={targetUid}\n                isInContentTypeView={isInContentTypeView}\n                contentTypeKind={contentTypeKind}\n                disabled={isCreatingFirstContentType || isTemporary}\n              />\n            </Flex>\n          </Flex>\n          <Box background=\"neutral0\" shadow=\"filterShadow\" hasRadius>\n            <List\n              items={attributes}\n              customRowComponent={(props) => <ListRow {...props} onClick={handleClickEditField} />}\n              addComponentToDZ={handleClickAddComponentToDZ}\n              targetUid={targetUid}\n              editTarget={forTarget}\n              isMain\n            />\n          </Box>\n        </Flex>\n      </Layouts.Content>\n    </>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ListView;\n"],"names":["LayoutsHeaderCustom","styled","Layouts","Header","ListView","initialData","modifiedData","isInDevelopmentMode","isInContentTypeView","submitData","useDataManager","formatMessage","useIntl","trackUsage","useTracking","match","useMatch","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalEditField","onOpenModalEditSchema","onOpenModalEditCustomField","useFormModalNavigation","firstMainDataPath","mainDataTypeAttributesPath","targetUid","get","isTemporary","contentTypeKind","attributes","isFromPlugin","has","hasModelBeenModified","isEqual","forTarget","handleClickAddComponentToDZ","dynamicZoneTarget","handleClickEditField","attributeName","type","customField","attributeType","getAttributeDisplayedType","step","customFieldUid","label","kind","isCreatingFirstContentType","params","currentUID","id","getTrad","defaultMessage","onEdit","contentType","modalType","usePrompt","when","message","primaryAction","_jsxs","Flex","gap","marginLeft","_jsx","Button","startIcon","Plus","variant","minWidth","onClick","Check","disabled","secondaryAction","Pencil","_Fragment","title","upperFirst","subtitle","navigationAction","BackButton","Content","direction","alignItems","justifyContent","LinkToCMSettingsView","Box","background","shadow","hasRadius","List","items","customRowComponent","props","ListRow","addComponentToDZ","editTarget","isMain"],"mappings":"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"}

package/dist/admin/reducers.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var reducer$1 = require('./components/DataManager/reducer.js');
+var reducer$1 = require('./components/DataManagerProvider/reducer.js');
 var reducer = require('./components/FormModal/reducer.js');
+var pluginId = require('./pluginId.js');
 
 const reducers = {
-    [`content-type-builder_formModal`]: reducer.reducer,
-    [`content-type-builder_dataManagerProvider`]: reducer$1.reducer
+    [`${pluginId.pluginId}_formModal`]: reducer.reducer,
+    [`${pluginId.pluginId}_dataManagerProvider`]: reducer$1.reducer
 };
 
 exports.reducers = reducers;

package/dist/admin/reducers.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducers.js","sources":["../../admin/src/reducers.ts"],"sourcesContent":["import { reducer as dataManagerProviderReducer } from './components/DataManager/reducer';\nimport { reducer as formModalReducer } from './components/FormModal/reducer';\n\nexport const reducers = {\n  [`content-type-builder_formModal`]: formModalReducer,\n  [`content-type-builder_dataManagerProvider`]: dataManagerProviderReducer,\n};\n"],"names":["reducers","formModalReducer","dataManagerProviderReducer"],"mappings":";;;;;MAGaA,QAAW,GAAA;AACtB,IAAA,CAAC,CAAC,8BAA8B,CAAC,GAAGC,eAAAA;AACpC,IAAA,CAAC,CAAC,wCAAwC,CAAC,GAAGC;AAChD;;;;"}
+{"version":3,"file":"reducers.js","sources":["../../admin/src/reducers.ts"],"sourcesContent":["import { reducer as dataManagerProviderReducer } from './components/DataManagerProvider/reducer';\nimport { reducer as formModalReducer } from './components/FormModal/reducer';\nimport { pluginId } from './pluginId';\n\nexport const reducers = {\n  [`${pluginId}_formModal`]: formModalReducer,\n  [`${pluginId}_dataManagerProvider`]: dataManagerProviderReducer,\n};\n"],"names":["reducers","pluginId","formModalReducer","dataManagerProviderReducer"],"mappings":";;;;;;MAIaA,QAAW,GAAA;AACtB,IAAA,CAAC,CAAC,EAAEC,iBAAAA,CAAS,UAAU,CAAC,GAAGC,eAAAA;AAC3B,IAAA,CAAC,CAAC,EAAED,iBAAAA,CAAS,oBAAoB,CAAC,GAAGE;AACvC;;;;"}

package/dist/admin/reducers.mjs

@@ -1,9 +1,10 @@
-import { reducer as reducer$1 } from './components/DataManager/reducer.mjs';
+import { reducer as reducer$1 } from './components/DataManagerProvider/reducer.mjs';
 import { reducer } from './components/FormModal/reducer.mjs';
+import { pluginId } from './pluginId.mjs';
 
 const reducers = {
-    [`content-type-builder_formModal`]: reducer,
-    [`content-type-builder_dataManagerProvider`]: reducer$1
+    [`${pluginId}_formModal`]: reducer,
+    [`${pluginId}_dataManagerProvider`]: reducer$1
 };
 
 export { reducers };

package/dist/admin/reducers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reducers.mjs","sources":["../../admin/src/reducers.ts"],"sourcesContent":["import { reducer as dataManagerProviderReducer } from './components/DataManager/reducer';\nimport { reducer as formModalReducer } from './components/FormModal/reducer';\n\nexport const reducers = {\n  [`content-type-builder_formModal`]: formModalReducer,\n  [`content-type-builder_dataManagerProvider`]: dataManagerProviderReducer,\n};\n"],"names":["reducers","formModalReducer","dataManagerProviderReducer"],"mappings":";;;MAGaA,QAAW,GAAA;AACtB,IAAA,CAAC,CAAC,8BAA8B,CAAC,GAAGC,OAAAA;AACpC,IAAA,CAAC,CAAC,wCAAwC,CAAC,GAAGC;AAChD;;;;"}
+{"version":3,"file":"reducers.mjs","sources":["../../admin/src/reducers.ts"],"sourcesContent":["import { reducer as dataManagerProviderReducer } from './components/DataManagerProvider/reducer';\nimport { reducer as formModalReducer } from './components/FormModal/reducer';\nimport { pluginId } from './pluginId';\n\nexport const reducers = {\n  [`${pluginId}_formModal`]: formModalReducer,\n  [`${pluginId}_dataManagerProvider`]: dataManagerProviderReducer,\n};\n"],"names":["reducers","pluginId","formModalReducer","dataManagerProviderReducer"],"mappings":";;;;MAIaA,QAAW,GAAA;AACtB,IAAA,CAAC,CAAC,EAAEC,QAAAA,CAAS,UAAU,CAAC,GAAGC,OAAAA;AAC3B,IAAA,CAAC,CAAC,EAAED,QAAAA,CAAS,oBAAoB,CAAC,GAAGE;AACvC;;;;"}

package/dist/admin/src/components/AutoReloadOverlayBlocker.d.ts

@@ -14,8 +14,8 @@ export interface AutoReloadOverlayBlockerConfig {
     icon?: 'reload' | 'time';
 }
 export interface AutoReloadOverlayBlockerContextValue {
-    lockAppWithAutoreload: (config?: AutoReloadOverlayBlockerConfig) => void;
-    unlockAppWithAutoreload: () => void;
+    lockAppWithAutoreload?: (config?: AutoReloadOverlayBlockerConfig) => void;
+    unlockAppWithAutoreload?: () => void;
 }
 export interface AutoReloadOverlayBlockerProviderProps {
     children: React.ReactNode;

package/dist/admin/src/components/ComponentCard/ComponentCard.d.ts

@@ -1,4 +1,3 @@
-import type { Internal, Struct } from '@strapi/types';
 interface ComponentCardProps {
     component: string;
     dzName: string;
@@ -6,9 +5,6 @@ interface ComponentCardProps {
     isActive?: boolean;
     isInDevelopmentMode?: boolean;
     onClick?: () => void;
-    forTarget: Struct.ModelType;
-    targetUid: Internal.UID.Schema;
-    disabled?: boolean;
 }
-export declare const ComponentCard: ({ component, dzName, index, isActive, isInDevelopmentMode, onClick, forTarget, targetUid, disabled, }: ComponentCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentCard: ({ component, dzName, index, isActive, isInDevelopmentMode, onClick, }: ComponentCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/src/components/ComponentList.d.ts

@@ -1,8 +1,10 @@
-import type { UID } from '@strapi/types';
+import type { Internal } from '@strapi/types';
 interface ComponentListProps {
-    component: UID.Component;
-    firstLoopComponentUid?: UID.Component | null;
+    component: Internal.UID.Component;
+    customRowComponent: any;
+    firstLoopComponentUid?: string;
     isFromDynamicZone?: boolean;
+    isNestedInDZComponent?: boolean;
 }
-export declare const ComponentList: ({ component, isFromDynamicZone, firstLoopComponentUid, }: ComponentListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentList: ({ customRowComponent, component, isFromDynamicZone, isNestedInDZComponent, firstLoopComponentUid, }: ComponentListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/src/components/ContentTypeBuilderNav/useContentTypeBuilderMenu.d.ts

@@ -1,37 +1,22 @@
 /// <reference types="react" />
-import type { Status } from '../../types';
-type Link = {
-    name: string;
-    to: string;
-    status: Status;
-    title: string;
-};
-type SubSection = {
-    name: string;
-    title: string;
-    links: Link[];
-};
-type MenuSection = {
-    name: string;
-    title: {
-        id: string;
-        defaultMessage: string;
-    };
-    customLink?: {
-        id: string;
-        defaultMessage: string;
-        onClick: () => void;
-    };
-    links: Array<SubSection | Link>;
-    linksCount?: number;
-};
-type Menu = MenuSection[];
 export declare const useContentTypeBuilderMenu: () => {
-    menu: Menu;
+    menu: {
+        links: any[];
+        linksCount: number;
+        name: string;
+        title: {
+            id: string;
+            defaultMessage: string;
+        };
+        customLink: false | {
+            id: string;
+            defaultMessage: string;
+            onClick: () => void;
+        } | undefined;
+    }[];
     search: {
         value: string;
         onChange: import("react").Dispatch<import("react").SetStateAction<string>>;
         clear: () => void;
     };
 };
-export {};

package/dist/admin/src/components/DisplayedType.d.ts

@@ -2,7 +2,6 @@ type DisplayedTypeProps = {
     type: string;
     customField?: string | null;
     repeatable?: boolean;
-    multiple?: boolean;
 };
-export declare const DisplayedType: ({ type, customField, repeatable, multiple, }: DisplayedTypeProps) => string | import("react/jsx-runtime").JSX.Element;
+export declare const DisplayedType: ({ type, customField, repeatable, }: DisplayedTypeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/src/components/DynamicZoneList.d.ts

@@ -1,13 +1,10 @@
-import { ComponentType } from 'react';
-import type { Internal, Struct } from '@strapi/types';
+import type { Internal } from '@strapi/types';
 interface DynamicZoneListProps {
     addComponent: (name?: string) => void;
-    components: Array<Internal.UID.Component>;
-    customRowComponent?: ComponentType<any>;
+    components: Array<string>;
+    customRowComponent?: () => void;
     name?: string;
-    forTarget: Struct.ModelType;
-    targetUid: Internal.UID.Schema;
-    disabled?: boolean;
+    targetUid: Internal.UID.Component;
 }
-export declare const DynamicZoneList: ({ components, addComponent, name, forTarget, targetUid, disabled, }: DynamicZoneListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicZoneList: ({ customRowComponent, components, addComponent, name, targetUid, }: DynamicZoneListProps) => import("react/jsx-runtime").JSX.Element;
 export {};