@strapi/content-type-builder 0.0.0-experimental.008123965da692a55d02a1df63facc54077c6bde

package/dist/admin/components/FormModalEndActions.mjs

@@ -0,0 +1,287 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Button, Flex } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+
+const FormModalEndActions = ({ deleteComponent, deleteContentType, isAttributeModal, isCustomFieldModal, isComponentAttribute, isComponentToDzModal, isContentTypeModal, isCreatingComponent, isCreatingComponentAttribute, isCreatingComponentInDz, isCreatingComponentWhileAddingAField, isCreatingContentType, isCreatingDz, isComponentModal, isDzAttribute, isEditingAttribute, isInFirstComponentStep, onSubmitAddComponentAttribute, onSubmitAddComponentToDz, onSubmitCreateContentType, onSubmitCreateComponent, onSubmitCreateDz, onSubmitEditAttribute, onSubmitEditComponent, onSubmitEditContentType, onSubmitEditCustomFieldAttribute, onSubmitEditDz, onClickFinish })=>{
+    const { formatMessage } = useIntl();
+    if (isComponentToDzModal) {
+        if (isCreatingComponentInDz) {
+            return /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                type: "submit",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    onSubmitAddComponentToDz(e, true);
+                },
+                startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                children: formatMessage({
+                    id: getTrad('form.button.add-first-field-to-created-component'),
+                    defaultMessage: 'Add first field to the component'
+                })
+            });
+        }
+        return /*#__PURE__*/ jsx(Button, {
+            variant: "default",
+            type: "submit",
+            onClick: (e)=>{
+                e.preventDefault();
+                onSubmitAddComponentToDz(e, false);
+            },
+            children: formatMessage({
+                id: 'global.finish',
+                defaultMessage: 'Finish'
+            })
+        });
+    }
+    if (isAttributeModal && isDzAttribute && !isCreatingDz) {
+        return /*#__PURE__*/ jsx(Button, {
+            variant: "default",
+            type: "submit",
+            onClick: (e)=>{
+                e.preventDefault();
+                onClickFinish();
+                onSubmitEditDz(e, false);
+            },
+            children: formatMessage({
+                id: 'global.finish',
+                defaultMessage: 'Finish'
+            })
+        });
+    }
+    if (isAttributeModal && isDzAttribute && isCreatingDz) {
+        return /*#__PURE__*/ jsx(Fragment, {
+            children: /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                type: "submit",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    onSubmitCreateDz(e, true);
+                },
+                startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                children: formatMessage({
+                    id: getTrad('form.button.add-components-to-dynamiczone'),
+                    defaultMessage: 'Add components to the zone'
+                })
+            })
+        });
+    }
+    if (isAttributeModal && isComponentAttribute) {
+        if (isInFirstComponentStep) {
+            return /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                type: "submit",
+                onClick: (e)=>{
+                    e.preventDefault();
+                    onSubmitAddComponentAttribute(e, true);
+                },
+                children: isCreatingComponentAttribute ? formatMessage({
+                    id: getTrad('form.button.configure-component'),
+                    defaultMessage: 'Configure the component'
+                }) : formatMessage({
+                    id: getTrad('form.button.select-component'),
+                    defaultMessage: 'Configure the component'
+                })
+            });
+        }
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    variant: "secondary",
+                    type: "submit",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitAddComponentAttribute(e, true);
+                    },
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    children: isCreatingComponentWhileAddingAField ? formatMessage({
+                        id: getTrad('form.button.add-first-field-to-created-component'),
+                        defaultMessage: 'Add first field to the component'
+                    }) : formatMessage({
+                        id: getTrad('form.button.add-field'),
+                        defaultMessage: 'Add another field'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    variant: "default",
+                    type: "button",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onClickFinish();
+                        onSubmitAddComponentAttribute(e, false);
+                    },
+                    children: formatMessage({
+                        id: 'global.finish',
+                        defaultMessage: 'Finish'
+                    })
+                })
+            ]
+        });
+    }
+    if (isAttributeModal && !isComponentAttribute && !isDzAttribute) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    type: isEditingAttribute ? 'button' : 'submit',
+                    variant: "secondary",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitEditAttribute(e, true);
+                    },
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    children: formatMessage({
+                        id: getTrad('form.button.add-field'),
+                        defaultMessage: 'Add another field'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    type: isEditingAttribute ? 'submit' : 'button',
+                    variant: "default",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onClickFinish();
+                        onSubmitEditAttribute(e, false);
+                    },
+                    children: formatMessage({
+                        id: 'global.finish',
+                        defaultMessage: 'Finish'
+                    })
+                })
+            ]
+        });
+    }
+    if (isContentTypeModal) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                !isCreatingContentType && /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            variant: "danger",
+                            onClick: (e)=>{
+                                e.preventDefault();
+                                deleteContentType();
+                            },
+                            children: formatMessage({
+                                id: 'global.delete',
+                                defaultMessage: 'Delete'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "submit",
+                            variant: "default",
+                            onClick: (e)=>{
+                                e.preventDefault();
+                                onSubmitEditContentType(e, false);
+                            },
+                            children: formatMessage({
+                                id: 'global.finish',
+                                defaultMessage: 'Finish'
+                            })
+                        })
+                    ]
+                }),
+                isCreatingContentType && /*#__PURE__*/ jsx(Button, {
+                    type: "submit",
+                    variant: "secondary",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitCreateContentType(e, true);
+                    },
+                    children: formatMessage({
+                        id: 'global.continue',
+                        defaultMessage: 'Continue'
+                    })
+                })
+            ]
+        });
+    }
+    if (isComponentModal) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                !isCreatingComponent && /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            variant: "danger",
+                            onClick: (e)=>{
+                                e.preventDefault();
+                                deleteComponent();
+                            },
+                            children: formatMessage({
+                                id: 'global.delete',
+                                defaultMessage: 'Delete'
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "submit",
+                            variant: "default",
+                            onClick: (e)=>{
+                                e.preventDefault();
+                                onSubmitEditComponent(e, false);
+                            },
+                            children: formatMessage({
+                                id: 'global.finish',
+                                defaultMessage: 'Finish'
+                            })
+                        })
+                    ]
+                }),
+                isCreatingComponent && /*#__PURE__*/ jsx(Button, {
+                    type: "submit",
+                    variant: "secondary",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitCreateComponent(e, true);
+                    },
+                    children: formatMessage({
+                        id: 'global.continue',
+                        defaultMessage: 'Continue'
+                    })
+                })
+            ]
+        });
+    }
+    if (isCustomFieldModal) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    type: isEditingAttribute ? 'button' : 'submit',
+                    variant: "secondary",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitEditCustomFieldAttribute(e, true);
+                    },
+                    startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                    children: formatMessage({
+                        id: getTrad('form.button.add-field'),
+                        defaultMessage: 'Add another field'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    type: isEditingAttribute ? 'submit' : 'button',
+                    variant: "default",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onClickFinish();
+                        onSubmitEditCustomFieldAttribute(e, false);
+                    },
+                    children: formatMessage({
+                        id: 'global.finish',
+                        defaultMessage: 'Finish'
+                    })
+                })
+            ]
+        });
+    }
+    return null;
+};
+
+export { FormModalEndActions };
+//# sourceMappingURL=FormModalEndActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalEndActions.mjs","sources":["../../../admin/src/components/FormModalEndActions.tsx"],"sourcesContent":["/**\n *\n * FormModalEndActions\n *\n */\n\nimport { SyntheticEvent } from 'react';\n\nimport { Button, Flex } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\ntype FormModalEndActionsProps = {\n  deleteComponent: () => void;\n  deleteContentType: () => void;\n  isAttributeModal: boolean;\n  isCustomFieldModal: boolean;\n  isComponentAttribute: boolean;\n  isComponentModal: boolean;\n  isComponentToDzModal: boolean;\n  isContentTypeModal: boolean;\n  isCreatingComponent: boolean;\n  isCreatingComponentAttribute: boolean;\n  isCreatingComponentInDz: boolean;\n  isCreatingComponentWhileAddingAField: boolean;\n  isCreatingContentType: boolean;\n  isCreatingDz: boolean;\n  isDzAttribute: boolean;\n  isEditingAttribute: boolean;\n  isInFirstComponentStep: boolean;\n  onSubmitAddComponentAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitAddComponentToDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitCreateContentType: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitCreateComponent: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitCreateDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitEditAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitEditComponent: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitEditContentType: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitEditCustomFieldAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onSubmitEditDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\n  onClickFinish: () => void;\n};\n\nexport const FormModalEndActions = ({\n  deleteComponent,\n  deleteContentType,\n  isAttributeModal,\n  isCustomFieldModal,\n  isComponentAttribute,\n  isComponentToDzModal,\n  isContentTypeModal,\n  isCreatingComponent,\n  isCreatingComponentAttribute,\n  isCreatingComponentInDz,\n  isCreatingComponentWhileAddingAField,\n  isCreatingContentType,\n  isCreatingDz,\n  isComponentModal,\n  isDzAttribute,\n  isEditingAttribute,\n  isInFirstComponentStep,\n  onSubmitAddComponentAttribute,\n  onSubmitAddComponentToDz,\n  onSubmitCreateContentType,\n  onSubmitCreateComponent,\n  onSubmitCreateDz,\n  onSubmitEditAttribute,\n  onSubmitEditComponent,\n  onSubmitEditContentType,\n  onSubmitEditCustomFieldAttribute,\n  onSubmitEditDz,\n  onClickFinish,\n}: FormModalEndActionsProps) => {\n  const { formatMessage } = useIntl();\n\n  if (isComponentToDzModal) {\n    if (isCreatingComponentInDz) {\n      return (\n        <Button\n          variant=\"secondary\"\n          type=\"submit\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitAddComponentToDz(e, true);\n          }}\n          startIcon={<Plus />}\n        >\n          {formatMessage({\n            id: getTrad('form.button.add-first-field-to-created-component'),\n            defaultMessage: 'Add first field to the component',\n          })}\n        </Button>\n      );\n    }\n\n    return (\n      <Button\n        variant=\"default\"\n        type=\"submit\"\n        onClick={(e: SyntheticEvent) => {\n          e.preventDefault();\n\n          onSubmitAddComponentToDz(e, false);\n        }}\n      >\n        {formatMessage({\n          id: 'global.finish',\n          defaultMessage: 'Finish',\n        })}\n      </Button>\n    );\n  }\n\n  if (isAttributeModal && isDzAttribute && !isCreatingDz) {\n    return (\n      <Button\n        variant=\"default\"\n        type=\"submit\"\n        onClick={(e: SyntheticEvent) => {\n          e.preventDefault();\n\n          onClickFinish();\n          onSubmitEditDz(e, false);\n        }}\n      >\n        {formatMessage({\n          id: 'global.finish',\n          defaultMessage: 'Finish',\n        })}\n      </Button>\n    );\n  }\n\n  if (isAttributeModal && isDzAttribute && isCreatingDz) {\n    return (\n      <>\n        <Button\n          variant=\"secondary\"\n          type=\"submit\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitCreateDz(e, true);\n          }}\n          startIcon={<Plus />}\n        >\n          {formatMessage({\n            id: getTrad('form.button.add-components-to-dynamiczone'),\n            defaultMessage: 'Add components to the zone',\n          })}\n        </Button>\n        {/* // TO FIX fix doesnt close the modal */}\n        {/* <Button\n          variant=\"default\"\n          type=\"button\"\n          onClick={e => {\n            e.preventDefault();\n\n            onSubmitCreateDz(e, false);\n          }}\n        >\n          {formatMessage({\n            id: 'global.finish',\n            defaultMessage: 'Finish',\n          })}\n        </Button> */}\n      </>\n    );\n  }\n\n  if (isAttributeModal && isComponentAttribute) {\n    if (isInFirstComponentStep) {\n      return (\n        <Button\n          variant=\"secondary\"\n          type=\"submit\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitAddComponentAttribute(e, true);\n          }}\n        >\n          {isCreatingComponentAttribute\n            ? formatMessage({\n                id: getTrad('form.button.configure-component'),\n                defaultMessage: 'Configure the component',\n              })\n            : formatMessage({\n                id: getTrad('form.button.select-component'),\n                defaultMessage: 'Configure the component',\n              })}\n        </Button>\n      );\n    }\n\n    return (\n      <Flex gap={2}>\n        <Button\n          variant=\"secondary\"\n          type=\"submit\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitAddComponentAttribute(e, true);\n          }}\n          startIcon={<Plus />}\n        >\n          {isCreatingComponentWhileAddingAField\n            ? formatMessage({\n                id: getTrad('form.button.add-first-field-to-created-component'),\n                defaultMessage: 'Add first field to the component',\n              })\n            : formatMessage({\n                id: getTrad('form.button.add-field'),\n                defaultMessage: 'Add another field',\n              })}\n        </Button>\n        <Button\n          variant=\"default\"\n          type=\"button\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onClickFinish();\n            onSubmitAddComponentAttribute(e, false);\n          }}\n        >\n          {formatMessage({\n            id: 'global.finish',\n            defaultMessage: 'Finish',\n          })}\n        </Button>\n      </Flex>\n    );\n  }\n\n  if (isAttributeModal && !isComponentAttribute && !isDzAttribute) {\n    return (\n      <Flex gap={2}>\n        <Button\n          type={isEditingAttribute ? 'button' : 'submit'}\n          variant=\"secondary\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitEditAttribute(e, true);\n          }}\n          startIcon={<Plus />}\n        >\n          {formatMessage({\n            id: getTrad('form.button.add-field'),\n            defaultMessage: 'Add another field',\n          })}\n        </Button>\n        <Button\n          type={isEditingAttribute ? 'submit' : 'button'}\n          variant=\"default\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onClickFinish();\n            onSubmitEditAttribute(e, false);\n          }}\n        >\n          {formatMessage({\n            id: 'global.finish',\n            defaultMessage: 'Finish',\n          })}\n        </Button>\n      </Flex>\n    );\n  }\n\n  if (isContentTypeModal) {\n    return (\n      <Flex gap={2}>\n        {!isCreatingContentType && (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"danger\"\n              onClick={(e: SyntheticEvent) => {\n                e.preventDefault();\n                deleteContentType();\n              }}\n            >\n              {formatMessage({\n                id: 'global.delete',\n                defaultMessage: 'Delete',\n              })}\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"default\"\n              onClick={(e: SyntheticEvent) => {\n                e.preventDefault();\n\n                onSubmitEditContentType(e, false);\n              }}\n            >\n              {formatMessage({\n                id: 'global.finish',\n                defaultMessage: 'Finish',\n              })}\n            </Button>\n          </>\n        )}\n        {isCreatingContentType && (\n          <Button\n            type=\"submit\"\n            variant=\"secondary\"\n            onClick={(e: SyntheticEvent) => {\n              e.preventDefault();\n\n              onSubmitCreateContentType(e, true);\n            }}\n          >\n            {formatMessage({\n              id: 'global.continue',\n              defaultMessage: 'Continue',\n            })}\n          </Button>\n        )}\n      </Flex>\n    );\n  }\n\n  if (isComponentModal) {\n    return (\n      <Flex gap={2}>\n        {!isCreatingComponent && (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"danger\"\n              onClick={(e: SyntheticEvent) => {\n                e.preventDefault();\n                deleteComponent();\n              }}\n            >\n              {formatMessage({\n                id: 'global.delete',\n                defaultMessage: 'Delete',\n              })}\n            </Button>\n            <Button\n              type=\"submit\"\n              variant=\"default\"\n              onClick={(e: SyntheticEvent) => {\n                e.preventDefault();\n\n                onSubmitEditComponent(e, false);\n              }}\n            >\n              {formatMessage({\n                id: 'global.finish',\n                defaultMessage: 'Finish',\n              })}\n            </Button>\n          </>\n        )}\n        {isCreatingComponent && (\n          <Button\n            type=\"submit\"\n            variant=\"secondary\"\n            onClick={(e: SyntheticEvent) => {\n              e.preventDefault();\n\n              onSubmitCreateComponent(e, true);\n            }}\n          >\n            {formatMessage({\n              id: 'global.continue',\n              defaultMessage: 'Continue',\n            })}\n          </Button>\n        )}\n      </Flex>\n    );\n  }\n\n  if (isCustomFieldModal) {\n    return (\n      <Flex gap={2}>\n        <Button\n          type={isEditingAttribute ? 'button' : 'submit'}\n          variant=\"secondary\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onSubmitEditCustomFieldAttribute(e, true);\n          }}\n          startIcon={<Plus />}\n        >\n          {formatMessage({\n            id: getTrad('form.button.add-field'),\n            defaultMessage: 'Add another field',\n          })}\n        </Button>\n        <Button\n          type={isEditingAttribute ? 'submit' : 'button'}\n          variant=\"default\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n\n            onClickFinish();\n            onSubmitEditCustomFieldAttribute(e, false);\n          }}\n        >\n          {formatMessage({\n            id: 'global.finish',\n            defaultMessage: 'Finish',\n          })}\n        </Button>\n      </Flex>\n    );\n  }\n\n  return null;\n};\n"],"names":["FormModalEndActions","deleteComponent","deleteContentType","isAttributeModal","isCustomFieldModal","isComponentAttribute","isComponentToDzModal","isContentTypeModal","isCreatingComponent","isCreatingComponentAttribute","isCreatingComponentInDz","isCreatingComponentWhileAddingAField","isCreatingContentType","isCreatingDz","isComponentModal","isDzAttribute","isEditingAttribute","isInFirstComponentStep","onSubmitAddComponentAttribute","onSubmitAddComponentToDz","onSubmitCreateContentType","onSubmitCreateComponent","onSubmitCreateDz","onSubmitEditAttribute","onSubmitEditComponent","onSubmitEditContentType","onSubmitEditCustomFieldAttribute","onSubmitEditDz","onClickFinish","formatMessage","useIntl","_jsx","Button","variant","type","onClick","e","preventDefault","startIcon","Plus","id","getTrad","defaultMessage","_Fragment","_jsxs","Flex","gap"],"mappings":"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"}

