strapi-plugin-navigation 2.5.4 → 3.0.0-beta.1

package/admin/src/pages/View/components/NavigationManager/Form/index.js

@@ -1,103 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validationSchemaFactory = exports.Form = void 0;
-const Grid_1 = require("@strapi/design-system/Grid");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const formik_1 = require("formik");
-const react_1 = __importStar(require("react"));
-const yup = __importStar(require("yup"));
-const translations_1 = require("../../../../../translations");
-const lodash_1 = require("lodash");
-const Form = ({ navigation, onChange: onChangeBase, isLoading, validationSchema, }) => {
-    const initialValues = {
-        id: (0, lodash_1.get)(navigation, "id", ""),
-        name: (0, lodash_1.get)(navigation, "name", ""),
-    };
-    const onChange = (0, react_1.useCallback)(({ target: { name, value } }) => {
-        onChangeBase({
-            ...navigation,
-            [name]: value,
-        });
-    }, [onChangeBase, navigation]);
-    const [error, setError] = (0, react_1.useState)(null);
-    const errorProps = (0, react_1.useMemo)(() => ({
-        name: error?.path === "name" ? error.message : undefined,
-        visible: error?.path === "visible" ? error.message : undefined,
-    }), [error]);
-    (0, react_1.useEffect)(() => {
-        validationSchema
-            .validate(navigation)
-            .then(() => setError(null))
-            .catch(setError);
-    }, [navigation, validationSchema, setError]);
-    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, onSubmit: onChangeBase },
-        react_1.default.createElement(helper_plugin_1.Form, null,
-            react_1.default.createElement(Grid_1.Grid, { gap: 5 },
-                react_1.default.createElement(Grid_1.GridItem, { col: 6 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...formProps.name, name: "name", description: {
-                            id: (0, translations_1.getTradId)("popup.item.form.title.placeholder"),
-                            defaultMessage: "e.g. Blog",
-                        }, type: "text", error: errorProps.name, onChange: onChange, value: navigation.name, disabled: isLoading, required: true })),
-                react_1.default.createElement(Grid_1.GridItem, { col: 6 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...formProps.visible, name: "visible", type: "bool", error: errorProps.visible, onChange: onChange, value: navigation.visible, disabled: isLoading }))))));
-};
-exports.Form = Form;
-const formProps = {
-    name: {
-        intlLabel: {
-            id: (0, translations_1.getTradId)("popup.navigation.form.name.label"),
-            defaultMessage: "Name",
-        },
-        placeholder: {
-            id: (0, translations_1.getTradId)("popup.navigation.form.name.placeholder"),
-            defaultMessage: "Navigations's name",
-        },
-    },
-    visible: {
-        intlLabel: {
-            id: (0, translations_1.getTradId)("popup.navigation.form.visible.label"),
-            defaultMessage: "Visibility",
-        },
-    },
-};
-const validationSchemaFactory = (alreadyUsedNames, formatMessage) => yup.object({
-    name: yup
-        .string()
-        .notOneOf(alreadyUsedNames, formatMessage({
-        id: (0, translations_1.getTradId)("popup.navigation.form.validation.name.alreadyUsed"),
-    }))
-        .required(formatMessage({
-        id: (0, translations_1.getTradId)("popup.navigation.form.validation.name.required"),
-    }))
-        .min(2, formatMessage({
-        id: (0, translations_1.getTradId)("popup.navigation.form.validation.name.tooShort"),
-    })),
-    visible: yup.boolean().required(formatMessage({
-        id: (0, translations_1.getTradId)("popup.navigation.form.validation.visible.required"),
-    })),
-});
-exports.validationSchemaFactory = validationSchemaFactory;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/NavigationUpdate/index.js

