@strapi/content-type-builder 5.57.0 → 5.59.0

package/dist/admin/components/DataManager/DataManagerProvider.mjs

@@ -17,9 +17,9 @@ import { useCTBTracking } from '../CTBSession/useCTBTracking.mjs';
 import { useFormModalNavigation } from '../FormModalNavigation/useFormModalNavigation.mjs';
 import { DataManagerContext } from './DataManagerContext.mjs';
 import { initialState, actions } from './reducer.mjs';
-import { RenameMigrationModal, toPendingRename, filterRenamesByAcceptedChains, shouldPromptForRenamesBeforeSave, collectPendingRenames, applyRenameDecisions } from './RenameMigrationModal.mjs';
+import { shouldPromptForRenamesBeforeSave, collectPendingRenames, applyRenameDecisions, toPendingRename, filterRenamesByAcceptedChains, RenameMigrationModal } from './RenameMigrationModal.mjs';
 import { useServerRestartWatcher } from './useServerRestartWatcher.mjs';
-import { sortContentType, stateToRequestData } from './utils/cleanData.mjs';
+import { stateToRequestData, sortContentType } from './utils/cleanData.mjs';
 import { fromServerFile, generateGroupId } from './utils/contentStructure.mjs';
 import { groupRenameChains } from './utils/groupRenameChains.mjs';
 import { resolveAfterEditRenameConsent } from './utils/resolveAfterEditRenameConsent.mjs';
@@ -183,10 +183,12 @@ const DataManagerProvider = ({ children })=>{
         const appNestedCompo = retrieveNestedComponents(components);
         return appNestedCompo;
     };
