strapi-plugin-navigation 2.0.13 → 2.1.0

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

@@ -1,337 +1,244 @@
-import React, { useState } from 'react';
-import { Formik } from 'formik';
-import { isEmpty, capitalize, isEqual, orderBy } from 'lodash';
-
-import {
-  CheckPermissions,
-  LoadingIndicatorPage,
-  Form,
-  useOverlayBlocker,
-  useAutoReloadOverlayBlocker,
-  SettingsPageTitle,
-} from '@strapi/helper-plugin';
-import { Main } from '@strapi/design-system/Main';
-import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
-import { Accordion, AccordionToggle, AccordionContent, AccordionGroup } from '@strapi/design-system/Accordion';
-import { Button } from '@strapi/design-system/Button';
-import { Box } from '@strapi/design-system/Box';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
-import { ToggleInput } from '@strapi/design-system/ToggleInput';
-import { NumberInput } from '@strapi/design-system/NumberInput';
-import { Select, Option } from '@strapi/design-system/Select';
-import { Tooltip } from '@strapi/design-system/Tooltip';
-import { Check, Refresh, Play, Information, ExclamationMarkCircle } from '@strapi/icons';
-
-import permissions from '../../permissions';
-import useNavigationConfig from '../../hooks/useNavigationConfig';
-import useAllContentTypes from '../../hooks/useAllContentTypes';
-import { navigationItemAdditionalFields } from '../View/utils/enums';
-import ConfirmationDialog from '../../components/ConfirmationDialog';
-import RestartAlert from '../../components/RestartAlert';
-import { getMessage } from '../../utils';
-import { isContentTypeEligible, resolveGlobalLikeId } from './utils/functions';
-import { PermanentAlert } from '../../components/Alert/styles';
-
-const SettingsPage = () => {
-  const { lockApp, unlockApp } = useOverlayBlocker();
-  const { lockAppWithAutoreload, unlockAppWithAutoreload } = useAutoReloadOverlayBlocker();
-  const [isRestorePopupOpen, setIsRestorePopupOpen] = useState(false);
-  const [isRestartRequired, setIsRestartRequired] = useState(false);
-  const [contentTypeExpanded, setContentTypeExpanded] = useState(undefined);
-  const { data: navigationConfigData, isLoading: isConfigLoading, err: configErr, submitMutation, restoreMutation, restartMutation } = useNavigationConfig();
-  const { data: allContentTypesData, isLoading: isContentTypesLoading, err: contentTypesErr } = useAllContentTypes();
-  const isLoading = isConfigLoading || isContentTypesLoading;
-  const isError = configErr || contentTypesErr;
-  const boxDefaultProps = {
-		background: "neutral0",
-		hasRadius: true,
-		shadow: "filterShadow",
-		padding: 6,
-	};
-  
-  const preparePayload = ({ selectedContentTypes, nameFields, audienceFieldChecked, allowedLevels, populate }) => ({
-    contentTypes: selectedContentTypes,
-    contentTypesNameFields: nameFields,
-    contentTypesPopulate: populate,
-    additionalFields: audienceFieldChecked ? [navigationItemAdditionalFields.AUDIENCE] : [],
-    allowedLevels: allowedLevels,
-    gql: {
-      navigationItemRelated: selectedContentTypes.map(uid => resolveGlobalLikeId(uid)),
-    }
-  });
-
-  const onSave = async (form) => {
-    lockApp();
-    const payload = preparePayload(form);
-    await submitMutation({ body: payload });
-    const isContentTypesChanged = !isEqual(payload.contentTypes, navigationConfigData.contentTypes);
-    if (isContentTypesChanged && navigationConfigData.isGQLPluginEnabled) {
-      setIsRestartRequired(true);
+"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]; } };
     }
-    unlockApp();
-  }
-
-  const onPopupClose = async (isConfirmed) => {
-    setIsRestorePopupOpen(false);
-    if (isConfirmed) {
-      lockApp();
-      await restoreMutation();
-      unlockApp();
-      setIsRestartRequired(true);
-    }
-  }
-
-  const handleRestart = async () => {
-    lockAppWithAutoreload();
-    await restartMutation();
-    setIsRestartRequired(false);
-    unlockAppWithAutoreload();
-  };
-  const handleRestartDiscard = () => setIsRestartRequired(false);
-	const handleSetContentTypeExpanded = key => setContentTypeExpanded(key === contentTypeExpanded ? undefined : key);
-
-  const prepareNameFieldFor = (uid, current, value) => ({
-    ...current,
-    [uid]: value && !isEmpty(value) ? [...value] : undefined,
-  });
-
-  if (isLoading || isError) {
-    return (
-      <>
-        <SettingsPageTitle
-          name={getMessage('Settings.email.plugin.title', 'Configuration')}
-        />
-        <LoadingIndicatorPage>
-          Fetching plugin config...
-        </LoadingIndicatorPage>
-      </>
-    )
-  }
-
-  const configContentTypes = navigationConfigData?.contentTypes || [];
-
-  const allContentTypes = !isLoading && Object.values(allContentTypesData).filter(({ uid }) => isContentTypeEligible(uid, {
-    allowedContentTypes: navigationConfigData?.allowedContentTypes,
-    restrictedContentTypes: navigationConfigData?.restrictedContentTypes,
-  })).map(ct => {
-    const type = configContentTypes.find(_ => _.uid === ct.uid);
-    if (type) {
-      const { available, isSingle } = type;
-      return {
-        ...ct,
-        available,
-        isSingle,
-      };
+    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 formik_1 = require("formik");
+const lodash_1 = require("lodash");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const Main_1 = require("@strapi/design-system/Main");
+const Layout_1 = require("@strapi/design-system/Layout");
+const Accordion_1 = require("@strapi/design-system/Accordion");
+const Button_1 = require("@strapi/design-system/Button");
+const Box_1 = require("@strapi/design-system/Box");
+const Stack_1 = require("@strapi/design-system/Stack");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Grid_1 = require("@strapi/design-system/Grid");
+const ToggleInput_1 = require("@strapi/design-system/ToggleInput");
+const NumberInput_1 = require("@strapi/design-system/NumberInput");
+const Select_1 = require("@strapi/design-system/Select");
+const Tooltip_1 = require("@strapi/design-system/Tooltip");
+const icons_1 = require("@strapi/icons");
+const permissions_1 = __importDefault(require("../../permissions"));
+const useNavigationConfig_1 = __importDefault(require("../../hooks/useNavigationConfig"));
+const useAllContentTypes_1 = __importDefault(require("../../hooks/useAllContentTypes"));
+const enums_1 = require("../View/utils/enums");
+const ConfirmationDialog_1 = __importDefault(require("../../components/ConfirmationDialog"));
+const RestartAlert_1 = __importDefault(require("../../components/RestartAlert"));
+const utils_1 = require("../../utils");
+const functions_1 = require("./utils/functions");
+const styles_1 = require("../../components/Alert/styles");
+const DisableI18nModal_1 = require("./components/DisableI18nModal");
+const RESTART_NOT_REQUIRED = { required: false };
+const RESTART_REQUIRED = { required: true, reasons: [] };
+const SettingsPage = () => {
+    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+    const { lockAppWithAutoreload, unlockAppWithAutoreload } = (0, helper_plugin_1.useAutoReloadOverlayBlocker)();
+    const [isRestorePopupOpen, setIsRestorePopupOpen] = (0, react_1.useState)(false);
+    const [restartStatus, setRestartStatus] = (0, react_1.useState)(RESTART_NOT_REQUIRED);
+    const [contentTypeExpanded, setContentTypeExpanded] = (0, react_1.useState)(undefined);
+    const [pruneObsoleteI18nNavigations, setPruneObsoleteI18nNavigations] = (0, react_1.useState)(false);
+    const { disableI18nModal, setDisableI18nModalOpened, setI18nModalOnCancel, } = (0, DisableI18nModal_1.useDisableI18nModal)(({ pruneNavigations }) => {
+        setPruneObsoleteI18nNavigations(pruneNavigations);
+    });
+    const { data: navigationConfigData, isLoading: isConfigLoading, err: configErr, submitMutation, restoreMutation, restartMutation } = (0, useNavigationConfig_1.default)();
+    const { data: allContentTypesData, isLoading: isContentTypesLoading, err: contentTypesErr } = (0, useAllContentTypes_1.default)();
+    const isLoading = isConfigLoading || isContentTypesLoading;
+    const isError = configErr || contentTypesErr;
+    const boxDefaultProps = {
+        background: "neutral0",
+        hasRadius: true,
+        shadow: "filterShadow",
+        padding: 6,
+    };
+    const preparePayload = ({ form: { selectedContentTypes, nameFields, audienceFieldChecked, allowedLevels, i18nEnabled }, pruneObsoleteI18nNavigations }) => ({
+        i18nEnabled,
+        allowedLevels,
+        pruneObsoleteI18nNavigations,
+        contentTypes: selectedContentTypes,
+        contentTypesNameFields: nameFields,
+        contentTypesPopulate: populate,
+        additionalFields: audienceFieldChecked ? [enums_1.navigationItemAdditionalFields.AUDIENCE] : [],
+        gql: {
+            navigationItemRelated: selectedContentTypes.map(uid => (0, functions_1.resolveGlobalLikeId)(uid)),
+        }
+    });
+    const onSave = async (form) => {
+        lockApp();
+        const payload = preparePayload({ form, pruneObsoleteI18nNavigations });
+        await submitMutation({ body: payload });
+        const isContentTypesChanged = !(0, lodash_1.isEqual)(payload.contentTypes, navigationConfigData.contentTypes);
+        const isI18nChanged = !(0, lodash_1.isEqual)(payload.i18nEnabled, navigationConfigData.i18nEnabled);
+        const restartReasons = [];
+        if (isI18nChanged) {
+            restartReasons.push('I18N');
+        }
+        if (isContentTypesChanged && navigationConfigData.isGQLPluginEnabled) {
+            restartReasons.push('GRAPH_QL');
+        }
+        if (pruneObsoleteI18nNavigations) {
+            restartReasons.push('I18N_NAVIGATIONS_PRUNE');
+        }
+        if (restartReasons.length) {
+            setRestartStatus({
+                ...RESTART_REQUIRED,
+                reasons: restartReasons,
+            });
+        }
+        setDisableI18nModalOpened(false);
+        setPruneObsoleteI18nNavigations(false);
+        unlockApp();
+    };
+    const onPopupClose = async (isConfirmed) => {
+        setIsRestorePopupOpen(false);
+        if (isConfirmed) {
+            lockApp();
+            await restoreMutation();
+            unlockApp();
+            setRestartStatus(RESTART_REQUIRED);
+        }
+    };
+    const handleRestart = async () => {
+        lockAppWithAutoreload();
+        await restartMutation();
+        setRestartStatus(RESTART_NOT_REQUIRED);
+        unlockAppWithAutoreload();
+    };
+    const handleRestartDiscard = () => setRestartStatus(RESTART_NOT_REQUIRED);
+    const handleSetContentTypeExpanded = key => setContentTypeExpanded(key === contentTypeExpanded ? undefined : key);
+    const prepareNameFieldFor = (uid, current, value) => ({
+        ...current,
+        [uid]: value && !(0, lodash_1.isEmpty)(value) ? [...value] : undefined,
+    });
+    if (isLoading || isError) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_1.getMessage)('Settings.email.plugin.title', 'Configuration') }),
+            react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null, "Fetching plugin config...")));
     }
