strapi-plugin-navigation 2.0.13 → 2.1.0

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

@@ -0,0 +1,53 @@
+import React from "react";
+import { Navigation as FullNavigationEntity } from "../../../../../../types";
+export declare type Navigation = Pick<FullNavigationEntity, "id" | "items" | "name" | "localeCode" | "localizations" | "visible">;
+export declare type State = InitialState | ListState | EditState | CreateState | DeleteState | ErrorState;
+export declare type SetState = React.Dispatch<React.SetStateAction<State>>;
+interface CommonState {
+    isLoading?: boolean;
+}
+export interface CommonProps {
+    setState: SetState;
+}
+export interface InitialState extends CommonState {
+    view: "INITIAL";
+}
+export interface ListState extends CommonState {
+    view: "LIST";
+    navigations: Array<Navigation>;
+    selected: Array<Navigation>;
+}
+export interface EditState extends CommonState {
+    view: "EDIT";
+    navigation: Navigation;
+    current?: Navigation;
+    alreadyUsedNames: Array<string>;
+}
+export interface CreateState extends CommonState {
+    view: "CREATE";
+    current: Navigation;
+    alreadyUsedNames: Array<string>;
+}
+export interface DeleteState extends CommonState {
+    view: "DELETE";
+    navigations: Array<Navigation>;
+}
+export interface ErrorState extends CommonState {
+    view: "ERROR";
+    errors: Array<Error>;
+}
+export interface FooterActionsFactory {
+    (props: {
+        onSubmit: () => void;
+        onClose: (() => void) | undefined;
+        setState: SetState;
+        state: State;
+        onReset: () => void;
+        navigations: Array<Navigation>;
+    }): {
+        startActions?: React.ReactElement;
+        endActions?: React.ReactElement;
+    } | null;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

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

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

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

@@ -1,307 +1,234 @@
-/*
- *
- * Navigation View
- *
- */
-
-import React, { memo, useMemo, useState } from 'react';
-import { useIntl } from "react-intl";
-import { isEmpty, get } from "lodash";
-
-// Design System
-import { Main } from '@strapi/design-system/Main';
-import { Flex } from '@strapi/design-system/Flex';
-import { ContentLayout } from '@strapi/design-system/Layout';
-import { Typography } from '@strapi/design-system/Typography';
-import { Box } from '@strapi/design-system/Box';
-import { Icon } from '@strapi/design-system/Icon';
-import { Button } from '@strapi/design-system/Button';
-import { LoadingIndicatorPage } from "@strapi/helper-plugin";
-import EmptyDocumentsIcon from '@strapi/icons/EmptyDocuments';
-import PlusIcon from "@strapi/icons/Plus";
-
-// Components 
-import List from '../../components/NavigationItemList';
-import NavigationContentHeader from './components/NavigationContentHeader';
-import NavigationHeader from './components/NavigationHeader';
-import NavigationItemPopUp from "./components/NavigationItemPopup";
-import Search from '../../components/Search';
-import useDataManager from "../../hooks/useDataManager";
-import { getTrad } from '../../translations';
-import {
-  transformItemToViewPayload,
-  transformToRESTPayload,
-  usedContentTypes,
-  validateNavigationStructure,
-} from './utils/parsers';
-
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_intl_1 = require("react-intl");
+const lodash_1 = require("lodash");
+const Main_1 = require("@strapi/design-system/Main");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Layout_1 = require("@strapi/design-system/Layout");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Box_1 = require("@strapi/design-system/Box");
+const Icon_1 = require("@strapi/design-system/Icon");
+const Button_1 = require("@strapi/design-system/Button");
+const Select_1 = require("@strapi/design-system/Select");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const EmptyDocuments_1 = __importDefault(require("@strapi/icons/EmptyDocuments"));
+const Plus_1 = __importDefault(require("@strapi/icons/Plus"));
+const NavigationItemList_1 = __importDefault(require("../../components/NavigationItemList"));
+const NavigationContentHeader_1 = __importDefault(require("./components/NavigationContentHeader"));
+const NavigationHeader_1 = __importDefault(require("./components/NavigationHeader"));
+const NavigationItemPopup_1 = __importDefault(require("./components/NavigationItemPopup"));
+const useI18nCopyNavigationItemsModal_1 = require("../../hooks/useI18nCopyNavigationItemsModal");
+const Search_1 = __importDefault(require("../../components/Search"));
+const useDataManager_1 = __importDefault(require("../../hooks/useDataManager"));
+const translations_1 = require("../../translations");
+const parsers_1 = require("./utils/parsers");
 const View = () => {
-  const {
-    items: availableNavigations,
-    activeItem: activeNavigation,
-    changedActiveItem: changedActiveNavigation,
-    config,
-    navigationItemPopupOpened,
-    isLoading,
-    isLoadingForAdditionalDataToBeSet,
-    isLoadingForSubmit,
-    handleChangeNavigationItemPopupVisibility,
-    handleChangeSelection,
-    handleChangeNavigationData,
-    handleResetNavigationData,
-    handleSubmitNavigation,
-    getContentTypeItems,
-    error
-  } = useDataManager();
-
-  const [activeNavigationItem, setActiveNavigationItemState] = useState({});
-  const { formatMessage } = useIntl();
-
-  const [searchValue, setSearchValue] = useState('');
-  const [structureChanged, setStructureChanged] = useState(false);
-  const isSearchEmpty = isEmpty(searchValue);
-
-  const structureHasErrors = !validateNavigationStructure((changedActiveNavigation || {}).items);
-  const navigationSelectValue = get(activeNavigation, "id", null);
-  const handleSave = () => isLoadingForSubmit || structureHasErrors
-    ? null
-    : handleSubmitNavigation(formatMessage, transformToRESTPayload(changedActiveNavigation, config));
-
-  const changeNavigationItemPopupState = (visible, editedItem = {}) => {
-    setActiveNavigationItemState(editedItem);
-    handleChangeNavigationItemPopupVisibility(visible);
-  };
-
-  const addNewNavigationItem = (
-    e,
-    viewId = null,
-    isMenuAllowedLevel = true,
-    levelPath = '',
-    parentAttachedToMenu = true,
-  ) => {
-    e.preventDefault();
-    e.stopPropagation();
-    changeNavigationItemPopupState(true, {
-      viewParentId: viewId,
-      isMenuAllowedLevel,
-      levelPath,
-      parentAttachedToMenu,
-    });
-  };
-
-  const usedContentTypesData = useMemo(
-    () => changedActiveNavigation ? usedContentTypes(changedActiveNavigation.items) : [],
-    [changedActiveNavigation],
-  );
-
-  const pullUsedContentTypeItem = (items = []) =>
-    items.reduce((prev, curr) =>
-      [...prev, curr.relatedRef ? {
-        __collectionUid: curr.relatedRef.__collectionUid,
-        id: curr.relatedRef.id
-      } : undefined, ...pullUsedContentTypeItem(curr.items)].filter(item => item)
-      , []);
-  const usedContentTypeItems = pullUsedContentTypeItem((changedActiveNavigation || {}).items);
-  const handleSubmitNavigationItem = (payload) => {
-    const changedStructure = {
-      ...changedActiveNavigation,
-      items: transformItemToViewPayload(payload, changedActiveNavigation.items, config),
+    const { items: availableNavigations, activeItem: activeNavigation, changedActiveItem: changedActiveNavigation, config, navigationItemPopupOpened, isLoading, isLoadingForAdditionalDataToBeSet, isLoadingForSubmit, handleChangeNavigationItemPopupVisibility, handleChangeSelection, handleChangeNavigationData, handleResetNavigationData, handleSubmitNavigation, handleLocalizationSelection, handleI18nCopy, getContentTypeItems, error, availableLocale: allAvailableLocale, readNavigationItemFromLocale, } = (0, useDataManager_1.default)();
+    const availableLocale = (0, react_1.useMemo)(() => allAvailableLocale.filter(locale => locale !== changedActiveNavigation?.localeCode), [changedActiveNavigation, allAvailableLocale]);
+    const { i18nCopyItemsModal, i18nCopySourceLocale, setI18nCopyModalOpened, setI18nCopySourceLocale } = (0, useI18nCopyNavigationItemsModal_1.useI18nCopyNavigationItemsModal)((0, react_1.useCallback)((sourceLocale) => {
+        const source = activeNavigation?.localizations?.find(({ localeCode }) => localeCode === sourceLocale);
+        if (source) {
+            handleI18nCopy(source.id, activeNavigation?.id);
+        }
+    }, [activeNavigation, handleI18nCopy]));
+    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 [structureChanged, setStructureChanged] = (0, react_1.useState)(false);
+    const isSearchEmpty = (0, lodash_1.isEmpty)(searchValue);
+    const structureHasErrors = !(0, parsers_1.validateNavigationStructure)((changedActiveNavigation || {}).items);
+    const navigationSelectValue = (0, lodash_1.get)(activeNavigation, "id", null);
+    const handleSave = () => isLoadingForSubmit || structureHasErrors
+        ? null
+        : handleSubmitNavigation(formatMessage, (0, parsers_1.transformToRESTPayload)(changedActiveNavigation, config));
+    const changeNavigationItemPopupState = (visible, editedItem = {}) => {
+        setActiveNavigationItemState(editedItem);
+        handleChangeNavigationItemPopupVisibility(visible);
     };
-    handleChangeNavigationData(changedStructure, true);
-    setStructureChanged(true);
-  };
-
-  const filteredListFactory = (items, filterFunction) => items.reduce((acc, item) => {
-    const subItems = !isEmpty(item.items) ? filteredListFactory(item.items, filterFunction) : [];
-    if (filterFunction(item))
-      return [item, ...subItems, ...acc];
-    else
-      return [...subItems, ...acc];
-  }, []);
-  const filteredList = !isSearchEmpty ? filteredListFactory(changedActiveNavigation.items, (item) => item?.title.includes(searchValue)) : [];
-
-  const changeCollapseItemDeep = (item, collapse) => {
-    if (item.collapsed !== collapse) {
-      return {
-        ...item,
-        collapsed: collapse,
-        updated: true,
-        items: item.items?.map(el => changeCollapseItemDeep(el, collapse))
-      }
-    }
-    return {
-      ...item,
-      items: item.items?.map(el => changeCollapseItemDeep(el, collapse))
-    }
-  }
-
-  const handleCollapseAll = () => {
-    handleChangeNavigationData({
-      ...changedActiveNavigation,
-      items: changedActiveNavigation.items.map(item => changeCollapseItemDeep(item, true))
-    }, true);
-    setStructureChanged(true);
-  }
-
-  const handleExpandAll = () => {
-    handleChangeNavigationData({
-      ...changedActiveNavigation,
-      items: changedActiveNavigation.items.map(item => changeCollapseItemDeep(item, false))
-    }, true);
-    setStructureChanged(true);
-  }
-
-  const handleItemReOrder = (item, newOrder) => {
-    handleSubmitNavigationItem({
-      ...item,
-      order: newOrder,
-    })
-  }
-
-  const handleItemRemove = (item) => {
-    handleSubmitNavigationItem({
-      ...item,
-      removed: true,
-    });
-  }
-
-  const handleItemRestore = (item) => {
-    handleSubmitNavigationItem({
-      ...item,
-      removed: false,
-    });
-  };
-
-  const handleItemToggleCollapse = (item) => {
-    handleSubmitNavigationItem({
-      ...item,
-      collapsed: !item.collapsed,
-      updated: true,
-    });
-  }
-
-  const handleItemEdit = (
-    item,
-    levelPath = '',
-    parentAttachedToMenu = true,
-  ) => {
-    changeNavigationItemPopupState(true, {
-      ...item,
-      levelPath,
-      parentAttachedToMenu,
-    });
-  };
-
-  const onPopUpClose = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    changeNavigationItemPopupState(false);
-  };
-
-  const handleChangeNavigationSelection = (...args) => {
-    handleChangeSelection(...args);
-    setSearchValue('');
-  }
-
-  const endActions = [
-    {
-      onClick: handleExpandAll,
-      disabled: isLoadingForSubmit,
-      type: "submit",
-      variant: 'tertiary',
-      tradId: 'header.action.expandAll',
-      margin: '8px',
-    },
-    {
-      onClick: handleCollapseAll,
-      disabled: isLoadingForSubmit,
-      type: "submit",
-      variant: 'tertiary',
-      tradId: 'header.action.collapseAll',
-      margin: '8px',
-    },
-    {
-      onClick: addNewNavigationItem,
-      startIcon: <PlusIcon />,
-      disabled: isLoadingForSubmit,
-      type: "submit",
-      tradId: 'header.action.newItem',
-      margin: '16px',
-    },
-  ]
-
-  return (
-    <Main labelledBy="title" aria-busy={isLoadingForSubmit}>
-      <NavigationHeader
-        structureHasErrors={structureHasErrors}
-        structureHasChanged={structureChanged}
-        availableNavigations={availableNavigations}
-        activeNavigation={activeNavigation}
-        handleChangeSelection={handleChangeNavigationSelection}
-        handleSave={handleSave}
-      />
-      <ContentLayout>
-        {isLoading && <LoadingIndicatorPage />}
-        {changedActiveNavigation && (
-          <>
-            <NavigationContentHeader
-              startActions={<Search value={searchValue} setValue={setSearchValue} />}
-              endActions={endActions.map(({ tradId, margin, ...item }, i) =>
-                <Box marginLeft={margin} key={i}>
-                  <Button {...item}> {formatMessage(getTrad(tradId))} </Button>
-                </Box>
-              )}
-            />
-            {isEmpty(changedActiveNavigation.items || []) && (
-              <Flex direction="column" minHeight="400px" justifyContent="center">
-                <Icon as={EmptyDocumentsIcon} width="160px" height="88px" color="" />
-                <Box padding={4}>
-                  <Typography variant="beta" textColor="neutral600">{formatMessage(getTrad('empty'))}</Typography>
-                </Box>
-                <Button
-                  variant='secondary'
-                  startIcon={<PlusIcon />}
-                  label={formatMessage(getTrad('empty.cta'))}
-                  onClick={addNewNavigationItem}
-                >
-                  {formatMessage(getTrad('empty.cta'))}
-                </Button>
-              </Flex>
-            )}
-            {
-              !isEmpty(changedActiveNavigation.items || [])
-              && <List
-                items={isSearchEmpty ? changedActiveNavigation.items || [] : filteredList}
-                onItemLevelAdd={addNewNavigationItem}
-                onItemRemove={handleItemRemove}
-                onItemEdit={handleItemEdit}
-                onItemRestore={handleItemRestore}
-                onItemReOrder={handleItemReOrder}
-                onItemToggleCollapse={handleItemToggleCollapse}
-                displayFlat={!isSearchEmpty}
-                root
-                error={error}
-                allowedLevels={config.allowedLevels}
-                contentTypes={config.contentTypes}
-                isParentAttachedToMenu={true}
-                contentTypesNameFields={config.contentTypesNameFields}
-              />
-            }
-          </>
-        )}
-      </ContentLayout>
-      {navigationItemPopupOpened && <NavigationItemPopUp
-        isLoading={isLoadingForAdditionalDataToBeSet}
-        data={activeNavigationItem}
-        config={config}
-        usedContentTypesData={usedContentTypesData}
-        usedContentTypeItems={usedContentTypeItems}
-        getContentTypeItems={getContentTypeItems}
-        onSubmit={handleSubmitNavigationItem}
-        onClose={onPopUpClose}
-      />}
-    </Main>
-  );
+    const addNewNavigationItem = (0, react_1.useCallback)((event, viewParentId = null, isMenuAllowedLevel = true, levelPath = '', parentAttachedToMenu = true, structureId = "0") => {
+        event.preventDefault();
+        event.stopPropagation();
+        changeNavigationItemPopupState(true, {
+            viewParentId,
+            isMenuAllowedLevel,
+            levelPath,
+            parentAttachedToMenu,
+            structureId,
+        });
+    }, [changeNavigationItemPopupState]);
+    const usedContentTypesData = (0, react_1.useMemo)(() => changedActiveNavigation ? (0, parsers_1.usedContentTypes)(changedActiveNavigation.items) : [], [changedActiveNavigation]);
+    const pullUsedContentTypeItem = (items = []) => items.reduce((prev, curr) => [...prev, curr.relatedRef ? {
+            __collectionUid: curr.relatedRef.__collectionUid,
+            id: curr.relatedRef.id
+        } : undefined, ...pullUsedContentTypeItem(curr.items)].filter(item => item), []);
+    const usedContentTypeItems = pullUsedContentTypeItem(changedActiveNavigation?.items);
+    const handleSubmitNavigationItem = (payload) => {
+        const changedStructure = {
+            ...changedActiveNavigation,
+            items: (0, parsers_1.transformItemToViewPayload)(payload, changedActiveNavigation.items, config),
+        };
+        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.includes(searchValue)) : [];
+    const changeCollapseItemDeep = (item, isCollapsed) => {
+        if (item.collapsed !== isCollapsed) {
+            return {
+                ...item,
+                collapsed: isCollapsed,
+                updated: true,
+                items: item.items?.map(el => changeCollapseItemDeep(el, isCollapsed))
+            };
+        }
+        return {
+            ...item,
+            items: item.items?.map(el => changeCollapseItemDeep(el, isCollapsed))
+        };
+    };
+    const handleCollapseAll = () => {
+        handleChangeNavigationData({
+            ...changedActiveNavigation,
+            items: changedActiveNavigation.items.map(item => changeCollapseItemDeep(item, true))
+        }, true);
+        setStructureChanged(true);
+    };
+    const handleExpandAll = () => {
+        handleChangeNavigationData({
+            ...changedActiveNavigation,
+            items: changedActiveNavigation.items.map(item => changeCollapseItemDeep(item, false))
+        }, true);
+        setStructureChanged(true);
+    };
+    const handleItemReOrder = (item, newOrder) => {
+        handleSubmitNavigationItem({
+            ...item,
+            order: newOrder,
+        });
+    };
+    const handleItemRemove = (item) => {
+        handleSubmitNavigationItem({
+            ...item,
+            removed: true,
+        });
+    };
+    const handleItemRestore = (item) => {
+        handleSubmitNavigationItem({
+            ...item,
+            removed: false,
+        });
+    };
+    const handleItemToggleCollapse = (item) => {
+        handleSubmitNavigationItem({
+            ...item,
+            collapsed: !item.collapsed,
+            updated: true,
+        });
+    };
+    const handleItemEdit = (item, levelPath = '', parentAttachedToMenu = true) => {
+        changeNavigationItemPopupState(true, {
+            ...item,
+            levelPath,
+            parentAttachedToMenu,
+        });
+    };
+    const onPopUpClose = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        changeNavigationItemPopupState(false);
+    };
+    const handleChangeNavigationSelection = (...args) => {
+        handleChangeSelection(...args);
+        setSearchValue('');
+    };
+    const endActions = [
+        {
+            onClick: handleExpandAll,
+            disabled: isLoadingForSubmit,
+            type: "submit",
+            variant: 'tertiary',
+            tradId: 'header.action.expandAll',
+            margin: '8px',
+        },
+        {
+            onClick: handleCollapseAll,
+            disabled: isLoadingForSubmit,
+            type: "submit",
+            variant: 'tertiary',
+            tradId: 'header.action.collapseAll',
+            margin: '8px',
+        },
+        {
+            onClick: addNewNavigationItem,
+            startIcon: react_1.default.createElement(Plus_1.default, null),
+            disabled: isLoadingForSubmit,
+            type: "submit",
+            variant: "primary",
+            tradId: 'header.action.newItem',
+            margin: '16px',
+        },
+    ];
+    return (react_1.default.createElement(Main_1.Main, { labelledBy: "title", "aria-busy": isLoadingForSubmit },
+        react_1.default.createElement(NavigationHeader_1.default, { structureHasErrors: structureHasErrors, structureHasChanged: structureChanged, availableNavigations: availableNavigations, activeNavigation: activeNavigation, handleChangeSelection: handleChangeNavigationSelection, handleSave: handleSave, handleLocalizationSelection: handleLocalizationSelection, config: config }),
+        react_1.default.createElement(Layout_1.ContentLayout, null,
+            isLoading && react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null),
+            changedActiveNavigation && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(NavigationContentHeader_1.default, { startActions: react_1.default.createElement(Search_1.default, { value: searchValue, setValue: setSearchValue }), endActions: endActions.map(({ tradId, margin, ...item }, i) => react_1.default.createElement(Box_1.Box, { marginLeft: margin, key: i },
+                        react_1.default.createElement(Button_1.Button, { ...item },
+                            " ",
+                            formatMessage((0, translations_1.getTrad)(tradId)),
+                            " "))) }),
+                (0, lodash_1.isEmpty)(changedActiveNavigation.items || []) && (react_1.default.createElement(Flex_1.Flex, { direction: "column", minHeight: "400px", justifyContent: "center" },
+                    react_1.default.createElement(Icon_1.Icon, { as: EmptyDocuments_1.default, width: "160px", height: "88px", color: "" }),
+                    react_1.default.createElement(Box_1.Box, { padding: 4 },
+                        react_1.default.createElement(Typography_1.Typography, { variant: "beta", textColor: "neutral600" }, formatMessage((0, translations_1.getTrad)('empty')))),
+                    react_1.default.createElement(Button_1.Button, { variant: 'secondary', startIcon: react_1.default.createElement(Plus_1.default, null), label: formatMessage((0, translations_1.getTrad)('empty.cta')), onClick: addNewNavigationItem }, formatMessage((0, translations_1.getTrad)('empty.cta'))),
+                    config.i18nEnabled && availableLocale.length ? (react_1.default.createElement(Flex_1.Flex, { direction: "column", justifyContent: "center" },
+                        react_1.default.createElement(Box_1.Box, { paddingTop: 3, paddingBottom: 3 },
+                            react_1.default.createElement(Typography_1.Typography, { variant: "beta", textColor: "neutral600" }, formatMessage((0, translations_1.getTrad)('view.i18n.fill.cta')))),
+                        react_1.default.createElement(Flex_1.Flex, { direction: "row", justifyContent: "center", alignItems: "center" },
+                            react_1.default.createElement(Box_1.Box, { paddingLeft: 1, paddingRight: 1 },
+                                react_1.default.createElement(Select_1.Select, { onChange: setI18nCopySourceLocale, value: i18nCopySourceLocale, size: "S" }, availableLocale.map(locale => react_1.default.createElement(Select_1.Option, { key: locale, value: locale }, formatMessage((0, translations_1.getTrad)('view.i18n.fill.option'), { locale }))))),
+                            react_1.default.createElement(Box_1.Box, { paddingLeft: 1, paddingRight: 1 },
+                                react_1.default.createElement(Button_1.Button, { variant: "tertiary", onClick: openI18nCopyModalOpened, disabled: !i18nCopySourceLocale, size: "S" }, formatMessage((0, translations_1.getTrad)('view.i18n.fill.cta.button'))))))) : null)),
+                !(0, lodash_1.isEmpty)(changedActiveNavigation.items || [])
+                    && react_1.default.createElement(NavigationItemList_1.default, { items: isSearchEmpty ? changedActiveNavigation.items || [] : filteredList, onItemLevelAdd: addNewNavigationItem, onItemRemove: handleItemRemove, onItemEdit: handleItemEdit, onItemRestore: handleItemRestore, onItemReOrder: handleItemReOrder, onItemToggleCollapse: handleItemToggleCollapse, displayFlat: !isSearchEmpty, root: true, error: error, allowedLevels: config.allowedLevels, contentTypes: config.contentTypes, isParentAttachedToMenu: true, contentTypesNameFields: config.contentTypesNameFields })))),
+        navigationItemPopupOpened && react_1.default.createElement(NavigationItemPopup_1.default, { availableLocale: availableLocale, isLoading: isLoadingForAdditionalDataToBeSet, data: activeNavigationItem, config: config, usedContentTypesData: usedContentTypesData, usedContentTypeItems: usedContentTypeItems, getContentTypeItems: getContentTypeItems, onSubmit: handleSubmitNavigationItem, onClose: onPopUpClose, locale: activeNavigation.localeCode, readNavigationItemFromLocale: readNavigationItemFromLocale }),
+        i18nCopyItemsModal));
 };
-
-export default memo(View);
+exports.default = (0, react_1.memo)(View);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+export namespace navigationItemType {
+    const INTERNAL: string;
+    const EXTERNAL: string;
+    const WRAPPER: string;
+}
+export namespace navigationItemAdditionalFields {
+    const AUDIENCE: string;
+}
+//# sourceMappingURL=enums.d.ts.map

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

@@ -1,9 +1,12 @@
-export const navigationItemType = {
-  INTERNAL: "INTERNAL",
-  EXTERNAL: "EXTERNAL",
-  WRAPPER: "WRAPPER",
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navigationItemAdditionalFields = exports.navigationItemType = void 0;
+exports.navigationItemType = {
+    INTERNAL: "INTERNAL",
+    EXTERNAL: "EXTERNAL",
+    WRAPPER: "WRAPPER",
 };
-
-export const navigationItemAdditionalFields = {
-  AUDIENCE: 'audience',
-};
+exports.navigationItemAdditionalFields = {
+    AUDIENCE: 'audience',
+};
+//# sourceMappingURL=enums.js.map