-    const updatePermissions = async ()=>{
+    const updatePermissions = React.useCallback(async ()=>{
         await refetchPermissions();
-    };
-    const requestRenameDecision = async (renames)=>{
+    }, [
+        refetchPermissions
+    ]);
+    const requestRenameDecision = React.useCallback(async (renames)=>{
         const acceptedKeys = await new Promise((resolve)=>{
             setRenameModal({
                 renames,
@@ -195,8 +197,8 @@ const DataManagerProvider = ({ children })=>{
         });
         setRenameModal(null);
         return acceptedKeys;
-    };
-    const saveSchema = async ()=>{
+    }, []);
+    const saveSchema = React.useCallback(async ()=>{
         setIsSaving(true);
         const PluginForms = plugin?.apis?.forms;
         const mutatedCTs = Object.entries(state.current.contentTypes).reduce((acc, [uid, contentType])=>{
@@ -281,7 +283,24 @@ const DataManagerProvider = ({ children })=>{
                 ctbSessionId
             });
         }
-    };
+    }, [
+        ctbSessionId,
+        dispatch,
+        dispatchGuidedTour,
+        fetchClient,
+        formatMessage,
+        initialContentTypes,
+        lockAppWithAutoreload,
+        plugin,
+        regenerateSessionId,
+        requestRenameDecision,
+        serverRestartWatcher,
+        state,
+        toggleNotification,
+        trackUsage,
+        unlockAppWithAutoreload,
+        updatePermissions
+    ]);
     const componentsThatHaveOtherComponentInTheirAttributes = React.useMemo(()=>{
         return getAllComponentsThatHaveAComponentInTheirAttributes(components);
     }, [
@@ -309,284 +328,307 @@ const DataManagerProvider = ({ children })=>{
     }, [
         contentTypes
     ]);
-    const context = {
-        componentsThatHaveOtherComponentInTheirAttributes,
-        nestedComponents,
-        saveSchema,
-        reservedNames,
-        components,
-        contentTypes,
-        initialComponents,
-        initialContentTypes,
-        contentStructure,
-        isSaving,
-        isModified,
-        isInDevelopmentMode,
-        allComponentsCategories,
-        componentsGroupedByCategory,
-        sortedContentTypesList,
-        isLoading,
-        attributeRenameMigrationMode: renameMigrationModeRef.current,
-        addAttribute (payload) {
-            dispatch(actions.addAttribute({
-                ...payload,
-                attributeToSet: payload.attributeToSet
-            }));
-        },
-        editAttribute (payload) {
-            dispatch(actions.editAttribute({
-                ...payload,
-                attributeToSet: payload.attributeToSet
-            }));
-        },
-        addCustomFieldAttribute (payload) {
-            dispatch(actions.addCustomFieldAttribute({
-                ...payload,
-                attributeToSet: payload.attributeToSet
-            }));
-        },
-        editCustomFieldAttribute (payload) {
-            dispatch(actions.editCustomFieldAttribute({
-                ...payload,
-                attributeToSet: payload.attributeToSet
-            }));
-        },
-        async confirmAttributeRenameMigration ({ forTarget, uid, oldName, newName }) {
-            if (oldName === newName) {
-                return true;
-            }
-            const schema = forTarget === 'contentType' ? contentTypes[uid] : components[uid];
-            // A field that was never saved has no data to preserve: accept without
-            // prompting so neither name ends up in `declinedRenameNames`.
-            const initialAttribute = schema?.attributes.find((attribute)=>attribute.name === oldName);
-            if (initialAttribute?.status === 'NEW') {
-                return true;
-            }
-            // Consent inherits along a chain: a hop joining an accepted chain is
-            // accepted, one touching a declined name is declined, neither prompts.
-            const consent = resolveAfterEditRenameConsent({
-                renames: schema?.renames ?? [],
-                declinedRenameNames: schema?.declinedRenameNames ?? [],
-                oldName,
-                newName,
-                mode: renameMigrationModeRef.current
-            });
-            if (consent !== 'prompt') {
-                return consent === 'accept';
-            }
-            const key = `${uid}:edit`;
-            const acceptedKeys = await requestRenameDecision([
-                {
-                    key,
-                    uid,
-                    typeName: schema?.info.displayName ?? uid,
-                    pairs: [
-                        {
-                            oldName,
-                            newName
-                        }
-                    ],
-                    via: []
+    const context = React.useMemo(()=>({
+            componentsThatHaveOtherComponentInTheirAttributes,
+            nestedComponents,
+            saveSchema,
+            reservedNames,
+            components,
+            contentTypes,
+            initialComponents,
+            initialContentTypes,
+            contentStructure,
+            isSaving,
+            isModified,
+            isInDevelopmentMode,
+            allComponentsCategories,
+            componentsGroupedByCategory,
+            sortedContentTypesList,
+            isLoading,
+            attributeRenameMigrationMode: renameMigrationModeRef.current,
+            addAttribute (payload) {
+                dispatch(actions.addAttribute({
+                    ...payload,
+                    attributeToSet: payload.attributeToSet
+                }));
+            },
+            editAttribute (payload) {
+                dispatch(actions.editAttribute({
+                    ...payload,
+                    attributeToSet: payload.attributeToSet
+                }));
+            },
+            addCustomFieldAttribute (payload) {
+                dispatch(actions.addCustomFieldAttribute({
+                    ...payload,
+                    attributeToSet: payload.attributeToSet
+                }));
+            },
+            editCustomFieldAttribute (payload) {
+                dispatch(actions.editCustomFieldAttribute({
+                    ...payload,
+                    attributeToSet: payload.attributeToSet
+                }));
+            },
+            async confirmAttributeRenameMigration ({ forTarget, uid, oldName, newName }) {
+                if (oldName === newName) {
+                    return true;
                 }
-            ]);
-            if (acceptedKeys === null) {
-                return null;
-            }
-            return acceptedKeys.has(key);
-        },
-        addCreatedComponentToDynamicZone (payload) {
-            dispatch(actions.addCreatedComponentToDynamicZone(payload));
-        },
-        createSchema (payload) {
-            const { folder, ...rest } = payload;
-            dispatch(actions.createSchema({
-                ...rest,
-                folder: toFolderAssignment(folder)
-            }));
-        },
-        createComponentSchema ({ data, uid, componentCategory }) {
-            dispatch(actions.createComponentSchema({
-                data,
-                uid,
-                componentCategory
-            }));
-        },
-        changeDynamicZoneComponents ({ forTarget, targetUid, dynamicZoneTarget, newComponents }) {
-            dispatch(actions.changeDynamicZoneComponents({
-                forTarget,
-                targetUid,
-                dynamicZoneTarget,
-                newComponents
-            }));
-        },
-        removeAttribute (payload) {
-            if (payload.forTarget === 'contentType') {
-                // Note: willDeleteFieldOfContentType doesn't accept properties
-                trackUsage('willDeleteFieldOfContentType');
-            }
-            dispatch(actions.removeField(payload));
-        },
-        removeComponentFromDynamicZone (payload) {
-            dispatch(actions.removeComponentFromDynamicZone(payload));
-        },
-        deleteComponent (uid) {
-            const userConfirm = window.confirm(formatMessage({
-                id: getTrad(`popUpWarning.bodyMessage.component.delete`)
-            }));
-            if (userConfirm) {
-                onCloseModal();
-                dispatch(actions.deleteComponent(uid));
-            }
-        },
-        deleteContentType (uid) {
-            const userConfirm = window.confirm(formatMessage({
-                id: getTrad(`popUpWarning.bodyMessage.contentType.delete`)
-            }));
-            if (userConfirm) {
-                onCloseModal();
-                dispatch(actions.deleteContentType(uid));
-            }
-        },
-        createFolder ({ section, name, parentId }) {
-            dispatch(actions.createFolder({
-                section,
-                name,
-                parentId,
-                id: generateGroupId()
-            }));
-        },
-        renameFolder (payload) {
-            dispatch(actions.renameFolder(payload));
-        },
-        moveFolder (payload) {
-            dispatch(actions.moveFolder(payload));
-        },
-        deleteFolderOnly (payload) {
-            dispatch(actions.deleteFolderOnly(payload));
-        },
-        deleteFolderAndContent ({ section, id, contentTypeUids }) {
-            dispatch(actions.deleteFolderAndContent({
-                section,
-                id,
-                contentTypeUids
-            }));
-        },
-        assignContentTypeToFolder (payload) {
-            dispatch(actions.assignContentTypeToFolder(payload));
-        },
-        reorderFolderChildren (payload) {
-            dispatch(actions.reorderFolderChildren(payload));
-        },
-        updateComponentSchema ({ data, componentUID }) {
-            dispatch(actions.updateComponentSchema({
-                data,
-                uid: componentUID
-            }));
-        },
-        updateComponentUid ({ componentUID, newComponentUID }) {
-            dispatch(actions.updateComponentUid({
-                uid: componentUID,
-                newComponentUID
-            }));
-        },
-        updateSchema (args) {
-            const { folder, ...rest } = args;
-            dispatch(actions.updateSchema({
-                ...rest,
-                folder: toFolderAssignment(folder)
-            }));
-        },
-        moveAttribute (args) {
-            dispatch(actions.moveAttribute(args));
-        },
-        async applyChange ({ action, schema }) {
-            const renames = schema.renames ?? [];
-            if (action !== 'update' || renames.length === 0) {
-                dispatch(actions.applyChange({
-                    action,
-                    schema
+                const schema = forTarget === 'contentType' ? contentTypes[uid] : components[uid];
+                // A field that was never saved has no data to preserve: accept without
+                // prompting so neither name ends up in `declinedRenameNames`.
+                const initialAttribute = schema?.attributes.find((attribute)=>attribute.name === oldName);
+                if (initialAttribute?.status === 'NEW') {
+                    return true;
+                }
+                // Consent inherits along a chain: a hop joining an accepted chain is
+                // accepted, one touching a declined name is declined, neither prompts.
+                const consent = resolveAfterEditRenameConsent({
+                    renames: schema?.renames ?? [],
+                    declinedRenameNames: schema?.declinedRenameNames ?? [],
+                    oldName,
+                    newName,
+                    mode: renameMigrationModeRef.current
+                });
+                if (consent !== 'prompt') {
+                    return consent === 'accept';
+                }
+                const key = `${uid}:edit`;
+                const acceptedKeys = await requestRenameDecision([
+                    {
+                        key,
+                        uid,
+                        typeName: schema?.info.displayName ?? uid,
+                        pairs: [
+                            {
+                                oldName,
+                                newName
+                            }
+                        ],
+                        via: []
+                    }
+                ]);
+                if (acceptedKeys === null) {
+                    return null;
+                }
+                return acceptedKeys.has(key);
+            },
+            addCreatedComponentToDynamicZone (payload) {
+                dispatch(actions.addCreatedComponentToDynamicZone(payload));
+            },
+            createSchema (payload) {
+                const { folder, ...rest } = payload;
+                dispatch(actions.createSchema({
+                    ...rest,
+                    folder: toFolderAssignment(folder)
                 }));
-                return true;
-            }
-            const mode = renameMigrationModeRef.current;
-            if (mode === 'never') {
-                dispatch(actions.applyChange({
-                    action,
-                    schema: omit(schema, [
-                        'renames'
-                    ])
+            },
+            createComponentSchema ({ data, uid, componentCategory }) {
+                dispatch(actions.createComponentSchema({
+                    data,
+                    uid,
+                    componentCategory
                 }));
-                return true;
-            }
-            // 'always' | 'prompt-before-save': the before-save modal decides per chain.
-            if (mode !== 'prompt-after-edit') {
-                dispatch(actions.applyChange({
-                    action,
-                    schema
+            },
+            changeDynamicZoneComponents ({ forTarget, targetUid, dynamicZoneTarget, newComponents }) {
+                dispatch(actions.changeDynamicZoneComponents({
+                    forTarget,
+                    targetUid,
+                    dynamicZoneTarget,
+                    newComponents
                 }));
-                return true;
-            }
-            // 'prompt-after-edit': decide per chain now, inheriting consent already
-            // given (or refused) for the hops recorded on the type.
-            const existing = schema.modelType === 'contentType' ? contentTypes[schema.uid] : components[schema.uid];
-            const chains = groupRenameChains(schema.uid, renames);
-            const { keep, prompt } = splitChainsByInheritedConsent({
-                recorded: existing?.renames ?? [],
-                declinedRenameNames: existing?.declinedRenameNames ?? [],
-                chains,
-                renames
-            });
-            const accepted = new Set(keep.map((chain)=>chain.id));
-            if (prompt.length > 0) {
-                const typeName = schema.info?.displayName ?? schema.uid;
-                const decision = await requestRenameDecision(prompt.map((chain)=>toPendingRename(chain, renames, {
-                        uid: schema.uid,
-                        typeName
-                    })));
-                // The user cancelled: apply nothing.
-                if (decision === null) {
-                    return false;
+            },
+            removeAttribute (payload) {
+                if (payload.forTarget === 'contentType') {
+                    // Note: willDeleteFieldOfContentType doesn't accept properties
+                    trackUsage('willDeleteFieldOfContentType');
                 }
-                decision.forEach((id)=>accepted.add(id));
-            }
-            const declinedChains = chains.filter((chain)=>!accepted.has(chain.id));
-            const keptRenames = filterRenamesByAcceptedChains(schema.uid, renames, accepted);
-            const declinedRenameNames = uniq([
-                ...schema.declinedRenameNames ?? [],
-                ...namesOfChains(declinedChains, renames)
-            ]);
-            dispatch(actions.applyChange({
-                action,
-                schema: {
-                    ...omit(schema, [
-                        'renames',
-                        'declinedRenameNames'
-                    ]),
-                    ...keptRenames.length > 0 ? {
-                        renames: keptRenames
-                    } : {},
-                    ...declinedRenameNames.length > 0 ? {
-                        declinedRenameNames
-                    } : {}
+                dispatch(actions.removeField(payload));
+            },
+            removeComponentFromDynamicZone (payload) {
+                dispatch(actions.removeComponentFromDynamicZone(payload));
+            },
+            deleteComponent (uid) {
+                const userConfirm = window.confirm(formatMessage({
+                    id: getTrad(`popUpWarning.bodyMessage.component.delete`)
+                }));
+                if (userConfirm) {
+                    onCloseModal();
+                    dispatch(actions.deleteComponent(uid));
                 }
-            }));
-            return true;
-        },
-        history: {
-            undo () {
-                dispatch(actions.undo());
             },
-            redo () {
-                dispatch(actions.redo());
+            deleteContentType (uid) {
+                const userConfirm = window.confirm(formatMessage({
+                    id: getTrad(`popUpWarning.bodyMessage.contentType.delete`)
+                }));
+                if (userConfirm) {
+                    onCloseModal();
+                    dispatch(actions.deleteContentType(uid));
+                }
             },
-            discardAllChanges () {
-                dispatch(actions.discardAll());
+            createFolder ({ section, name, parentId }) {
+                dispatch(actions.createFolder({
+                    section,
+                    name,
+                    parentId,
+                    id: generateGroupId()
+                }));
             },
-            canUndo: state.past.length > 0,
-            canRedo: state.future.length > 0,
-            canDiscardAll: isModified
-        }
-    };
+            renameFolder (payload) {
+                dispatch(actions.renameFolder(payload));
+            },
+            moveFolder (payload) {
+                dispatch(actions.moveFolder(payload));
+            },
+            deleteFolderOnly (payload) {
+                dispatch(actions.deleteFolderOnly(payload));
+            },
+            deleteFolderAndContent ({ section, id, contentTypeUids }) {
+                dispatch(actions.deleteFolderAndContent({
+                    section,
+                    id,
+                    contentTypeUids
+                }));
+            },
+            assignContentTypeToFolder (payload) {
+                dispatch(actions.assignContentTypeToFolder(payload));
+            },
+            reorderFolderChildren (payload) {
+                dispatch(actions.reorderFolderChildren(payload));
+            },
+            updateComponentSchema ({ data, componentUID }) {
+                dispatch(actions.updateComponentSchema({
+                    data,
+                    uid: componentUID
+                }));
+            },
+            updateComponentUid ({ componentUID, newComponentUID }) {
+                dispatch(actions.updateComponentUid({
+                    uid: componentUID,
+                    newComponentUID
+                }));
+            },
+            updateSchema (args) {
+                const { folder, ...rest } = args;
+                dispatch(actions.updateSchema({
+                    ...rest,
+                    folder: toFolderAssignment(folder)
+                }));
+            },
+            moveAttribute (args) {
+                dispatch(actions.moveAttribute(args));
+            },
+            async applyChange ({ action, schema }) {
+                const renames = schema.renames ?? [];
+                if (action !== 'update' || renames.length === 0) {
+                    dispatch(actions.applyChange({
+                        action,
+                        schema
+                    }));
+                    return true;
+                }
+                const mode = renameMigrationModeRef.current;
+                if (mode === 'never') {
+                    dispatch(actions.applyChange({
+                        action,
+                        schema: omit(schema, [
+                            'renames'
+                        ])
+                    }));
+                    return true;
+                }
+                // 'always' | 'prompt-before-save': the before-save modal decides per chain.
+                if (mode !== 'prompt-after-edit') {
+                    dispatch(actions.applyChange({
+                        action,
+                        schema
+                    }));
+                    return true;
+                }
+                // 'prompt-after-edit': decide per chain now, inheriting consent already
+                // given (or refused) for the hops recorded on the type.
+                const existing = schema.modelType === 'contentType' ? contentTypes[schema.uid] : components[schema.uid];
+                const chains = groupRenameChains(schema.uid, renames);
+                const { keep, prompt } = splitChainsByInheritedConsent({
+                    recorded: existing?.renames ?? [],
+                    declinedRenameNames: existing?.declinedRenameNames ?? [],
+                    chains,
+                    renames
+                });
+                const accepted = new Set(keep.map((chain)=>chain.id));
+                if (prompt.length > 0) {
+                    const typeName = schema.info?.displayName ?? schema.uid;
+                    const decision = await requestRenameDecision(prompt.map((chain)=>toPendingRename(chain, renames, {
+                            uid: schema.uid,
+                            typeName
+                        })));
+                    // The user cancelled: apply nothing.
+                    if (decision === null) {
+                        return false;
+                    }
+                    decision.forEach((id)=>accepted.add(id));
+                }
+                const declinedChains = chains.filter((chain)=>!accepted.has(chain.id));
+                const keptRenames = filterRenamesByAcceptedChains(schema.uid, renames, accepted);
+                const declinedRenameNames = uniq([
+                    ...schema.declinedRenameNames ?? [],
+                    ...namesOfChains(declinedChains, renames)
+                ]);
+                dispatch(actions.applyChange({
+                    action,
+                    schema: {
+                        ...omit(schema, [
+                            'renames',
+                            'declinedRenameNames'
+                        ]),
+                        ...keptRenames.length > 0 ? {
+                            renames: keptRenames
+                        } : {},
+                        ...declinedRenameNames.length > 0 ? {
+                            declinedRenameNames
+                        } : {}
+                    }
+                }));
+                return true;
+            },
+            history: {
+                undo () {
+                    dispatch(actions.undo());
+                },
+                redo () {
+                    dispatch(actions.redo());
+                },
+                discardAllChanges () {
+                    dispatch(actions.discardAll());
+                },
+                canUndo: state.past.length > 0,
+                canRedo: state.future.length > 0,
+                canDiscardAll: isModified
+            }
+        }), [
+        allComponentsCategories,
+        components,
+        componentsGroupedByCategory,
+        componentsThatHaveOtherComponentInTheirAttributes,
+        contentStructure,
+        contentTypes,
+        dispatch,
+        formatMessage,
+        initialComponents,
+        initialContentTypes,
+        isInDevelopmentMode,
+        isLoading,
+        isModified,
+        isSaving,
+        nestedComponents,
+        onCloseModal,
+        requestRenameDecision,
+        reservedNames,
+        saveSchema,
+        sortedContentTypesList,
+        state,
+        trackUsage
+    ]);
     return /*#__PURE__*/ jsxs(DataManagerContext.Provider, {
         value: context,
         children: [