-    return ct;
-  });
-  const selectedContentTypes = configContentTypes.map(item => item.uid);
-  const audienceFieldChecked = navigationConfigData?.additionalFields.includes(navigationItemAdditionalFields.AUDIENCE);
-  const allowedLevels = navigationConfigData?.allowedLevels || 2;
-  const nameFields = navigationConfigData?.contentTypesNameFields || {}
-  const populate = navigationConfigData?.contentTypesPopulate || {}
-
-  return (
-    <>
-      <SettingsPageTitle
-        name={getMessage('Settings.email.plugin.title', 'Configuration')}
-      />
-      <Main labelledBy="title">
-        <Formik
-          initialValues={{
-            selectedContentTypes,
-            audienceFieldChecked,
-            allowedLevels,
-            nameFields,
-            populate,
-          }}
-          onSubmit={onSave}
-        >
-          {({ handleSubmit, setFieldValue, values }) => (
-            <Form noValidate onSubmit={handleSubmit}>
-              <HeaderLayout
-                title={getMessage('pages.settings.header.title')}
-                subtitle={getMessage('pages.settings.header.description')}
-                primaryAction={
-                  <CheckPermissions permissions={permissions.access}>
-                    <Button type="submit" startIcon={<Check />} disabled={isRestartRequired}>
-                      {getMessage('pages.settings.actions.submit')}
-                    </Button>
-                  </CheckPermissions>
-                }
-              />
-              <ContentLayout>
-                <Stack spacing={7}>
-                  {isRestartRequired && (
-                    <RestartAlert
-                      closeLabel={getMessage('pages.settings.actions.restart.alert.cancel')}
-                      title={getMessage('pages.settings.actions.restart.alert.title')}
-                      action={<Box><Button onClick={handleRestart} startIcon={<Play />}>{getMessage('pages.settings.actions.restart')}</Button></Box>}
-                      onClose={handleRestartDiscard}>
-                      {getMessage('pages.settings.actions.restart.alert.description')}
-                    </RestartAlert>)}
-                  <Box {...boxDefaultProps} >
-                    <Stack spacing={4}>
-                      <Typography variant="delta" as="h2">
-                        {getMessage('pages.settings.general.title')}
-                      </Typography>
-                      <Grid gap={4}>
-                        <GridItem col={12} s={12} xs={12}>
-                          <Select
-                            name="selectedContentTypes"
-                            label={getMessage('pages.settings.form.contentTypes.label')}
-                            placeholder={getMessage('pages.settings.form.contentTypes.placeholder')}
-                            hint={getMessage('pages.settings.form.contentTypes.hint')}
-                            onClear={() => setFieldValue('selectedContentTypes', [], false)}
-                            value={values.selectedContentTypes}
-                            onChange={(value) => setFieldValue('selectedContentTypes', value, false)}
-                            multi
-                            withTags
-                            disabled={isRestartRequired}
-                          >
-                            {allContentTypes.map((item) => <Option key={item.uid} value={item.uid}>{item.info.displayName}</Option>)}
-                          </Select>
-                        </GridItem>
-                        {!isEmpty(values.selectedContentTypes) && (
-                          <GridItem col={12}>
-                            <AccordionGroup
-                              label={getMessage('pages.settings.form.contentTypesSettings.label')}
-                              labelAction={<Tooltip description={getMessage('pages.settings.form.contentTypesSettings.tooltip')}>
-                                <Information aria-hidden={true} />
-                              </Tooltip>}>
-                              {orderBy(values.selectedContentTypes).map(uid => {
-                                const { attributes, info: { displayName }, available, isSingle } = allContentTypes.find(item => item.uid == uid);
-                                const stringAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'string');
-                                const relationAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'relation');
-                                const key = `collectionSettings-${uid}`;
-                                return (<Accordion
-                                  expanded={contentTypeExpanded === key}
-                                  toggle={() => handleSetContentTypeExpanded(key)}
-                                  key={key}
-                                  id={key}
-                                  size="S">
-                                  <AccordionToggle title={displayName} togglePosition="left" startIcon={(isSingle && !available) && (<ExclamationMarkCircle aria-hidden={true} />)} />
-                                  <AccordionContent>
-                                    <Box padding={6}>
-                                      <Stack spacing={4}>
-                                        { (isSingle && !available) && (
-                                          <PermanentAlert title={getMessage('pages.settings.form.contentTypesSettings.initializationWarning.title')} variant="danger" onClose={(e) => e.preventDefault()}>
-                                            { getMessage('pages.settings.form.contentTypesSettings.initializationWarning.content') }
-                                          </PermanentAlert>)}
-                                        <Select
-                                          name={`collectionSettings-${uid}-entryLabel`}
-                                          label={getMessage('pages.settings.form.nameField.label')}
-                                          hint={getMessage(`pages.settings.form.populate.${isEmpty(stringAttributes) ? 'empty' : 'hint'}`)}
-                                          placeholder={getMessage('pages.settings.form.nameField.placeholder')}
-                                          onClear={() => null}
-                                          value={values.nameFields[uid] || []}
-                                          onChange={(value) => setFieldValue('nameFields', prepareNameFieldFor(uid, values.nameFields, value))}
-                                          multi
-                                          withTags
-                                          disabled={isRestartRequired || isEmpty(stringAttributes)}
-                                        >
-                                          {stringAttributes.map(key =>
-                                            (<Option key={uid + key} value={key}>{capitalize(key.split('_').join(' '))}</Option>))}
-                                        </Select>                                    
-                                        <Select
-                                          name={`collectionSettings-${uid}-populate`}
-                                          label={getMessage('pages.settings.form.populate.label')}
-                                          hint={getMessage(`pages.settings.form.populate.${isEmpty(relationAttributes) ? 'empty' : 'hint'}`)}
-                                          placeholder={getMessage('pages.settings.form.populate.placeholder')}
-                                          onClear={() => null}
-                                          value={values.populate[uid] || []}
-                                          onChange={(value) => setFieldValue('populate', prepareNameFieldFor(uid, values.populate, value))}
-                                          multi
-                                          withTags
-                                          disabled={isRestartRequired || isEmpty(relationAttributes)}
-                                        >
-                                          {relationAttributes.map(key =>
-                                            (<Option key={uid + key} value={key}>{capitalize(key.split('_').join(' '))}</Option>))}
-                                        </Select>
-                                      </Stack>
-                                    </Box>
-
-                                  </AccordionContent>
-                                </Accordion>);
-                              })}
-                            </AccordionGroup>
-                          </GridItem>)}
-                      </Grid>
-                    </Stack>
-                  </Box>
-                  <Box {...boxDefaultProps} >
-                    <Stack spacing={4}>
-                      <Typography variant="delta" as="h2">
-                        {getMessage('pages.settings.additional.title')}
-                      </Typography>
-                      <Grid gap={4}>
-                        <GridItem col={3} s={6} xs={12}>
-                          <NumberInput
-                            name="allowedLevels"
-                            label={getMessage('pages.settings.form.allowedLevels.label')}
-                            placeholder={getMessage('pages.settings.form.allowedLevels.placeholder')}
-                            hint={getMessage('pages.settings.form.allowedLevels.hint')}
-                            onValueChange={(value) => setFieldValue('allowedLevels', value, false)}
-                            value={values.allowedLevels}
-                            disabled={isRestartRequired}
-                          />
-                        </GridItem>
-                        <GridItem col={6} s={12} xs={12}>
-                          <ToggleInput
-                            name="audienceFieldChecked"
-                            label={getMessage('pages.settings.form.audience.label')}
-                            hint={getMessage('pages.settings.form.audience.hint')}
-                            checked={values.audienceFieldChecked}
-                            onChange={({ target: { checked } }) => setFieldValue('audienceFieldChecked', checked, false)}
-                            onLabel="Enabled"
-                            offLabel="Disabled"
-                            disabled={isRestartRequired}
-                          />
-                        </GridItem>
-                      </Grid>
-                    </Stack>
-                  </Box>
-                  <Box {...boxDefaultProps} >
-                    <Stack spacing={4}>
-                      <Typography variant="delta" as="h2">
-                        {getMessage('pages.settings.restoring.title')}
-                      </Typography>
-                      <Grid gap={4}>
-                        <GridItem col={12} s={12} xs={12}>
-                          <Typography>
-                            {getMessage('pages.settings.actions.restore.description')}
-                          </Typography>
-                        </GridItem>
-                        <GridItem col={6} s={12} xs={12}>
-                          <CheckPermissions permissions={permissions.access}>
-                            <Button variant="danger-light" startIcon={<Refresh />} onClick={() => setIsRestorePopupOpen(true)}>
-                              {getMessage('pages.settings.actions.restore')}
-                            </Button>
-                          </CheckPermissions>
-                          <ConfirmationDialog
-                            isVisible={isRestorePopupOpen}
-                            header={getMessage('pages.settings.actions.restore.confirmation.header')}
-                            labelConfirm={getMessage('pages.settings.actions.restore.confirmation.confirm')}
-                            iconConfirm={<Refresh />}
-                            onConfirm={() => onPopupClose(true)}
-                            onCancel={() => onPopupClose(false)}>
-                            {getMessage('pages.settings.actions.restore.confirmation.description')}
-                          </ConfirmationDialog>
-                        </GridItem>
-                      </Grid>
-                    </Stack>
-                  </Box>
-                </Stack>
-              </ContentLayout>
-            </Form>
-          )}
-        </Formik>
-      </Main>
-    </>
-  );
-}
-
-
-export default SettingsPage;
+    const configContentTypes = navigationConfigData?.contentTypes || [];
+    const allContentTypes = !isLoading && Object.values(allContentTypesData).filter(({ uid }) => (0, functions_1.isContentTypeEligible)(uid, {
+        allowedContentTypes: navigationConfigData?.allowedContentTypes,
+        restrictedContentTypes: navigationConfigData?.restrictedContentTypes,
+    })).map(ct => {
+        const type = configContentTypes.find(_ => _.uid === ct.uid);
+        if (type) {
+            const { available, isSingle } = type;
+            return {
+                ...ct,
+                available,
+                isSingle,
+            };
+        }
+        return ct;
+    });
+    const selectedContentTypes = configContentTypes.map(item => item.uid);
+    const audienceFieldChecked = navigationConfigData?.additionalFields.includes(enums_1.navigationItemAdditionalFields.AUDIENCE);
+    const allowedLevels = navigationConfigData?.allowedLevels || 2;
+    const nameFields = navigationConfigData?.contentTypesNameFields || {};
+    const populate = navigationConfigData?.contentTypesPopulate || {};
+    const i18nEnabled = navigationConfigData?.i18nEnabled ?? false;
+    const isI18NPluginEnabled = navigationConfigData?.isI18NPluginEnabled;
+    const defaultLocale = navigationConfigData?.defaultLocale;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(helper_plugin_1.SettingsPageTitle, { name: (0, utils_1.getMessage)('Settings.email.plugin.title', 'Configuration') }),
+        react_1.default.createElement(Main_1.Main, { labelledBy: "title" },
+            react_1.default.createElement(formik_1.Formik, { initialValues: {
+                    selectedContentTypes,
+                    audienceFieldChecked,
+                    allowedLevels,
+                    nameFields,
+                    populate,
+                    i18nEnabled,
+                }, onSubmit: onSave }, ({ handleSubmit, setFieldValue, values }) => (react_1.default.createElement(helper_plugin_1.Form, { noValidate: true, onSubmit: handleSubmit },
+                react_1.default.createElement(Layout_1.HeaderLayout, { title: (0, utils_1.getMessage)('pages.settings.header.title'), subtitle: (0, utils_1.getMessage)('pages.settings.header.description'), primaryAction: react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.access },
+                        react_1.default.createElement(Button_1.Button, { type: "submit", startIcon: react_1.default.createElement(icons_1.Check, null), disabled: restartStatus.required }, (0, utils_1.getMessage)('pages.settings.actions.submit'))) }),
+                react_1.default.createElement(Layout_1.ContentLayout, null,
+                    react_1.default.createElement(Stack_1.Stack, { spacing: 7 },
+                        restartStatus.required && (react_1.default.createElement(RestartAlert_1.default, { closeLabel: (0, utils_1.getMessage)('pages.settings.actions.restart.alert.cancel'), title: (0, utils_1.getMessage)('pages.settings.actions.restart.alert.title'), action: react_1.default.createElement(Box_1.Box, null,
+                                react_1.default.createElement(Button_1.Button, { onClick: handleRestart, startIcon: react_1.default.createElement(icons_1.Play, null) }, (0, utils_1.getMessage)('pages.settings.actions.restart'))), onClose: handleRestartDiscard },
+                            react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement(Box_1.Box, { paddingBottom: 1 }, (0, utils_1.getMessage)('pages.settings.actions.restart.alert.description')),
+                                restartStatus.reasons.map((reason, i) => react_1.default.createElement(Box_1.Box, { paddingBottom: 1, key: i, children: (0, utils_1.getMessage)(`pages.settings.actions.restart.alert.reason.${reason}`) }))))),
+                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                            react_1.default.createElement(Stack_1.Stack, { size: 4 },
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.general.title')),
+                                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
+                                    react_1.default.createElement(Grid_1.GridItem, { col: 12, s: 12, xs: 12 },
+                                        react_1.default.createElement(Select_1.Select, { name: "selectedContentTypes", label: (0, utils_1.getMessage)('pages.settings.form.contentTypes.label'), placeholder: (0, utils_1.getMessage)('pages.settings.form.contentTypes.placeholder'), hint: (0, utils_1.getMessage)('pages.settings.form.contentTypes.hint'), onClear: () => setFieldValue('selectedContentTypes', [], false), value: values.selectedContentTypes, onChange: (value) => setFieldValue('selectedContentTypes', value, false), multi: true, withTags: true, disabled: restartStatus.required }, allContentTypes.map((item) => react_1.default.createElement(Select_1.Option, { key: item.uid, value: item.uid }, item.info.displayName)))),
+                                    !(0, lodash_1.isEmpty)(values.selectedContentTypes) && (react_1.default.createElement(Grid_1.GridItem, { col: 12 },
+                                        react_1.default.createElement(Accordion_1.AccordionGroup, { label: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.label'), labelAction: react_1.default.createElement(Tooltip_1.Tooltip, { description: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.tooltip') },
+                                                react_1.default.createElement(icons_1.Information, { "aria-hidden": true })) }, (0, lodash_1.orderBy)(values.selectedContentTypes).map(uid => {
+                                            const { attributes, info: { displayName }, available, isSingle } = allContentTypes.find(item => item.uid == uid);
+                                            const stringAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'string');
+                                            const relationAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'relation');
+                                            const key = `collectionSettings-${uid}`;
+                                            return (react_1.default.createElement(Accordion_1.Accordion, { expanded: contentTypeExpanded === key, toggle: () => handleSetContentTypeExpanded(key), key: key, id: key, size: "S" },
+                                                react_1.default.createElement(Accordion_1.AccordionToggle, { title: displayName, togglePosition: "left", startIcon: (isSingle && !available) && (react_1.default.createElement(icons_1.ExclamationMarkCircle, { "aria-hidden": true })) }),
+                                                react_1.default.createElement(Accordion_1.AccordionContent, null,
+                                                    react_1.default.createElement(Box_1.Box, { padding: 6 },
+                                                        react_1.default.createElement(Stack_1.Stack, { size: 4 },
+                                                            (isSingle && !available) && (react_1.default.createElement(styles_1.PermanentAlert, { title: (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.title'), variant: "danger", onClose: (e) => e.preventDefault() }, (0, utils_1.getMessage)('pages.settings.form.contentTypesSettings.initializationWarning.content'))),
+                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-entryLabel`, label: (0, utils_1.getMessage)('pages.settings.form.nameField.label'), hint: (0, utils_1.getMessage)(`pages.settings.form.populate.${(0, lodash_1.isEmpty)(stringAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_1.getMessage)('pages.settings.form.nameField.placeholder'), onClear: () => null, value: values.nameFields[uid] || [], onChange: (value) => setFieldValue('nameFields', prepareNameFieldFor(uid, values.nameFields, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(stringAttributes) }, stringAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))),
+                                                            react_1.default.createElement(Select_1.Select, { name: `collectionSettings-${uid}-populate`, label: (0, utils_1.getMessage)('pages.settings.form.populate.label'), hint: (0, utils_1.getMessage)(`pages.settings.form.populate.${(0, lodash_1.isEmpty)(relationAttributes) ? 'empty' : 'hint'}`), placeholder: (0, utils_1.getMessage)('pages.settings.form.populate.placeholder'), onClear: () => null, value: values.populate[uid] || [], onChange: (value) => setFieldValue('populate', prepareNameFieldFor(uid, values.populate, value)), multi: true, withTags: true, disabled: restartStatus.required || (0, lodash_1.isEmpty)(relationAttributes) }, relationAttributes.map(key => (react_1.default.createElement(Select_1.Option, { key: uid + key, value: key }, (0, lodash_1.capitalize)(key.split('_').join(' ')))))))))));
+                                        }))))))),
+                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                            react_1.default.createElement(Stack_1.Stack, { size: 4 },
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.additional.title')),
+                                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
+                                    react_1.default.createElement(Grid_1.GridItem, { col: 3, s: 6, xs: 12 },
+                                        react_1.default.createElement(NumberInput_1.NumberInput, { name: "allowedLevels", label: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.label'), placeholder: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.placeholder'), hint: (0, utils_1.getMessage)('pages.settings.form.allowedLevels.hint'), onValueChange: (value) => setFieldValue('allowedLevels', value, false), value: values.allowedLevels, disabled: restartStatus.required })),
+                                    react_1.default.createElement(Grid_1.GridItem, { col: 4, s: 12, xs: 12 },
+                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "audienceFieldChecked", label: (0, utils_1.getMessage)('pages.settings.form.audience.label'), hint: (0, utils_1.getMessage)('pages.settings.form.audience.hint'), checked: values.audienceFieldChecked, onChange: ({ target: { checked } }) => setFieldValue('audienceFieldChecked', checked, false), onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required })),
+                                    isI18NPluginEnabled && (react_1.default.createElement(Grid_1.GridItem, { col: 4, s: 12, xs: 12 },
+                                        react_1.default.createElement(ToggleInput_1.ToggleInput, { name: "i18nEnabled", label: (0, utils_1.getMessage)('pages.settings.form.i18n.label'), hint: defaultLocale
+                                                ? (0, utils_1.getMessage)('pages.settings.form.i18n.hint')
+                                                : (0, utils_1.getMessage)('pages.settings.form.i18n.hint.missingDefaultLocale'), checked: values.i18nEnabled, onChange: ({ target: { checked } }) => {
+                                                setFieldValue('i18nEnabled', checked, false);
+                                                if (checked) {
+                                                    setPruneObsoleteI18nNavigations(false);
+                                                }
+                                                else {
+                                                    setDisableI18nModalOpened(true);
+                                                    setI18nModalOnCancel(() => () => {
+                                                        setFieldValue('i18nEnabled', true);
+                                                    });
+                                                }
+                                            }, onLabel: "Enabled", offLabel: "Disabled", disabled: restartStatus.required || !defaultLocale })))))),
+                        react_1.default.createElement(Box_1.Box, { ...boxDefaultProps },
+                            react_1.default.createElement(Stack_1.Stack, { size: 4 },
+                                react_1.default.createElement(Typography_1.Typography, { variant: "delta", as: "h2" }, (0, utils_1.getMessage)('pages.settings.restoring.title')),
+                                react_1.default.createElement(Grid_1.Grid, { gap: 4 },
+                                    react_1.default.createElement(Grid_1.GridItem, { col: 12, s: 12, xs: 12 },
+                                        react_1.default.createElement(Typography_1.Typography, null, (0, utils_1.getMessage)('pages.settings.actions.restore.description'))),
+                                    react_1.default.createElement(Grid_1.GridItem, { col: 6, s: 12, xs: 12 },
+                                        react_1.default.createElement(helper_plugin_1.CheckPermissions, { permissions: permissions_1.default.access },
+                                            react_1.default.createElement(Button_1.Button, { variant: "danger-light", startIcon: react_1.default.createElement(icons_1.Refresh, null), onClick: () => setIsRestorePopupOpen(true) }, (0, utils_1.getMessage)('pages.settings.actions.restore'))),
+                                        react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: isRestorePopupOpen, header: (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.header'), labelConfirm: (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.confirm'), iconConfirm: react_1.default.createElement(icons_1.Refresh, null), onConfirm: () => onPopupClose(true), onCancel: () => onPopupClose(false) }, (0, utils_1.getMessage)('pages.settings.actions.restore.confirmation.description')),
+                                        disableI18nModal))))))))))));
+};
+exports.default = SettingsPage;
+//# sourceMappingURL=index.js.map

package/admin/src/pages/SettingsPage/utils/functions.d.ts

@@ -0,0 +1,5 @@
+export function resolveGlobalLikeId(uid?: string): any;
+export function resolveGlobalLikeId(uid?: string): any;
+export function isContentTypeEligible(uid?: string, config?: {}): boolean | "";
+export function isContentTypeEligible(uid?: string, config?: {}): boolean | "";
+//# sourceMappingURL=functions.d.ts.map