package/dist/admin/components/FormModalHeader.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var upperFirst = require('lodash/upperFirst');
+var reactIntl = require('react-intl');
+var getTrad = require('../utils/getTrad.js');
+var AttributeIcon = require('./AttributeIcon.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+var useFormModalNavigation = require('./FormModalNavigation/useFormModalNavigation.js');
+
+const FormModalHeader = ({ actionType = null, attributeName, attributeType, contentTypeKind, dynamicZoneTarget, forTarget, modalType = null, targetUid, customFieldUid = null, showBackLink = false })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { components, contentTypes } = useDataManager.useDataManager();
+    const { onOpenModalAddField } = useFormModalNavigation.useFormModalNavigation();
+    let icon = 'component';
+    let headers = [];
+    const type = forTarget === 'component' ? components[targetUid] : contentTypes[targetUid];
+    const displayName = type?.info.displayName;
+    if (modalType === 'contentType') {
+        icon = contentTypeKind;
+    }
+    if ([
+        'component'
+    ].includes(modalType || '')) {
+        icon = 'component';
+    }
+    const isCreatingMainSchema = [
+        'component',
+        'contentType'
+    ].includes(modalType || '');
+    if (isCreatingMainSchema) {
+        let headerId = getTrad.getTrad(`modalForm.component.header-${actionType}`);
+        if (modalType === 'contentType') {
+            headerId = getTrad.getTrad(`modalForm.${contentTypeKind}.header-create`);
+        }
+        if (actionType === 'edit') {
+            headerId = getTrad.getTrad(`modalForm.header-edit`);
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(AttributeIcon.AttributeIcon, {
+                            type: icon
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingLeft: 3,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                            children: formatMessage({
+                                id: headerId
+                            }, {
+                                name: displayName
+                            })
+                        })
+                    })
+                ]
+            })
+        });
+    }
+    headers = [
+        {
+            label: displayName,
+            info: {
+                category: 'category' in type && type?.category || '',
+                name: type?.info?.displayName
+            }
+        }
+    ];
+    if (modalType === 'chooseAttribute') {
+        icon = forTarget === 'component' ? 'component' : 'kind' in type ? type.kind : '';
+    }
+    if (modalType === 'addComponentToDynamicZone') {
+        icon = 'dynamiczone';
+        headers.push({
+            label: dynamicZoneTarget
+        });
+    }
+    if (modalType === 'attribute' || modalType === 'customField') {
+        icon = attributeType;
+        headers.push({
+            label: attributeName
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            gap: 3,
+            children: [
+                showBackLink && // This is a workaround and should use the LinkButton with a variant that currently doesn't exist
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                    "aria-label": formatMessage({
+                        id: getTrad.getTrad('modalForm.header.back'),
+                        defaultMessage: 'Back'
+                    }),
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowLeft, {}),
+                    onClick: ()=>onOpenModalAddField({
+                            forTarget,
+                            targetUid
+                        }),
+                    href: "#back",
+                    isExternal: false
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(AttributeIcon.AttributeIcon, {
+                    type: icon,
+                    customField: customFieldUid
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Breadcrumbs, {
+                    label: headers.map(({ label })=>label).join(','),
+                    children: headers.map(({ label, info }, index, arr)=>{
+                        label = upperFirst(label);
+                        if (!label) {
+                            return null;
+                        }
+                        const key = `${label}.${index}`;
+                        if (info?.category) {
+                            label = `${label} (${upperFirst(info.category)} - ${upperFirst(info.name)})`;
+                        }
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Crumb, {
+                            isCurrent: index === arr.length - 1,
+                            children: label
+                        }, key);
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.FormModalHeader = FormModalHeader;
+//# sourceMappingURL=FormModalHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalHeader.js","sources":["../../../admin/src/components/FormModalHeader.tsx"],"sourcesContent":["/**\n *\n * FormModalHeader\n *\n */\nimport { Box, Flex, Breadcrumbs, Crumb, Link, Modal } from '@strapi/design-system';\nimport { ArrowLeft } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport { AttributeIcon, IconByType } from './AttributeIcon';\nimport { useDataManager } from './DataManager/useDataManager';\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\n\nimport type { Internal } from '@strapi/types';\n\ninterface Header {\n  label: string;\n  info?: { category: string; name: string };\n}\n\ntype BaseProps = {\n  actionType?: string | null;\n  attributeName: string;\n  attributeType: IconByType;\n  contentTypeKind: IconByType;\n  dynamicZoneTarget: string;\n  modalType: string | null;\n  customFieldUid?: string | null;\n  showBackLink?: boolean;\n};\n\ntype FormModalHeaderProps = BaseProps &\n  (\n    | { forTarget: 'component'; targetUid: Internal.UID.Component }\n    | { forTarget: 'contentType'; targetUid: Internal.UID.ContentType }\n  );\n\nexport const FormModalHeader = ({\n  actionType = null,\n  attributeName,\n  attributeType,\n  contentTypeKind,\n  dynamicZoneTarget,\n  forTarget,\n  modalType = null,\n  targetUid,\n  customFieldUid = null,\n  showBackLink = false,\n}: FormModalHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { components, contentTypes } = useDataManager();\n  const { onOpenModalAddField } = useFormModalNavigation();\n\n  let icon: IconByType = 'component';\n  let headers: Header[] = [];\n\n  const type = forTarget === 'component' ? components[targetUid] : contentTypes[targetUid];\n\n  const displayName = type?.info.displayName;\n\n  if (modalType === 'contentType') {\n    icon = contentTypeKind;\n  }\n\n  if (['component'].includes(modalType || '')) {\n    icon = 'component';\n  }\n\n  const isCreatingMainSchema = ['component', 'contentType'].includes(modalType || '');\n\n  if (isCreatingMainSchema) {\n    let headerId = getTrad(`modalForm.component.header-${actionType}`);\n\n    if (modalType === 'contentType') {\n      headerId = getTrad(`modalForm.${contentTypeKind}.header-create`);\n    }\n\n    if (actionType === 'edit') {\n      headerId = getTrad(`modalForm.header-edit`);\n    }\n\n    return (\n      <Modal.Header>\n        <Flex>\n          <Box>\n            <AttributeIcon type={icon} />\n          </Box>\n          <Box paddingLeft={3}>\n            <Modal.Title>{formatMessage({ id: headerId }, { name: displayName })}</Modal.Title>\n          </Box>\n        </Flex>\n      </Modal.Header>\n    );\n  }\n\n  headers = [\n    {\n      label: displayName,\n      info: {\n        category: ('category' in type && type?.category) || '',\n        name: type?.info?.displayName,\n      },\n    },\n  ];\n\n  if (modalType === 'chooseAttribute') {\n    icon = forTarget === 'component' ? 'component' : 'kind' in type ? type.kind : '';\n  }\n\n  if (modalType === 'addComponentToDynamicZone') {\n    icon = 'dynamiczone';\n    headers.push({ label: dynamicZoneTarget });\n  }\n\n  if (modalType === 'attribute' || modalType === 'customField') {\n    icon = attributeType;\n    headers.push({ label: attributeName });\n  }\n\n  return (\n    <Modal.Header>\n      <Flex gap={3}>\n        {showBackLink && (\n          // This is a workaround and should use the LinkButton with a variant that currently doesn't exist\n          <Link\n            aria-label={formatMessage({\n              id: getTrad('modalForm.header.back'),\n              defaultMessage: 'Back',\n            })}\n            startIcon={<ArrowLeft />}\n            onClick={() => onOpenModalAddField({ forTarget, targetUid })}\n            href=\"#back\"\n            isExternal={false}\n          />\n        )}\n        <AttributeIcon type={icon} customField={customFieldUid} />\n\n        <Breadcrumbs label={headers.map(({ label }) => label).join(',')}>\n          {headers.map(({ label, info }, index, arr) => {\n            label = upperFirst(label);\n\n            if (!label) {\n              return null;\n            }\n\n            const key = `${label}.${index}`;\n\n            if (info?.category) {\n              label = `${label} (${upperFirst(info.category)} - ${upperFirst(info.name)})`;\n            }\n\n            return (\n              <Crumb isCurrent={index === arr.length - 1} key={key}>\n                {label}\n              </Crumb>\n            );\n          })}\n        </Breadcrumbs>\n      </Flex>\n    </Modal.Header>\n  );\n};\n"],"names":["FormModalHeader","actionType","attributeName","attributeType","contentTypeKind","dynamicZoneTarget","forTarget","modalType","targetUid","customFieldUid","showBackLink","formatMessage","useIntl","components","contentTypes","useDataManager","onOpenModalAddField","useFormModalNavigation","icon","headers","type","displayName","info","includes","isCreatingMainSchema","headerId","getTrad","_jsx","Modal","Header","_jsxs","Flex","Box","AttributeIcon","paddingLeft","Title","id","name","label","category","kind","push","gap","Link","aria-label","defaultMessage","startIcon","ArrowLeft","onClick","href","isExternal","customField","Breadcrumbs","map","join","index","arr","upperFirst","key","Crumb","isCurrent","length"],"mappings":"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"}

package/dist/admin/components/FormModalHeader.mjs

@@ -0,0 +1,130 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Modal, Flex, Box, Link, Breadcrumbs, Crumb } from '@strapi/design-system';
+import { ArrowLeft } from '@strapi/icons';
+import upperFirst from 'lodash/upperFirst';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+import { AttributeIcon } from './AttributeIcon.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+import { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation.mjs';
+
+const FormModalHeader = ({ actionType = null, attributeName, attributeType, contentTypeKind, dynamicZoneTarget, forTarget, modalType = null, targetUid, customFieldUid = null, showBackLink = false })=>{
+    const { formatMessage } = useIntl();
+    const { components, contentTypes } = useDataManager();
+    const { onOpenModalAddField } = useFormModalNavigation();
+    let icon = 'component';
+    let headers = [];
+    const type = forTarget === 'component' ? components[targetUid] : contentTypes[targetUid];
+    const displayName = type?.info.displayName;
+    if (modalType === 'contentType') {
+        icon = contentTypeKind;
+    }
+    if ([
+        'component'
+    ].includes(modalType || '')) {
+        icon = 'component';
+    }
+    const isCreatingMainSchema = [
+        'component',
+        'contentType'
+    ].includes(modalType || '');
+    if (isCreatingMainSchema) {
+        let headerId = getTrad(`modalForm.component.header-${actionType}`);
+        if (modalType === 'contentType') {
+            headerId = getTrad(`modalForm.${contentTypeKind}.header-create`);
+        }
+        if (actionType === 'edit') {
+            headerId = getTrad(`modalForm.header-edit`);
+        }
+        return /*#__PURE__*/ jsx(Modal.Header, {
+            children: /*#__PURE__*/ jsxs(Flex, {
+                children: [
+                    /*#__PURE__*/ jsx(Box, {
+                        children: /*#__PURE__*/ jsx(AttributeIcon, {
+                            type: icon
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        paddingLeft: 3,
+                        children: /*#__PURE__*/ jsx(Modal.Title, {
+                            children: formatMessage({
+                                id: headerId
+                            }, {
+                                name: displayName
+                            })
+                        })
+                    })
+                ]
+            })
+        });
+    }
+    headers = [
+        {
+            label: displayName,
+            info: {
+                category: 'category' in type && type?.category || '',
+                name: type?.info?.displayName
+            }
+        }
+    ];
+    if (modalType === 'chooseAttribute') {
+        icon = forTarget === 'component' ? 'component' : 'kind' in type ? type.kind : '';
+    }
+    if (modalType === 'addComponentToDynamicZone') {
+        icon = 'dynamiczone';
+        headers.push({
+            label: dynamicZoneTarget
+        });
+    }
+    if (modalType === 'attribute' || modalType === 'customField') {
+        icon = attributeType;
+        headers.push({
+            label: attributeName
+        });
+    }
+    return /*#__PURE__*/ jsx(Modal.Header, {
+        children: /*#__PURE__*/ jsxs(Flex, {
+            gap: 3,
+            children: [
+                showBackLink && // This is a workaround and should use the LinkButton with a variant that currently doesn't exist
+                /*#__PURE__*/ jsx(Link, {
+                    "aria-label": formatMessage({
+                        id: getTrad('modalForm.header.back'),
+                        defaultMessage: 'Back'
+                    }),
+                    startIcon: /*#__PURE__*/ jsx(ArrowLeft, {}),
+                    onClick: ()=>onOpenModalAddField({
+                            forTarget,
+                            targetUid
+                        }),
+                    href: "#back",
+                    isExternal: false
+                }),
+                /*#__PURE__*/ jsx(AttributeIcon, {
+                    type: icon,
+                    customField: customFieldUid
+                }),
+                /*#__PURE__*/ jsx(Breadcrumbs, {
+                    label: headers.map(({ label })=>label).join(','),
+                    children: headers.map(({ label, info }, index, arr)=>{
+                        label = upperFirst(label);
+                        if (!label) {
+                            return null;
+                        }
+                        const key = `${label}.${index}`;
+                        if (info?.category) {
+                            label = `${label} (${upperFirst(info.category)} - ${upperFirst(info.name)})`;
+                        }
+                        return /*#__PURE__*/ jsx(Crumb, {
+                            isCurrent: index === arr.length - 1,
+                            children: label
+                        }, key);
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { FormModalHeader };
+//# sourceMappingURL=FormModalHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalHeader.mjs","sources":["../../../admin/src/components/FormModalHeader.tsx"],"sourcesContent":["/**\n *\n * FormModalHeader\n *\n */\nimport { Box, Flex, Breadcrumbs, Crumb, Link, Modal } from '@strapi/design-system';\nimport { ArrowLeft } from '@strapi/icons';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport { AttributeIcon, IconByType } from './AttributeIcon';\nimport { useDataManager } from './DataManager/useDataManager';\nimport { useFormModalNavigation } from './FormModalNavigation/useFormModalNavigation';\n\nimport type { Internal } from '@strapi/types';\n\ninterface Header {\n  label: string;\n  info?: { category: string; name: string };\n}\n\ntype BaseProps = {\n  actionType?: string | null;\n  attributeName: string;\n  attributeType: IconByType;\n  contentTypeKind: IconByType;\n  dynamicZoneTarget: string;\n  modalType: string | null;\n  customFieldUid?: string | null;\n  showBackLink?: boolean;\n};\n\ntype FormModalHeaderProps = BaseProps &\n  (\n    | { forTarget: 'component'; targetUid: Internal.UID.Component }\n    | { forTarget: 'contentType'; targetUid: Internal.UID.ContentType }\n  );\n\nexport const FormModalHeader = ({\n  actionType = null,\n  attributeName,\n  attributeType,\n  contentTypeKind,\n  dynamicZoneTarget,\n  forTarget,\n  modalType = null,\n  targetUid,\n  customFieldUid = null,\n  showBackLink = false,\n}: FormModalHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { components, contentTypes } = useDataManager();\n  const { onOpenModalAddField } = useFormModalNavigation();\n\n  let icon: IconByType = 'component';\n  let headers: Header[] = [];\n\n  const type = forTarget === 'component' ? components[targetUid] : contentTypes[targetUid];\n\n  const displayName = type?.info.displayName;\n\n  if (modalType === 'contentType') {\n    icon = contentTypeKind;\n  }\n\n  if (['component'].includes(modalType || '')) {\n    icon = 'component';\n  }\n\n  const isCreatingMainSchema = ['component', 'contentType'].includes(modalType || '');\n\n  if (isCreatingMainSchema) {\n    let headerId = getTrad(`modalForm.component.header-${actionType}`);\n\n    if (modalType === 'contentType') {\n      headerId = getTrad(`modalForm.${contentTypeKind}.header-create`);\n    }\n\n    if (actionType === 'edit') {\n      headerId = getTrad(`modalForm.header-edit`);\n    }\n\n    return (\n      <Modal.Header>\n        <Flex>\n          <Box>\n            <AttributeIcon type={icon} />\n          </Box>\n          <Box paddingLeft={3}>\n            <Modal.Title>{formatMessage({ id: headerId }, { name: displayName })}</Modal.Title>\n          </Box>\n        </Flex>\n      </Modal.Header>\n    );\n  }\n\n  headers = [\n    {\n      label: displayName,\n      info: {\n        category: ('category' in type && type?.category) || '',\n        name: type?.info?.displayName,\n      },\n    },\n  ];\n\n  if (modalType === 'chooseAttribute') {\n    icon = forTarget === 'component' ? 'component' : 'kind' in type ? type.kind : '';\n  }\n\n  if (modalType === 'addComponentToDynamicZone') {\n    icon = 'dynamiczone';\n    headers.push({ label: dynamicZoneTarget });\n  }\n\n  if (modalType === 'attribute' || modalType === 'customField') {\n    icon = attributeType;\n    headers.push({ label: attributeName });\n  }\n\n  return (\n    <Modal.Header>\n      <Flex gap={3}>\n        {showBackLink && (\n          // This is a workaround and should use the LinkButton with a variant that currently doesn't exist\n          <Link\n            aria-label={formatMessage({\n              id: getTrad('modalForm.header.back'),\n              defaultMessage: 'Back',\n            })}\n            startIcon={<ArrowLeft />}\n            onClick={() => onOpenModalAddField({ forTarget, targetUid })}\n            href=\"#back\"\n            isExternal={false}\n          />\n        )}\n        <AttributeIcon type={icon} customField={customFieldUid} />\n\n        <Breadcrumbs label={headers.map(({ label }) => label).join(',')}>\n          {headers.map(({ label, info }, index, arr) => {\n            label = upperFirst(label);\n\n            if (!label) {\n              return null;\n            }\n\n            const key = `${label}.${index}`;\n\n            if (info?.category) {\n              label = `${label} (${upperFirst(info.category)} - ${upperFirst(info.name)})`;\n            }\n\n            return (\n              <Crumb isCurrent={index === arr.length - 1} key={key}>\n                {label}\n              </Crumb>\n            );\n          })}\n        </Breadcrumbs>\n      </Flex>\n    </Modal.Header>\n  );\n};\n"],"names":["FormModalHeader","actionType","attributeName","attributeType","contentTypeKind","dynamicZoneTarget","forTarget","modalType","targetUid","customFieldUid","showBackLink","formatMessage","useIntl","components","contentTypes","useDataManager","onOpenModalAddField","useFormModalNavigation","icon","headers","type","displayName","info","includes","isCreatingMainSchema","headerId","getTrad","_jsx","Modal","Header","_jsxs","Flex","Box","AttributeIcon","paddingLeft","Title","id","name","label","category","kind","push","gap","Link","aria-label","defaultMessage","startIcon","ArrowLeft","onClick","href","isExternal","customField","Breadcrumbs","map","join","index","arr","upperFirst","key","Crumb","isCurrent","length"],"mappings":"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"}