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

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":["/**\r\n *\r\n * FormModalEndActions\r\n *\r\n */\r\n\r\nimport { SyntheticEvent } from 'react';\r\n\r\nimport { Button, Flex } from '@strapi/design-system';\r\nimport { Plus } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils';\r\n\r\ntype FormModalEndActionsProps = {\r\n  deleteComponent: () => void;\r\n  deleteContentType: () => void;\r\n  isAttributeModal: boolean;\r\n  isCustomFieldModal: boolean;\r\n  isComponentAttribute: boolean;\r\n  isComponentModal: boolean;\r\n  isComponentToDzModal: boolean;\r\n  isContentTypeModal: boolean;\r\n  isCreatingComponent: boolean;\r\n  isCreatingComponentAttribute: boolean;\r\n  isCreatingComponentInDz: boolean;\r\n  isCreatingComponentWhileAddingAField: boolean;\r\n  isCreatingContentType: boolean;\r\n  isCreatingDz: boolean;\r\n  isDzAttribute: boolean;\r\n  isEditingAttribute: boolean;\r\n  isInFirstComponentStep: boolean;\r\n  onSubmitAddComponentAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitAddComponentToDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitCreateContentType: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitCreateComponent: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitCreateDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitEditAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitEditComponent: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitEditContentType: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitEditCustomFieldAttribute: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onSubmitEditDz: (e: SyntheticEvent, shouldContinue: boolean) => void;\r\n  onClickFinish: () => void;\r\n};\r\n\r\nexport const FormModalEndActions = ({\r\n  deleteComponent,\r\n  deleteContentType,\r\n  isAttributeModal,\r\n  isCustomFieldModal,\r\n  isComponentAttribute,\r\n  isComponentToDzModal,\r\n  isContentTypeModal,\r\n  isCreatingComponent,\r\n  isCreatingComponentAttribute,\r\n  isCreatingComponentInDz,\r\n  isCreatingComponentWhileAddingAField,\r\n  isCreatingContentType,\r\n  isCreatingDz,\r\n  isComponentModal,\r\n  isDzAttribute,\r\n  isEditingAttribute,\r\n  isInFirstComponentStep,\r\n  onSubmitAddComponentAttribute,\r\n  onSubmitAddComponentToDz,\r\n  onSubmitCreateContentType,\r\n  onSubmitCreateComponent,\r\n  onSubmitCreateDz,\r\n  onSubmitEditAttribute,\r\n  onSubmitEditComponent,\r\n  onSubmitEditContentType,\r\n  onSubmitEditCustomFieldAttribute,\r\n  onSubmitEditDz,\r\n  onClickFinish,\r\n}: FormModalEndActionsProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  if (isComponentToDzModal) {\r\n    if (isCreatingComponentInDz) {\r\n      return (\r\n        <Button\r\n          variant=\"secondary\"\r\n          type=\"submit\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitAddComponentToDz(e, true);\r\n          }}\r\n          startIcon={<Plus />}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('form.button.add-first-field-to-created-component'),\r\n            defaultMessage: 'Add first field to the component',\r\n          })}\r\n        </Button>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Button\r\n        variant=\"default\"\r\n        type=\"submit\"\r\n        onClick={(e: SyntheticEvent) => {\r\n          e.preventDefault();\r\n\r\n          onSubmitAddComponentToDz(e, false);\r\n        }}\r\n      >\r\n        {formatMessage({\r\n          id: 'global.finish',\r\n          defaultMessage: 'Finish',\r\n        })}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  if (isAttributeModal && isDzAttribute && !isCreatingDz) {\r\n    return (\r\n      <Button\r\n        variant=\"default\"\r\n        type=\"submit\"\r\n        onClick={(e: SyntheticEvent) => {\r\n          e.preventDefault();\r\n\r\n          onClickFinish();\r\n          onSubmitEditDz(e, false);\r\n        }}\r\n      >\r\n        {formatMessage({\r\n          id: 'global.finish',\r\n          defaultMessage: 'Finish',\r\n        })}\r\n      </Button>\r\n    );\r\n  }\r\n\r\n  if (isAttributeModal && isDzAttribute && isCreatingDz) {\r\n    return (\r\n      <>\r\n        <Button\r\n          variant=\"secondary\"\r\n          type=\"submit\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitCreateDz(e, true);\r\n          }}\r\n          startIcon={<Plus />}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('form.button.add-components-to-dynamiczone'),\r\n            defaultMessage: 'Add components to the zone',\r\n          })}\r\n        </Button>\r\n        {/* // TO FIX fix doesnt close the modal */}\r\n        {/* <Button\r\n          variant=\"default\"\r\n          type=\"button\"\r\n          onClick={e => {\r\n            e.preventDefault();\r\n\r\n            onSubmitCreateDz(e, false);\r\n          }}\r\n        >\r\n          {formatMessage({\r\n            id: 'global.finish',\r\n            defaultMessage: 'Finish',\r\n          })}\r\n        </Button> */}\r\n      </>\r\n    );\r\n  }\r\n\r\n  if (isAttributeModal && isComponentAttribute) {\r\n    if (isInFirstComponentStep) {\r\n      return (\r\n        <Button\r\n          variant=\"secondary\"\r\n          type=\"submit\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitAddComponentAttribute(e, true);\r\n          }}\r\n        >\r\n          {isCreatingComponentAttribute\r\n            ? formatMessage({\r\n                id: getTrad('form.button.configure-component'),\r\n                defaultMessage: 'Configure the component',\r\n              })\r\n            : formatMessage({\r\n                id: getTrad('form.button.select-component'),\r\n                defaultMessage: 'Configure the component',\r\n              })}\r\n        </Button>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Flex gap={2}>\r\n        <Button\r\n          variant=\"secondary\"\r\n          type=\"submit\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitAddComponentAttribute(e, true);\r\n          }}\r\n          startIcon={<Plus />}\r\n        >\r\n          {isCreatingComponentWhileAddingAField\r\n            ? formatMessage({\r\n                id: getTrad('form.button.add-first-field-to-created-component'),\r\n                defaultMessage: 'Add first field to the component',\r\n              })\r\n            : formatMessage({\r\n                id: getTrad('form.button.add-field'),\r\n                defaultMessage: 'Add another field',\r\n              })}\r\n        </Button>\r\n        <Button\r\n          variant=\"default\"\r\n          type=\"button\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onClickFinish();\r\n            onSubmitAddComponentAttribute(e, false);\r\n          }}\r\n        >\r\n          {formatMessage({\r\n            id: 'global.finish',\r\n            defaultMessage: 'Finish',\r\n          })}\r\n        </Button>\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  if (isAttributeModal && !isComponentAttribute && !isDzAttribute) {\r\n    return (\r\n      <Flex gap={2}>\r\n        <Button\r\n          type={isEditingAttribute ? 'button' : 'submit'}\r\n          variant=\"secondary\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitEditAttribute(e, true);\r\n          }}\r\n          startIcon={<Plus />}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('form.button.add-field'),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </Button>\r\n        <Button\r\n          type={isEditingAttribute ? 'submit' : 'button'}\r\n          variant=\"default\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onClickFinish();\r\n            onSubmitEditAttribute(e, false);\r\n          }}\r\n        >\r\n          {formatMessage({\r\n            id: 'global.finish',\r\n            defaultMessage: 'Finish',\r\n          })}\r\n        </Button>\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  if (isContentTypeModal) {\r\n    return (\r\n      <Flex gap={2}>\r\n        {!isCreatingContentType && (\r\n          <>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"danger\"\r\n              onClick={(e: SyntheticEvent) => {\r\n                e.preventDefault();\r\n                deleteContentType();\r\n              }}\r\n            >\r\n              {formatMessage({\r\n                id: 'global.delete',\r\n                defaultMessage: 'Delete',\r\n              })}\r\n            </Button>\r\n            <Button\r\n              type=\"submit\"\r\n              variant=\"default\"\r\n              onClick={(e: SyntheticEvent) => {\r\n                e.preventDefault();\r\n\r\n                onSubmitEditContentType(e, false);\r\n              }}\r\n            >\r\n              {formatMessage({\r\n                id: 'global.finish',\r\n                defaultMessage: 'Finish',\r\n              })}\r\n            </Button>\r\n          </>\r\n        )}\r\n        {isCreatingContentType && (\r\n          <Button\r\n            type=\"submit\"\r\n            variant=\"secondary\"\r\n            onClick={(e: SyntheticEvent) => {\r\n              e.preventDefault();\r\n\r\n              onSubmitCreateContentType(e, true);\r\n            }}\r\n          >\r\n            {formatMessage({\r\n              id: 'global.continue',\r\n              defaultMessage: 'Continue',\r\n            })}\r\n          </Button>\r\n        )}\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  if (isComponentModal) {\r\n    return (\r\n      <Flex gap={2}>\r\n        {!isCreatingComponent && (\r\n          <>\r\n            <Button\r\n              type=\"button\"\r\n              variant=\"danger\"\r\n              onClick={(e: SyntheticEvent) => {\r\n                e.preventDefault();\r\n                deleteComponent();\r\n              }}\r\n            >\r\n              {formatMessage({\r\n                id: 'global.delete',\r\n                defaultMessage: 'Delete',\r\n              })}\r\n            </Button>\r\n            <Button\r\n              type=\"submit\"\r\n              variant=\"default\"\r\n              onClick={(e: SyntheticEvent) => {\r\n                e.preventDefault();\r\n\r\n                onSubmitEditComponent(e, false);\r\n              }}\r\n            >\r\n              {formatMessage({\r\n                id: 'global.finish',\r\n                defaultMessage: 'Finish',\r\n              })}\r\n            </Button>\r\n          </>\r\n        )}\r\n        {isCreatingComponent && (\r\n          <Button\r\n            type=\"submit\"\r\n            variant=\"secondary\"\r\n            onClick={(e: SyntheticEvent) => {\r\n              e.preventDefault();\r\n\r\n              onSubmitCreateComponent(e, true);\r\n            }}\r\n          >\r\n            {formatMessage({\r\n              id: 'global.continue',\r\n              defaultMessage: 'Continue',\r\n            })}\r\n          </Button>\r\n        )}\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  if (isCustomFieldModal) {\r\n    return (\r\n      <Flex gap={2}>\r\n        <Button\r\n          type={isEditingAttribute ? 'button' : 'submit'}\r\n          variant=\"secondary\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onSubmitEditCustomFieldAttribute(e, true);\r\n          }}\r\n          startIcon={<Plus />}\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('form.button.add-field'),\r\n            defaultMessage: 'Add another field',\r\n          })}\r\n        </Button>\r\n        <Button\r\n          type={isEditingAttribute ? 'submit' : 'button'}\r\n          variant=\"default\"\r\n          onClick={(e: SyntheticEvent) => {\r\n            e.preventDefault();\r\n\r\n            onClickFinish();\r\n            onSubmitEditCustomFieldAttribute(e, false);\r\n          }}\r\n        >\r\n          {formatMessage({\r\n            id: 'global.finish',\r\n            defaultMessage: 'Finish',\r\n          })}\r\n        </Button>\r\n      </Flex>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\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,138 @@
+'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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var upperFirst__default = /*#__PURE__*/_interopDefault(upperFirst);
+
+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, {
+                        "data-rtl-flip": "true"
+                    }),
+                    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__default.default(label);
+                        if (!label) {
+                            return null;
+                        }
+                        const key = `${label}.${index}`;
+                        if (info?.category) {
+                            label = `${label} (${upperFirst__default.default(info.category)} - ${upperFirst__default.default(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, Struct } 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  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\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 =\n    forTarget === 'component'\n      ? components[targetUid as Internal.UID.Component]\n      : contentTypes[targetUid as Internal.UID.ContentType];\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 data-rtl-flip=\"true\" />}\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","data-rtl-flip","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,132 @@
+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, {
+                        "data-rtl-flip": "true"
+                    }),
+                    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, Struct } 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  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\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 =\n    forTarget === 'component'\n      ? components[targetUid as Internal.UID.Component]\n      : contentTypes[targetUid as Internal.UID.ContentType];\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 data-rtl-flip=\"true\" />}\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","data-rtl-flip","onClick","href","isExternal","customField","Breadcrumbs","map","join","index","arr","upperFirst","key","Crumb","isCurrent","length"],"mappings":"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"}