@docsvision/management-console 6.2.0-beta.13 → 6.2.0-beta.14

package/index.d.ts

@@ -1471,6 +1471,10 @@ declare interface IHelpIconButtonProps {
     transformOrigin?: PopoverOrigin;
 }
 
+declare interface IInfoBanner {
+    text: string;
+}
+
 export declare interface IInformationIconProps {
     className?: string;
     color?: string;
@@ -1700,6 +1704,8 @@ declare enum IncomingMessageState {
     Paused = 4
 }
 
+export declare function InfoBanner({ text }: IInfoBanner): JSX.Element;
+
 export declare function InformationIcon(props: IInformationIconProps): JSX.Element;
 
 declare interface INumberComponentProps extends Omit<OutlinedTextFieldProps, "variant" | "value" | "onChange" | "type" | "defaultValue"> {

package/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createElement, useRef, useMemo, useContext, memo, isValidElement, cloneElement, Children, createContext, useCallback, useDebugValue, useLayoutEffect, forwardRef as forwardRef$1, Fragment as Fragment$1, Component, useReducer } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Accordion as Accordion$1, AccordionSummary, AccordionDetails, Typography as Typography$3, Button as Button$3, Box, CircularProgress as CircularProgress$3, Tooltip as Tooltip$2, Breadcrumbs, IconButton as IconButton$3, Popover as Popover$4, SvgIcon as SvgIcon$3, TableCell as TableCell$2, Grid as Grid$1, Paper as Paper$3, Chip as Chip$1, MenuItem as MenuItem$2, List as List$4, ListItemButton, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListItem as ListItem$1, Input as Input$3, TextField as TextField$3, InputAdornment as InputAdornment$3, Stack, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, RadioGroup, Radio, createTheme as createTheme$3, TableContainer, Table as Table$1, TableHead, TableRow as TableRow$1, TableBody as TableBody$1, capitalize as capitalize$2, ThemeProvider as ThemeProvider$1, Dialog as Dialog$2, DialogTitle, DialogContent as DialogContent$2, DialogActions as DialogActions$2 } from "@mui/material";
+import { Accordion as Accordion$1, AccordionSummary, AccordionDetails, Typography as Typography$3, Button as Button$3, Box, CircularProgress as CircularProgress$3, Tooltip as Tooltip$2, Breadcrumbs, IconButton as IconButton$3, Popover as Popover$4, SvgIcon as SvgIcon$3, TableCell as TableCell$2, Grid as Grid$1, Paper as Paper$3, Chip as Chip$1, MenuItem as MenuItem$2, List as List$4, ListItemButton, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListItem as ListItem$1, Input as Input$3, TextField as TextField$3, InputAdornment as InputAdornment$3, Stack, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, RadioGroup, Radio, createTheme as createTheme$3, TableContainer, Table as Table$1, TableHead, TableRow as TableRow$1, TableBody as TableBody$1, FormControl as FormControl$3, capitalize as capitalize$2, ThemeProvider as ThemeProvider$1, Dialog as Dialog$2, DialogTitle, DialogContent as DialogContent$2, DialogActions as DialogActions$2 } from "@mui/material";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
 import { unstable_createGetCssVar, createSpacing as createSpacing$2, useTheme as useTheme$4, GlobalStyles as GlobalStyles$1, unstable_memoTheme, keyframes, css as css$2, styled as styled$1, alpha as alpha$2, lighten as lighten$2, darken as darken$2, decomposeColor as decomposeColor$2, recomposeColor as recomposeColor$2, getThemeProps as getThemeProps$2 } from "@mui/system";
@@ -58970,6 +58970,11 @@ function getTextContent$1(content, className) {
   }
   return /* @__PURE__ */ jsx("ul", { className: classNames("text-message__list", className), children: content.map((m2) => /* @__PURE__ */ jsx("li", { children: m2 }, m2)) });
 }
+function InfoBanner({ text }) {
+  if (text) {
+    return /* @__PURE__ */ jsx("div", { className: "info-banner", "data-testid": "info-banner", children: /* @__PURE__ */ jsx(Typography$3, { variant: "subtitle2", color: "inherit", children: text }) });
+  }
+}
 const KeyboardArrowRightIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
 }));
