@docsvision/management-console 6.2.0-beta.24 → 6.2.0-beta.26

package/index.d.ts

@@ -1269,7 +1269,7 @@ export declare interface IDropdownOptionProps extends Omit<MenuItemProps, "butto
 
 export declare interface IDropdownWithEllipsisProps {
     options: IPageElementOption_2[];
-    value: string;
+    value?: string | number;
     label: string;
     handleChange: (value: string) => void;
     field: ControllerRenderProps<FieldValues, string>;
@@ -2176,12 +2176,16 @@ declare interface IServiceDescription {
     serviceId: string;
     serviceName: string;
     configurationLayoutId: string;
+    serverName: string;
+    serviceUrl: string;
 }
 
 declare interface IServiceDescription_2 {
     serviceId: string;
     serviceName: string;
     configurationLayoutId: string;
+    serverName: string;
+    serviceUrl: string;
 }
 
 declare interface IServiceInfo {
@@ -2578,7 +2582,7 @@ export declare interface IWidgetPeriodSelectorProps extends HtmlProps.div {
     selectedValue: string;
     options: IPeriodValue[];
     onChange: (newValue: any) => void;
-    services: $Resources_3 & $LocalStorage_2;
+    services: $Resources_3 & $ApplicationSettings_2;
     isLoading?: boolean;
     onDatesChange?: (dates: any) => void;
     datesValue?: string[];

package/index.js

@@ -38637,6 +38637,7 @@ const DEFAULT_PAGE_SIZE = 50;
 function PageTable(props) {
   const { services, extraPlugins, data, onRowClick, disabledFeatures } = props;
   const plugins2 = [...getTablePlugins(), ...extraPlugins || []];
+  const tableDisabledFeatures = Array.from(/* @__PURE__ */ new Set([...disabledFeatures || [], VirtualizationFeature]));
   return /* @__PURE__ */ jsx(
     TableComposition,
     {
@@ -38650,7 +38651,7 @@ function PageTable(props) {
         }
       },
       plugins: plugins2,
-      disabledFeatures,
+      disabledFeatures: tableDisabledFeatures,
       fixateOnMount: false
     }
   );
@@ -52545,112 +52546,6 @@ function DateRangePicker(props) {
     return React__default.createElement(view.toolbar, __assign$2({}, props2, { locale: locale2, rangeDate: selectedRangeDate, selectableStartDate, setOpenViewYear, selectCurrentDate, includeKeyboard, keyboardOptions, setDateInvalidity, selectInputDate, startInputDate, services }));
   } }) });
 }
