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

package/admin/src/pages/SettingsPage/components/CustomFieldForm/index.js

@@ -1,129 +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 });
-const react_1 = __importStar(require("react"));
-const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
-const Button_1 = require("@strapi/design-system/Button");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const Grid_1 = require("@strapi/design-system/Grid");
-const formik_1 = require("formik");
-const formDefinition = __importStar(require("../../utils/form"));
-const utils_1 = require("../../../../utils");
-const lodash_1 = require("lodash");
-const translations_1 = require("../../../../translations");
-const TextArrayInput_1 = __importDefault(require("../../../../components/TextArrayInput"));
-const common_1 = require("../../common");
-const tradPrefix = 'pages.settings.form.customFields.popup.';
-const prepareSelectOptions = (options) => options.map((option, index) => ({
-    key: `${option}-${index}`,
-    metadatas: {
-        intlLabel: {
-            id: option,
-            defaultMessage: option,
-        },
-        hidden: false,
-        disabled: false,
-    },
-    value: option,
-    label: option,
-}));
-const CustomFieldForm = ({ isEditForm, customField, onSubmit, onClose, usedCustomFieldNames }) => {
-    const typeSelectOptions = prepareSelectOptions(common_1.customFieldsTypes);
-    const initialValues = (0, react_1.useMemo)(() => {
-        if ((0, lodash_1.isNil)(customField.type)) {
-            return formDefinition.defaultValues;
-        }
-        else if (customField.type === 'select') {
-            return {
-                type: customField.type,
-                name: customField.name || formDefinition.defaultValues.name,
-                label: customField.label || formDefinition.defaultValues.label,
-                required: customField.required || formDefinition.defaultValues.required,
-                options: customField.options || formDefinition.defaultValues.options,
-                multi: customField.multi || formDefinition.defaultValues.multi,
-                enabled: customField.enabled,
-            };
-        }
-        else {
-            return {
-                type: customField.type,
-                name: customField.name || formDefinition.defaultValues.name,
-                label: customField.label || formDefinition.defaultValues.label,
-                required: customField.required || formDefinition.defaultValues.required,
-                options: [],
-                multi: false,
-                enabled: customField.enabled,
-            };
-        }
-    }, [customField]);
-    const { handleChange, setFieldValue, values, errors, handleSubmit, isSubmitting, } = (0, formik_1.useFormik)({
-        initialValues,
-        onSubmit,
-        validationSchema: formDefinition.schemaFactory(usedCustomFieldNames),
-        validateOnChange: false,
-    });
-    const defaultProps = (0, react_1.useCallback)((fieldName) => {
-        const error = mapError(errors[fieldName]);
-        return {
-            intlLabel: (0, translations_1.getTrad)(`${tradPrefix}${fieldName}.label`),
-            onChange: handleChange,
-            name: fieldName,
-            value: values[fieldName],
-            error,
-        };
-    }, [values, errors, handleChange]);
-    return (react_1.default.createElement("form", null,
-        react_1.default.createElement(ModalLayout_1.ModalBody, null,
-            react_1.default.createElement(Grid_1.Grid, { gap: 5 },
-                react_1.default.createElement(Grid_1.GridItem, { key: "name", col: 12 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...defaultProps("name"), placeholder: (0, translations_1.getTrad)(`${tradPrefix}name.placeholder`), description: (0, translations_1.getTrad)(`${tradPrefix}name.description`), type: "text", disabled: isEditForm })),
-                react_1.default.createElement(Grid_1.GridItem, { key: "label", col: 12 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...defaultProps("label"), placeholder: (0, translations_1.getTrad)(`${tradPrefix}label.placeholder`), description: (0, translations_1.getTrad)(`${tradPrefix}label.description`), type: "text" })),
-                react_1.default.createElement(Grid_1.GridItem, { key: "type", col: 12 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...defaultProps("type"), options: typeSelectOptions, type: "select", disabled: isEditForm })),
-                values.type === 'select' && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Grid_1.GridItem, { key: "multi", col: 12 },
-                        react_1.default.createElement(helper_plugin_1.GenericInput, { ...defaultProps("multi"), type: "bool" })),
-                    react_1.default.createElement(Grid_1.GridItem, { key: "options", col: 12 },
-                        react_1.default.createElement(TextArrayInput_1.default, { ...defaultProps("options"), onChange: v => setFieldValue("options", v), label: (0, utils_1.getMessage)(`${tradPrefix}options.label`), initialValue: values.options })))),
-                react_1.default.createElement(Grid_1.GridItem, { key: "required", col: 12 },
-                    react_1.default.createElement(helper_plugin_1.GenericInput, { ...defaultProps("required"), type: "bool", description: (0, translations_1.getTrad)(`${tradPrefix}required.description`) })))),
-        react_1.default.createElement(ModalLayout_1.ModalFooter, { startActions: react_1.default.createElement(Button_1.Button, { onClick: onClose, variant: "tertiary" }, (0, utils_1.getMessage)('popup.item.form.button.cancel')), endActions: react_1.default.createElement(Button_1.Button, { onClick: handleSubmit, disabled: !(0, lodash_1.isEmpty)(errors) || isSubmitting }, (0, utils_1.getMessage)(`popup.item.form.button.save`)) })));
-};
-exports.default = CustomFieldForm;
-const mapError = (err) => {
-    if (typeof err === "string") {
-        return err;
-    }
-    if (typeof err === "object" &&
-        err &&
-        (err.id || err.description || err.defaultMessage)) {
-        return err;
-    }
-};
-//# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/components/CustomFieldModal/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Typography_1 = require("@strapi/design-system/Typography");
-const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
-const CustomFieldForm_1 = __importDefault(require("../CustomFieldForm"));
-const utils_1 = require("../../../../utils");
-const lodash_1 = require("lodash");
-const CustomFieldModal = ({ isOpen, onClose, onSubmit, data, usedCustomFieldNames, }) => {
-    const isEditMode = !!data;
-    return (react_1.default.createElement(ModalLayout_1.ModalLayout, { onClose: onClose, isOpen: isOpen, labelledBy: "custom-field-modal" },
-        react_1.default.createElement(ModalLayout_1.ModalHeader, null,
-            react_1.default.createElement(Typography_1.Typography, { variant: "omega", fontWeight: "bold", textColor: "neutral800", as: "h2", id: "asset-dialog-title" }, (0, utils_1.getMessage)(`pages.settings.form.customFields.popup.header.${isEditMode ? 'edit' : 'new'}`))),
-        react_1.default.createElement(CustomFieldForm_1.default, { isEditForm: isEditMode, customField: (0, lodash_1.pick)(data, "name", "label", "type", "required", "options", "multi"), onSubmit: onSubmit, onClose: onClose, usedCustomFieldNames: usedCustomFieldNames })));
-};
-exports.default = CustomFieldModal;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/components/CustomFieldTable/index.js

