@strapi/content-type-builder 5.12.1 → 5.12.2

package/dist/admin/components/FormModalEndActions.mjs

@@ -0,0 +1,320 @@
+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 = ({ categoryName, deleteCategory, deleteComponent, deleteContentType, isAttributeModal, isCustomFieldModal, isComponentAttribute, isComponentToDzModal, isContentTypeModal, isCreatingComponent, isCreatingComponentAttribute, isCreatingComponentInDz, isCreatingComponentWhileAddingAField, isCreatingContentType, isCreatingDz, isComponentModal, isDzAttribute, isEditingAttribute, isEditingCategory, isInFirstComponentStep, onSubmitAddComponentAttribute, onSubmitAddComponentToDz, onSubmitCreateContentType, onSubmitCreateComponent, onSubmitCreateDz, onSubmitEditAttribute, onSubmitEditCategory, 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 (isEditingCategory) {
+        return /*#__PURE__*/ jsxs(Flex, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ jsx(Button, {
+                    type: "button",
+                    variant: "danger",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        if (categoryName) {
+                            deleteCategory(categoryName);
+                        }
+                    },
+                    children: formatMessage({
+                        id: 'global.delete',
+                        defaultMessage: 'Delete'
+                    })
+                }),
+                /*#__PURE__*/ jsx(Button, {
+                    type: "submit",
+                    variant: "default",
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        onSubmitEditCategory(e);
+                    },
+                    children: formatMessage({
+                        id: 'global.finish',
+                        defaultMessage: 'finish'
+                    })
+                })
+            ]
+        });
+    }
+    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  categoryName?: string;\n  deleteCategory: (categoryName: string) => void;\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  isEditingCategory: 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  onSubmitEditCategory: (e: SyntheticEvent) => 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  categoryName,\n  deleteCategory,\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  isEditingCategory,\n  isInFirstComponentStep,\n  onSubmitAddComponentAttribute,\n  onSubmitAddComponentToDz,\n  onSubmitCreateContentType,\n  onSubmitCreateComponent,\n  onSubmitCreateDz,\n  onSubmitEditAttribute,\n  onSubmitEditCategory,\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 (isEditingCategory) {\n    return (\n      <Flex gap={2}>\n        <Button\n          type=\"button\"\n          variant=\"danger\"\n          onClick={(e: SyntheticEvent) => {\n            e.preventDefault();\n            if (categoryName) {\n              deleteCategory(categoryName);\n            }\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            onSubmitEditCategory(e);\n          }}\n        >\n          {formatMessage({\n            id: 'global.finish',\n            defaultMessage: 'finish',\n          })}\n        </Button>\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","categoryName","deleteCategory","deleteComponent","deleteContentType","isAttributeModal","isCustomFieldModal","isComponentAttribute","isComponentToDzModal","isContentTypeModal","isCreatingComponent","isCreatingComponentAttribute","isCreatingComponentInDz","isCreatingComponentWhileAddingAField","isCreatingContentType","isCreatingDz","isComponentModal","isDzAttribute","isEditingAttribute","isEditingCategory","isInFirstComponentStep","onSubmitAddComponentAttribute","onSubmitAddComponentToDz","onSubmitCreateContentType","onSubmitCreateComponent","onSubmitCreateDz","onSubmitEditAttribute","onSubmitEditCategory","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,150 @@
+'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 useDataManager = require('../hooks/useDataManager.js');
+var useFormModalNavigation = require('../hooks/useFormModalNavigation.js');
+var getTrad = require('../utils/getTrad.js');
+var AttributeIcon = require('./AttributeIcon.js');
+
+const FormModalHeader = ({ actionType = null, attributeName, attributeType, categoryName, contentTypeKind, dynamicZoneTarget, forTarget, modalType = null, targetUid, customFieldUid = null, showBackLink = false })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { modifiedData } = useDataManager.useDataManager();
+    const { onOpenModalAddField } = useFormModalNavigation.useFormModalNavigation();
+    let icon = 'component';
+    let headers = [];
+    const schema = modifiedData?.[forTarget]?.[targetUid] || modifiedData?.[forTarget] || null;
+    const displayName = schema?.schema.displayName;
+    if (modalType === 'contentType') {
+        icon = contentTypeKind;
+    }
+    if ([
+        'component',
+        'editCategory'
+    ].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: schema?.category || null,
+                name: schema?.schema.displayName
+            }
+        }
+    ];
+    if (modalType === 'chooseAttribute') {
+        icon = [
+            'component',
+            'components'
+        ].includes(forTarget) ? 'component' : schema.schema.kind;
+    }
+    if (modalType === 'addComponentToDynamicZone') {
+        icon = 'dynamiczone';
+        headers.push({
+            label: dynamicZoneTarget
+        });
+    }
+    if (modalType === 'attribute' || modalType === 'customField') {
+        icon = attributeType;
+        headers.push({
+            label: attributeName
+        });
+    }
+    if (modalType === 'editCategory') {
+        const label = formatMessage({
+            id: getTrad.getTrad('modalForm.header.categories'),
+            defaultMessage: 'Categories'
+        });
+        headers = [
+            {
+                label
+            },
+            {
+                label: categoryName
+            }
+        ];
+    }
+    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 { useDataManager } from '../hooks/useDataManager';\nimport { useFormModalNavigation } from '../hooks/useFormModalNavigation';\nimport { getTrad } from '../utils';\n\nimport { AttributeIcon, IconByType } from './AttributeIcon';\n\nimport type { SchemaType } from '../types';\nimport type { Internal } from '@strapi/types';\n\ninterface Header {\n  label: string;\n  info?: { category: string; name: string };\n}\n\ninterface FormModalHeaderProps {\n  actionType?: string | null;\n  attributeName: string;\n  attributeType: IconByType;\n  categoryName: string;\n  contentTypeKind: IconByType;\n  dynamicZoneTarget: string;\n  forTarget: SchemaType;\n  modalType: string | null;\n  targetUid: Internal.UID.Schema;\n  customFieldUid?: string | null;\n  showBackLink?: boolean;\n}\n\nexport const FormModalHeader = ({\n  actionType = null,\n  attributeName,\n  attributeType,\n  categoryName,\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 { modifiedData } = useDataManager();\n  const { onOpenModalAddField } = useFormModalNavigation();\n\n  let icon: IconByType = 'component';\n  let headers: Header[] = [];\n\n  const schema = modifiedData?.[forTarget]?.[targetUid] || modifiedData?.[forTarget] || null;\n  const displayName = schema?.schema.displayName;\n\n  if (modalType === 'contentType') {\n    icon = contentTypeKind;\n  }\n\n  if (['component', 'editCategory'].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: { category: schema?.category || null, name: schema?.schema.displayName },\n    },\n  ];\n\n  if (modalType === 'chooseAttribute') {\n    icon = ['component', 'components'].includes(forTarget) ? 'component' : schema.schema.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  if (modalType === 'editCategory') {\n    const label = formatMessage({\n      id: getTrad('modalForm.header.categories'),\n      defaultMessage: 'Categories',\n    });\n\n    headers = [{ label }, { label: categoryName }];\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","categoryName","contentTypeKind","dynamicZoneTarget","forTarget","modalType","targetUid","customFieldUid","showBackLink","formatMessage","useIntl","modifiedData","useDataManager","onOpenModalAddField","useFormModalNavigation","icon","headers","schema","displayName","includes","isCreatingMainSchema","headerId","getTrad","_jsx","Modal","Header","_jsxs","Flex","Box","AttributeIcon","type","paddingLeft","Title","id","name","label","info","category","kind","push","defaultMessage","gap","Link","aria-label","startIcon","ArrowLeft","onClick","href","isExternal","customField","Breadcrumbs","map","join","index","arr","upperFirst","key","Crumb","isCurrent","length"],"mappings":";;;;;;;;;;;;AAsCaA,MAAAA,eAAAA,GAAkB,CAAC,EAC9BC,UAAa,GAAA,IAAI,EACjBC,aAAa,EACbC,aAAa,EACbC,YAAY,EACZC,eAAe,EACfC,iBAAiB,EACjBC,SAAS,EACTC,SAAAA,GAAY,IAAI,EAChBC,SAAS,EACTC,cAAiB,GAAA,IAAI,EACrBC,YAAAA,GAAe,KAAK,EACC,GAAA;IACrB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC,6BAAAA,EAAAA;IACzB,MAAM,EAAEC,mBAAmB,EAAE,GAAGC,6CAAAA,EAAAA;AAEhC,IAAA,IAAIC,IAAmB,GAAA,WAAA;AACvB,IAAA,IAAIC,UAAoB,EAAE;IAE1B,MAAMC,MAAAA,GAASN,YAAc,GAACP,SAAU,CAAA,GAAGE,SAAAA,CAAU,IAAIK,YAAAA,GAAeP,SAAAA,CAAU,IAAI,IAAA;IACtF,MAAMc,WAAAA,GAAcD,QAAQA,MAAOC,CAAAA,WAAAA;AAEnC,IAAA,IAAIb,cAAc,aAAe,EAAA;QAC/BU,IAAOb,GAAAA,eAAAA;AACT;IAEA,IAAI;AAAC,QAAA,WAAA;AAAa,QAAA;KAAe,CAACiB,QAAQ,CAACd,SAAAA,IAAa,EAAK,CAAA,EAAA;QAC3DU,IAAO,GAAA,WAAA;AACT;AAEA,IAAA,MAAMK,oBAAuB,GAAA;AAAC,QAAA,WAAA;AAAa,QAAA;KAAc,CAACD,QAAQ,CAACd,SAAa,IAAA,EAAA,CAAA;AAEhF,IAAA,IAAIe,oBAAsB,EAAA;AACxB,QAAA,IAAIC,WAAWC,eAAQ,CAAA,CAAC,2BAA2B,EAAExB,WAAW,CAAC,CAAA;AAEjE,QAAA,IAAIO,cAAc,aAAe,EAAA;AAC/BgB,YAAAA,QAAAA,GAAWC,gBAAQ,CAAC,UAAU,EAAEpB,eAAAA,CAAgB,cAAc,CAAC,CAAA;AACjE;AAEA,QAAA,IAAIJ,eAAe,MAAQ,EAAA;YACzBuB,QAAWC,GAAAA,eAAAA,CAAQ,CAAC,qBAAqB,CAAC,CAAA;AAC5C;QAEA,qBACEC,cAAA,CAACC,mBAAMC,MAAM,EAAA;AACX,YAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;;kCACCJ,cAACK,CAAAA,gBAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAL,cAACM,CAAAA,2BAAAA,EAAAA;4BAAcC,IAAMf,EAAAA;;;kCAEvBQ,cAACK,CAAAA,gBAAAA,EAAAA;wBAAIG,WAAa,EAAA,CAAA;gDAChBR,cAAA,CAACC,mBAAMQ,KAAK,EAAA;sCAAEvB,aAAc,CAAA;gCAAEwB,EAAIZ,EAAAA;6BAAY,EAAA;gCAAEa,IAAMhB,EAAAA;AAAY,6BAAA;;;;;;AAK5E;IAEAF,OAAU,GAAA;AACR,QAAA;YACEmB,KAAOjB,EAAAA,WAAAA;YACPkB,IAAM,EAAA;AAAEC,gBAAAA,QAAAA,EAAUpB,QAAQoB,QAAY,IAAA,IAAA;AAAMH,gBAAAA,IAAAA,EAAMjB,QAAQA,MAAOC,CAAAA;AAAY;AAC/E;AACD,KAAA;AAED,IAAA,IAAIb,cAAc,iBAAmB,EAAA;QACnCU,IAAO,GAAA;AAAC,YAAA,WAAA;AAAa,YAAA;AAAa,SAAA,CAACI,QAAQ,CAACf,SAAAA,CAAAA,GAAa,cAAca,MAAOA,CAAAA,MAAM,CAACqB,IAAI;AAC3F;AAEA,IAAA,IAAIjC,cAAc,2BAA6B,EAAA;QAC7CU,IAAO,GAAA,aAAA;AACPC,QAAAA,OAAAA,CAAQuB,IAAI,CAAC;YAAEJ,KAAOhC,EAAAA;AAAkB,SAAA,CAAA;AAC1C;IAEA,IAAIE,SAAAA,KAAc,WAAeA,IAAAA,SAAAA,KAAc,aAAe,EAAA;QAC5DU,IAAOf,GAAAA,aAAAA;AACPgB,QAAAA,OAAAA,CAAQuB,IAAI,CAAC;YAAEJ,KAAOpC,EAAAA;AAAc,SAAA,CAAA;AACtC;AAEA,IAAA,IAAIM,cAAc,cAAgB,EAAA;AAChC,QAAA,MAAM8B,QAAQ1B,aAAc,CAAA;AAC1BwB,YAAAA,EAAAA,EAAIX,eAAQ,CAAA,6BAAA,CAAA;YACZkB,cAAgB,EAAA;AAClB,SAAA,CAAA;QAEAxB,OAAU,GAAA;AAAC,YAAA;AAAEmB,gBAAAA;AAAM,aAAA;AAAG,YAAA;gBAAEA,KAAOlC,EAAAA;AAAa;AAAE,SAAA;AAChD;IAEA,qBACEsB,cAAA,CAACC,mBAAMC,MAAM,EAAA;AACX,QAAA,QAAA,gBAAAC,eAACC,CAAAA,iBAAAA,EAAAA;YAAKc,GAAK,EAAA,CAAA;;AACRjC,gBAAAA,YAAAA;8BAECe,cAACmB,CAAAA,iBAAAA,EAAAA;AACCC,oBAAAA,YAAAA,EAAYlC,aAAc,CAAA;AACxBwB,wBAAAA,EAAAA,EAAIX,eAAQ,CAAA,uBAAA,CAAA;wBACZkB,cAAgB,EAAA;AAClB,qBAAA,CAAA;AACAI,oBAAAA,SAAAA,gBAAWrB,cAACsB,CAAAA,eAAAA,EAAAA,EAAAA,CAAAA;AACZC,oBAAAA,OAAAA,EAAS,IAAMjC,mBAAoB,CAAA;AAAET,4BAAAA,SAAAA;AAAWE,4BAAAA;AAAU,yBAAA,CAAA;oBAC1DyC,IAAK,EAAA,OAAA;oBACLC,UAAY,EAAA;;8BAGhBzB,cAACM,CAAAA,2BAAAA,EAAAA;oBAAcC,IAAMf,EAAAA,IAAAA;oBAAMkC,WAAa1C,EAAAA;;8BAExCgB,cAAC2B,CAAAA,wBAAAA,EAAAA;oBAAYf,KAAOnB,EAAAA,OAAAA,CAAQmC,GAAG,CAAC,CAAC,EAAEhB,KAAK,EAAE,GAAKA,KAAOiB,CAAAA,CAAAA,IAAI,CAAC,GAAA,CAAA;8BACxDpC,OAAQmC,CAAAA,GAAG,CAAC,CAAC,EAAEhB,KAAK,EAAEC,IAAI,EAAE,EAAEiB,KAAOC,EAAAA,GAAAA,GAAAA;AACpCnB,wBAAAA,KAAAA,GAAQoB,UAAWpB,CAAAA,KAAAA,CAAAA;AAEnB,wBAAA,IAAI,CAACA,KAAO,EAAA;4BACV,OAAO,IAAA;AACT;AAEA,wBAAA,MAAMqB,MAAM,CAAC,EAAErB,MAAM,CAAC,EAAEkB,MAAM,CAAC;AAE/B,wBAAA,IAAIjB,MAAMC,QAAU,EAAA;AAClBF,4BAAAA,KAAAA,GAAQ,CAAC,EAAEA,KAAAA,CAAM,EAAE,EAAEoB,WAAWnB,IAAKC,CAAAA,QAAQ,CAAE,CAAA,GAAG,EAAEkB,UAAWnB,CAAAA,IAAAA,CAAKF,IAAI,CAAA,CAAE,CAAC,CAAC;AAC9E;AAEA,wBAAA,qBACEX,cAACkC,CAAAA,kBAAAA,EAAAA;4BAAMC,SAAWL,EAAAA,KAAAA,KAAUC,GAAIK,CAAAA,MAAM,GAAG,CAAA;AACtCxB,4BAAAA,QAAAA,EAAAA;AAD8CqB,yBAAAA,EAAAA,GAAAA,CAAAA;AAIrD,qBAAA;;;;;AAKV;;;;"}