strapi-plugin-navigation 2.3.1 → 2.4.0

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

@@ -31,7 +31,6 @@ const react_1 = __importStar(require("react"));
 const ConfirmationDialog_1 = __importDefault(require("../../../../components/ConfirmationDialog"));
 const utils_1 = require("../../../../utils");
 const formik_1 = require("formik");
-const helper_plugin_1 = require("@strapi/helper-plugin");
 const Stack_1 = require("@strapi/design-system/Stack");
 const Box_1 = require("@strapi/design-system/Box");
 const Grid_1 = require("@strapi/design-system/Grid");
@@ -45,25 +44,24 @@ const DisableI18nModal = ({ onSubmit, onCancel }) => {
         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 }, ({ handleSubmit, setFieldValue, values }) => (react_1.default.createElement(react_1.default.Fragment, null,
+        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(helper_plugin_1.Form, { noValidate: true, onSubmit: handleSubmit },
-                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") })))))))))));
+            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) => {

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

@@ -67,9 +67,10 @@ const BOX_DEFAULT_PROPS = {
     shadow: "filterShadow",
     padding: 6,
 };
+const noopFallback = () => { };
 const SettingsPage = () => {
-    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-    const { lockAppWithAutoreload, unlockAppWithAutoreload } = (0, helper_plugin_1.useAutoReloadOverlayBlocker)();
+    const { lockApp = noopFallback, unlockApp = noopFallback } = (0, helper_plugin_1.useOverlayBlocker)();
+    const { lockAppWithAutoreload = noopFallback, unlockAppWithAutoreload = noopFallback } = (0, helper_plugin_1.useAutoReloadOverlayBlocker)();
     const [restartStatus, setRestartStatus] = (0, react_1.useState)(RESTART_NOT_REQUIRED);
     const [pruneObsoleteI18nNavigations, setPruneObsoleteI18nNavigations] = (0, react_1.useState)(false);
     const [isCustomFieldModalOpen, setIsCustomFieldModalOpen] = (0, react_1.useState)(false);

package/admin/src/pages/SettingsPage/utils/form.js

@@ -4,11 +4,12 @@ exports.defaultValues = exports.schemaFactory = void 0;
 const yup_1 = require("yup");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const translations_1 = require("../../../translations");
+const common_1 = require("../common");
 const schemaFactory = (usedCustomFieldNames) => {
     return (0, yup_1.object)({
         name: (0, yup_1.string)().matches(/^\S+$/, "Invalid name string. Name cannot contain spaces").required(helper_plugin_1.translatedErrors.required).notOneOf(usedCustomFieldNames, helper_plugin_1.translatedErrors.unique),
         label: (0, yup_1.string)().required(helper_plugin_1.translatedErrors.required),
-        type: (0, yup_1.mixed)().required(helper_plugin_1.translatedErrors.required).oneOf(['string', 'boolean', 'select'], (0, translations_1.getTradId)("notification.error.customField.type")),
+        type: (0, yup_1.mixed)().required(helper_plugin_1.translatedErrors.required).oneOf(common_1.customFieldsTypes, (0, translations_1.getTradId)("notification.error.customField.type")),
         required: (0, yup_1.bool)().required(helper_plugin_1.translatedErrors.required),
         multi: (0, yup_1.mixed)().when('type', {
             is: (val) => val === 'select',

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

@@ -47,9 +47,9 @@ const utils_2 = require("../../../../utils");
 const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading, inputsPrefix, data, contentTypes = [], contentTypeEntities = [], usedContentTypeEntities = [], availableAudience = [], additionalFields = [], contentTypesNameFields = {}, onSubmit, onCancel, getContentTypeEntities, usedContentTypesData, appendLabelPublicationStatus = appendLabelPublicationStatusFallback, locale, readNavigationItemFromLocale, slugify, permissions = {}, }) => {
     const [isLoading, setIsLoading] = (0, react_1.useState)(isPreloading);
     const [hasBeenInitialized, setInitializedState] = (0, react_1.useState)(false);
+    const [autoSync, setAutoSync] = (0, react_1.useState)(true);
     const [hasChanged, setChangedState] = (0, react_1.useState)(false);
     const [contentTypeSearchQuery, setContentTypeSearchQuery] = (0, react_1.useState)(undefined);
-    const [contentTypeSearchInputValue, setContentTypeSearchInputValue] = (0, react_1.useState)(undefined);
     const { canUpdate } = permissions;
     const formik = (0, formik_1.useFormik)({
         initialValues: formDefinition.defaultValues,
@@ -61,14 +61,17 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
     const relatedTypeSelectValue = formik.values.relatedType;
     const relatedSelectValue = formik.values.related;
     const isI18nBootstrapAvailable = !!(config.i18nEnabled && availableLocale && availableLocale.length);
-    const availableLocaleOptions = (0, react_1.useMemo)(() => availableLocale.map((locale) => ({
+    const availableLocaleOptions = (0, react_1.useMemo)(() => availableLocale.map((locale, index) => ({
+        key: `${locale}-${index}`,
         value: locale,
         label: locale,
         metadatas: {
             intlLabel: {
                 id: `i18n.locale.${locale}`,
                 defaultMessage: locale,
-            }
+            },
+            hidden: false,
+            disabled: false,
         },
     })), [availableLocale]);
     const relatedFieldName = `${inputsPrefix}related`;
@@ -107,7 +110,7 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
                 values: { value }
             };
         }
-        return null;
+        return undefined;
     };
     const getDefaultTitle = (0, react_1.useCallback)((related, relatedType, isSingleSelected) => {
         let selectedEntity;
@@ -155,6 +158,28 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
             updated: true,
             [name]: value,
         }));
+        if (name === "related" && relatedTypeSelectValue && autoSync) {
+            const { contentTypesNameFields, pathDefaultFields } = config;
+            const selectedRelated = contentTypeEntities.find(({ id, __collectionUid }) => `${id}` === `${value}` && __collectionUid === relatedTypeSelectValue);
+            const newPath = pathDefaultFields[relatedTypeSelectValue]?.reduce((acc, field) => {
+                return acc ? acc : selectedRelated?.[field];
+            }, null);
+            const newTitle = (contentTypesNameFields[relatedTypeSelectValue] ?? []).concat(contentTypesNameFields.default || []).reduce((acc, field) => {
+                return acc ? acc : selectedRelated?.[field];
+            }, null);
+            const batch = [];
+            if (newPath) {
+                batch.push({ name: "path", value: newPath });
+            }
+            if (newTitle) {
+                batch.push({ name: "title", value: newTitle });
+            }
+            batch.forEach((next, i) => {
+                setTimeout(() => {
+                    onChange(next);
+                }, i * 100);
+            });
+        }
         if (name === "type") {
             formik.setErrors({});
         }
@@ -181,9 +206,12 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
     const onAudienceChange = (0, react_1.useCallback)((value) => {
         onChange({ name: "audience", value });
     }, [onChange]);
-    const onAdditionalFieldChange = (name, newValue) => {
+    const onAdditionalFieldChange = (name, newValue, fieldType) => {
         const fieldsValue = formik.values.additionalFields;
-        const value = { ...fieldsValue, [name]: newValue };
+        const value = {
+            ...fieldsValue,
+            [name]: fieldType === "media" && newValue ? JSON.stringify(newValue) : newValue
+        };
         onChange({
             name: "additionalFields",
             value,
@@ -212,7 +240,9 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
                 intlLabel: {
                     id: (0, translations_1.getTradId)(`popup.item.form.type.${value}.label`),
                     defaultMessage: (0, translations_1.getTradId)(`popup.item.form.type.${value}.label`),
-                }
+                },
+                hidden: false,
+                disabled: false,
             }
         };
     });
@@ -228,29 +258,25 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
             __collectionUid: (0, lodash_1.get)(relatedTypeSelectValue, 'value', relatedTypeSelectValue),
         }, contentTypesNameFields, { contentTypes }), item);
         return ({
-            key: (0, lodash_1.get)(item, 'id'),
+            key: (0, lodash_1.get)(item, 'id').toString(),
             metadatas: {
                 intlLabel: {
                     id: label || `${item.__collectionUid} ${item.id}`,
                     defaultMessage: label || `${item.__collectionUid} ${item.id}`,
-                }
+                },
+                hidden: false,
+                disabled: false,
             },
-            value: item.id,
+            value: item.id.toString(),
             label: label,
         });
     }), item => item.metadatas.intlLabel.id);
     const isExternal = formik.values.type === utils_1.navigationItemType.EXTERNAL;
     const pathSourceName = isExternal ? 'externalPath' : 'path';
     const submitDisabled = (formik.values.type === utils_1.navigationItemType.INTERNAL && !isSingleSelected && (0, lodash_1.isNil)(formik.values.related)) || isLoading;
-    const debouncedSearch = (0, react_1.useCallback)((0, lodash_1.debounce)(nextValue => setContentTypeSearchQuery(nextValue), 500), []);
-    const debounceContentTypeSearchQuery = (value) => {
-        setContentTypeSearchInputValue(value);
-        debouncedSearch(value);
-    };
     const onChangeRelatedType = ({ target: { name, value } }) => {
         const relatedTypeBeingReverted = data.relatedType && (data.relatedType.value === (0, lodash_1.get)(value, 'value', value));
         setContentTypeSearchQuery(undefined);
-        setContentTypeSearchInputValue(undefined);
         formik.setValues(prevState => ({
             ...prevState,
             updated: true,
@@ -277,7 +303,9 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
             intlLabel: {
                 id: (0, lodash_1.get)(item, 'label', (0, lodash_1.get)(item, 'name')),
                 defaultMessage: (0, lodash_1.get)(item, 'label', (0, lodash_1.get)(item, 'name')),
-            }
+            },
+            disabled: false,
+            hidden: false,
         },
         value: (0, lodash_1.get)(item, 'uid'),
         label: (0, lodash_1.get)(item, 'label', (0, lodash_1.get)(item, 'name')),
@@ -386,7 +414,7 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
             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: "title", col: 12 },
-                        react_1.default.createElement(helper_plugin_1.GenericInput, { autoFocused: true, intlLabel: (0, translations_1.getTrad)('popup.item.form.title.label', 'Title'), name: "title", placeholder: (0, translations_1.getTrad)("e.g. Blog", 'e.g. Blog'), description: (0, translations_1.getTrad)('popup.item.form.title.placeholder', 'e.g. Blog'), type: "text", disabled: !canUpdate, error: formik.errors.title, onChange: ({ target: { name, value } }) => onChange({ name, value }), value: formik.values.title })),
+                        react_1.default.createElement(helper_plugin_1.GenericInput, { intlLabel: (0, translations_1.getTrad)('popup.item.form.title.label', 'Title'), name: "title", placeholder: (0, translations_1.getTrad)("e.g. Blog", 'e.g. Blog'), description: (0, translations_1.getTrad)('popup.item.form.title.placeholder', 'e.g. Blog'), type: "text", disabled: !canUpdate, error: formik.errors.title, onChange: ({ target: { name, value } }) => onChange({ name, value }), value: formik.values.title })),
                     react_1.default.createElement(Grid_1.GridItem, { key: "type", col: 4, lg: 12 },
                         react_1.default.createElement(helper_plugin_1.GenericInput, { intlLabel: (0, translations_1.getTrad)('popup.item.form.type.label', 'Internal link'), name: "type", options: navigationItemTypeOptions, type: "select", disabled: !canUpdate, error: formik.errors.type, onChange: ({ target: { name, value } }) => onChange({ name, value }), value: formik.values.type })),
                     react_1.default.createElement(Grid_1.GridItem, { key: "menuAttached", col: 4, lg: 12 },
@@ -394,12 +422,14 @@ const NavigationItemForm = ({ config, availableLocale, isLoading: isPreloading,
                     react_1.default.createElement(Grid_1.GridItem, { key: "path", col: 12 },
                         react_1.default.createElement(helper_plugin_1.GenericInput, { intlLabel: (0, translations_1.getTrad)(`popup.item.form.${pathSourceName}.label`, 'Path'), name: pathSourceName, placeholder: (0, translations_1.getTrad)(`popup.item.form.${pathSourceName}.placeholder`, 'e.g. Blog'), type: "text", disabled: !canUpdate, error: formik.errors[pathSourceName], onChange: ({ target: { name, value } }) => onChange({ name, value }), value: formik.values[pathSourceName], description: generatePreviewPath() })),
                     formik.values.type === utils_1.navigationItemType.INTERNAL && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(Grid_1.GridItem, { key: "menuAttached", col: 12 },
+                            react_1.default.createElement(helper_plugin_1.GenericInput, { intlLabel: (0, translations_1.getTrad)('popup.item.form.autoSync.label', 'Read fields from related'), name: "autoSync", type: "bool", onChange: ({ target: { value } }) => setAutoSync(value), value: autoSync })),
                         react_1.default.createElement(Grid_1.GridItem, { col: 6, lg: 12 },
                             react_1.default.createElement(helper_plugin_1.GenericInput, { type: "select", intlLabel: (0, translations_1.getTrad)('popup.item.form.relatedType.label', 'Related Type'), placeholder: (0, translations_1.getTrad)('popup.item.form.relatedType.placeholder', 'Related Type'), name: "relatedType", error: formik.errors.relatedType, onChange: onChangeRelatedType, options: relatedTypeSelectOptions, value: formik.values.relatedType, disabled: isLoading || (0, lodash_1.isEmpty)(relatedTypeSelectOptions) || !canUpdate, description: !isLoading && (0, lodash_1.isEmpty)(relatedTypeSelectOptions)
                                     ? (0, translations_1.getTrad)('popup.item.form.relatedType.empty', 'There are no more content types')
                                     : undefined })),
                         formik.values.relatedType && !isSingleSelected && (react_1.default.createElement(Grid_1.GridItem, { col: 6, lg: 12 },
-                            react_1.default.createElement(helper_plugin_1.GenericInput, { type: "select", intlLabel: (0, translations_1.getTrad)('popup.item.form.related.label', 'Related'), placeholder: (0, translations_1.getTrad)('popup.item.form.related.label', 'Related'), name: "related", error: formik.errors.related, onChange: ({ target: { name, value } }) => onChange({ name, value }), onInputChange: debounceContentTypeSearchQuery, inputValue: contentTypeSearchInputValue, options: relatedSelectOptions, value: formik.values.related, disabled: isLoading || thereAreNoMoreContentTypes || !canUpdate, description: !isLoading && thereAreNoMoreContentTypes
+                            react_1.default.createElement(helper_plugin_1.GenericInput, { type: "select", intlLabel: (0, translations_1.getTrad)('popup.item.form.related.label', 'Related'), placeholder: (0, translations_1.getTrad)('popup.item.form.related.label', 'Related'), name: "related", error: formik.errors.related, onChange: ({ target: { name, value } }) => onChange({ name, value }), options: relatedSelectOptions, value: formik.values.related, disabled: isLoading || thereAreNoMoreContentTypes || !canUpdate, description: !isLoading && thereAreNoMoreContentTypes
                                     ? {
                                         id: (0, translations_1.getTradId)('popup.item.form.related.empty'),
                                         defaultMessage: 'There are no more entities',

package/admin/src/pages/View/components/NavigationItemForm/types.d.ts

@@ -40,6 +40,7 @@ export type NavigationItemFormData = {
     };
     relatedRef?: ToBeFixed;
     structureId: ToBeFixed;
+    additionalFields?: ToBeFixed;
 };
 export type NavigationItemFormProps = {
     additionalFields: NavigationItemAdditionalField[];
@@ -63,7 +64,7 @@ export type NavigationItemFormProps = {
     slugify: (q: string) => Promise<{
         slug: string;
     }>;
-    permissions: PluginPermissions;
+    permissions: Partial<PluginPermissions>;
 };
 export type ContentTypeSearchQuery = ToBeFixed;
 export type RawFormPayload = {

package/admin/src/pages/View/components/NavigationItemForm/utils/form.js

@@ -89,6 +89,8 @@ const schemaFactory = (isSingleSelected, additionalFields) => {
                     value = yup.array().of(yup.string());
                 else if (current.type === 'select' && !current.multi)
                     value = yup.string();
+                else if (current.type === 'media')
+                    value = yup.mixed();
                 else
                     throw new Error(`Type "${current.type}" is unsupported by custom fields`);
                 if (current.required)

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

@@ -66,7 +66,7 @@ const View = () => {
     const openI18nCopyModalOpened = (0, react_1.useCallback)(() => { i18nCopySourceLocale && setI18nCopyModalOpened(true); }, [setI18nCopyModalOpened, i18nCopySourceLocale]);
     const [activeNavigationItem, setActiveNavigationItemState] = (0, react_1.useState)({});
     const { formatMessage } = (0, react_intl_1.useIntl)();
-    const [searchValue, setSearchValue] = (0, react_1.useState)('');
+    const [{ value: searchValue, index: searchIndex }, setSearchValue] = (0, react_1.useState)({ value: '' });
     const [structureChanged, setStructureChanged] = (0, react_1.useState)(false);
     const isSearchEmpty = (0, lodash_1.isEmpty)(searchValue);
     const normalisedSearchValue = (searchValue || '').toLowerCase();
@@ -114,14 +114,23 @@ const View = () => {
         handleChangeNavigationData(changedStructure, true);
         setStructureChanged(true);
     };
-    const filteredListFactory = (items, doUse) => items.reduce((acc, item) => {
-        const subItems = !(0, lodash_1.isEmpty)(item.items) ? filteredListFactory(item.items, doUse) : [];
-        if (doUse(item))
-            return [item, ...subItems, ...acc];
-        else
-            return [...subItems, ...acc];
-    }, []);
-    const filteredList = !isSearchEmpty ? filteredListFactory(changedActiveNavigation.items, (item) => (item?.title || '').toLowerCase().includes(normalisedSearchValue)) : [];
+    const filteredListFactory = (items, doUse, activeIndex) => {
+        const filteredItems = items.reduce((acc, item) => {
+            const subItems = !(0, lodash_1.isEmpty)(item.items) ? filteredListFactory(item.items, doUse) : [];
+            if (doUse(item))
+                return [item, ...subItems, ...acc];
+            else
+                return [...subItems, ...acc];
+        }, []);
+        if (activeIndex !== undefined) {
+            const index = activeIndex % filteredItems.length;
+            return filteredItems.map((item, currentIndex) => {
+                return index === currentIndex ? ({ ...item, isSearchActive: true }) : item;
+            });
+        }
+        return filteredItems;
+    };
+    const filteredList = !isSearchEmpty ? filteredListFactory(changedActiveNavigation.items.map(_ => ({ ..._ })), (item) => (item?.title || '').toLowerCase().includes(normalisedSearchValue), normalisedSearchValue ? searchIndex : undefined) : [];
     const changeCollapseItemDeep = (item, isCollapsed) => {
         if (item.collapsed !== isCollapsed) {
             return {
@@ -173,6 +182,7 @@ const View = () => {
             ...item,
             collapsed: !item.collapsed,
             updated: true,
+            isSearchActive: false,
         });
     };
     const handleItemEdit = (item, levelPath = '', parentAttachedToMenu = true) => {
@@ -191,7 +201,7 @@ const View = () => {
     };
     const handleChangeNavigationSelection = (...args) => {
         handleChangeSelection(...args);
-        setSearchValue('');
+        setSearchValue({ value: '', index: 0 });
     };
     const endActions = [
         {

package/admin/src/pages/View/utils/form.d.ts

@@ -1,2 +1,2 @@
-export function checkFormValidity(data: any, schema: any): Promise<any>;
+export function checkFormValidity(data: any, schema: any): Promise<Record<string, import("@strapi/helper-plugin").TranslationMessage> | null>;
 //# sourceMappingURL=form.d.ts.map

package/admin/src/pages/View/utils/types.d.ts

@@ -0,0 +1,3 @@
+import { GenericInputProps } from "@strapi/helper-plugin";
+export type GenericInputOnChangeInput = Parameters<GenericInputProps["onChange"]>[0];
+//# sourceMappingURL=types.d.ts.map

package/admin/src/pages/View/utils/types.js

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

package/admin/src/translations/ca.json

@@ -27,6 +27,7 @@
     "notification.navigation.submit": "S'han desat els canvis de navegació",
     "pages.main.header.localization.select.placeholder": "Seleccioneu la configuració regional",
     "pages.main.search.placeholder": "Escriviu per començar a cercar...",
+    "pages.main.search.subLabel": "appuyez sur ENTER pour mettre en surbrillance l'élément suivant",
     "pages.settings.actions.disableI18n.confirmation.confirm": "entenc",
     "pages.settings.actions.disableI18n.confirmation.description.line1": "Esteu desactivant la internacionalització per a la navegació. Les navegacions per a configuracions regionals diferents de les predeterminades no estan disponibles per a la visualització i modificacions mitjançant aquesta extensió.",
     "pages.settings.actions.disableI18n.confirmation.description.line2": "Podeu optar per eliminar les navegacions per a altres configuracions regionals.",

package/admin/src/translations/en.json

@@ -15,6 +15,7 @@
     "popup.item.header.edit": "Edit navigation item",
     "popup.item.header.new": "New navigation item",
     "popup.item.form.title.label": "Title",
+    "popup.item.form.autoSync.label": "Read fields from related",
     "popup.item.form.title.placeholder": "Enter the item title or leave blank to pull from related entity",
     "popup.item.form.uiRouterKey.label": "UI router key",
     "popup.item.form.uiRouterKey.placeholder": "If empty, auto generated by \"Title\"",
@@ -84,11 +85,13 @@
     "notification.navigation.item.relation.status.published": "published",
     "notification.error": "Error while processing request.",
     "notification.error.customField.type": "Unsupported type of custom field",
+    "notification.error.customField.media.missing": "Media input component is missing",
     "notification.error.item.relation": "Relations provided in some items are incorrect",
     "notification.error.item.slug": "Unable to create valid UI Router Key(slug) from \"{ query }\". \"{ result }\" received",
     "page.auth.noAccess": "No access",
     "page.auth.not.allowed": "Oops! It seems like You do not have access to this page...",
     "pages.main.search.placeholder": "Type to start searching...",
+    "pages.main.search.subLabel": "press ENTER to highlight next item",
     "pages.main.header.localization.select.placeholder": "Select locale",
     "pages.settings.general.title": "General settings",
     "pages.settings.additional.title": "Additional settings",

package/admin/src/translations/fr.json

@@ -9,6 +9,7 @@
     "empty.cta": "Créer un premier élément",
     "popup.item.header": "Modifiez les éléments de navigation",
     "popup.item.form.title.label": "Titre",
+    "popup.item.form.autoSync.label": "Lire les champs associés",
     "popup.item.form.title.placeholder": "Saisissez le titre de l'élément ou laissez le champ vide pour utiliser celui de l'entité associée",
     "popup.item.form.uiRouterKey.label": "Clé de routeur pour l'interface utilisateur",
     "popup.item.form.uiRouterKey.placeholder": "Si vide, généré automatiquement par \"Title\"",

package/admin/src/utils/api.d.ts

@@ -1,9 +1,9 @@
 import { NavigationPluginConfig } from '../../../types';
-export declare const fetchNavigationConfig: () => any;
+export declare const fetchNavigationConfig: () => Promise<unknown>;
 export declare const updateNavigationConfig: ({ body }: {
     body: NavigationPluginConfig;
-}) => any;
-export declare const restoreNavigationConfig: () => any;
+}) => Promise<unknown>;
+export declare const restoreNavigationConfig: () => Promise<unknown>;
 export declare const fetchAllContentTypes: () => Promise<any>;
-export declare const restartStrapi: () => any;
+export declare const restartStrapi: () => Promise<unknown>;
 //# sourceMappingURL=api.d.ts.map

package/admin/src/utils/api.js

@@ -9,7 +9,7 @@ const fp_1 = require("lodash/fp");
 const pluginId_1 = __importDefault(require("../pluginId"));
 const fetchNavigationConfig = () => (0, helper_plugin_1.request)(`/${pluginId_1.default}/settings/config`, { method: 'GET' });
 exports.fetchNavigationConfig = fetchNavigationConfig;
-const updateNavigationConfig = ({ body }) => (0, helper_plugin_1.request)(`/${pluginId_1.default}/config`, { method: 'PUT', body }, true);
+const updateNavigationConfig = ({ body }) => (0, helper_plugin_1.request)(`/${pluginId_1.default}/config`, { method: 'PUT', body: body }, true);
 exports.updateNavigationConfig = updateNavigationConfig;
 const restoreNavigationConfig = () => (0, helper_plugin_1.request)(`/${pluginId_1.default}/config`, { method: 'DELETE' }, true);
 exports.restoreNavigationConfig = restoreNavigationConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-navigation",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "Strapi - Navigation plugin",
   "strapi": {
     "name": "navigation",
@@ -16,7 +16,7 @@
   "types": "./types/index.d.ts",
   "dependencies": {
     "@sindresorhus/slugify": "1.1.0",
-    "@strapi/utils": "^4.15.4",
+    "@strapi/utils": "^4.20.0",
     "lodash": "^4.17.21",
     "pluralize": "^8.0.0",
     "react": "^18.2.0",
@@ -28,7 +28,12 @@
   },
   "devDependencies": {},
   "peerDependencies": {
-    "@strapi/strapi": "4.x"
+    "@strapi/data-transfer": "4.15.5",
+    "@strapi/strapi": "4.x",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^5.2.0",
+    "styled-components": "^5.2.1"
   },
   "author": {
     "name": "VirtusLab",

package/server/content-types/index.d.ts

@@ -79,6 +79,7 @@ declare const _default: {
                 };
             };
         };
+        lifecycles: Record<import("../../types").LifeCycleHookName, import("../../types").Effect<import("../../types").LifeCycleEvent<import("../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
     };
     "navigation-item": {
         schema: {
@@ -182,6 +183,7 @@ declare const _default: {
                 };
             };
         };
+        lifecycles: Record<import("../../types").LifeCycleHookName, import("../../types").Effect<import("../../types").LifeCycleEvent<import("../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
     };
     "navigations-items-related": {
         schema: {

package/server/content-types/navigation/index.d.ts

@@ -53,6 +53,7 @@ declare const _default: {
             };
         };
     };
+    lifecycles: Record<import("../../../types").LifeCycleHookName, import("../../../types").Effect<import("../../../types").LifeCycleEvent<import("../../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/server/content-types/navigation/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const lifecycles_1 = __importDefault(require("./lifecycles"));
 const schema_1 = __importDefault(require("./schema"));
 exports.default = {
-    schema: schema_1.default
+    schema: schema_1.default,
+    lifecycles: lifecycles_1.default,
 };
 //# sourceMappingURL=index.js.map

package/server/content-types/navigation/lifecycles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: Record<import("../../../types").LifeCycleHookName, import("../../../types").Effect<import("../../../types").LifeCycleEvent<import("../../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
+export default _default;
+//# sourceMappingURL=lifecycles.d.ts.map

package/server/content-types/navigation/lifecycles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../../utils");
+exports.default = (0, utils_1.buildAllHookListeners)("navigation", {
+    strapi,
+});
+//# sourceMappingURL=lifecycles.js.map

package/server/content-types/navigation-item/index.d.ts

@@ -100,6 +100,7 @@ declare const _default: {
             };
         };
     };
+    lifecycles: Record<import("../../../types").LifeCycleHookName, import("../../../types").Effect<import("../../../types").LifeCycleEvent<import("../../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/server/content-types/navigation-item/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const lifecycles_1 = __importDefault(require("./lifecycles"));
 const schema_1 = __importDefault(require("./schema"));
 exports.default = {
-    schema: schema_1.default
+    schema: schema_1.default,
+    lifecycles: lifecycles_1.default
 };
 //# sourceMappingURL=index.js.map

package/server/content-types/navigation-item/lifecycles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: Record<import("../../../types").LifeCycleHookName, import("../../../types").Effect<import("../../../types").LifeCycleEvent<import("../../../types").LifeCycleHookName, unknown, Record<string, unknown>>>>;
+export default _default;
+//# sourceMappingURL=lifecycles.d.ts.map

package/server/content-types/navigation-item/lifecycles.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../../utils");
+exports.default = (0, utils_1.buildAllHookListeners)("navigation-item", {
+    strapi,
+});
+//# sourceMappingURL=lifecycles.js.map