@@ -1,105 +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 });
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const VisuallyHidden_1 = require("@strapi/design-system/VisuallyHidden");
-const Table_1 = require("@strapi/design-system/Table");
-const icons_1 = require("@strapi/icons");
-const Typography_1 = require("@strapi/design-system/Typography");
-const Tooltip_1 = require("@strapi/design-system/Tooltip");
-const Stack_1 = require("@strapi/design-system/Stack");
-const IconButton_1 = require("@strapi/design-system/IconButton");
-const utils_1 = require("../../../../utils");
-const ConfirmationDialog_1 = __importDefault(require("../../../../components/ConfirmationDialog"));
-const translations_1 = require("../../../../translations");
-const refreshIcon = react_1.default.createElement(icons_1.Refresh, null);
-const plusIcon = react_1.default.createElement(icons_1.Plus, null);
-const tradPrefix = "pages.settings.form.customFields.table.";
-const CustomFieldTable = ({ data, onOpenModal, onRemoveCustomField, onToggleCustomField, }) => {
-    const [confirmationVisible, setIsConfirmationVisible] = (0, react_1.useState)(false);
-    const [fieldToRemove, setFieldToRemove] = (0, react_1.useState)(null);
-    const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const customFields = (0, react_1.useMemo)(() => (0, lodash_1.sortBy)(data, "name"), [data]);
-    const handleRemove = (0, react_1.useCallback)((field) => {
-        setFieldToRemove(field);
-        setIsConfirmationVisible(true);
-    }, [setFieldToRemove, setIsConfirmationVisible]);
-    const cleanup = (0, react_1.useCallback)(() => {
-        setFieldToRemove(null);
-        setIsConfirmationVisible(false);
-    }, [setFieldToRemove, setIsConfirmationVisible]);
-    const handleConfirm = (0, react_1.useCallback)(() => {
-        if (fieldToRemove === null) {
-            toggleNotification({
-                type: 'warning',
-                message: {
-                    id: (0, translations_1.getTradId)(`${tradPrefix}confirmation.error`),
-                    defaultMessage: 'Something went wrong',
-                }
-            });
-        }
-        else {
-            onRemoveCustomField(fieldToRemove);
-        }
-        cleanup();
-    }, [cleanup, fieldToRemove, translations_1.getTradId, onRemoveCustomField, toggleNotification]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: confirmationVisible, header: (0, utils_1.getMessage)(`${tradPrefix}confirmation.header`), children: (0, utils_1.getMessage)(`${tradPrefix}confirmation.message`), labelConfirm: (0, utils_1.getMessage)(`${tradPrefix}confirmation.confirm`), iconConfirm: refreshIcon, mainIcon: refreshIcon, onConfirm: handleConfirm, onCancel: cleanup }),
-        react_1.default.createElement(Table_1.Table, { colCount: 4, rowCount: data.length + 1, footer: react_1.default.createElement(Table_1.TFooter, { onClick: (e) => { e.preventDefault(); onOpenModal(null); }, icon: plusIcon }, (0, utils_1.getMessage)(`${tradPrefix}footer`)) },
-            react_1.default.createElement(Table_1.Thead, null,
-                react_1.default.createElement(Table_1.Tr, null,
-                    react_1.default.createElement(Table_1.Th, { width: "20%" },
-                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.name`))),
-                    react_1.default.createElement(Table_1.Th, { width: "60%" },
-                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.label`))),
-                    react_1.default.createElement(Table_1.Th, { width: "15%" },
-                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.type`))),
-                    react_1.default.createElement(Table_1.Th, { width: "5%" },
-                        react_1.default.createElement(Typography_1.Typography, { variant: "sigma", textColor: "neutral600" }, (0, utils_1.getMessage)(`${tradPrefix}header.required`))),
-                    react_1.default.createElement(Table_1.Th, null,
-                        react_1.default.createElement(VisuallyHidden_1.VisuallyHidden, null)))),
-            react_1.default.createElement(Table_1.Tbody, null, customFields.map(customField => (react_1.default.createElement(Table_1.Tr, { key: customField.name },
-                react_1.default.createElement(Table_1.Td, { width: '20%' },
-                    react_1.default.createElement(Typography_1.Typography, { fontWeight: "semiBold", textColor: "neutral800" }, customField.name)),
-                react_1.default.createElement(Table_1.Td, { width: "60%" },
-                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.label)),
-                react_1.default.createElement(Table_1.Td, { width: "15%" },
-                    react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.type)),
-                react_1.default.createElement(Table_1.Td, { width: "5%" },
-                    react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_1.getMessage)(`${tradPrefix}${customField.required ? "required" : "notRequired"}`) },
-                        react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, customField.required ? react_1.default.createElement(icons_1.Check, null) : react_1.default.createElement(icons_1.Minus, null)))),
-                react_1.default.createElement(Table_1.Td, null,
-                    react_1.default.createElement(Stack_1.Stack, { horizontal: true, size: 1 },
-                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => onOpenModal(customField), label: (0, utils_1.getMessage)(`${tradPrefix}edit`), icon: react_1.default.createElement(icons_1.Pencil, null), noBorder: true }),
-                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => onToggleCustomField(customField), label: (0, utils_1.getMessage)(`${tradPrefix}${customField.enabled ? 'disable' : 'enable'}`), icon: customField.enabled ? react_1.default.createElement(icons_1.Eye, null) : react_1.default.createElement(icons_1.EyeStriked, null), noBorder: true }),
-                        react_1.default.createElement(IconButton_1.IconButton, { onClick: () => handleRemove(customField), label: (0, utils_1.getMessage)(`${tradPrefix}remove`), icon: react_1.default.createElement(icons_1.Trash, null), noBorder: true }))))))))));
-};
-exports.default = CustomFieldTable;
-//# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/components/DisableI18nModal/index.d.ts

@@ -1,23 +0,0 @@
-import React, { FC } from "react";
-interface Form {
-    pruneNavigations: boolean;
-    enabled: boolean;
-}
-interface SubmitEffect {
-    ({ pruneNavigations }: Form): void;
-}
-interface CancelEffect {
-    (): void;
-}
-interface Props {
-    onSubmit: SubmitEffect;
-    onCancel: CancelEffect;
-}
-export declare const DisableI18nModal: FC<Props>;
-export declare const useDisableI18nModal: (onSubmit: SubmitEffect) => {
-    setDisableI18nModalOpened: React.Dispatch<React.SetStateAction<boolean>>;
-    setI18nModalOnCancel: React.Dispatch<React.SetStateAction<() => void>>;
-    disableI18nModal: JSX.Element | null;
-};
-export {};
-//# sourceMappingURL=index.d.ts.map

package/admin/src/pages/SettingsPage/components/DisableI18nModal/index.js

@@ -1,86 +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.useDisableI18nModal = exports.DisableI18nModal = void 0;
-const react_1 = __importStar(require("react"));
-const ConfirmationDialog_1 = __importDefault(require("../../../../components/ConfirmationDialog"));
-const utils_1 = require("../../../../utils");
-const formik_1 = require("formik");
-const Stack_1 = require("@strapi/design-system/Stack");
-const Box_1 = require("@strapi/design-system/Box");
-const Grid_1 = require("@strapi/design-system/Grid");
-const ToggleInput_1 = require("@strapi/design-system/ToggleInput");
-const Typography_1 = require("@strapi/design-system/Typography");
-const refreshIcon = react_1.default.createElement(react_1.default.Fragment, null);
-const INITIAL_VALUES = { pruneNavigations: false, enabled: true };
-const DisableI18nModal = ({ onSubmit, onCancel }) => {
-    const [state, setState] = (0, react_1.useState)(INITIAL_VALUES);
-    const onConfirm = (0, react_1.useCallback)(() => {
-        onSubmit(state);
-    }, [onSubmit, state]);
-    return (react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: true, header: (0, utils_1.getMessage)("pages.settings.actions.disableI18n.confirmation.header"), labelConfirm: (0, utils_1.getMessage)("pages.settings.actions.disableI18n.confirmation.confirm"), iconConfirm: refreshIcon, mainIcon: refreshIcon, onConfirm: onConfirm, onCancel: onCancel },
-        react_1.default.createElement(formik_1.Formik, { initialValues: INITIAL_VALUES, onSubmit: onConfirm }, ({ setFieldValue, values }) => (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                react_1.default.createElement(Grid_1.GridItem, { col: 12 },
-                    react_1.default.createElement(Box_1.Box, { padding: 2 }, (0, utils_1.getMessage)("pages.settings.actions.disableI18n.confirmation.description.line1")),
-                    react_1.default.createElement(Box_1.Box, { padding: 2 }, (0, utils_1.getMessage)("pages.settings.actions.disableI18n.confirmation.description.line2")),
-                    react_1.default.createElement(Box_1.Box, { padding: 2 },
-                        react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold" }, (0, utils_1.getMessage)("pages.settings.actions.disableI18n.confirmation.description.line3"))))),
-            react_1.default.createElement(Stack_1.Stack, { spacing: 4 },
-                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
-                    react_1.default.createElement(Grid_1.GridItem, { col: 12 },
-                        react_1.default.createElement(Box_1.Box, { padding: 2 },
-                            react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "audienceFieldChecked", label: (0, utils_1.getMessage)("pages.settings.actions.disableI18n.prune.label"), hint: "", checked: values.pruneNavigations, onChange: ({ target: { checked }, }) => {
-                                    setFieldValue("pruneNavigations", checked, false);
-                                    setState((state) => ({
-                                        ...state,
-                                        pruneNavigations: checked,
-                                    }));
-                                }, onLabel: (0, utils_1.getMessage)("pages.settings.actions.disableI18n.prune.on"), offLabel: (0, utils_1.getMessage)("pages.settings.actions.disableI18n.prune.off") }))))))))));
-};
-exports.DisableI18nModal = DisableI18nModal;
-const useDisableI18nModal = (onSubmit) => {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const [onCancel, setOnCancel] = (0, react_1.useState)(() => () => { });
-    const onSubmitWithModalClose = (0, react_1.useCallback)((val) => {
-        onSubmit(val);
-        setIsOpened(false);
-    }, [onSubmit, setIsOpened]);
-    const onCancelWithModalClose = () => {
-        onCancel();
-        setIsOpened(false);
-    };
-    const modal = (0, react_1.useMemo)(() => isOpened ? (react_1.default.createElement(exports.DisableI18nModal, { onSubmit: onSubmitWithModalClose, onCancel: onCancelWithModalClose })) : null, [isOpened, onSubmitWithModalClose, onCancelWithModalClose]);
-    return (0, react_1.useMemo)(() => ({
-        setDisableI18nModalOpened: setIsOpened,
-        setI18nModalOnCancel: setOnCancel,
-        disableI18nModal: modal,
-    }), [setIsOpened, modal, setOnCancel]);
-};
-exports.useDisableI18nModal = useDisableI18nModal;
-//# sourceMappingURL=index.js.map

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

@@ -1,3 +0,0 @@
-declare const SettingsPage: () => JSX.Element;
-export default SettingsPage;
-//# sourceMappingURL=index.d.ts.map