@@ -1,59 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationUpdateFooter = exports.NavigationUpdate = void 0;
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
-const utils_1 = require("../../../../../utils");
-const Footer_1 = require("../Footer");
-const Form_1 = require("../Form");
-const NavigationUpdate = ({ alreadyUsedNames, current, isLoading, navigation: initialValue, setState, }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const onChange = (0, react_1.useCallback)((updated) => {
-        setState({
-            view: "EDIT",
-            alreadyUsedNames,
-            current: updated,
-            navigation: initialValue,
-        });
-    }, [setState, initialValue, alreadyUsedNames]);
-    const navigation = (0, react_1.useMemo)(() => current ?? initialValue, [current]);
-    const validationSchema = (0, react_1.useMemo)(() => (0, Form_1.validationSchemaFactory)(alreadyUsedNames, formatMessage), [alreadyUsedNames]);
-    return (react_1.default.createElement(Form_1.Form, { navigation: navigation, onChange: onChange, isLoading: isLoading, validationSchema: validationSchema }));
-};
-exports.NavigationUpdate = NavigationUpdate;
-const NavigationUpdateFooter = ({ state, onSubmit, onReset, }) => (react_1.default.createElement(Footer_1.FooterBase, { start: {
-        children: (0, utils_1.getMessage)("popup.item.form.button.cancel"),
-        disabled: state.isLoading,
-        onClick: onReset,
-        variant: "tertiary",
-    }, end: {
-        children: (0, utils_1.getMessage)("popup.navigation.manage.button.save"),
-        disabled: state.isLoading,
-        onClick: onSubmit,
-        variant: "secondary",
-    } }));
-exports.NavigationUpdateFooter = NavigationUpdateFooter;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/NewNavigation/index.js

@@ -1,62 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewNavigationFooter = exports.NewNavigation = exports.INITIAL_NAVIGATION = void 0;
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
-const utils_1 = require("../../../../../utils");
-const Footer_1 = require("../Footer");
-const Form_1 = require("../Form");
-exports.INITIAL_NAVIGATION = {
-    name: "Navigation",
-    items: [],
-    visible: true,
-};
-const NewNavigation = ({ setState, current, isLoading, alreadyUsedNames, }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const onSubmit = (0, react_1.useCallback)((updated) => {
-        setState({
-            view: "CREATE",
-            current: updated,
-            alreadyUsedNames,
-        });
-    }, [setState]);
-    const validationSchema = (0, react_1.useMemo)(() => (0, Form_1.validationSchemaFactory)(alreadyUsedNames, formatMessage), [alreadyUsedNames]);
-    return (react_1.default.createElement(Form_1.Form, { navigation: current, onChange: onSubmit, isLoading: isLoading, validationSchema: validationSchema }));
-};
-exports.NewNavigation = NewNavigation;
-const NewNavigationFooter = ({ state, onSubmit, onReset, }) => (react_1.default.createElement(Footer_1.FooterBase, { start: {
-        children: (0, utils_1.getMessage)("popup.item.form.button.cancel"),
-        variant: "tertiary",
-        disabled: state.isLoading,
-        onClick: onReset,
-    }, end: {
-        children: (0, utils_1.getMessage)("popup.navigation.manage.button.save"),
-        variant: "default",
-        disabled: state.isLoading,
-        onClick: onSubmit,
-    } }));
-exports.NewNavigationFooter = NewNavigationFooter;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/PurgeCacheConfirm/index.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PurgeCacheConfirmFooter = exports.PurgeCacheConfirm = void 0;
-const Flex_1 = require("@strapi/design-system/Flex");
-const Grid_1 = require("@strapi/design-system/Grid");
-const Typography_1 = require("@strapi/design-system/Typography");
-const fp_1 = require("lodash/fp");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../../../../utils");
-const Footer_1 = require("../Footer");
-const PurgeCacheConfirm = ({ navigations }) => (react_1.default.createElement(Grid_1.Grid, null,
-    react_1.default.createElement(Grid_1.GridItem, { col: 12, paddingBottom: 1 },
-        react_1.default.createElement(Flex_1.Flex, null,
-            react_1.default.createElement(Typography_1.Typography, { variant: "beta" }, (0, utils_1.getMessage)("popup.navigation.manage.purge.header")))),
-    react_1.default.createElement(Grid_1.GridItem, { col: 12, paddingBottom: 1 },
-        react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "semiBold" }, renderItems(navigations)))));
-exports.PurgeCacheConfirm = PurgeCacheConfirm;
-const PurgeCacheConfirmFooter = ({ state, onSubmit, onReset }) => (react_1.default.createElement(Footer_1.FooterBase, { start: {
-        children: (0, utils_1.getMessage)("popup.item.form.button.cancel"),
-        disabled: state.isLoading,
-        onClick: onReset,
-        variant: "tertiary",
-    }, end: {
-        children: (0, utils_1.getMessage)("popup.navigation.manage.footer.button.purge"),
-        disabled: state.isLoading,
-        onClick: onSubmit,
-        variant: "danger",
-    } }));
-exports.PurgeCacheConfirmFooter = PurgeCacheConfirmFooter;
-const renderItems = (navigations) => navigations.map((0, fp_1.prop)("name")).join(", ");
-//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/index.js

