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

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

@@ -0,0 +1,205 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var FormModalNavigationContext = require('./FormModalNavigationContext.js');
+
+const INITIAL_STATE_DATA = {
+    actionType: null,
+    attributeName: null,
+    attributeType: null,
+    dynamicZoneTarget: null,
+    forTarget: null,
+    modalType: null,
+    isOpen: true,
+    showBackLink: false,
+    kind: null,
+    step: null,
+    targetUid: null,
+    customFieldUid: null,
+    activeTab: 'basic'
+};
+const FormModalNavigationProvider = ({ children })=>{
+    const [state, setFormModalNavigationState] = React.useState(INITIAL_STATE_DATA);
+    const { trackUsage } = strapiAdmin.useTracking();
+    const onClickSelectCustomField = React.useCallback(({ attributeType, customFieldUid })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                actionType: 'create',
+                modalType: 'customField',
+                attributeType,
+                customFieldUid,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onClickSelectField = React.useCallback(({ attributeType, step })=>{
+        if (state.forTarget === 'contentType') {
+            trackUsage('didSelectContentTypeFieldType', {
+                type: attributeType
+            });
+        }
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                actionType: 'create',
+                modalType: 'attribute',
+                step,
+                attributeType,
+                showBackLink: true,
+                activeTab: 'basic'
+            }));
+    }, [
+        state.forTarget,
+        trackUsage
+    ]);
+    const onOpenModalAddComponentsToDZ = React.useCallback(({ dynamicZoneTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                dynamicZoneTarget,
+                targetUid,
+                modalType: 'addComponentToDynamicZone',
+                forTarget: 'contentType',
+                step: '1',
+                actionType: 'edit',
+                isOpen: true
+            }));
+    }, []);
+    const onOpenModalAddField = React.useCallback(({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                actionType: 'create',
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                isOpen: true,
+                showBackLink: false,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onOpenModalCreateSchema = React.useCallback((nextState)=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                ...nextState,
+                isOpen: true,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onOpenModalEditCustomField = React.useCallback(({ forTarget, targetUid, attributeName, attributeType, customFieldUid })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                modalType: 'customField',
+                customFieldUid,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                isOpen: true,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onOpenModalEditField = React.useCallback(({ forTarget, targetUid, attributeName, attributeType, step })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                modalType: 'attribute',
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                attributeName,
+                attributeType,
+                step,
+                isOpen: true
+            }));
+    }, []);
+    const onOpenModalEditSchema = React.useCallback(({ modalType, forTarget, targetUid, kind })=>{
+        setFormModalNavigationState((prevState)=>({
+                ...prevState,
+                modalType,
+                actionType: 'edit',
+                forTarget,
+                targetUid,
+                kind,
+                isOpen: true,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onCloseModal = React.useCallback(()=>{
+        setFormModalNavigationState(INITIAL_STATE_DATA);
+    }, []);
+    const onNavigateToChooseAttributeModal = React.useCallback(({ forTarget, targetUid })=>{
+        setFormModalNavigationState((prev)=>({
+                ...prev,
+                forTarget,
+                targetUid,
+                modalType: 'chooseAttribute',
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onNavigateToCreateComponentStep2 = React.useCallback(()=>{
+        setFormModalNavigationState((prev)=>({
+                ...prev,
+                attributeType: 'component',
+                modalType: 'attribute',
+                step: '2',
+                activeTab: 'basic'
+            }));
+    }, []);
+    const onNavigateToAddCompoToDZModal = React.useCallback(({ dynamicZoneTarget })=>{
+        setFormModalNavigationState((prev)=>({
+                ...prev,
+                dynamicZoneTarget,
+                modalType: 'addComponentToDynamicZone',
+                actionType: 'create',
+                step: '1',
+                attributeType: null,
+                attributeName: null,
+                activeTab: 'basic'
+            }));
+    }, []);
+    const setActiveTab = React.useCallback((value)=>{
+        setFormModalNavigationState((prev)=>({
+                ...prev,
+                activeTab: value
+            }));
+    }, []);
+    const contextValue = React.useMemo(()=>({
+            ...state,
+            onClickSelectField,
+            onClickSelectCustomField,
+            onCloseModal,
+            onNavigateToChooseAttributeModal,
+            onNavigateToAddCompoToDZModal,
+            onOpenModalAddComponentsToDZ,
+            onNavigateToCreateComponentStep2,
+            onOpenModalAddField,
+            onOpenModalCreateSchema,
+            onOpenModalEditField,
+            onOpenModalEditCustomField,
+            onOpenModalEditSchema,
+            setFormModalNavigationState,
+            setActiveTab
+        }), [
+        state,
+        onClickSelectField,
+        onClickSelectCustomField,
+        onCloseModal,
+        onNavigateToChooseAttributeModal,
+        onNavigateToAddCompoToDZModal,
+        onOpenModalAddComponentsToDZ,
+        onNavigateToCreateComponentStep2,
+        onOpenModalAddField,
+        onOpenModalCreateSchema,
+        onOpenModalEditField,
+        onOpenModalEditCustomField,
+        onOpenModalEditSchema,
+        setActiveTab
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(FormModalNavigationContext.FormModalNavigationContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+};
+
+exports.FormModalNavigationProvider = FormModalNavigationProvider;
+exports.INITIAL_STATE_DATA = INITIAL_STATE_DATA;
+//# sourceMappingURL=FormModalNavigationProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalNavigationProvider.js","sources":["../../../../admin/src/components/FormModalNavigation/FormModalNavigationProvider.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { FormModalNavigationContext } from './FormModalNavigationContext';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ntype FormModalNavigationProviderProps = {\n  children: React.ReactNode;\n};\n\nexport type Tab = 'basic' | 'advanced';\n\nexport type ModalType =\n  | 'chooseAttribute'\n  | 'edit'\n  | 'attribute'\n  | 'customField'\n  | 'addComponentToDynamicZone'\n  | 'contentType'\n  | 'component';\n\nexport type State = Record<string, any>;\n\nexport const INITIAL_STATE_DATA: State = {\n  actionType: null,\n  attributeName: null,\n  attributeType: null,\n  dynamicZoneTarget: null,\n  forTarget: null,\n  modalType: null,\n  isOpen: true,\n  showBackLink: false,\n  kind: null,\n  step: null,\n  targetUid: null,\n  customFieldUid: null,\n  activeTab: 'basic',\n};\n\nexport type SelectCustomFieldPayload = {\n  attributeType: string;\n  customFieldUid: string;\n};\n\nexport type SelectFieldPayload = {\n  attributeType: string;\n  step: string | null;\n};\n\nexport type OpenModalAddComponentsToDZPayload = {\n  dynamicZoneTarget?: string;\n  targetUid: Internal.UID.Schema;\n};\n\nexport type OpenModalAddFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid?: Internal.UID.Schema;\n};\n\nexport type OpenModalEditCustomFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  attributeName: string;\n  attributeType: string;\n  customFieldUid: string;\n};\n\nexport type OpenModalEditFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  attributeName: string;\n  attributeType: string;\n  step: string | null;\n};\n\nexport type OpenModalEditSchemaPayload = {\n  modalType: ModalType;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  kind?: string;\n};\n\nexport type NavigateToChooseAttributeModalPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n};\n\nexport type NavigateToAddCompoToDZModalPayload = {\n  dynamicZoneTarget: string;\n};\n\nexport const FormModalNavigationProvider = ({ children }: FormModalNavigationProviderProps) => {\n  const [state, setFormModalNavigationState] = useState(INITIAL_STATE_DATA);\n  const { trackUsage } = useTracking();\n\n  const onClickSelectCustomField = useCallback(\n    ({ attributeType, customFieldUid }: SelectCustomFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        actionType: 'create',\n        modalType: 'customField',\n        attributeType,\n        customFieldUid,\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onClickSelectField = useCallback(\n    ({ attributeType, step }: SelectFieldPayload) => {\n      if (state.forTarget === 'contentType') {\n        trackUsage('didSelectContentTypeFieldType', { type: attributeType });\n      }\n\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        actionType: 'create',\n        modalType: 'attribute',\n        step,\n        attributeType,\n        showBackLink: true,\n        activeTab: 'basic',\n      }));\n    },\n    [state.forTarget, trackUsage]\n  );\n\n  const onOpenModalAddComponentsToDZ = useCallback(\n    ({ dynamicZoneTarget, targetUid }: OpenModalAddComponentsToDZPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalAddField = useCallback(({ forTarget, targetUid }: OpenModalAddFieldPayload) => {\n    setFormModalNavigationState((prevState: State) => ({\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  const onOpenModalCreateSchema = useCallback((nextState: State) => {\n    setFormModalNavigationState((prevState) => ({\n      ...prevState,\n      ...nextState,\n      isOpen: true,\n      activeTab: 'basic',\n    }));\n  }, []);\n\n  const onOpenModalEditCustomField = useCallback(\n    ({\n      forTarget,\n      targetUid,\n      attributeName,\n      attributeType,\n      customFieldUid,\n    }: OpenModalEditCustomFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalEditField = useCallback(\n    ({ forTarget, targetUid, attributeName, attributeType, step }: OpenModalEditFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalEditSchema = useCallback(\n    ({ modalType, forTarget, targetUid, kind }: OpenModalEditSchemaPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        modalType,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        kind,\n        isOpen: true,\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onCloseModal = useCallback(() => {\n    setFormModalNavigationState(INITIAL_STATE_DATA);\n  }, []);\n\n  const onNavigateToChooseAttributeModal = useCallback(\n    ({ forTarget, targetUid }: NavigateToChooseAttributeModalPayload) => {\n      setFormModalNavigationState((prev: State) => ({\n        ...prev,\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onNavigateToCreateComponentStep2 = useCallback(() => {\n    setFormModalNavigationState((prev: State) => ({\n      ...prev,\n      attributeType: 'component',\n      modalType: 'attribute',\n      step: '2',\n      activeTab: 'basic',\n    }));\n  }, []);\n\n  const onNavigateToAddCompoToDZModal = useCallback(\n    ({ dynamicZoneTarget }: NavigateToAddCompoToDZModalPayload) => {\n      setFormModalNavigationState((prev: State) => ({\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\n  const setActiveTab = useCallback((value: Tab) => {\n    setFormModalNavigationState((prev: State) => ({\n      ...prev,\n      activeTab: value,\n    }));\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      ...state,\n      onClickSelectField,\n      onClickSelectCustomField,\n      onCloseModal,\n      onNavigateToChooseAttributeModal,\n      onNavigateToAddCompoToDZModal,\n      onOpenModalAddComponentsToDZ,\n      onNavigateToCreateComponentStep2,\n      onOpenModalAddField,\n      onOpenModalCreateSchema,\n      onOpenModalEditField,\n      onOpenModalEditCustomField,\n      onOpenModalEditSchema,\n      setFormModalNavigationState,\n      setActiveTab,\n    }),\n    [\n      state,\n      onClickSelectField,\n      onClickSelectCustomField,\n      onCloseModal,\n      onNavigateToChooseAttributeModal,\n      onNavigateToAddCompoToDZModal,\n      onOpenModalAddComponentsToDZ,\n      onNavigateToCreateComponentStep2,\n      onOpenModalAddField,\n      onOpenModalCreateSchema,\n      onOpenModalEditField,\n      onOpenModalEditCustomField,\n      onOpenModalEditSchema,\n      setActiveTab,\n    ]\n  );\n\n  return (\n    <FormModalNavigationContext.Provider value={contextValue}>\n      {children}\n    </FormModalNavigationContext.Provider>\n  );\n};\n"],"names":["INITIAL_STATE_DATA","actionType","attributeName","attributeType","dynamicZoneTarget","forTarget","modalType","isOpen","showBackLink","kind","step","targetUid","customFieldUid","activeTab","FormModalNavigationProvider","children","state","setFormModalNavigationState","useState","trackUsage","useTracking","onClickSelectCustomField","useCallback","prevState","onClickSelectField","type","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalCreateSchema","nextState","onOpenModalEditCustomField","onOpenModalEditField","onOpenModalEditSchema","onCloseModal","onNavigateToChooseAttributeModal","prev","onNavigateToCreateComponentStep2","onNavigateToAddCompoToDZModal","setActiveTab","value","contextValue","useMemo","_jsx","FormModalNavigationContext","Provider"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModalNavigationProvider.mjs","sources":["../../../../admin/src/components/FormModalNavigation/FormModalNavigationProvider.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useTracking } from '@strapi/admin/strapi-admin';\n\nimport { FormModalNavigationContext } from './FormModalNavigationContext';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ntype FormModalNavigationProviderProps = {\n  children: React.ReactNode;\n};\n\nexport type Tab = 'basic' | 'advanced';\n\nexport type ModalType =\n  | 'chooseAttribute'\n  | 'edit'\n  | 'attribute'\n  | 'customField'\n  | 'addComponentToDynamicZone'\n  | 'contentType'\n  | 'component';\n\nexport type State = Record<string, any>;\n\nexport const INITIAL_STATE_DATA: State = {\n  actionType: null,\n  attributeName: null,\n  attributeType: null,\n  dynamicZoneTarget: null,\n  forTarget: null,\n  modalType: null,\n  isOpen: true,\n  showBackLink: false,\n  kind: null,\n  step: null,\n  targetUid: null,\n  customFieldUid: null,\n  activeTab: 'basic',\n};\n\nexport type SelectCustomFieldPayload = {\n  attributeType: string;\n  customFieldUid: string;\n};\n\nexport type SelectFieldPayload = {\n  attributeType: string;\n  step: string | null;\n};\n\nexport type OpenModalAddComponentsToDZPayload = {\n  dynamicZoneTarget?: string;\n  targetUid: Internal.UID.Schema;\n};\n\nexport type OpenModalAddFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid?: Internal.UID.Schema;\n};\n\nexport type OpenModalEditCustomFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  attributeName: string;\n  attributeType: string;\n  customFieldUid: string;\n};\n\nexport type OpenModalEditFieldPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  attributeName: string;\n  attributeType: string;\n  step: string | null;\n};\n\nexport type OpenModalEditSchemaPayload = {\n  modalType: ModalType;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  kind?: string;\n};\n\nexport type NavigateToChooseAttributeModalPayload = {\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n};\n\nexport type NavigateToAddCompoToDZModalPayload = {\n  dynamicZoneTarget: string;\n};\n\nexport const FormModalNavigationProvider = ({ children }: FormModalNavigationProviderProps) => {\n  const [state, setFormModalNavigationState] = useState(INITIAL_STATE_DATA);\n  const { trackUsage } = useTracking();\n\n  const onClickSelectCustomField = useCallback(\n    ({ attributeType, customFieldUid }: SelectCustomFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        actionType: 'create',\n        modalType: 'customField',\n        attributeType,\n        customFieldUid,\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onClickSelectField = useCallback(\n    ({ attributeType, step }: SelectFieldPayload) => {\n      if (state.forTarget === 'contentType') {\n        trackUsage('didSelectContentTypeFieldType', { type: attributeType });\n      }\n\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        actionType: 'create',\n        modalType: 'attribute',\n        step,\n        attributeType,\n        showBackLink: true,\n        activeTab: 'basic',\n      }));\n    },\n    [state.forTarget, trackUsage]\n  );\n\n  const onOpenModalAddComponentsToDZ = useCallback(\n    ({ dynamicZoneTarget, targetUid }: OpenModalAddComponentsToDZPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalAddField = useCallback(({ forTarget, targetUid }: OpenModalAddFieldPayload) => {\n    setFormModalNavigationState((prevState: State) => ({\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  const onOpenModalCreateSchema = useCallback((nextState: State) => {\n    setFormModalNavigationState((prevState) => ({\n      ...prevState,\n      ...nextState,\n      isOpen: true,\n      activeTab: 'basic',\n    }));\n  }, []);\n\n  const onOpenModalEditCustomField = useCallback(\n    ({\n      forTarget,\n      targetUid,\n      attributeName,\n      attributeType,\n      customFieldUid,\n    }: OpenModalEditCustomFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalEditField = useCallback(\n    ({ forTarget, targetUid, attributeName, attributeType, step }: OpenModalEditFieldPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\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\n  const onOpenModalEditSchema = useCallback(\n    ({ modalType, forTarget, targetUid, kind }: OpenModalEditSchemaPayload) => {\n      setFormModalNavigationState((prevState: State) => ({\n        ...prevState,\n        modalType,\n        actionType: 'edit',\n        forTarget,\n        targetUid,\n        kind,\n        isOpen: true,\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onCloseModal = useCallback(() => {\n    setFormModalNavigationState(INITIAL_STATE_DATA);\n  }, []);\n\n  const onNavigateToChooseAttributeModal = useCallback(\n    ({ forTarget, targetUid }: NavigateToChooseAttributeModalPayload) => {\n      setFormModalNavigationState((prev: State) => ({\n        ...prev,\n        forTarget,\n        targetUid,\n        modalType: 'chooseAttribute',\n        activeTab: 'basic',\n      }));\n    },\n    []\n  );\n\n  const onNavigateToCreateComponentStep2 = useCallback(() => {\n    setFormModalNavigationState((prev: State) => ({\n      ...prev,\n      attributeType: 'component',\n      modalType: 'attribute',\n      step: '2',\n      activeTab: 'basic',\n    }));\n  }, []);\n\n  const onNavigateToAddCompoToDZModal = useCallback(\n    ({ dynamicZoneTarget }: NavigateToAddCompoToDZModalPayload) => {\n      setFormModalNavigationState((prev: State) => ({\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\n  const setActiveTab = useCallback((value: Tab) => {\n    setFormModalNavigationState((prev: State) => ({\n      ...prev,\n      activeTab: value,\n    }));\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      ...state,\n      onClickSelectField,\n      onClickSelectCustomField,\n      onCloseModal,\n      onNavigateToChooseAttributeModal,\n      onNavigateToAddCompoToDZModal,\n      onOpenModalAddComponentsToDZ,\n      onNavigateToCreateComponentStep2,\n      onOpenModalAddField,\n      onOpenModalCreateSchema,\n      onOpenModalEditField,\n      onOpenModalEditCustomField,\n      onOpenModalEditSchema,\n      setFormModalNavigationState,\n      setActiveTab,\n    }),\n    [\n      state,\n      onClickSelectField,\n      onClickSelectCustomField,\n      onCloseModal,\n      onNavigateToChooseAttributeModal,\n      onNavigateToAddCompoToDZModal,\n      onOpenModalAddComponentsToDZ,\n      onNavigateToCreateComponentStep2,\n      onOpenModalAddField,\n      onOpenModalCreateSchema,\n      onOpenModalEditField,\n      onOpenModalEditCustomField,\n      onOpenModalEditSchema,\n      setActiveTab,\n    ]\n  );\n\n  return (\n    <FormModalNavigationContext.Provider value={contextValue}>\n      {children}\n    </FormModalNavigationContext.Provider>\n  );\n};\n"],"names":["INITIAL_STATE_DATA","actionType","attributeName","attributeType","dynamicZoneTarget","forTarget","modalType","isOpen","showBackLink","kind","step","targetUid","customFieldUid","activeTab","FormModalNavigationProvider","children","state","setFormModalNavigationState","useState","trackUsage","useTracking","onClickSelectCustomField","useCallback","prevState","onClickSelectField","type","onOpenModalAddComponentsToDZ","onOpenModalAddField","onOpenModalCreateSchema","nextState","onOpenModalEditCustomField","onOpenModalEditField","onOpenModalEditSchema","onCloseModal","onNavigateToChooseAttributeModal","prev","onNavigateToCreateComponentStep2","onNavigateToAddCompoToDZModal","setActiveTab","value","contextValue","useMemo","_jsx","FormModalNavigationContext","Provider"],"mappings":"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"}

package/dist/admin/components/FormModalNavigation/useFormModalNavigation.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+var FormModalNavigationContext = require('./FormModalNavigationContext.js');
+
+const useFormModalNavigation = ()=>React.useContext(FormModalNavigationContext.FormModalNavigationContext);
+
+exports.useFormModalNavigation = useFormModalNavigation;
+//# sourceMappingURL=useFormModalNavigation.js.map

package/dist/admin/components/FormModalNavigation/useFormModalNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormModalNavigation.js","sources":["../../../../admin/src/components/FormModalNavigation/useFormModalNavigation.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { FormModalNavigationContext } from './FormModalNavigationContext';\n\nexport const useFormModalNavigation = () => useContext(FormModalNavigationContext);\n"],"names":["useFormModalNavigation","useContext","FormModalNavigationContext"],"mappings":";;;;;AAIaA,MAAAA,sBAAAA,GAAyB,IAAMC,gBAAAA,CAAWC,qDAA4B;;;;"}

package/dist/admin/components/FormModalNavigation/useFormModalNavigation.mjs

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { FormModalNavigationContext } from './FormModalNavigationContext.mjs';
+
+const useFormModalNavigation = ()=>useContext(FormModalNavigationContext);
+
+export { useFormModalNavigation };
+//# sourceMappingURL=useFormModalNavigation.mjs.map

package/dist/admin/components/FormModalNavigation/useFormModalNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormModalNavigation.mjs","sources":["../../../../admin/src/components/FormModalNavigation/useFormModalNavigation.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { FormModalNavigationContext } from './FormModalNavigationContext';\n\nexport const useFormModalNavigation = () => useContext(FormModalNavigationContext);\n"],"names":["useFormModalNavigation","useContext","FormModalNavigationContext"],"mappings":";;;AAIaA,MAAAA,sBAAAA,GAAyB,IAAMC,UAAAA,CAAWC,0BAA4B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormModalSubHeader.js","sources":["../../../admin/src/components/FormModalSubHeader.tsx"],"sourcesContent":["import { StrapiAppContextValue } from '@strapi/admin/strapi-admin';\nimport { Flex, Typography } from '@strapi/design-system';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport type { SchemaType } from '../types';\n\ntype ModalTitleProps = {\n  forTarget?: SchemaType;\n  step?: string;\n  kind?: string;\n  modalType?: string;\n  actionType?: string;\n};\n\nexport const getModalTitleSubHeader = ({\n  modalType,\n  forTarget,\n  kind,\n  actionType,\n  step,\n}: ModalTitleProps) => {\n  switch (modalType) {\n    case 'chooseAttribute':\n      return getTrad(\n        `modalForm.sub-header.chooseAttribute.${\n          forTarget?.includes('component') ? 'component' : kind || 'collectionType'\n        }`\n      );\n    case 'attribute': {\n      return getTrad(\n        `modalForm.sub-header.attribute.${actionType}${\n          step !== 'null' && step !== null && actionType !== 'edit' ? '.step' : ''\n        }`\n      );\n    }\n    case 'customField': {\n      return getTrad(`modalForm.sub-header.attribute.${actionType}`);\n    }\n    case 'addComponentToDynamicZone':\n      return getTrad('modalForm.sub-header.addComponentToDynamicZone');\n    default:\n      return getTrad('configurations');\n  }\n};\n\ntype FormModalSubHeaderProps = {\n  actionType: string;\n  modalType: string;\n  forTarget: SchemaType;\n  kind?: string;\n  step?: string;\n  attributeType: string;\n  attributeName: string;\n  customField?: ReturnType<StrapiAppContextValue['customFields']['get']>;\n};\n\nexport const FormModalSubHeader = ({\n  actionType,\n  modalType,\n  forTarget,\n  kind,\n  step,\n  attributeType,\n  attributeName,\n  customField,\n}: FormModalSubHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const intlLabel =\n    modalType === 'customField'\n      ? customField?.intlLabel\n      : { id: getTrad(`attribute.${attributeType}`) };\n\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingBottom={1} gap={1}>\n      <Typography tag=\"h2\" variant=\"beta\">\n        {formatMessage(\n          {\n            id: getModalTitleSubHeader({\n              actionType,\n              forTarget,\n              kind,\n              step,\n              modalType,\n            }),\n            defaultMessage: 'Add new field',\n          },\n          {\n            type: intlLabel ? upperFirst(formatMessage(intlLabel)) : '',\n            name: upperFirst(attributeName),\n            step,\n          }\n        )}\n      </Typography>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {formatMessage({\n          id: getTrad(`attribute.${attributeType}.description`),\n          defaultMessage: 'A type for modeling data',\n        })}\n      </Typography>\n    </Flex>\n  );\n};\n"],"names":["getModalTitleSubHeader","modalType","forTarget","kind","actionType","step","getTrad","includes","FormModalSubHeader","attributeType","attributeName","customField","formatMessage","useIntl","intlLabel","id","_jsxs","Flex","direction","alignItems","paddingBottom","gap","_jsx","Typography","tag","variant","defaultMessage","type","upperFirst","name","textColor"],"mappings":";;;;;;;;AAiBaA,MAAAA,sBAAAA,GAAyB,CAAC,EACrCC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,IAAI,EACY,GAAA;IAChB,OAAQJ,SAAAA;QACN,KAAK,iBAAA;YACH,OAAOK,eAAAA,CACL,CAAC,qCAAqC,EACpCJ,SAAAA,EAAWK,SAAS,WAAe,CAAA,GAAA,WAAA,GAAcJ,IAAQ,IAAA,gBAAA,CAC1D,CAAC,CAAA;QAEN,KAAK,WAAA;AAAa,YAAA;AAChB,gBAAA,OAAOG,eACL,CAAA,CAAC,+BAA+B,EAAEF,WAAW,EAC3CC,IAAAA,KAAS,MAAUA,IAAAA,IAAAA,KAAS,IAAQD,IAAAA,UAAAA,KAAe,MAAS,GAAA,OAAA,GAAU,GACvE,CAAC,CAAA;AAEN;QACA,KAAK,aAAA;AAAe,YAAA;AAClB,gBAAA,OAAOE,eAAQ,CAAA,CAAC,+BAA+B,EAAEF,WAAW,CAAC,CAAA;AAC/D;QACA,KAAK,2BAAA;AACH,YAAA,OAAOE,eAAQ,CAAA,gDAAA,CAAA;AACjB,QAAA;AACE,YAAA,OAAOA,eAAQ,CAAA,gBAAA,CAAA;AACnB;AACF;MAaaE,kBAAqB,GAAA,CAAC,EACjCJ,UAAU,EACVH,SAAS,EACTC,SAAS,EACTC,IAAI,EACJE,IAAI,EACJI,aAAa,EACbC,aAAa,EACbC,WAAW,EACa,GAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,SACJb,GAAAA,SAAAA,KAAc,aACVU,GAAAA,WAAAA,EAAaG,SACb,GAAA;AAAEC,QAAAA,EAAAA,EAAIT,eAAQ,CAAA,CAAC,UAAU,EAAEG,cAAc,CAAC;AAAE,KAAA;AAElD,IAAA,qBACEO,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,YAAA;QAAaC,aAAe,EAAA,CAAA;QAAGC,GAAK,EAAA,CAAA;;0BACtEC,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,GAAI,EAAA,IAAA;gBAAKC,OAAQ,EAAA,MAAA;0BAC1Bb,aACC,CAAA;AACEG,oBAAAA,EAAAA,EAAIf,sBAAuB,CAAA;AACzBI,wBAAAA,UAAAA;AACAF,wBAAAA,SAAAA;AACAC,wBAAAA,IAAAA;AACAE,wBAAAA,IAAAA;AACAJ,wBAAAA;AACF,qBAAA,CAAA;oBACAyB,cAAgB,EAAA;iBAElB,EAAA;oBACEC,IAAMb,EAAAA,SAAAA,GAAYc,UAAWhB,CAAAA,aAAAA,CAAcE,SAAc,CAAA,CAAA,GAAA,EAAA;AACzDe,oBAAAA,IAAAA,EAAMD,UAAWlB,CAAAA,aAAAA,CAAAA;AACjBL,oBAAAA;AACF,iBAAA;;0BAGJiB,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWE,OAAQ,EAAA,IAAA;gBAAKK,SAAU,EAAA,YAAA;0BAChClB,aAAc,CAAA;AACbG,oBAAAA,EAAAA,EAAIT,gBAAQ,CAAC,UAAU,EAAEG,aAAAA,CAAc,YAAY,CAAC,CAAA;oBACpDiB,cAAgB,EAAA;AAClB,iBAAA;;;;AAIR;;;;;"}
+{"version":3,"file":"FormModalSubHeader.js","sources":["../../../admin/src/components/FormModalSubHeader.tsx"],"sourcesContent":["import { StrapiAppContextValue } from '@strapi/admin/strapi-admin';\nimport { Flex, Typography } from '@strapi/design-system';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport type { Struct } from '@strapi/types';\n\ntype ModalTitleProps = {\n  forTarget?: Struct.ModelType;\n  step?: string;\n  kind?: string;\n  modalType?: string;\n  actionType?: string;\n};\n\nexport const getModalTitleSubHeader = ({\n  modalType,\n  forTarget,\n  kind,\n  actionType,\n  step,\n}: ModalTitleProps) => {\n  switch (modalType) {\n    case 'chooseAttribute':\n      return getTrad(\n        `modalForm.sub-header.chooseAttribute.${\n          forTarget?.includes('component') ? 'component' : kind || 'collectionType'\n        }`\n      );\n    case 'attribute': {\n      return getTrad(\n        `modalForm.sub-header.attribute.${actionType}${\n          step !== 'null' && step !== null && actionType !== 'edit' ? '.step' : ''\n        }`\n      );\n    }\n    case 'customField': {\n      return getTrad(`modalForm.sub-header.attribute.${actionType}`);\n    }\n    case 'addComponentToDynamicZone':\n      return getTrad('modalForm.sub-header.addComponentToDynamicZone');\n    default:\n      return getTrad('configurations');\n  }\n};\n\ntype FormModalSubHeaderProps = {\n  actionType: string;\n  modalType: string;\n  forTarget: Struct.ModelType;\n  kind?: string;\n  step?: string;\n  attributeType: string;\n  attributeName: string;\n  customField?: ReturnType<StrapiAppContextValue['customFields']['get']>;\n};\n\nexport const FormModalSubHeader = ({\n  actionType,\n  modalType,\n  forTarget,\n  kind,\n  step,\n  attributeType,\n  attributeName,\n  customField,\n}: FormModalSubHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const intlLabel =\n    modalType === 'customField'\n      ? customField?.intlLabel\n      : { id: getTrad(`attribute.${attributeType}`) };\n\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingBottom={1} gap={1}>\n      <Typography tag=\"h2\" variant=\"beta\">\n        {formatMessage(\n          {\n            id: getModalTitleSubHeader({\n              actionType,\n              forTarget,\n              kind,\n              step,\n              modalType,\n            }),\n            defaultMessage: 'Add new field',\n          },\n          {\n            type: intlLabel ? upperFirst(formatMessage(intlLabel)) : '',\n            name: upperFirst(attributeName),\n            step,\n          }\n        )}\n      </Typography>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {formatMessage({\n          id: getTrad(`attribute.${attributeType}.description`),\n          defaultMessage: 'A type for modeling data',\n        })}\n      </Typography>\n    </Flex>\n  );\n};\n"],"names":["getModalTitleSubHeader","modalType","forTarget","kind","actionType","step","getTrad","includes","FormModalSubHeader","attributeType","attributeName","customField","formatMessage","useIntl","intlLabel","id","_jsxs","Flex","direction","alignItems","paddingBottom","gap","_jsx","Typography","tag","variant","defaultMessage","type","upperFirst","name","textColor"],"mappings":";;;;;;;;AAiBaA,MAAAA,sBAAAA,GAAyB,CAAC,EACrCC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,IAAI,EACY,GAAA;IAChB,OAAQJ,SAAAA;QACN,KAAK,iBAAA;YACH,OAAOK,eAAAA,CACL,CAAC,qCAAqC,EACpCJ,SAAAA,EAAWK,SAAS,WAAe,CAAA,GAAA,WAAA,GAAcJ,IAAQ,IAAA,gBAAA,CAC1D,CAAC,CAAA;QAEN,KAAK,WAAA;AAAa,YAAA;AAChB,gBAAA,OAAOG,eACL,CAAA,CAAC,+BAA+B,EAAEF,WAAW,EAC3CC,IAAAA,KAAS,MAAUA,IAAAA,IAAAA,KAAS,IAAQD,IAAAA,UAAAA,KAAe,MAAS,GAAA,OAAA,GAAU,GACvE,CAAC,CAAA;AAEN;QACA,KAAK,aAAA;AAAe,YAAA;AAClB,gBAAA,OAAOE,eAAQ,CAAA,CAAC,+BAA+B,EAAEF,WAAW,CAAC,CAAA;AAC/D;QACA,KAAK,2BAAA;AACH,YAAA,OAAOE,eAAQ,CAAA,gDAAA,CAAA;AACjB,QAAA;AACE,YAAA,OAAOA,eAAQ,CAAA,gBAAA,CAAA;AACnB;AACF;MAaaE,kBAAqB,GAAA,CAAC,EACjCJ,UAAU,EACVH,SAAS,EACTC,SAAS,EACTC,IAAI,EACJE,IAAI,EACJI,aAAa,EACbC,aAAa,EACbC,WAAW,EACa,GAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,SACJb,GAAAA,SAAAA,KAAc,aACVU,GAAAA,WAAAA,EAAaG,SACb,GAAA;AAAEC,QAAAA,EAAAA,EAAIT,eAAQ,CAAA,CAAC,UAAU,EAAEG,cAAc,CAAC;AAAE,KAAA;AAElD,IAAA,qBACEO,eAACC,CAAAA,iBAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,YAAA;QAAaC,aAAe,EAAA,CAAA;QAAGC,GAAK,EAAA,CAAA;;0BACtEC,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWC,GAAI,EAAA,IAAA;gBAAKC,OAAQ,EAAA,MAAA;0BAC1Bb,aACC,CAAA;AACEG,oBAAAA,EAAAA,EAAIf,sBAAuB,CAAA;AACzBI,wBAAAA,UAAAA;AACAF,wBAAAA,SAAAA;AACAC,wBAAAA,IAAAA;AACAE,wBAAAA,IAAAA;AACAJ,wBAAAA;AACF,qBAAA,CAAA;oBACAyB,cAAgB,EAAA;iBAElB,EAAA;oBACEC,IAAMb,EAAAA,SAAAA,GAAYc,UAAWhB,CAAAA,aAAAA,CAAcE,SAAc,CAAA,CAAA,GAAA,EAAA;AACzDe,oBAAAA,IAAAA,EAAMD,UAAWlB,CAAAA,aAAAA,CAAAA;AACjBL,oBAAAA;AACF,iBAAA;;0BAGJiB,cAACC,CAAAA,uBAAAA,EAAAA;gBAAWE,OAAQ,EAAA,IAAA;gBAAKK,SAAU,EAAA,YAAA;0BAChClB,aAAc,CAAA;AACbG,oBAAAA,EAAAA,EAAIT,gBAAQ,CAAC,UAAU,EAAEG,aAAAA,CAAc,YAAY,CAAC,CAAA;oBACpDiB,cAAgB,EAAA;AAClB,iBAAA;;;;AAIR;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormModalSubHeader.mjs","sources":["../../../admin/src/components/FormModalSubHeader.tsx"],"sourcesContent":["import { StrapiAppContextValue } from '@strapi/admin/strapi-admin';\nimport { Flex, Typography } from '@strapi/design-system';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport type { SchemaType } from '../types';\n\ntype ModalTitleProps = {\n  forTarget?: SchemaType;\n  step?: string;\n  kind?: string;\n  modalType?: string;\n  actionType?: string;\n};\n\nexport const getModalTitleSubHeader = ({\n  modalType,\n  forTarget,\n  kind,\n  actionType,\n  step,\n}: ModalTitleProps) => {\n  switch (modalType) {\n    case 'chooseAttribute':\n      return getTrad(\n        `modalForm.sub-header.chooseAttribute.${\n          forTarget?.includes('component') ? 'component' : kind || 'collectionType'\n        }`\n      );\n    case 'attribute': {\n      return getTrad(\n        `modalForm.sub-header.attribute.${actionType}${\n          step !== 'null' && step !== null && actionType !== 'edit' ? '.step' : ''\n        }`\n      );\n    }\n    case 'customField': {\n      return getTrad(`modalForm.sub-header.attribute.${actionType}`);\n    }\n    case 'addComponentToDynamicZone':\n      return getTrad('modalForm.sub-header.addComponentToDynamicZone');\n    default:\n      return getTrad('configurations');\n  }\n};\n\ntype FormModalSubHeaderProps = {\n  actionType: string;\n  modalType: string;\n  forTarget: SchemaType;\n  kind?: string;\n  step?: string;\n  attributeType: string;\n  attributeName: string;\n  customField?: ReturnType<StrapiAppContextValue['customFields']['get']>;\n};\n\nexport const FormModalSubHeader = ({\n  actionType,\n  modalType,\n  forTarget,\n  kind,\n  step,\n  attributeType,\n  attributeName,\n  customField,\n}: FormModalSubHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const intlLabel =\n    modalType === 'customField'\n      ? customField?.intlLabel\n      : { id: getTrad(`attribute.${attributeType}`) };\n\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingBottom={1} gap={1}>\n      <Typography tag=\"h2\" variant=\"beta\">\n        {formatMessage(\n          {\n            id: getModalTitleSubHeader({\n              actionType,\n              forTarget,\n              kind,\n              step,\n              modalType,\n            }),\n            defaultMessage: 'Add new field',\n          },\n          {\n            type: intlLabel ? upperFirst(formatMessage(intlLabel)) : '',\n            name: upperFirst(attributeName),\n            step,\n          }\n        )}\n      </Typography>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {formatMessage({\n          id: getTrad(`attribute.${attributeType}.description`),\n          defaultMessage: 'A type for modeling data',\n        })}\n      </Typography>\n    </Flex>\n  );\n};\n"],"names":["getModalTitleSubHeader","modalType","forTarget","kind","actionType","step","getTrad","includes","FormModalSubHeader","attributeType","attributeName","customField","formatMessage","useIntl","intlLabel","id","_jsxs","Flex","direction","alignItems","paddingBottom","gap","_jsx","Typography","tag","variant","defaultMessage","type","upperFirst","name","textColor"],"mappings":";;;;;;AAiBaA,MAAAA,sBAAAA,GAAyB,CAAC,EACrCC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,IAAI,EACY,GAAA;IAChB,OAAQJ,SAAAA;QACN,KAAK,iBAAA;YACH,OAAOK,OAAAA,CACL,CAAC,qCAAqC,EACpCJ,SAAAA,EAAWK,SAAS,WAAe,CAAA,GAAA,WAAA,GAAcJ,IAAQ,IAAA,gBAAA,CAC1D,CAAC,CAAA;QAEN,KAAK,WAAA;AAAa,YAAA;AAChB,gBAAA,OAAOG,OACL,CAAA,CAAC,+BAA+B,EAAEF,WAAW,EAC3CC,IAAAA,KAAS,MAAUA,IAAAA,IAAAA,KAAS,IAAQD,IAAAA,UAAAA,KAAe,MAAS,GAAA,OAAA,GAAU,GACvE,CAAC,CAAA;AAEN;QACA,KAAK,aAAA;AAAe,YAAA;AAClB,gBAAA,OAAOE,OAAQ,CAAA,CAAC,+BAA+B,EAAEF,WAAW,CAAC,CAAA;AAC/D;QACA,KAAK,2BAAA;AACH,YAAA,OAAOE,OAAQ,CAAA,gDAAA,CAAA;AACjB,QAAA;AACE,YAAA,OAAOA,OAAQ,CAAA,gBAAA,CAAA;AACnB;AACF;MAaaE,kBAAqB,GAAA,CAAC,EACjCJ,UAAU,EACVH,SAAS,EACTC,SAAS,EACTC,IAAI,EACJE,IAAI,EACJI,aAAa,EACbC,aAAa,EACbC,WAAW,EACa,GAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,SACJb,GAAAA,SAAAA,KAAc,aACVU,GAAAA,WAAAA,EAAaG,SACb,GAAA;AAAEC,QAAAA,EAAAA,EAAIT,OAAQ,CAAA,CAAC,UAAU,EAAEG,cAAc,CAAC;AAAE,KAAA;AAElD,IAAA,qBACEO,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,YAAA;QAAaC,aAAe,EAAA,CAAA;QAAGC,GAAK,EAAA,CAAA;;0BACtEC,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,GAAI,EAAA,IAAA;gBAAKC,OAAQ,EAAA,MAAA;0BAC1Bb,aACC,CAAA;AACEG,oBAAAA,EAAAA,EAAIf,sBAAuB,CAAA;AACzBI,wBAAAA,UAAAA;AACAF,wBAAAA,SAAAA;AACAC,wBAAAA,IAAAA;AACAE,wBAAAA,IAAAA;AACAJ,wBAAAA;AACF,qBAAA,CAAA;oBACAyB,cAAgB,EAAA;iBAElB,EAAA;oBACEC,IAAMb,EAAAA,SAAAA,GAAYc,UAAWhB,CAAAA,aAAAA,CAAcE,SAAc,CAAA,CAAA,GAAA,EAAA;AACzDe,oBAAAA,IAAAA,EAAMD,UAAWlB,CAAAA,aAAAA,CAAAA;AACjBL,oBAAAA;AACF,iBAAA;;0BAGJiB,GAACC,CAAAA,UAAAA,EAAAA;gBAAWE,OAAQ,EAAA,IAAA;gBAAKK,SAAU,EAAA,YAAA;0BAChClB,aAAc,CAAA;AACbG,oBAAAA,EAAAA,EAAIT,QAAQ,CAAC,UAAU,EAAEG,aAAAA,CAAc,YAAY,CAAC,CAAA;oBACpDiB,cAAgB,EAAA;AAClB,iBAAA;;;;AAIR;;;;"}
+{"version":3,"file":"FormModalSubHeader.mjs","sources":["../../../admin/src/components/FormModalSubHeader.tsx"],"sourcesContent":["import { StrapiAppContextValue } from '@strapi/admin/strapi-admin';\nimport { Flex, Typography } from '@strapi/design-system';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\n\nimport { getTrad } from '../utils';\n\nimport type { Struct } from '@strapi/types';\n\ntype ModalTitleProps = {\n  forTarget?: Struct.ModelType;\n  step?: string;\n  kind?: string;\n  modalType?: string;\n  actionType?: string;\n};\n\nexport const getModalTitleSubHeader = ({\n  modalType,\n  forTarget,\n  kind,\n  actionType,\n  step,\n}: ModalTitleProps) => {\n  switch (modalType) {\n    case 'chooseAttribute':\n      return getTrad(\n        `modalForm.sub-header.chooseAttribute.${\n          forTarget?.includes('component') ? 'component' : kind || 'collectionType'\n        }`\n      );\n    case 'attribute': {\n      return getTrad(\n        `modalForm.sub-header.attribute.${actionType}${\n          step !== 'null' && step !== null && actionType !== 'edit' ? '.step' : ''\n        }`\n      );\n    }\n    case 'customField': {\n      return getTrad(`modalForm.sub-header.attribute.${actionType}`);\n    }\n    case 'addComponentToDynamicZone':\n      return getTrad('modalForm.sub-header.addComponentToDynamicZone');\n    default:\n      return getTrad('configurations');\n  }\n};\n\ntype FormModalSubHeaderProps = {\n  actionType: string;\n  modalType: string;\n  forTarget: Struct.ModelType;\n  kind?: string;\n  step?: string;\n  attributeType: string;\n  attributeName: string;\n  customField?: ReturnType<StrapiAppContextValue['customFields']['get']>;\n};\n\nexport const FormModalSubHeader = ({\n  actionType,\n  modalType,\n  forTarget,\n  kind,\n  step,\n  attributeType,\n  attributeName,\n  customField,\n}: FormModalSubHeaderProps) => {\n  const { formatMessage } = useIntl();\n  const intlLabel =\n    modalType === 'customField'\n      ? customField?.intlLabel\n      : { id: getTrad(`attribute.${attributeType}`) };\n\n  return (\n    <Flex direction=\"column\" alignItems=\"flex-start\" paddingBottom={1} gap={1}>\n      <Typography tag=\"h2\" variant=\"beta\">\n        {formatMessage(\n          {\n            id: getModalTitleSubHeader({\n              actionType,\n              forTarget,\n              kind,\n              step,\n              modalType,\n            }),\n            defaultMessage: 'Add new field',\n          },\n          {\n            type: intlLabel ? upperFirst(formatMessage(intlLabel)) : '',\n            name: upperFirst(attributeName),\n            step,\n          }\n        )}\n      </Typography>\n      <Typography variant=\"pi\" textColor=\"neutral600\">\n        {formatMessage({\n          id: getTrad(`attribute.${attributeType}.description`),\n          defaultMessage: 'A type for modeling data',\n        })}\n      </Typography>\n    </Flex>\n  );\n};\n"],"names":["getModalTitleSubHeader","modalType","forTarget","kind","actionType","step","getTrad","includes","FormModalSubHeader","attributeType","attributeName","customField","formatMessage","useIntl","intlLabel","id","_jsxs","Flex","direction","alignItems","paddingBottom","gap","_jsx","Typography","tag","variant","defaultMessage","type","upperFirst","name","textColor"],"mappings":";;;;;;AAiBaA,MAAAA,sBAAAA,GAAyB,CAAC,EACrCC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,UAAU,EACVC,IAAI,EACY,GAAA;IAChB,OAAQJ,SAAAA;QACN,KAAK,iBAAA;YACH,OAAOK,OAAAA,CACL,CAAC,qCAAqC,EACpCJ,SAAAA,EAAWK,SAAS,WAAe,CAAA,GAAA,WAAA,GAAcJ,IAAQ,IAAA,gBAAA,CAC1D,CAAC,CAAA;QAEN,KAAK,WAAA;AAAa,YAAA;AAChB,gBAAA,OAAOG,OACL,CAAA,CAAC,+BAA+B,EAAEF,WAAW,EAC3CC,IAAAA,KAAS,MAAUA,IAAAA,IAAAA,KAAS,IAAQD,IAAAA,UAAAA,KAAe,MAAS,GAAA,OAAA,GAAU,GACvE,CAAC,CAAA;AAEN;QACA,KAAK,aAAA;AAAe,YAAA;AAClB,gBAAA,OAAOE,OAAQ,CAAA,CAAC,+BAA+B,EAAEF,WAAW,CAAC,CAAA;AAC/D;QACA,KAAK,2BAAA;AACH,YAAA,OAAOE,OAAQ,CAAA,gDAAA,CAAA;AACjB,QAAA;AACE,YAAA,OAAOA,OAAQ,CAAA,gBAAA,CAAA;AACnB;AACF;MAaaE,kBAAqB,GAAA,CAAC,EACjCJ,UAAU,EACVH,SAAS,EACTC,SAAS,EACTC,IAAI,EACJE,IAAI,EACJI,aAAa,EACbC,aAAa,EACbC,WAAW,EACa,GAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,SACJb,GAAAA,SAAAA,KAAc,aACVU,GAAAA,WAAAA,EAAaG,SACb,GAAA;AAAEC,QAAAA,EAAAA,EAAIT,OAAQ,CAAA,CAAC,UAAU,EAAEG,cAAc,CAAC;AAAE,KAAA;AAElD,IAAA,qBACEO,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,YAAA;QAAaC,aAAe,EAAA,CAAA;QAAGC,GAAK,EAAA,CAAA;;0BACtEC,GAACC,CAAAA,UAAAA,EAAAA;gBAAWC,GAAI,EAAA,IAAA;gBAAKC,OAAQ,EAAA,MAAA;0BAC1Bb,aACC,CAAA;AACEG,oBAAAA,EAAAA,EAAIf,sBAAuB,CAAA;AACzBI,wBAAAA,UAAAA;AACAF,wBAAAA,SAAAA;AACAC,wBAAAA,IAAAA;AACAE,wBAAAA,IAAAA;AACAJ,wBAAAA;AACF,qBAAA,CAAA;oBACAyB,cAAgB,EAAA;iBAElB,EAAA;oBACEC,IAAMb,EAAAA,SAAAA,GAAYc,UAAWhB,CAAAA,aAAAA,CAAcE,SAAc,CAAA,CAAA,GAAA,EAAA;AACzDe,oBAAAA,IAAAA,EAAMD,UAAWlB,CAAAA,aAAAA,CAAAA;AACjBL,oBAAAA;AACF,iBAAA;;0BAGJiB,GAACC,CAAAA,UAAAA,EAAAA;gBAAWE,OAAQ,EAAA,IAAA;gBAAKK,SAAU,EAAA,YAAA;0BAChClB,aAAc,CAAA;AACbG,oBAAAA,EAAAA,EAAIT,QAAQ,CAAC,UAAU,EAAEG,aAAAA,CAAc,YAAY,CAAC,CAAA;oBACpDiB,cAAgB,EAAA;AAClB,iBAAA;;;;AAIR;;;;"}

package/dist/admin/components/GenericInputs.js

@@ -29,7 +29,7 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const GenericInput = ({ autoComplete, customInputs, description, disabled, intlLabel, labelAction, error, name, onChange, options = [], placeholder, required, step, type, value: defaultValue, isNullable, attribute, ...rest })=>{
+const GenericInput = ({ autoComplete, customInputs, description, disabled, intlLabel, labelAction, error, name, onChange, options = [], placeholder, required, step, type, value: defaultValue, isNullable, autoFocus, attribute, ...rest })=>{
     const { formatMessage } = reactIntl.useIntl();
     // TODO: Workaround to get the field hint values if they exist on the type
     const getFieldHintValue = (attribute, key)=>{
@@ -104,7 +104,8 @@ const GenericInput = ({ autoComplete, customInputs, description, disabled, intlL
             required: required,
             placeholder: placeholder,
             type: type,
-            value: value
+            value: value,
+            autoFocus: autoFocus
         });
     }
     const label = intlLabel.id ? formatMessage({
@@ -256,7 +257,8 @@ const GenericInput = ({ autoComplete, customInputs, description, disabled, intlL
                         },
                         placeholder: formattedPlaceholder,
                         step: step,
-                        value: value
+                        value: value,
+                        autoFocus: autoFocus
                     });
                 }
             case 'email':
@@ -275,7 +277,8 @@ const GenericInput = ({ autoComplete, customInputs, description, disabled, intlL
                         },
                         placeholder: formattedPlaceholder,
                         type: "email",
-                        value: valueWithEmptyStringFallback
+                        value: valueWithEmptyStringFallback,
+                        autoFocus: autoFocus
                     });
                 }
             case 'timestamp':
@@ -296,7 +299,8 @@ const GenericInput = ({ autoComplete, customInputs, description, disabled, intlL
                         },
                         placeholder: formattedPlaceholder,
                         type: "text",
-                        value: valueWithEmptyStringFallback
+                        value: valueWithEmptyStringFallback,
+                        autoFocus: autoFocus
                     });
                 }
             case 'password':