@@ -83735,12 +83740,22 @@ function DropdownWithEllipsis(props) {
   const { options, value, label, handleChange, dataTestId, field, className, noOptionsText } = props;
   const anchorRef = useRef(null);
   const [menuWidth, setMenuWidth] = useState(void 0);
+  const [isOpen, setIsOpen] = useState(false);
   useLayoutEffect(() => {
     setMenuWidth(anchorRef.current?.offsetWidth);
   }, []);
+  const handleKeyDown2 = (event) => {
+    if (options.length === 0 && event.key === "Tab") {
+      setIsOpen(false);
+      return;
+    }
+  };
   const selectProps = {
     ...commonMuiProps.select,
     variant: "outlined",
+    open: isOpen,
+    onOpen: () => setIsOpen(true),
+    onClose: () => setIsOpen(false),
     MenuProps: {
       keepMounted: true,
       ...commonMuiProps.select.MenuProps,
@@ -83759,6 +83774,7 @@ function DropdownWithEllipsis(props) {
       ref: anchorRef,
       onChange: (event) => handleChange(event.target.value),
       className,
+      onKeyDown: handleKeyDown2,
       variant: "outlined",
       size: "small",
       slotProps: { select: selectProps },
@@ -83941,6 +83957,227 @@ function AdvancedSettings(props) {
   };
   return /* @__PURE__ */ jsx("div", { className: "advanced-settings", children: /* @__PURE__ */ jsx(Button$3, { name: id, variant: "contained", size: "small", color: "secondary", hidden, onClick: goToConfigurationPage, children: label }) });
 }
+var LogBackupStrategyType = /* @__PURE__ */ ((LogBackupStrategyType2) => {
+  LogBackupStrategyType2[LogBackupStrategyType2["Period"] = 0] = "Period";
+  LogBackupStrategyType2[LogBackupStrategyType2["Quantity"] = 1] = "Quantity";
+  LogBackupStrategyType2[LogBackupStrategyType2["Disabled"] = 2] = "Disabled";
+  return LogBackupStrategyType2;
+})(LogBackupStrategyType || {});
+LogBackupStrategyType.Period;
+const LOG_BACKUP_STRATEGY_PERIOD_IN_DAYS_DEFAULT = 7;
+const LOG_BACKUP_STRATEGY_QUANTITY_IN_MESSAGES_DEFAULT = 3e3;
+const LOG_BACKUP_STRATEGY_BACKUP_FOLDER_DEFAULT = "";
+const LOG_BACKUP_STRATEGY_VALUE_DEFAULT = {
+  strategyType: LogBackupStrategyType,
+  periodInDays: LOG_BACKUP_STRATEGY_PERIOD_IN_DAYS_DEFAULT,
+  quantityInMessages: LOG_BACKUP_STRATEGY_QUANTITY_IN_MESSAGES_DEFAULT,
+  backupFolder: LOG_BACKUP_STRATEGY_BACKUP_FOLDER_DEFAULT
+};
+const LOG_BACKUP_STRATEGY_NUMBER_INPUT_WIDTH = 160;
+const LOG_BACKUP_STRATEGY_PERIOD_MIN_VALUE = 1;
+const LOG_BACKUP_STRATEGY_PERIOD_MAX_VALUE = 2147483647;
+const LOG_BACKUP_STRATEGY_MESSAGES_MIN_VALUE = 0;
+const LOG_BACKUP_STRATEGY_MESSAGES_MAX_VALUE = 2147483647;
+function getLogBackupStrategyOptions(services) {
+  const resources = services.resources;
+  const { numberGroupSeparator, numberDecimalSeparator } = services.applicationSettings.culture;
+  return [
+    {
+      name: "LogBackupStrategy_Period",
+      type: LogBackupStrategyType.Period,
+      label: resources.LogBackupStrategy_PeriodStrategy,
+      controls: [
+        {
+          name: "period-in-days",
+          instance: NumberComponent,
+          getProperties: (field) => ({
+            name: "periodInDays",
+            numberGroupSeparator,
+            numberDecimalSeparator,
+            sx: {
+              minWidth: LOG_BACKUP_STRATEGY_NUMBER_INPUT_WIDTH,
+              maxWidth: LOG_BACKUP_STRATEGY_NUMBER_INPUT_WIDTH
+            },
+            slotProps: {
+              htmlInput: {
+                className: "log-backup-strategy-folder__number_text-center"
+              }
+            },
+            value: field.value.periodInDays,
+            allowDecimals: false,
+            minValue: LOG_BACKUP_STRATEGY_PERIOD_MIN_VALUE,
+            maxValue: LOG_BACKUP_STRATEGY_PERIOD_MAX_VALUE,
+            onChange: (value) => field.onChange({ ...field.value, periodInDays: value }),
+            onBlur: (ev) => {
+              if (ev.target.value === "") {
+                field.onChange({ ...field.value, periodInDays: LOG_BACKUP_STRATEGY_PERIOD_MIN_VALUE });
+              }
+            }
+          })
+        }
+      ]
+    },
+    {
+      name: "LogBackupStrategy_Quantity",
+      type: LogBackupStrategyType.Quantity,
+      label: resources.LogBackupStrategy_QuantityStrategy,
+      controls: [
+        {
+          name: "quantity-in-messages",
+          instance: NumberComponent,
+          getProperties: (field) => ({
+            name: "quantityInMessages",
+            numberGroupSeparator,
+            numberDecimalSeparator,
+            sx: {
+              minWidth: LOG_BACKUP_STRATEGY_NUMBER_INPUT_WIDTH,
+              maxWidth: LOG_BACKUP_STRATEGY_NUMBER_INPUT_WIDTH
+            },
+            slotProps: {
+              htmlInput: {
+                className: "log-backup-strategy-folder__number_text-center"
+              }
+            },
+            value: field.value.quantityInMessages,
+            allowDecimals: false,
+            minValue: LOG_BACKUP_STRATEGY_MESSAGES_MIN_VALUE,
+            maxValue: LOG_BACKUP_STRATEGY_MESSAGES_MAX_VALUE,
+            onChange: (value) => field.onChange({ ...field.value, quantityInMessages: value }),
+            onBlur: (ev) => {
+              if (ev.target.value === "") {
+                field.onChange({ ...field.value, quantityInMessages: LOG_BACKUP_STRATEGY_MESSAGES_MIN_VALUE });
+              }
+            }
+          })
+        }
+      ]
+    },
+    {
+      name: "LogBackupStrategy_Disabled",
+      type: LogBackupStrategyType.Disabled,
+      label: resources.LogBackupStrategy_DisabledStrategy
+    }
+  ];
+}
+class LogBackupStrategyLogic extends ComponentLogic {
+  constructor() {
+    super(...arguments);
+    this.domain = y("LogBackupStrategyLogic");
+    this.componentDidMount = c$1("componentDidMount");
+    this.$options = this.domain.createStore([], { name: "$options" });
+  }
+  initOptions() {
+    v({
+      clock: this.componentDidMount,
+      fn: () => getLogBackupStrategyOptions(this.options.services),
+      target: this.$options
+    });
+  }
+  init() {
+    this.initOptions();
+  }
+}
+function convertLabelToNode(label, controls, field, services) {
+  return replaceControls(
+    label,
+    controls,
+    field
+  );
+}
+function replaceControls(label, controlsDescriptions, field) {
+  const controls = label.matchAll(/\[.+?\]/g);
+  let index = 0;
+  const nodes = [];
+  for (const control of controls) {
+    const controlSubstr = control[0];
+    const controlSubstrIndex = control.index;
+    const text = label.slice(index, controlSubstrIndex);
+    nodes.push(/* @__PURE__ */ jsx("span", { children: text }));
+    const controlDescriptionIndex = controlSubstr.replaceAll(/[\[\]]/g, "");
+    const controlName = controlsDescriptions[controlDescriptionIndex].name;
+    const ControlComponent = controlsDescriptions[controlDescriptionIndex].instance;
+    const controlProperties = controlsDescriptions[controlDescriptionIndex].getProperties(field);
+    nodes.push(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `log-backup-strategy__option_control-wrapper ${controlName}`,
+          "data-testid": `log-backup-strategy-option-control-wrapper-${controlName}`,
+          onClick: (ev) => ev.preventDefault(),
+          children: /* @__PURE__ */ jsx(ControlComponent, { ...controlProperties })
+        }
+      )
+    );
+    index = index + text.length + controlSubstr.length;
+  }
+  nodes.push(/* @__PURE__ */ jsx("span", { children: label.slice(index) }));
+  return /* @__PURE__ */ jsx("div", { className: "log-backup-strategy__option_label", children: nodes });
+}
+function LogBackupStrategyOption(props) {
+  const { name, type: type2, label, services, controls = [], field, fieldName } = props;
+  const key = `${fieldName}_${props.type}`;
+  return /* @__PURE__ */ jsx("div", { "data-testid": "log-backup-strategy_option-wrapper", children: /* @__PURE__ */ jsx(
+    FormControlLabel$1,
+    {
+      label: convertLabelToNode(label, controls, field),
+      control: /* @__PURE__ */ createElement(
+        Radio,
+        {
+          ...field,
+          key,
+          id: key,
+          name,
+          color: "primary",
+          onChange: (ev) => field.onChange({ ...field.value, strategyType: Number(ev.target.value) }),
+          value: type2,
+          checked: field.value.strategyType === type2,
+          "data-testid": `log-backup-strategy_option_${type2}`
+        }
+      )
+    },
+    `${key}_label}`
+  ) });
+}
+function LogBackupStrategy(props) {
+  const { id: fieldName, value } = props;
+  const services = useContext(ServicesContext);
+  const logic = useLogic({ ...props, services }, LogBackupStrategyLogic);
+  const options = e(logic.$options);
+  const { resetField, control } = useCustomFormContext();
+  const { field, fieldState } = useController({
+    name: props.id,
+    control,
+    defaultValue: { ...LOG_BACKUP_STRATEGY_VALUE_DEFAULT, ...props.value || {} }
+  });
+  useEffect(() => {
+    logic.componentDidMount();
+  }, [logic]);
+  return /* @__PURE__ */ jsx(EditorContainer, { resetValue: () => {
+    resetField(props.id);
+  }, isChanged: fieldState.isDirty, ...props, children: /* @__PURE__ */ jsxs(FormControl$3, { size: "small", children: [
+    /* @__PURE__ */ jsx(RadioGroup, { children: options.map((option) => /* @__PURE__ */ jsx(LogBackupStrategyOption, { ...option, field, fieldName, services }, `${fieldName}_${option.type}`)) }),
+    /* @__PURE__ */ jsx(
+      EditorInnerWrapper,
+      {
+        label: services.resources.LogBackupStrategy_Title,
+        description: services.resources.LogBackupStrategy_Description,
+        children: /* @__PURE__ */ jsx(
+          TextField$3,
+          {
+            variant: "outlined",
+            size: "small",
+            className: "log-backup-strategy-folder__input",
+            value: field.value.backupFolder,
+            fullWidth: true,
+            required: field.value.strategyType,
+            onChange: (e2) => field.onChange({ ...field.value, backupFolder: e2.target.value || "" }),
+            slotProps: { htmlInput: { "data-testid": "log-backup-strategy-folder" } }
+          }
+        )
+      }
+    )
+  ] }) });
+}
 var TableLocationType = /* @__PURE__ */ ((TableLocationType2) => {
   TableLocationType2[TableLocationType2["UseDefaultOrCurrent"] = 0] = "UseDefaultOrCurrent";
   TableLocationType2[TableLocationType2["UseOwnDatabase"] = 1] = "UseOwnDatabase";
@@ -85584,6 +85821,7 @@ function registerEditors() {
   editorFactory.register("LdapCatalogs", LdapCatalogs);
   editorFactory.register("ReadonlyEditor", ReadonlyEditor);
   editorFactory.register("AdvancedSettings", AdvancedSettings);
+  editorFactory.register("LogBackupStrategy", LogBackupStrategy);
   editorFactory.register("DatabaseGenerationSettings", DatabaseGenerationSettings);
 }
 serviceName(function(s2) {
@@ -87394,6 +87632,11 @@ function Toolbar$1() {
     return await services.localizationService.getResources();
   };
   const changeLocale = async () => {
+    const { resources, formControl } = services;
+    if (formControl.isDirty) {
+      const canProceed = window.confirm(resources.UnsavedChangesConfirmation);
+      if (!canProceed) return;
+    }
     disableLocaleButton(true);
     let index;
     if (localeIndexInAvailableLocales + 1 < applicationSettings.availableLocales.length) {
@@ -125861,6 +126104,7 @@ export {
   GroupPanel,
   HandPointRightIcon,
   HelpIconButton,
+  InfoBanner,
   InformationIcon,
   KEYCODE_ESCAPE,
   LayoutService,