strapi-plugin-navigation 2.0.13 → 2.1.0

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

@@ -1,30 +1,25 @@
 'use strict';
-
 const { capitalize } = require("lodash");
-
 const UID_REGEX = /^(?<type>[a-z0-9-]+)\:{2}(?<api>[a-z0-9-]+)\.{1}(?<contentType>[a-z0-9-]+)$/i;
-
 const splitTypeUid = (uid = '') => {
     return uid.split(UID_REGEX).filter((s) => s && s.length > 0);
 };
-
 module.exports = {
     resolveGlobalLikeId(uid = '') {
         const parse = (str) => str.split('-')
             .map(_ => capitalize(_))
             .join('');
-
         const [type, scope, contentTypeName] = splitTypeUid(uid);
         if (type === 'api') {
             return parse(contentTypeName);
         }
         return `${parse(scope)}${parse(contentTypeName)}`;
     },
-
     isContentTypeEligible(uid = '', config = {}) {
-        const { allowedContentTypes = [], restrictedContentTypes = []} = config;
+        const { allowedContentTypes = [], restrictedContentTypes = [] } = config;
         const isOneOfAllowedType = allowedContentTypes.filter(_ => uid.includes(_) || (uid === _)).length > 0;
         const isNoneOfRestricted = restrictedContentTypes.filter(_ => uid.includes(_) || (uid === _)).length === 0;
         return uid && isOneOfAllowedType && isNoneOfRestricted;
     },
-}
+};
+//# sourceMappingURL=functions.js.map

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

