strapi-plugin-navigation 2.0.13 → 2.1.0

package/admin/src/pages/DataManagerProvider/index.js

@@ -1,309 +1,327 @@
-import React, { memo, useEffect, useReducer, useRef } from "react";
-import { useLocation, useRouteMatch } from "react-router-dom";
-import { useIntl } from 'react-intl';
-import PropTypes from "prop-types";
-import { get, find, first, isEmpty } from "lodash";
-import {
-  request,
-  LoadingIndicatorPage,
-  useNotification,
-  useAppInfos,
-} from "@strapi/helper-plugin";
-import DataManagerContext from "../../contexts/DataManagerContext";
-import getTrad from "../../utils/getTrad";
-import pluginId from "../../pluginId";
-import init from "./init";
-import reducer, { initialState } from "./reducer";
-import {
-  GET_NAVIGATION_DATA,
-  GET_NAVIGATION_DATA_SUCCEEDED,
-  GET_LIST_DATA,
-  GET_LIST_DATA_SUCCEEDED,
-  CHANGE_NAVIGATION_POPUP_VISIBILITY,
-  CHANGE_NAVIGATION_ITEM_POPUP_VISIBILITY,
-  RESET_NAVIGATION_DATA,
-  CHANGE_NAVIGATION_DATA,
-  GET_CONFIG,
-  GET_CONFIG_SUCCEEDED,
-  GET_CONTENT_TYPE_ITEMS_SUCCEEDED,
-  GET_CONTENT_TYPE_ITEMS,
-  SUBMIT_NAVIGATION,
-  SUBMIT_NAVIGATION_SUCCEEDED,
-  SUBMIT_NAVIGATION_ERROR,
-} from './actions';
-import { prepareItemToViewPayload } from '../View/utils/parsers';
-
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const react_intl_1 = require("react-intl");
+const prop_types_1 = __importDefault(require("prop-types"));
+const lodash_1 = require("lodash");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const DataManagerContext_1 = __importDefault(require("../../contexts/DataManagerContext"));
+const getTrad_1 = __importDefault(require("../../utils/getTrad"));
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const init_1 = __importDefault(require("./init"));
+const reducer_1 = __importStar(require("./reducer"));
+const actions_1 = require("./actions");
+const parsers_1 = require("../View/utils/parsers");
+const utils_1 = require("../../utils");
+const i18nAwareItems = ({ items, config }) => config.i18nEnabled ? items.filter(({ localeCode }) => localeCode === config.defaultLocale) : items;
 const DataManagerProvider = ({ children }) => {
-  const [reducerState, dispatch] = useReducer(reducer, initialState, init);
-  const toggleNotification = useNotification();
-  const { autoReload } = useAppInfos();
-  const { formatMessage } = useIntl();
-
-  const {
-    items,
-    config,
-    activeItem,
-    initialData,
-    changedActiveItem,
-    navigationPopupOpened,
-    navigationItemPopupOpened,
-    isLoading,
-    isLoadingForDataToBeSet,
-    isLoadingForDetailsDataToBeSet,
-    isLoadingForAdditionalDataToBeSet,
-    isLoadingForSubmit,
-    error
-  } = reducerState;
-  const { pathname } = useLocation();
-  const formatMessageRef = useRef();
-  formatMessageRef.current = formatMessage;
-
-  const getLayoutSettingRef = useRef();
-  getLayoutSettingRef.current = (settingName) =>
-    get({}, ["settings", settingName], "");
-
-  const isInDevelopmentMode = autoReload;
-
-  const abortController = new AbortController();
-  const { signal } = abortController;
-  const getDataRef = useRef();
-
-  const menuViewMatch = useRouteMatch(`/plugins/${pluginId}/:id`);
-  const activeId = get(menuViewMatch, "params.id", null);
-
-  const getNavigation = async (id, cfg) => {
-    try {
-      if (activeId || id) {
+    const [reducerState, dispatch] = (0, react_1.useReducer)(reducer_1.default, reducer_1.initialState, init_1.default);
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const { autoReload } = (0, helper_plugin_1.useAppInfos)();
+    const { formatMessage } = (0, react_intl_1.useIntl)();
+    const { items, config, activeItem, initialData, changedActiveItem, navigationPopupOpened, navigationItemPopupOpened, isLoading, isLoadingForDataToBeSet, isLoadingForDetailsDataToBeSet, isLoadingForAdditionalDataToBeSet, isLoadingForSubmit, error, availableLocale, } = reducerState;
+    const { pathname } = (0, react_router_dom_1.useLocation)();
+    const formatMessageRef = (0, react_1.useRef)();
+    formatMessageRef.current = formatMessage;
+    const getLayoutSettingRef = (0, react_1.useRef)();
+    getLayoutSettingRef.current = (settingName) => (0, lodash_1.get)({}, ["settings", settingName], "");
+    const isInDevelopmentMode = autoReload;
+    const abortController = new AbortController();
+    const { signal } = abortController;
+    const getDataRef = (0, react_1.useRef)();
+    const menuViewMatch = (0, react_router_dom_1.useRouteMatch)(`/plugins/${pluginId_1.default}/:id`);
+    const activeId = (0, lodash_1.get)(menuViewMatch, "params.id", null);
+    const passedActiveItems = (0, react_1.useMemo)(() => {
+        return i18nAwareItems({ config, items });
+    }, [config, items]);
+    const getNavigation = async (id, navigationConfig) => {
+        try {
+            if (activeId || id) {
+                dispatch({
+                    type: actions_1.GET_NAVIGATION_DATA,
+                });
+                const activeItem = await (0, helper_plugin_1.request)(`/${pluginId_1.default}/${activeId || id}`, {
+                    method: "GET",
+                    signal,
+                });
+                dispatch({
+                    type: actions_1.GET_NAVIGATION_DATA_SUCCEEDED,
+                    activeItem: {
+                        ...activeItem,
+                        items: (0, parsers_1.prepareItemToViewPayload)({
+                            config: navigationConfig,
+                            items: activeItem.items,
+                        }),
+                    },
+                });
+            }
+        }
+        catch (err) {
+            console.error({ err });
+            toggleNotification({
+                type: 'warning',
+                message: { id: (0, getTrad_1.default)('notification.error') },
+            });
+        }
+    };
+    getDataRef.current = async (id) => {
+        try {
+            dispatch({
+                type: actions_1.GET_CONFIG,
+            });
+            const config = await (0, helper_plugin_1.request)(`/${pluginId_1.default}/config`, {
+                method: "GET",
+                signal,
+            });
+            dispatch({
+                type: actions_1.GET_CONFIG_SUCCEEDED,
+                config,
+            });
+            dispatch({
+                type: actions_1.GET_LIST_DATA,
+            });
+            const items = await (0, helper_plugin_1.request)(`/${pluginId_1.default}`, {
+                method: "GET",
+                signal,
+            });
+            dispatch({
+                type: actions_1.GET_LIST_DATA_SUCCEEDED,
+                items,
+            });
+            if (id || !(0, lodash_1.isEmpty)(items)) {
+                await getNavigation(id || (0, lodash_1.first)(i18nAwareItems({ items, config })).id, config);
+            }
+        }
+        catch (err) {
+            console.error({ err });
+            toggleNotification({
+                type: 'warning',
+                message: { id: (0, getTrad_1.default)('notification.error') },
+            });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        getDataRef.current();
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!isLoading) {
+            getNavigation();
+        }
+    }, [isLoading, pathname]);
+    (0, react_1.useEffect)(() => {
+        if (!autoReload) {
+            toggleNotification({
+                type: 'info',
+                message: { id: (0, getTrad_1.default)('notification.info.autoreaload-disable') },
+            });
+        }
+    }, [autoReload]);
+    const getContentTypeItems = async ({ modelUID, query, locale }) => {
         dispatch({
-          type: GET_NAVIGATION_DATA,
+            type: actions_1.GET_CONTENT_TYPE_ITEMS,
         });
-
-        const activeItem = await request(`/${pluginId}/${activeId || id}`, {
-          method: "GET",
-          signal,
+        const url = `/navigation/content-type-items/${modelUID}`;
+        const queryParams = new URLSearchParams();
+        queryParams.append('_publicationState', 'preview');
+        if (query) {
+            queryParams.append('_q', query);
+        }
+        if (locale) {
+            queryParams.append('localeCode', locale);
+        }
+        const contentTypeItems = await (0, helper_plugin_1.request)(`${url}?${queryParams.toString()}`, {
+            method: "GET",
+            signal,
         });
-
+        const fetchedContentType = (0, lodash_1.find)(config.contentTypes, ct => ct.uid === modelUID);
+        const isArray = Array.isArray(contentTypeItems);
         dispatch({
-          type: GET_NAVIGATION_DATA_SUCCEEDED,
-          activeItem: {
-            ...activeItem,
-            items: prepareItemToViewPayload(activeItem.items, null, cfg),
-          },
+            type: actions_1.GET_CONTENT_TYPE_ITEMS_SUCCEEDED,
+            contentTypeItems: (isArray ? contentTypeItems : [contentTypeItems]).map(item => ({
+                ...item,
+                __collectionUid: (0, lodash_1.get)(fetchedContentType, 'collectionUid', modelUID),
+            })),
         });
-      }
-    } catch (err) {
-      console.error({ err });
-      toggleNotification({
-        type: 'warning',
-        message: { id: getTrad('notification.error') },
-      });
-    }
-  };
-
-  getDataRef.current = async (id) => {
-    try {
-      dispatch({
-        type: GET_CONFIG,
-      });
-      const config = await request(`/${pluginId}/config`, {
-        method: "GET",
-        signal,
-      });
-      dispatch({
-        type: GET_CONFIG_SUCCEEDED,
-        config,
-      });
-
-      dispatch({
-        type: GET_LIST_DATA,
-      });
-      const items = await request(`/${pluginId}`, {
-        method: "GET",
+    };
+    const handleChangeSelection = (id) => {
+        getNavigation(id, config);
+    };
+    const handleLocalizationSelection = (id) => {
+        getNavigation(id, config);
+    };
+    const handleI18nCopy = async (sourceId, targetId) => {
+        dispatch({
+            type: actions_1.I18N_COPY_NAVIGATION
+        });
+        const url = `/navigation/i18n/copy/${sourceId}/${targetId}`;
+        await (0, helper_plugin_1.request)(url, {
+            method: "PUT",
+            signal,
+        });
+        dispatch({
+            type: actions_1.I18N_COPY_NAVIGATION_SUCCESS,
+        });
+        handleChangeSelection(targetId);
+    };
+    const readNavigationItemFromLocale = async ({ locale, structureId }) => {
+        try {
+            const source = changedActiveItem.localizations?.find((navigation) => navigation.locale === locale);
+            if (!source) {
+                return (0, utils_1.errorStatusResourceFor)(['popup.item.form.i18n.locale.error.unavailable']);
+            }
+            const url = `/navigation/i18n/item/read/${source.id}/${changedActiveItem.id}?path=${structureId}`;
+            return (0, utils_1.resolvedResourceFor)(await (0, helper_plugin_1.request)(url, {
+                method: "GET",
+                signal,
+            }));
+        }
+        catch (error) {
+            let messageKey;
+            if (error instanceof Error) {
+                messageKey = (0, lodash_1.get)(error, 'response.payload.error.details.messageKey');
+            }
+            return (0, utils_1.errorStatusResourceFor)([messageKey ?? 'popup.item.form.i18n.locale.error.generic']);
+        }
+    };
+    const handleChangeNavigationPopupVisibility = (visible) => {
+        dispatch({
+            type: actions_1.CHANGE_NAVIGATION_POPUP_VISIBILITY,
+            navigationPopupOpened: visible,
+        });
+    };
+    const handleChangeNavigationItemPopupVisibility = (visible) => {
+        dispatch({
+            type: actions_1.CHANGE_NAVIGATION_ITEM_POPUP_VISIBILITY,
+            navigationItemPopupOpened: visible,
+        });
+    };
+    const handleChangeNavigationData = (payload, forceClosePopups) => {
+        dispatch({
+            type: actions_1.CHANGE_NAVIGATION_DATA,
+            changedActiveItem: payload,
+            forceClosePopups,
+        });
+    };
+    const handleResetNavigationData = () => {
+        dispatch({
+            type: actions_1.RESET_NAVIGATION_DATA,
+            activeItem,
+        });
+    };
+    const handleSubmitNavigation = async (formatMessage, payload = {}) => {
+        try {
+            dispatch({
+                type: actions_1.SUBMIT_NAVIGATION,
+            });
+            const nagivationId = payload.id ? `/${payload.id}` : "";
+            const method = payload.id ? "PUT" : "POST";
+            const navigation = await (0, helper_plugin_1.request)(`/${pluginId_1.default}${nagivationId}`, {
+                method,
+                signal,
+                body: payload,
+            });
+            dispatch({
+                type: actions_1.SUBMIT_NAVIGATION_SUCCEEDED,
+                navigation: {
+                    ...navigation,
+                    items: (0, parsers_1.prepareItemToViewPayload)({
+                        config,
+                        items: navigation.items,
+                    }),
+                },
+            });
+            toggleNotification({
+                type: 'success',
+                message: { id: (0, getTrad_1.default)('notification.navigation.submit') },
+            });
+        }
+        catch (err) {
+            dispatch({
+                type: actions_1.SUBMIT_NAVIGATION_ERROR,
+                error: err.response.payload.data
+            });
+            console.error({ err: err.response });
+            if (err.response.payload.data && err.response.payload.data.errorTitles) {
+                return toggleNotification({
+                    type: 'warning',
+                    message: {
+                        id: formatMessage((0, getTrad_1.default)('notification.navigation.error'), { ...err.response.payload.data, errorTitles: err.response.payload.data.errorTitles.join(' and ') })
+                    },
+                });
+            }
+            toggleNotification({
+                type: 'warning',
+                message: { id: (0, getTrad_1.default)('notification.error') },
+            });
+        }
+    };
+    const handleNavigationsDeletion = async (ids) => Promise.all(ids.map((id) => handleNavigationDeletion(id)));
+    const handleNavigationDeletion = (id) => (0, helper_plugin_1.request)(`/${pluginId_1.default}/${id}`, {
+        method: "DELETE",
         signal,
-      });
-
-      dispatch({
-        type: GET_LIST_DATA_SUCCEEDED,
-        items,
-      });
-
-      if (id || !isEmpty(items)) {
-        await getNavigation(id || first(items).id, config);
-      }
-    } catch (err) {
-      console.error({ err });
-      toggleNotification({
-        type: 'warning',
-        message: { id: getTrad('notification.error') },
-      });
-    }
-  };
-
-  useEffect(() => {
-    getDataRef.current();
-  }, []);
-
-  useEffect(() => {
-    // We need to set the modifiedData after the data has been retrieved
-    // and also on pathname change
-    if (!isLoading) {
-      getNavigation();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isLoading, pathname]);
-
-  useEffect(() => {
-    if (!autoReload) {
-      toggleNotification({
-        type: 'info',
-        message: { id: getTrad('notification.info.autoreaload-disable') },
-      });
-    }
-  }, [autoReload]);
-
-  const getContentTypeItems = async ({ modelUID, query }) => {
-    dispatch({
-      type: GET_CONTENT_TYPE_ITEMS,
-    });
-    const url =`/navigation/content-type-items/${modelUID}`;
-    const queryParams = new URLSearchParams();
-    queryParams.append('_publicationState', 'preview');
-    if (query) {
-      queryParams.append('_q', query);
-    }
-
-    const contentTypeItems = await request(`${url}?${queryParams.toString()}`, {
-      method: "GET",
-      signal,
-    });
-
-    const fetchedContentType = find(config.contentTypes, ct => ct.uid === modelUID);
-    const isArray = Array.isArray(contentTypeItems);
-    dispatch({
-      type: GET_CONTENT_TYPE_ITEMS_SUCCEEDED,
-      contentTypeItems: (isArray ? contentTypeItems : [contentTypeItems]).map(item => ({
-        ...item,
-        __collectionUid: get(fetchedContentType, 'collectionUid', modelUID),
-      })),
-    });
-  };
-
-  const handleChangeSelection = (id) => {
-    getNavigation(id, config);
-  };
-
-  const handleChangeNavigationPopupVisibility = (visible) => {
-    dispatch({
-      type: CHANGE_NAVIGATION_POPUP_VISIBILITY,
-      navigationPopupOpened: visible,
-    });
-  };
-
-  const handleChangeNavigationItemPopupVisibility = (visible) => {
-    dispatch({
-      type: CHANGE_NAVIGATION_ITEM_POPUP_VISIBILITY,
-      navigationItemPopupOpened: visible,
-    });
-  };
-
-  const handleChangeNavigationData = (payload, forceClosePopups) => {
-    dispatch({
-      type: CHANGE_NAVIGATION_DATA,
-      changedActiveItem: payload,
-      forceClosePopups,
-    });
-  };
-
-  const handleResetNavigationData = () => {
-    dispatch({
-      type: RESET_NAVIGATION_DATA,
-      activeItem,
     });
-  };
-
-  const handleSubmitNavigation = async (formatMessage, payload = {}) => {
-     try {
-       dispatch({
-         type: SUBMIT_NAVIGATION,
-       });
-
-       const nagivationId = payload.id ? `/${payload.id}` : "";
-       const method = payload.id ? "PUT" : "POST";
-       const navigation = await request(`/${pluginId}${nagivationId}`, {
-         method,
-         signal,
-         body: payload,
-       });
-       dispatch({
-         type: SUBMIT_NAVIGATION_SUCCEEDED,
-         navigation: {
-           ...navigation,
-           items: prepareItemToViewPayload(navigation.items, null, config),
-         },
-       });
-       toggleNotification({
-         type: 'success',
-         message: { id: getTrad('notification.navigation.submit') },
-       });
-     } catch (err) {
-       dispatch({
-         type: SUBMIT_NAVIGATION_ERROR,
-         error: err.response.payload.data
-       });
-       console.error({ err: err.response });
-
-       if (err.response.payload.data && err.response.payload.data.errorTitles) {
-         return toggleNotification({
-           type: 'warning',
-           message: {
-             id: formatMessage(
-               getTrad('notification.navigation.error'),
-               { ...err.response.payload.data, errorTitles: err.response.payload.data.errorTitles.join(' and ') },
-             )
-           },
-         });
-       }
-       toggleNotification({
-         type: 'warning',
-         message: { id: getTrad('notification.error') },
-       });
-     }
-  };
-
-  return (
-    <DataManagerContext.Provider
-      value={{
-        items,
-        activeItem,
-        initialData,
-        changedActiveItem,
-        config,
-        navigationPopupOpened,
-        navigationItemPopupOpened,
-        isLoading:
-          isLoading ||
-          isLoadingForDataToBeSet ||
-          isLoadingForDetailsDataToBeSet,
-        isLoadingForAdditionalDataToBeSet,
-        isLoadingForSubmit,
-        handleChangeNavigationPopupVisibility,
-        handleChangeNavigationItemPopupVisibility,
-        handleChangeSelection,
-        handleChangeNavigationData,
-        handleResetNavigationData,
-        handleSubmitNavigation,
-        getContentTypeItems,
-        isInDevelopmentMode,
-        error,
-      }}
-    >
-      {isLoading ? <LoadingIndicatorPage /> : children}
-    </DataManagerContext.Provider>
-  );
+    const hardReset = () => {
+        return getDataRef.current();
+    };
+    return (react_1.default.createElement(DataManagerContext_1.default.Provider, { value: {
+            items: passedActiveItems,
+            activeItem,
+            initialData,
+            changedActiveItem,
+            config,
+            navigationPopupOpened,
+            navigationItemPopupOpened,
+            isLoading: isLoading ||
+                isLoadingForDataToBeSet ||
+                isLoadingForDetailsDataToBeSet,
+            isLoadingForAdditionalDataToBeSet,
+            isLoadingForSubmit,
+            handleChangeNavigationPopupVisibility,
+            handleChangeNavigationItemPopupVisibility,
+            handleChangeSelection,
+            handleLocalizationSelection,
+            handleChangeNavigationData,
+            handleResetNavigationData,
+            handleSubmitNavigation,
+            handleI18nCopy,
+            getContentTypeItems,
+            isInDevelopmentMode,
+            error,
+            availableLocale,
+            readNavigationItemFromLocale,
+            handleNavigationsDeletion,
+            hardReset,
+        } }, isLoading ? react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null) : children));
 };
-
 DataManagerProvider.propTypes = {
-  children: PropTypes.node.isRequired,
+    children: prop_types_1.default.node.isRequired,
 };
-
-export default memo(DataManagerProvider);
+exports.default = (0, react_1.memo)(DataManagerProvider);
+//# sourceMappingURL=index.js.map

package/admin/src/pages/DataManagerProvider/init.d.ts

@@ -0,0 +1,3 @@
+export default init;
+declare function init(initialState: any): any;
+//# sourceMappingURL=init.d.ts.map

package/admin/src/pages/DataManagerProvider/init.js

@@ -1,5 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 function init(initialState) {
-  return initialState;
+    return initialState;
 }
-
-export default init;
+exports.default = init;
+//# sourceMappingURL=init.js.map

package/admin/src/pages/DataManagerProvider/reducer.d.ts

@@ -0,0 +1,19 @@
+export default reducer;
+declare function reducer(state: any, action: any): any;
+export namespace initialState {
+    const items: never[];
+    const activeItem: undefined;
+    const changedActiveItem: undefined;
+    const navigationPopupOpened: boolean;
+    const navigationItemPopupOpened: boolean;
+    const config: {};
+    const isLoading: boolean;
+    const isLoadingForDataToBeSet: boolean;
+    const isLoadingForDetailsDataToBeSet: boolean;
+    const isLoadingForAdditionalDataToBeSet: boolean;
+    const isLoadingForSubmit: boolean;
+    const error: undefined;
+    const i18nEnabled: boolean;
+    const availableLocale: never[];
+}
+//# sourceMappingURL=reducer.d.ts.map