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

package/index.d.ts

@@ -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());
@@ -62246,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);
   }
@@ -71802,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)
       });
     }