@@ -0,0 +1,14 @@
+import { VFC } from "react";
+export interface ConfirmEffect {
+    (source: string): void;
+}
+export interface CancelEffect {
+    (): void;
+}
+interface Props {
+    onConfirm: ConfirmEffect;
+    onCancel: CancelEffect;
+}
+export declare const I18nCopyNavigationItemsModal: VFC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18nCopyNavigationItemsModal = void 0;
+const react_1 = __importDefault(require("react"));
+const ConfirmationDialog_1 = __importDefault(require("../../../../components/ConfirmationDialog"));
+const utils_1 = require("../../../../utils");
+const refreshIcon = react_1.default.createElement(react_1.default.Fragment, null);
+const I18nCopyNavigationItemsModal = ({ onConfirm, onCancel, }) => {
+    return (react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: true, header: (0, utils_1.getMessage)("pages.view.actions.i18nCopyItems.confirmation.header"), labelConfirm: (0, utils_1.getMessage)("pages.view.actions.i18nCopyItems.confirmation.confirm"), iconConfirm: refreshIcon, mainIcon: refreshIcon, onConfirm: onConfirm, onCancel: onCancel }, (0, utils_1.getMessage)("pages.view.actions.i18nCopyItems.confirmation.content")));
+};
+exports.I18nCopyNavigationItemsModal = I18nCopyNavigationItemsModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+export default NavigationContentHeader;
+declare function NavigationContentHeader({ startActions, endActions }: {
+    startActions: any;
+    endActions: any;
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,18 +1,14 @@
-import React from 'react';
-
-import { Flex } from '@strapi/design-system/Flex';
-
+"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 Flex_1 = require("@strapi/design-system/Flex");
 const NavigationContentHeader = ({ startActions, endActions }) => {
-	return (
-			<Flex justifyContent="space-between" width="100%">
-				<Flex alignItems="space-between">
-					{startActions}
-				</Flex>
-				<Flex alignItems="space-between">
-					{endActions}
-				</Flex>
-			</Flex>
-	);
-}
-
-export default NavigationContentHeader;
+    return (react_1.default.createElement(Flex_1.Flex, { justifyContent: "space-between", width: "100%" },
+        react_1.default.createElement(Flex_1.Flex, { alignItems: "space-between" }, startActions),
+        react_1.default.createElement(Flex_1.Flex, { alignItems: "space-between" }, endActions)));
+};
+exports.default = NavigationContentHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,12 @@
+export default NavigationHeader;
+declare function NavigationHeader({ activeNavigation, availableNavigations, structureHasErrors, structureHasChanged, handleChangeSelection, handleLocalizationSelection, handleSave, config, }: {
+    activeNavigation: any;
+    availableNavigations: any;
+    structureHasErrors: any;
+    structureHasChanged: any;
+    handleChangeSelection: any;
+    handleLocalizationSelection: any;
+    handleSave: any;
+    config: any;
+}): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,66 +1,80 @@
-import React from 'react';
-import { useIntl } from 'react-intl';
-import { HeaderLayout } from '@strapi/design-system/Layout';
-import { Stack } from '@strapi/design-system/Stack';
-import { Button } from '@strapi/design-system/Button';
-import Check from '@strapi/icons/Check';
-import More from '@strapi/icons/More';
-import { getTrad } from '../../../../translations';
-import { MoreButton } from './styles';
-import { Select, Option } from '@strapi/design-system/Select';
-import { Box } from '@strapi/design-system/Box'
-
-const NavigationHeader = ({
-  activeNavigation,
-  availableNavigations,
-  structureHasErrors,
-  structureHasChanged,
-  handleChangeSelection,
-  handleSave,
-}) => {
-  const { formatMessage } = useIntl();
-  return (
-    <HeaderLayout
-      primaryAction={
-        <Stack horizontal spacing={2}>
-          <Box width="10vw">
-            <Select
-              type="select"
-              placeholder={'Change navigation'}
-              name={`navigationSelect`}
-              onChange={handleChangeSelection}
-              value={activeNavigation?.id}
-              size="S"
-              style={null}
-            >
-              {availableNavigations.map(({ id, name }) => <Option key={id} value={id}>{name}</Option>)}
-            </Select >
-          </Box>
-          <Button
-            onClick={handleSave}
-            startIcon={<Check />}
-            disabled={structureHasErrors || !structureHasChanged}
-            type="submit"
-          >
-            {formatMessage(getTrad('submit.cta.save'))}
-          </Button>
-          {/* <MoreButton
-              id="more"
-              label="More"
-              icon={<More />}
-            /> */}
-        </Stack>
-      }
-      title={formatMessage({
-        id: getTrad('header.title'),
-        defaultMessage: 'UI Navigation',
-      })}
-      subtitle={formatMessage({
-        id: getTrad('header.description'),
-        defaultMessage: 'Define your portal navigation',
-      })}
-    />
-  );
+"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;
 };
-
-export default NavigationHeader;
+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_intl_1 = require("react-intl");
+const Layout_1 = require("@strapi/design-system/Layout");
+const Stack_1 = require("@strapi/design-system/Stack");
+const Button_1 = require("@strapi/design-system/Button");
+const Check_1 = __importDefault(require("@strapi/icons/Check"));
+const translations_1 = require("../../../../translations");
+const Select_1 = require("@strapi/design-system/Select");
+const Box_1 = require("@strapi/design-system/Box");
+const Grid_1 = require("@strapi/design-system/Grid");
+const lodash_1 = require("lodash");
+const useNavigationManager_1 = require("../../../../hooks/useNavigationManager");
+const submitIcon = react_1.default.createElement(Check_1.default, null);
+const pickDefaultLocaleNavigation = ({ activeNavigation, config }) => config.i18nEnabled
+    ? activeNavigation
+        ? activeNavigation.localeCode === config.defaultLocale
+            ? activeNavigation
+            : activeNavigation?.localizations.find(({ localeCode }) => localeCode === config.defaultLocale)
+        : null
+    : activeNavigation;
+const NavigationHeader = ({ activeNavigation, availableNavigations, structureHasErrors, structureHasChanged, handleChangeSelection, handleLocalizationSelection, handleSave, config, }) => {
+    const { formatMessage } = (0, react_intl_1.useIntl)();
+    const allLocaleVersions = (0, react_1.useMemo)(() => activeNavigation?.localizations.length && config.i18nEnabled
+        ? (0, lodash_1.uniqBy)([activeNavigation, ...(activeNavigation.localizations ?? [])].sort((a, b) => a.localeCode.localeCompare(b.localeCode)), 'id')
+        : [], [activeNavigation, config]);
+    const hasLocalizations = config.i18nEnabled && allLocaleVersions.length;
+    const passedActiveNavigation = pickDefaultLocaleNavigation({ activeNavigation, config });
+    const { closeNavigationManagerModal, openNavigationManagerModal, navigationManagerModal } = (0, useNavigationManager_1.useNavigationManager)();
+    return (react_1.default.createElement(Layout_1.HeaderLayout, { primaryAction: react_1.default.createElement(Stack_1.Stack, { horizontal: true, size: 2 },
+            react_1.default.createElement(Box_1.Box, { width: "27vw", marginRight: "8px" },
+                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
+                    !hasLocalizations ? (react_1.default.createElement(Grid_1.GridItem, { col: 2 })) : null,
+                    react_1.default.createElement(Grid_1.GridItem, { col: 3 },
+                        react_1.default.createElement(Button_1.Button, { onClick: openNavigationManagerModal, startIcon: null, type: "button", variant: "secondary", fullWidth: true, size: "S" }, formatMessage((0, translations_1.getTrad)('header.action.manage')))),
+                    react_1.default.createElement(Grid_1.GridItem, { col: 4 },
+                        react_1.default.createElement(Select_1.Select, { type: "select", placeholder: "Change navigation", name: "navigationSelect", onChange: handleChangeSelection, value: passedActiveNavigation?.id, size: "S", style: null }, availableNavigations.map(({ id, name }) => react_1.default.createElement(Select_1.Option, { key: id, value: id }, name)))),
+                    hasLocalizations
+                        ? react_1.default.createElement(Grid_1.GridItem, { col: 2 },
+                            react_1.default.createElement(Select_1.Select, { type: "select", placeholder: formatMessage((0, translations_1.getTrad)('pages.main.header.localization.select.placeholder')), name: "navigationLocalizationSelect", onChange: handleLocalizationSelection, value: activeNavigation?.id, size: "S" }, allLocaleVersions.map(({ id, localeCode }) => react_1.default.createElement(Select_1.Option, { key: id, value: id }, localeCode))))
+                        : null,
+                    react_1.default.createElement(Grid_1.GridItem, { col: 3 },
+                        react_1.default.createElement(Button_1.Button, { onClick: handleSave, startIcon: submitIcon, disabled: structureHasErrors || !structureHasChanged, type: "submit", fullWidth: true, size: "S" }, formatMessage((0, translations_1.getTrad)('submit.cta.save')))))),
+            navigationManagerModal), title: formatMessage({
+            id: (0, translations_1.getTrad)('header.title'),
+            defaultMessage: 'UI Navigation',
+        }), subtitle: formatMessage({
+            id: (0, translations_1.getTrad)('header.description'),
+            defaultMessage: 'Define your portal navigation',
+        }) }));
+};
+exports.default = NavigationHeader;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/View/components/NavigationHeader/styles.d.ts