-const dateFormatData = {
-  dateFormat: "DD.MM.YYYY"
-};
-const INPUT_FORMAT = "DD.MM.YYYY";
-function DateRangeContainer(props) {
-  const { value, onChange, locale: locale2, onAccept, collapsedCalendar, services } = props;
-  const [datesValues, setDates] = useState([]);
-  const { resources } = services;
-  const acceptButtonRef = React__default.useRef(null);
-  const setDateInvalidity = (error) => {
-    acceptButtonRef.current.disabled = error;
-  };
-  const onChangeDates = (rangeDate) => {
-    const dates = [];
-    const currentMoment = hooks(rangeDate.start);
-    while (currentMoment.isSameOrBefore(rangeDate.end)) {
-      dates.push(hooks(currentMoment));
-      currentMoment.add(1, "days");
-    }
-    onChange(dates);
-    setDates(dates);
-    setDateInvalidity(false);
-  };
-  const formatValue = (value2) => {
-    const dates = value2?.map((x2) => hooks(x2, dateFormatData.dateFormat));
-    let start2;
-    let end2;
-    for (let i2 = 0; i2 < dates.length; i2++) {
-      if (!start2 || dates[i2].isBefore(start2)) {
-        start2 = dates[i2];
-      }
-      if (!end2 || dates[i2].isAfter(end2)) {
-        end2 = dates[i2];
-      }
-    }
-    return { start: start2, end: end2 };
-  };
-  const getInputMask = (date) => {
-    return date.replace(new RegExp(/[a-zA-Z]/, "g"), (x2) => x2 === "a" ? "aa" : "9");
-  };
-  const handleCancel = (e2) => {
-    e2.stopPropagation();
-    collapsedCalendar();
-  };
-  const handleAccept = (e2) => {
-    e2.stopPropagation();
-    let dates = datesValues;
-    if (datesValues?.length === 0 && value) {
-      dates = value?.map((x2) => hooks(x2, dateFormatData.dateFormat));
-    }
-    onAccept(dates);
-    collapsedCalendar();
-  };
-  const handleKeyDown2 = (e2) => {
-    if (e2.key === "Enter") {
-      e2.target.blur();
-    }
-  };
-  const dateRangeProps = {
-    value: formatValue(value),
-    onChange: onChangeDates,
-    locale: locale2,
-    services,
-    setDateInvalidity,
-    options: { variant: "static" },
-    includeKeyboard: true,
-    keyboardOptions: {
-      variant: "inline",
-      inputVariant: "outlined",
-      format: INPUT_FORMAT,
-      InputProps: {
-        inputComponent: ReactInputMask,
-        inputProps: {
-          mask: getInputMask(INPUT_FORMAT),
-          onKeyDown: handleKeyDown2
-        }
-      },
-      helperText: "",
-      InputAdornmentProps: { position: "start" }
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "date-range__container", "data-testid": "date-range__container", children: [
-    /* @__PURE__ */ jsx(DateRangePicker, { ...dateRangeProps }),
-    /* @__PURE__ */ jsxs("div", { className: "date-range__buttons-panel", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          "data-testid": "date-range__button-cancel",
-          className: "date-range__button-cancel",
-          onClick: (e2) => handleCancel(e2),
-          children: resources.DateRangePicker__Cancel
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref: acceptButtonRef,
-          "data-testid": "date-range__button-ok",
-          className: classNames("date-range__button-ok"),
-          onClick: (e2) => handleAccept(e2),
-          children: resources.DateRangePicker__Accept
-        }
-      )
-    ] })
-  ] });
-}
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -56785,6 +56680,117 @@ function requireRu() {
   return ru$1.exports;
 }
 requireRu();
