@strapi/content-type-builder 5.12.1 → 5.12.3

package/dist/admin/components/FormModalHeader.mjs

@@ -0,0 +1,148 @@
+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 { useDataManager } from '../hooks/useDataManager.mjs';
+import { useFormModalNavigation } from '../hooks/useFormModalNavigation.mjs';
+import { getTrad } from '../utils/getTrad.mjs';
+import { AttributeIcon } from './AttributeIcon.mjs';
+
+const FormModalHeader = ({ actionType = null, attributeName, attributeType, categoryName, contentTypeKind, dynamicZoneTarget, forTarget, modalType = null, targetUid, customFieldUid = null, showBackLink = false })=>{
+    const { formatMessage } = useIntl();
+    const { modifiedData } = useDataManager();
+    const { onOpenModalAddField } = 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(`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: 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('modalForm.header.categories'),
+            defaultMessage: 'Categories'
+        });
+        headers = [
+            {
+                label
+            },
+            {
+                label: categoryName
+            }
+        ];
+    }
+    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 { 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":"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"}

package/dist/admin/components/FormModalNavigationProvider/FormModalNavigationProvider.js

@@ -0,0 +1,228 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var FormModalNavigationContext = require('../../contexts/FormModalNavigationContext.js');
+var constants = require('./constants.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FormModalNavigationProvider = ({ children })=>{
+    const [state, setFormModalNavigationState] = React__namespace.useState(constants.INITIAL_STATE_DATA);
+    const { trackUsage } = strapiAdmin.useTracking();
+    const onClickSelectCustomField = ({ attributeType, customFieldUid })=>{
+        // TODO: Add tracking for custom fields
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                modalType: 'customField',
+                attributeType,
+                customFieldUid,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onClickSelectField = ({ attributeType, step })=>{
+        if (state.forTarget === 'contentType') {
+            trackUsage('didSelectContentTypeFieldType', {
+                type: attributeType
+            });
+        }
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                modalType: 'attribute',
+                step,
+                attributeType,
+                showBackLink: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalAddComponentsToDZ = ({ dynamicZoneTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                dynamicZoneTarget,
+                targetUid,
+                modalType: 'addComponentToDynamicZone',
+                forTarget: 'contentType',
+                step: '1',
+                actionType: 'edit',
+                isOpen: true
+            };
+        });
+    };
+    const onOpenModalAddField = ({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                isOpen: true,
+                showBackLink: false,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalCreateSchema = (nextState)=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                ...nextState,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditCategory = (categoryName)=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                categoryName,
+                actionType: 'edit',
+                modalType: 'editCategory',
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditCustomField = ({ forTarget, targetUid, attributeName, attributeType, customFieldUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType: 'customField',
+                customFieldUid,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditField = ({ forTarget, targetUid, attributeName, attributeType, step })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType: 'attribute',
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                step,
+                isOpen: true
+            };
+        });
+    };
+    const onOpenModalEditSchema = ({ modalType, forTarget, targetUid, kind })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                kind,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onCloseModal = ()=>{
+        setFormModalNavigationState(constants.INITIAL_STATE_DATA);
+    };
+    const onNavigateToChooseAttributeModal = ({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onNavigateToCreateComponentStep2 = ()=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                attributeType: 'component',
+                modalType: 'attribute',
+                step: '2',
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onNavigateToAddCompoToDZModal = ({ dynamicZoneTarget })=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                dynamicZoneTarget,
+                modalType: 'addComponentToDynamicZone',
+                actionType: 'create',
+                step: '1',
+                attributeType: null,
+                attributeName: null,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const setActiveTab = (value)=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                activeTab: value
+            };
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(FormModalNavigationContext.FormModalNavigationContext.Provider, {
+        value: {
+            ...state,
+            onClickSelectField,
+            onClickSelectCustomField,
+            onCloseModal,
+            onNavigateToChooseAttributeModal,
+            onNavigateToAddCompoToDZModal,
+            onOpenModalAddComponentsToDZ,
+            onNavigateToCreateComponentStep2,
+            onOpenModalAddField,
+            onOpenModalCreateSchema,
+            onOpenModalEditCategory,
+            onOpenModalEditField,
+            onOpenModalEditCustomField,
+            onOpenModalEditSchema,
+            setFormModalNavigationState,
+            setActiveTab
+        },
+        children: children
+    });
+};
+
+exports.FormModalNavigationProvider = FormModalNavigationProvider;
+//# sourceMappingURL=FormModalNavigationProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalNavigationProvider.js","sources":["../../../../admin/src/components/FormModalNavigationProvider/FormModalNavigationProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { FormModalNavigationContext } from '../../contexts/FormModalNavigationContext';\n\nimport { INITIAL_STATE_DATA } from './constants';\n\ntype FormModalNavigationProviderProps = {\n  children: React.ReactNode;\n};\n\nexport type State = any;\n\nexport type ModalEventProps = {\n  attributeType?: string;\n  customFieldUid?: string;\n  dynamicZoneTarget?: string;\n  forTarget?: string;\n  targetUid?: string;\n  attributeName?: string;\n  step?: string | null;\n  kind?: string;\n  categoryName?: string;\n  modalType?: string;\n  actionType?: string;\n  isOpen?: boolean;\n  showBackLink?: boolean;\n};\n\nexport const FormModalNavigationProvider = ({ children }: FormModalNavigationProviderProps) => {\n  const [state, setFormModalNavigationState] = React.useState(INITIAL_STATE_DATA);\n  const { trackUsage } = useTracking();\n\n  const onClickSelectCustomField = ({ attributeType, customFieldUid }: ModalEventProps) => {\n    // TODO: Add tracking for custom fields\n    setFormModalNavigationState((prevState: any) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        modalType: 'customField',\n        attributeType,\n        customFieldUid,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onClickSelectField = ({ attributeType, step }: ModalEventProps) => {\n    if (state.forTarget === 'contentType') {\n      trackUsage('didSelectContentTypeFieldType', { type: attributeType });\n    }\n\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        modalType: 'attribute',\n        step,\n        attributeType,\n        showBackLink: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalAddComponentsToDZ = ({ dynamicZoneTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        dynamicZoneTarget,\n        targetUid,\n        modalType: 'addComponentToDynamicZone',\n        forTarget: 'contentType',\n        step: '1',\n        actionType: 'edit',\n        isOpen: true,\n      };\n    });\n  };\n\n  const onOpenModalAddField = ({ forTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        isOpen: true,\n        showBackLink: false,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalCreateSchema = (nextState: State) => {\n    setFormModalNavigationState((prevState) => {\n      return { ...prevState, ...nextState, isOpen: true, activeTab: 'basic' };\n    });\n  };\n\n  const onOpenModalEditCategory = (categoryName: string) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        categoryName,\n        actionType: 'edit',\n        modalType: 'editCategory',\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalEditCustomField = ({\n    forTarget,\n    targetUid,\n    attributeName,\n    attributeType,\n    customFieldUid,\n  }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType: 'customField',\n        customFieldUid,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalEditField = ({\n    forTarget,\n    targetUid,\n    attributeName,\n    attributeType,\n    step,\n  }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType: 'attribute',\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        step,\n        isOpen: true,\n      };\n    });\n  };\n\n  const onOpenModalEditSchema = ({ modalType, forTarget, targetUid, kind }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        kind,\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onCloseModal = () => {\n    setFormModalNavigationState(INITIAL_STATE_DATA);\n  };\n\n  const onNavigateToChooseAttributeModal = ({ forTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onNavigateToCreateComponentStep2 = () => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        attributeType: 'component',\n        modalType: 'attribute',\n        step: '2',\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onNavigateToAddCompoToDZModal = ({ dynamicZoneTarget }: ModalEventProps) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        dynamicZoneTarget,\n        modalType: 'addComponentToDynamicZone',\n        actionType: 'create',\n        step: '1',\n        attributeType: null,\n        attributeName: null,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const setActiveTab = (value: string) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        activeTab: value,\n      };\n    });\n  };\n\n  return (\n    <FormModalNavigationContext.Provider\n      value={\n        {\n          ...state,\n          onClickSelectField,\n          onClickSelectCustomField,\n          onCloseModal,\n          onNavigateToChooseAttributeModal,\n          onNavigateToAddCompoToDZModal,\n          onOpenModalAddComponentsToDZ,\n          onNavigateToCreateComponentStep2,\n          onOpenModalAddField,\n          onOpenModalCreateSchema,\n          onOpenModalEditCategory,\n          onOpenModalEditField,\n          onOpenModalEditCustomField,\n          onOpenModalEditSchema,\n          setFormModalNavigationState,\n          setActiveTab,\n        } as any\n      }\n    >\n      {children}\n    </FormModalNavigationContext.Provider>\n  );\n};\n"],"names":["FormModalNavigationProvider","children","state","setFormModalNavigationState","React","useState","INITIAL_STATE_DATA","trackUsage","useTracking","onClickSelectCustomField","attributeType","customFieldUid","prevState","actionType","modalType","activeTab","onClickSelectField","step","forTarget","type","showBackLink","onOpenModalAddComponentsToDZ","dynamicZoneTarget","targetUid","isOpen","onOpenModalAddField","onOpenModalCreateSchema","nextState","onOpenModalEditCategory","categoryName","onOpenModalEditCustomField","attributeName","onOpenModalEditField","onOpenModalEditSchema","kind","onCloseModal","onNavigateToChooseAttributeModal","prev","onNavigateToCreateComponentStep2","onNavigateToAddCompoToDZModal","setActiveTab","value","_jsx","FormModalNavigationContext","Provider"],"mappings":"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"}

package/dist/admin/components/FormModalNavigationProvider/FormModalNavigationProvider.mjs

@@ -0,0 +1,207 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTracking } from '@strapi/admin/strapi-admin';
+import { FormModalNavigationContext } from '../../contexts/FormModalNavigationContext.mjs';
+import { INITIAL_STATE_DATA } from './constants.mjs';
+
+const FormModalNavigationProvider = ({ children })=>{
+    const [state, setFormModalNavigationState] = React.useState(INITIAL_STATE_DATA);
+    const { trackUsage } = useTracking();
+    const onClickSelectCustomField = ({ attributeType, customFieldUid })=>{
+        // TODO: Add tracking for custom fields
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                modalType: 'customField',
+                attributeType,
+                customFieldUid,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onClickSelectField = ({ attributeType, step })=>{
+        if (state.forTarget === 'contentType') {
+            trackUsage('didSelectContentTypeFieldType', {
+                type: attributeType
+            });
+        }
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                modalType: 'attribute',
+                step,
+                attributeType,
+                showBackLink: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalAddComponentsToDZ = ({ dynamicZoneTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                dynamicZoneTarget,
+                targetUid,
+                modalType: 'addComponentToDynamicZone',
+                forTarget: 'contentType',
+                step: '1',
+                actionType: 'edit',
+                isOpen: true
+            };
+        });
+    };
+    const onOpenModalAddField = ({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                actionType: 'create',
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                isOpen: true,
+                showBackLink: false,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalCreateSchema = (nextState)=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                ...nextState,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditCategory = (categoryName)=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                categoryName,
+                actionType: 'edit',
+                modalType: 'editCategory',
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditCustomField = ({ forTarget, targetUid, attributeName, attributeType, customFieldUid })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType: 'customField',
+                customFieldUid,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onOpenModalEditField = ({ forTarget, targetUid, attributeName, attributeType, step })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType: 'attribute',
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                step,
+                isOpen: true
+            };
+        });
+    };
+    const onOpenModalEditSchema = ({ modalType, forTarget, targetUid, kind })=>{
+        setFormModalNavigationState((prevState)=>{
+            return {
+                ...prevState,
+                modalType,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                kind,
+                isOpen: true,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onCloseModal = ()=>{
+        setFormModalNavigationState(INITIAL_STATE_DATA);
+    };
+    const onNavigateToChooseAttributeModal = ({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onNavigateToCreateComponentStep2 = ()=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                attributeType: 'component',
+                modalType: 'attribute',
+                step: '2',
+                activeTab: 'basic'
+            };
+        });
+    };
+    const onNavigateToAddCompoToDZModal = ({ dynamicZoneTarget })=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                dynamicZoneTarget,
+                modalType: 'addComponentToDynamicZone',
+                actionType: 'create',
+                step: '1',
+                attributeType: null,
+                attributeName: null,
+                activeTab: 'basic'
+            };
+        });
+    };
+    const setActiveTab = (value)=>{
+        setFormModalNavigationState((prev)=>{
+            return {
+                ...prev,
+                activeTab: value
+            };
+        });
+    };
+    return /*#__PURE__*/ jsx(FormModalNavigationContext.Provider, {
+        value: {
+            ...state,
+            onClickSelectField,
+            onClickSelectCustomField,
+            onCloseModal,
+            onNavigateToChooseAttributeModal,
+            onNavigateToAddCompoToDZModal,
+            onOpenModalAddComponentsToDZ,
+            onNavigateToCreateComponentStep2,
+            onOpenModalAddField,
+            onOpenModalCreateSchema,
+            onOpenModalEditCategory,
+            onOpenModalEditField,
+            onOpenModalEditCustomField,
+            onOpenModalEditSchema,
+            setFormModalNavigationState,
+            setActiveTab
+        },
+        children: children
+    });
+};
+
+export { FormModalNavigationProvider };
+//# sourceMappingURL=FormModalNavigationProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalNavigationProvider.mjs","sources":["../../../../admin/src/components/FormModalNavigationProvider/FormModalNavigationProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { FormModalNavigationContext } from '../../contexts/FormModalNavigationContext';\n\nimport { INITIAL_STATE_DATA } from './constants';\n\ntype FormModalNavigationProviderProps = {\n  children: React.ReactNode;\n};\n\nexport type State = any;\n\nexport type ModalEventProps = {\n  attributeType?: string;\n  customFieldUid?: string;\n  dynamicZoneTarget?: string;\n  forTarget?: string;\n  targetUid?: string;\n  attributeName?: string;\n  step?: string | null;\n  kind?: string;\n  categoryName?: string;\n  modalType?: string;\n  actionType?: string;\n  isOpen?: boolean;\n  showBackLink?: boolean;\n};\n\nexport const FormModalNavigationProvider = ({ children }: FormModalNavigationProviderProps) => {\n  const [state, setFormModalNavigationState] = React.useState(INITIAL_STATE_DATA);\n  const { trackUsage } = useTracking();\n\n  const onClickSelectCustomField = ({ attributeType, customFieldUid }: ModalEventProps) => {\n    // TODO: Add tracking for custom fields\n    setFormModalNavigationState((prevState: any) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        modalType: 'customField',\n        attributeType,\n        customFieldUid,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onClickSelectField = ({ attributeType, step }: ModalEventProps) => {\n    if (state.forTarget === 'contentType') {\n      trackUsage('didSelectContentTypeFieldType', { type: attributeType });\n    }\n\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        modalType: 'attribute',\n        step,\n        attributeType,\n        showBackLink: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalAddComponentsToDZ = ({ dynamicZoneTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        dynamicZoneTarget,\n        targetUid,\n        modalType: 'addComponentToDynamicZone',\n        forTarget: 'contentType',\n        step: '1',\n        actionType: 'edit',\n        isOpen: true,\n      };\n    });\n  };\n\n  const onOpenModalAddField = ({ forTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        actionType: 'create',\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        isOpen: true,\n        showBackLink: false,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalCreateSchema = (nextState: State) => {\n    setFormModalNavigationState((prevState) => {\n      return { ...prevState, ...nextState, isOpen: true, activeTab: 'basic' };\n    });\n  };\n\n  const onOpenModalEditCategory = (categoryName: string) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        categoryName,\n        actionType: 'edit',\n        modalType: 'editCategory',\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalEditCustomField = ({\n    forTarget,\n    targetUid,\n    attributeName,\n    attributeType,\n    customFieldUid,\n  }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType: 'customField',\n        customFieldUid,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onOpenModalEditField = ({\n    forTarget,\n    targetUid,\n    attributeName,\n    attributeType,\n    step,\n  }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType: 'attribute',\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        attributeName,\n        attributeType,\n        step,\n        isOpen: true,\n      };\n    });\n  };\n\n  const onOpenModalEditSchema = ({ modalType, forTarget, targetUid, kind }: ModalEventProps) => {\n    setFormModalNavigationState((prevState: State) => {\n      return {\n        ...prevState,\n        modalType,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        kind,\n        isOpen: true,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onCloseModal = () => {\n    setFormModalNavigationState(INITIAL_STATE_DATA);\n  };\n\n  const onNavigateToChooseAttributeModal = ({ forTarget, targetUid }: ModalEventProps) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onNavigateToCreateComponentStep2 = () => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        attributeType: 'component',\n        modalType: 'attribute',\n        step: '2',\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const onNavigateToAddCompoToDZModal = ({ dynamicZoneTarget }: ModalEventProps) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        dynamicZoneTarget,\n        modalType: 'addComponentToDynamicZone',\n        actionType: 'create',\n        step: '1',\n        attributeType: null,\n        attributeName: null,\n        activeTab: 'basic',\n      };\n    });\n  };\n\n  const setActiveTab = (value: string) => {\n    setFormModalNavigationState((prev: State) => {\n      return {\n        ...prev,\n        activeTab: value,\n      };\n    });\n  };\n\n  return (\n    <FormModalNavigationContext.Provider\n      value={\n        {\n          ...state,\n          onClickSelectField,\n          onClickSelectCustomField,\n          onCloseModal,\n          onNavigateToChooseAttributeModal,\n          onNavigateToAddCompoToDZModal,\n          onOpenModalAddComponentsToDZ,\n          onNavigateToCreateComponentStep2,\n          onOpenModalAddField,\n          onOpenModalCreateSchema,\n          onOpenModalEditCategory,\n          onOpenModalEditField,\n          onOpenModalEditCustomField,\n          onOpenModalEditSchema,\n          setFormModalNavigationState,\n          setActiveTab,\n        } as any\n      }\n    >\n      {children}\n    </FormModalNavigationContext.Provider>\n  );\n};\n"],"names":["FormModalNavigationProvider","children","state","setFormModalNavigationState","React","useState","INITIAL_STATE_DATA","trackUsage","useTracking","onClickSelectCustomField","attributeType","customFieldUid","prevState","actionType","modalType","activeTab","onClickSelectField","step","forTarget","type","showBackLink","onOpenModalAddComponentsToDZ","dynamicZoneTarget","targetUid","isOpen","onOpenModalAddField","onOpenModalCreateSchema","nextState","onOpenModalEditCategory","categoryName","onOpenModalEditCustomField","attributeName","onOpenModalEditField","onOpenModalEditSchema","kind","onCloseModal","onNavigateToChooseAttributeModal","prev","onNavigateToCreateComponentStep2","onNavigateToAddCompoToDZModal","setActiveTab","value","_jsx","FormModalNavigationContext","Provider"],"mappings":"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"}