@@ -0,0 +1,2 @@
+export const MoreButton: any;
+//# sourceMappingURL=styles.d.ts.map

package/admin/src/pages/View/components/NavigationHeader/styles.js

@@ -1,7 +1,12 @@
-import styled from 'styled-components';
-import { IconButton } from '@strapi/design-system/IconButton';
-
-export const MoreButton = styled(IconButton)`
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreButton = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const IconButton_1 = require("@strapi/design-system/IconButton");
+exports.MoreButton = (0, styled_components_1.default)(IconButton_1.IconButton) `
     margin: ${({ theme }) => `0 ${theme.spaces[2]}`};
     padding: ${({ theme }) => theme.spaces[2]};
 
@@ -10,4 +15,4 @@ export const MoreButton = styled(IconButton)`
         height: ${18 / 16}rem;
     }
 `;
-
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,57 @@
+export default NavigationItemForm;
+declare function NavigationItemForm({ config, availableLocale, isLoading: isPreloading, inputsPrefix, data, contentTypes, contentTypeEntities, usedContentTypeEntities, availableAudience, additionalFields, contentTypesNameFields, onSubmit, onCancel, getContentTypeEntities, usedContentTypesData, appendLabelPublicationStatus, locale, readNavigationItemFromLocale, }: {
+    config: any;
+    availableLocale: any;
+    isLoading: any;
+    inputsPrefix: any;
+    data?: {} | undefined;
+    contentTypes?: any[] | undefined;
+    contentTypeEntities?: any[] | undefined;
+    usedContentTypeEntities?: any[] | undefined;
+    availableAudience?: any[] | undefined;
+    additionalFields?: any[] | undefined;
+    contentTypesNameFields?: {} | undefined;
+    onSubmit: any;
+    onCancel: any;
+    getContentTypeEntities: any;
+    usedContentTypesData: any;
+    appendLabelPublicationStatus?: (() => string) | undefined;
+    locale: any;
+    readNavigationItemFromLocale: any;
+}): JSX.Element;
+declare namespace NavigationItemForm {
+    namespace defaultProps {
+        const fieldsToDisable: never[];
+        const formErrors: {};
+        const inputsPrefix: string;
+        function onSubmit(e: any): any;
+        const requestError: null;
+    }
+    namespace propTypes {
+        export const config: PropTypes.Validator<object>;
+        export const availableLocale: PropTypes.Requireable<(string | null | undefined)[]>;
+        export const isLoading: PropTypes.Requireable<boolean>;
+        const fieldsToDisable_1: PropTypes.Requireable<any[]>;
+        export { fieldsToDisable_1 as fieldsToDisable };
+        const formErrors_1: PropTypes.Validator<object>;
+        export { formErrors_1 as formErrors };
+        const inputsPrefix_1: PropTypes.Requireable<string>;
+        export { inputsPrefix_1 as inputsPrefix };
+        export const data: PropTypes.Validator<object>;
+        const onSubmit_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onSubmit_1 as onSubmit };
+        const requestError_1: PropTypes.Requireable<object>;
+        export { requestError_1 as requestError };
+        export const contentTypes: PropTypes.Requireable<any[]>;
+        export const contentTypeEntities: PropTypes.Requireable<any[]>;
+        export const usedContentTypeEntities: PropTypes.Requireable<any[]>;
+        export const availableAudience: PropTypes.Requireable<any[]>;
+        export const additionalFields: PropTypes.Requireable<any[]>;
+        export const getContentTypeEntities: PropTypes.Validator<(...args: any[]) => any>;
+        export const appendLabelPublicationStatus: PropTypes.Requireable<(...args: any[]) => any>;
+        export const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        export const readNavigationItemFromLocale: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map