+const dateFormatData = {
+  dateFormat: "DD.MM.YYYY"
+};
+const INPUT_FORMAT = "DD.MM.YYYY";
+function DateRangeContainer(props) {
+  const { value, onChange, locale: locale2, onAccept, collapsedCalendar, services } = props;
+  const [datesValues, setDates] = useState([]);
+  const { resources } = services;
+  const acceptButtonRef = React__default.useRef(null);
+  useEffect(() => {
+    if (!locale2) return;
+    const localeCode = locale2.split("-")[0].toLowerCase();
+    hooks.locale(localeCode);
+  }, [locale2]);
+  const setDateInvalidity = (error) => {
+    acceptButtonRef.current.disabled = error;
+  };
+  const onChangeDates = (rangeDate) => {
+    const dates = [];
+    const currentMoment = hooks(rangeDate.start);
+    while (currentMoment.isSameOrBefore(rangeDate.end)) {
+      dates.push(hooks(currentMoment));
+      currentMoment.add(1, "days");
+    }
+    onChange(dates);
+    setDates(dates);
+    setDateInvalidity(false);
+  };
+  const formatValue = (value2) => {
+    const dates = value2?.map((x2) => hooks(x2, dateFormatData.dateFormat));
+    let start2;
+    let end2;
+    for (let i2 = 0; i2 < dates.length; i2++) {
+      if (!start2 || dates[i2].isBefore(start2)) {
+        start2 = dates[i2];
+      }
+      if (!end2 || dates[i2].isAfter(end2)) {
+        end2 = dates[i2];
+      }
+    }
+    return { start: start2, end: end2 };
+  };
+  const getInputMask = (date) => {
+    return date.replace(new RegExp(/[a-zA-Z]/, "g"), (x2) => x2 === "a" ? "aa" : "9");
+  };
+  const handleCancel = (e2) => {
+    e2.stopPropagation();
+    collapsedCalendar();
+  };
+  const handleAccept = (e2) => {
+    e2.stopPropagation();
+    let dates = datesValues;
+    if (datesValues?.length === 0 && value) {
+      dates = value?.map((x2) => hooks(x2, dateFormatData.dateFormat));
+    }
+    onAccept(dates);
+    collapsedCalendar();
+  };
+  const handleKeyDown2 = (e2) => {
+    if (e2.key === "Enter") {
+      e2.target.blur();
+    }
+  };
+  const dateRangeProps = {
+    value: formatValue(value),
+    onChange: onChangeDates,
+    locale: locale2,
+    services,
+    setDateInvalidity,
+    options: { variant: "static" },
+    includeKeyboard: true,
+    keyboardOptions: {
+      variant: "inline",
+      inputVariant: "outlined",
+      format: INPUT_FORMAT,
+      InputProps: {
+        inputComponent: ReactInputMask,
+        inputProps: {
+          mask: getInputMask(INPUT_FORMAT),
+          onKeyDown: handleKeyDown2
+        }
+      },
+      helperText: "",
+      InputAdornmentProps: { position: "start" }
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "date-range__container", "data-testid": "date-range__container", children: [
+    /* @__PURE__ */ jsx(DateRangePicker, { ...dateRangeProps }),
+    /* @__PURE__ */ jsxs("div", { className: "date-range__buttons-panel", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "data-testid": "date-range__button-cancel",
+          className: "date-range__button-cancel",
+          onClick: (e2) => handleCancel(e2),
+          children: resources.DateRangePicker__Cancel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: acceptButtonRef,
+          "data-testid": "date-range__button-ok",
+          className: classNames("date-range__button-ok"),
+          onClick: (e2) => handleAccept(e2),
+          children: resources.DateRangePicker__Accept
+        }
+      )
+    ] })
+  ] });
+}
 const DateRangeCalendarIcon = React__default.memo((props) => {
   const calendar2 = useRef(null);
   const [isExpanded, setExpanded] = useState(false);
@@ -56814,10 +56820,11 @@ var PeriodType = /* @__PURE__ */ ((PeriodType2) => {
 })(PeriodType || {});
 function WidgetPeriodSelector(props) {
   const { services, className, dataTestIdPostfix, options, onChange, onDatesChange, onAccept, selectedValue, datesValue, isLoading } = props;
-  const { resources, localStorage: localStorage2 } = services;
+  const { resources, applicationSettings } = services;
   const defaultOption = { key: PeriodType.DateRange, value: resources.Period };
   const selectorDataTestId = className ? `${className}-selector` : "widget-period-selector";
-  const locale2 = localStorage2.getData("currentLocale_") === "en-US" ? "en" : "ru";
+  const browserLocale = typeof navigator !== "undefined" ? navigator.language?.split("-")?.[0] : void 0;
+  const locale2 = applicationSettings?.culture?.twoLetterISOLanguageName || applicationSettings?.culture?.name?.split("-")?.[0] || browserLocale;
   const selectedDisplayValue = options.find((option) => option.key.toString() === selectedValue)?.value ?? "";
   const handleSelectOption = (option) => {
     onChange(option.key.toString());
@@ -59285,10 +59292,10 @@ function DropdownWithEllipsis(props) {
       select: true,
       "data-testid": dataTestId,
       ...field,
-      value,
+      value: value?.toString() ?? "",
       inputRef: field.ref,
       ref: anchorRef,
-      onChange: (event) => handleChange(event.target.value),
+      onChange: (event) => handleChange(String(event.target.value)),
       className,
       variant: "outlined",
       size: "small",
@@ -59298,15 +59305,18 @@ function DropdownWithEllipsis(props) {
       label: shouldShowFloatingLabel ? label : void 0,
       InputLabelProps: shouldShowFloatingLabel ? { shrink: true } : void 0,
       children: [
-        options?.map((option) => /* @__PURE__ */ jsx(
-          DropdownOption2,
-          {
-            "data-testid": `${dataTestId}-option-${option.value}`,
-            value: option.value,
-            displayName: option.displayName
-          },
-          `${field.name}_${option.value}`
-        )),
+        options?.map((option) => {
+          const optionValue = option.value?.toString() ?? "";
+          return /* @__PURE__ */ jsx(
+            DropdownOption2,
+            {
+              "data-testid": `${dataTestId}-option-${optionValue}`,
+              value: optionValue,
+              displayName: option.displayName
+            },
+            `${field.name}_${optionValue}`
+          );
+        }),
         options.length === 0 && noOptionsText && /* @__PURE__ */ jsx(NoOptionMenuItem, { text: noOptionsText })
       ]
     }
@@ -61099,6 +61109,10 @@ function ListPanel(props) {
   const changeItem = async (index2, value2) => {
     setItems(items.map((item, i2) => i2 === index2 ? value2 : item));
   };
+  const handleInputEnter = (e2) => {
+    if (e2.key !== "Enter") return;
+    addItem();
+  };
   return /* @__PURE__ */ jsxs(List$4, { component: Paper$3, className, children: [
     items && items.map((item, index2) => /* @__PURE__ */ jsx(
       ListItem,
@@ -61119,6 +61133,7 @@ function ListPanel(props) {
             value,
             onChange: (e2) => setValue(e2.target.value),
             fullWidth: true,
+            onKeyPress: handleInputEnter,
             slotProps: { htmlInput: { "data-testid": "add-item-input" } }
           }
         ),
@@ -62238,7 +62253,10 @@ function NumberComponent(props) {
   }
   function handleBlur(event) {
     if (valueRef.current) {
-      onChange(clampValue(valueRef.current));
+      const clampedValue = clampValue(valueRef.current);
+      if (clampedValue !== valueRef.current.toString()) {
+        onChange(clampValue(valueRef.current));
+      }
     }
     onBlur?.(event);
   }
@@ -63643,7 +63661,7 @@ class LoginLogic extends ComponentLogic {
         } else {
           const data = await response.json();
           if (data && data.message) {
-            this.setErrorAndUrlMessage(data.message);
+            this.setError(data.message);
           }
         }
       }
@@ -63664,7 +63682,7 @@ class LoginLogic extends ComponentLogic {
           } else {
             const data = await response.json();
             if (data && data.message) {
-              this.setErrorAndUrlMessage(data.message);
+              this.setError(data.message);
             }
           }
         } finally {
@@ -63689,16 +63707,14 @@ class LoginLogic extends ComponentLogic {
       fn: ({ userName, password }, event) => ({ userName, password, event }),
       target: this.login
     });
-    const queryParams = parseQueryString(location.search.substring(1));
-    const errorMessage = queryParams["message"]?.replaceAll("+", " ") || "";
-    this.setError(errorMessage);
-  }
-  setErrorAndUrlMessage(message) {
-    this.setError(message);
     const url = new URL(location.href);
-    const messageParamValue = message.replaceAll(" ", "+");
-    url.searchParams.set("message", messageParamValue);
-    history.pushState({}, "", url.toString());
+    const hasMessageQueryParam = url.searchParams.has("message");
+    const errorMessage = (url.searchParams.get("message") || "").replaceAll("+", " ");
+    if (hasMessageQueryParam) {
+      url.searchParams.delete("message");
+      history.replaceState({}, "", url.toString());
+    }
+    this.setError(errorMessage);
   }
 }
 function LoginPage(props) {
@@ -71796,7 +71812,7 @@ class SettingsNavigationService {
     const breadcrumbsItems = [];
     if (data.serverId) {
       breadcrumbsItems.push({
-        label: `${this.application.resources.Server}: ${data.serverId}`,
+        label: `${this.application.resources.Server}: ${data.serverId.toUpperCase()}`,
         path: this.getServerPageUrl(serverId)
       });
     }
@@ -109942,7 +109958,7 @@ function Dropdown(props) {
   const { required, id: fieldName, value, options, label } = props;
   const services = React__default.useContext(ServicesContext);
   const { resetField, control } = useCustomFormContext();
-  const defaultValue = value ?? "";
+  const defaultValue = value !== void 0 && value !== null ? value.toString() : "";
   const {
     field,
     fieldState: { isDirty, error }