@@ -1,203 +0,0 @@
-"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 });
-exports.NavigationManager = void 0;
-const Flex_1 = require("@strapi/design-system/Flex");
-const Loader_1 = require("@strapi/design-system/Loader");
-const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
-const lodash_1 = require("lodash");
-const fp_1 = require("lodash/fp");
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
-const useDataManager_1 = __importDefault(require("../../../../hooks/useDataManager"));
-const utils_1 = require("../../../../utils");
-const AllNavigations_1 = require("./AllNavigations");
-const DeletionConfirm_1 = require("./DeletionConfirm");
-const ErrorDetails_1 = require("./ErrorDetails");
-const NavigationUpdate_1 = require("./NavigationUpdate");
-const NewNavigation_1 = require("./NewNavigation");
-const PurgeCacheConfirm_1 = require("./PurgeCacheConfirm");
-const NavigationManager = ({ initialState, isOpened, onClose, }) => {
-    const { formatMessage } = (0, react_intl_1.useIntl)();
-    const [state, setState] = (0, react_1.useState)(initialState);
-    const { items = [], handleNavigationsDeletion, handleNavigationsPurge, handleSubmitNavigation, hardReset, } = (0, useDataManager_1.default)();
-    const navigations = (0, react_1.useMemo)(() => (0, lodash_1.sortBy)(items, "id"), [items]);
-    const onReset = (0, react_1.useCallback)(() => setState({ view: "INITIAL" }), [setState]);
-    const onSubmit = (0, react_1.useCallback)(async () => {
-        const performAction = state.view === "DELETE"
-            ? async () => {
-                await handleNavigationsDeletion(state.navigations.map((0, fp_1.prop)("id")));
-                await hardReset();
-            }
-            : (state.view === "CREATE" || state.view === "EDIT") && state.current
-                ? async () => {
-                    await handleSubmitNavigation(formatMessage, state.current);
-                    await hardReset();
-                }
-                : state.view === "CACHE_PURGE"
-                    ? async () => {
-                        await handleNavigationsPurge(state.navigations.map((0, fp_1.prop)("id")), true, true);
-                        await hardReset();
-                    }
-                    : () => { };
-        try {
-            setState({
-                ...state,
-                isLoading: true,
-            });
-            await performAction();
-            setState({ view: "INITIAL" });
-        }
-        catch (error) {
-            setState({
-                view: "ERROR",
-                errors: error instanceof Error ? [error] : [],
-            });
-        }
-    }, [
-        state,
-        setState,
-        hardReset,
-        handleSubmitNavigation,
-        handleNavigationsDeletion,
-    ]);
-    (0, react_1.useEffect)(() => {
-        if (state.view === "INITIAL") {
-            setState({
-                view: "LIST",
-                navigations,
-                selected: [],
-            });
-        }
-    }, [state.view]);
-    const header = renderHeader(state);
-    const content = renderContent(state, setState);
-    const footer = renderFooter({
-        state,
-        setState,
-        onClose,
-        onSubmit,
-        onReset,
-        navigations,
-    });
-    return (react_1.default.createElement(ModalLayout_1.ModalLayout, { labelledBy: "condition-modal-breadcrumbs", onClose: onClose, isOpen: isOpened },
-        react_1.default.createElement(ModalLayout_1.ModalHeader, null, header),
-        react_1.default.createElement(ModalLayout_1.ModalBody, null, content),
-        footer));
-};
-exports.NavigationManager = NavigationManager;
-const renderHeader = (state) => {
-    switch (state.view) {
-        case "LIST":
-        case "CREATE":
-        case "ERROR":
-        case "CACHE_PURGE":
-        case "DELETE": {
-            return (react_1.default.createElement(Flex_1.Flex, { direction: "row" },
-                state.isLoading ? react_1.default.createElement(Loader_1.Loader, { small: true }) : null,
-                (0, utils_1.getMessage)(`popup.navigation.manage.header.${state.view}`)));
-        }
-        case "EDIT": {
-            return (react_1.default.createElement(Flex_1.Flex, { direction: "row" },
-                state.isLoading ? react_1.default.createElement(Loader_1.Loader, { small: true }) : null,
-                (0, utils_1.getMessage)({
-                    id: "popup.navigation.manage.header.EDIT",
-                    props: {
-                        name: state.navigation.name,
-                    },
-                })));
-        }
-        case "INITIAL": {
-            return null;
-        }
-        default:
-            return handleUnknownState(state);
-    }
-};
-const renderContent = (state, setState) => {
-    const commonProps = {
-        setState,
-    };
-    switch (state.view) {
-        case "LIST": {
-            return react_1.default.createElement(AllNavigations_1.AllNavigations, { ...state, ...commonProps });
-        }
-        case "EDIT": {
-            return react_1.default.createElement(NavigationUpdate_1.NavigationUpdate, { ...state, ...commonProps });
-        }
-        case "CREATE": {
-            return react_1.default.createElement(NewNavigation_1.NewNavigation, { ...state, ...commonProps });
-        }
-        case "DELETE": {
-            return react_1.default.createElement(DeletionConfirm_1.DeletionConfirm, { ...state, ...commonProps });
-        }
-        case "CACHE_PURGE": {
-            return react_1.default.createElement(PurgeCacheConfirm_1.PurgeCacheConfirm, { ...state, ...commonProps });
-        }
-        case "INITIAL": {
-            return react_1.default.createElement(Loader_1.Loader, { small: true });
-        }
-        case "ERROR": {
-            return react_1.default.createElement(ErrorDetails_1.ErrorDetails, { ...state, ...commonProps });
-        }
-        default:
-            return handleUnknownState(state);
-    }
-};
-const renderFooter = (props) => {
-    switch (props.state.view) {
-        case "LIST": {
-            return react_1.default.createElement(AllNavigations_1.AllNavigationsFooter, { ...props });
-        }
-        case "CREATE": {
-            return react_1.default.createElement(NewNavigation_1.NewNavigationFooter, { ...props });
-        }
-        case "EDIT": {
-            return react_1.default.createElement(NavigationUpdate_1.NavigationUpdateFooter, { ...props });
-        }
-        case "DELETE": {
-            return react_1.default.createElement(DeletionConfirm_1.DeleteConfirmFooter, { ...props });
-        }
-        case "CACHE_PURGE": {
-            return react_1.default.createElement(PurgeCacheConfirm_1.PurgeCacheConfirmFooter, { ...props });
-        }
-        case "ERROR": {
-            return react_1.default.createElement(ErrorDetails_1.ErrorDetailsFooter, { ...props });
-        }
-        case "INITIAL": {
-            return null;
-        }
-        default:
-            return handleUnknownState(props.state);
-    }
-};
-const handleUnknownState = (state) => {
-    console.warn(`Unknown state "${state?.view}". (${JSON.stringify(state)})`);
-    return null;
-};
-//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationManager/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/admin/src/pages/View/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: React.MemoExoticComponent<() => JSX.Element>;
-export default _default;
-import React from 'react';
-//# sourceMappingURL=index.d.ts.map