wenay-react2 1.0.20 → 1.0.21

package/lib/common/src/hooks/useOutside.js

@@ -1,38 +1,76 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useMemo, useRef, useState } from "react";
 export const StyleOtherRow = { display: "flex", flexDirection: "row", flex: "auto 1 1" };
 export const StyleOtherColum = { display: "flex", flexDirection: "column", flex: "auto 0 1" };
-export function useOutside({ outsideClick, ref, status = true }) {
-    const internalRef = useRef(null); // useRef всегда в теле, не в дефолте параметра — иначе нарушаются Rules of Hooks
+export function useOutsideApi(options) {
+    const { outsideClick, onOutside, ref, status = options.enabled ?? true } = options;
+    const internalRef = useRef(null); // useRef is always inside the body, not in a default parameter - otherwise it breaks the Rules of Hooks
     const r = ref ?? internalRef;
+    const outsideClickRef = useRef(outsideClick ?? onOutside);
+    const [enabled, setEnabled] = useState(status);
+    const enabledRef = useRef(enabled);
+    outsideClickRef.current = outsideClick ?? onOutside;
+    enabledRef.current = enabled;
     useEffect(() => {
-        if (status) {
-            function handleClickOutside(event) {
-                if (r.current && event.target instanceof Node && !r.current.contains(event.target))
-                    outsideClick();
-            }
-            document.addEventListener("mousedown", handleClickOutside);
-            return () => document.removeEventListener("mousedown", handleClickOutside);
+        setEnabled(status);
+    }, [status]);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (!enabledRef.current)
+                return;
+            if (r.current && event.target instanceof Node && !r.current.contains(event.target))
+                outsideClickRef.current?.();
         }
-    }, [r, status, outsideClick]);
-    return r;
+        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("touchstart", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("touchstart", handleClickOutside);
+        };
+    }, [r]);
+    const props = useMemo(() => ({ ref: r }), [r]);
+    return useMemo(() => {
+        const api = {
+            ref: r,
+            props,
+            bind: props,
+            contains(target) {
+                return !!(r.current && target instanceof Node && r.current.contains(target));
+            },
+            enable() { setEnabled(true); },
+            disable() { setEnabled(false); },
+            get enabled() { return enabledRef.current; },
+        };
+        Object.defineProperty(api, "current", {
+            configurable: true,
+            get: () => r.current,
+            set: (node) => { r.current = node; },
+        });
+        return api;
+    }, [props, r]);
+}
+export function useOutside(options) {
+    return useOutsideApi(options);
+}
+/** @deprecated Use `useOutside(options)` and read `api.ref`, `api.props`, or `api.current`. */
+export function useOutsideOld(options) {
+    return useOutsideApi(options).ref;
 }
 export const DivOutsideClick = React.forwardRef(({ children, outsideClick, zIndex, style = {}, status = true, ...other }, forwardedRef) => {
     const style2 = zIndex ? { ...style, zIndex } : style;
     const internalRef = useOutside({ outsideClick: outsideClick, status });
-    // Combine refs if forwardedRef is provided
-    const ref = forwardedRef
-        ? (node) => {
-            internalRef.current = node;
-            if (typeof forwardedRef === 'function') {
-                forwardedRef(node);
-            }
-            else if (forwardedRef) {
-                forwardedRef.current = node;
-            }
+    // Combine refs if forwardedRef is provided; stable identity, otherwise React
+    // re-runs the ref (null + node) on every render
+    const combinedRef = React.useCallback((node) => {
+        internalRef.current = node;
+        if (typeof forwardedRef === 'function') {
+            forwardedRef(node);
         }
-        : internalRef;
-    return _jsx("div", { ref: ref, style: style2, ...other, children: children });
+        else if (forwardedRef) {
+            forwardedRef.current = node;
+        }
+    }, [forwardedRef, internalRef]);
+    return _jsx("div", { ref: forwardedRef ? combinedRef : internalRef, style: style2, ...other, children: children });
 });
 // Deprecated: Use DivOutsideClick instead
 export const DivOutsideClick2 = DivOutsideClick;
@@ -41,9 +79,20 @@ function ButtonBase({ children, button, style = {}, className = "", state: [a, s
 }
 const saveStatus = {};
 export function Button({ keySave, statusDef, outClick, ...data }) {
-    if (keySave && saveStatus[keySave])
+    // The keySave feature was dead: saveStatus was read but not written. Now status
+    // persists in memory for the session on each toggle.
+    if (keySave && saveStatus[keySave] != null)
         statusDef = saveStatus[keySave];
-    const state = useState(statusDef ?? false);
+    const [status, setStatusRaw] = useState(statusDef ?? false);
+    const setStatus = (v) => {
+        setStatusRaw(prev => {
+            const next = typeof v === "function" ? v(prev) : v;
+            if (keySave)
+                saveStatus[keySave] = next;
+            return next;
+        });
+    };
+    const state = [status, setStatus];
     const handleOutsideClick = () => {
         state[1](false);
         if (typeof outClick == "function")
@@ -53,7 +102,7 @@ export function Button({ keySave, statusDef, outClick, ...data }) {
 }
 export function ButtonHover(props) {
     const [hover, setHover] = useState(false);
-    return _jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), style: { position: "relative" }, children: [typeof props.button == "function" ? props.button(hover) : props.button, hover &&
+    return _jsxs("div", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), style: { position: "relative", width: "min-content" }, children: [typeof props.button == "function" ? props.button(hover) : props.button, hover &&
                 _jsx("div", { style: { position: "absolute" }, children: typeof props.children == "function" ? props.children({ onClose: () => setHover(false) }) : props.children })] });
 }
 export const ButtonOutClick = ({ outClick = true, ...a }) => Button({ ...a, outClick });

package/lib/common/src/logs/logs.d.ts

@@ -89,7 +89,7 @@ export declare function getLogsApi<T extends object = {}>(setting: {
         set(a: Params.SimpleParams<ReturnType<typeof getSettingLogs>>): void;
     };
     React: {
-        Setting: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+        Setting: typeof InputSettingLogs;
         Message: typeof MessageEventLogs;
         PageLogs: typeof PageLogs;
     };
@@ -146,11 +146,14 @@ export declare const logsApi: {
         set(a: Params.SimpleParams<ReturnType<typeof getSettingLogs>>): void;
     };
     React: {
-        Setting: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+        Setting: typeof InputSettingLogs;
         Message: typeof MessageEventLogs;
         PageLogs: typeof PageLogs;
     };
 };
+declare function InputSettingLogs({}: {
+    update?: number;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function PageLogs({ update }: {
     update?: number;
 }): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/logs/logs.js

@@ -14,13 +14,13 @@ const datumMiniConst = {
     last: []
 };
 const getSettingLogs = () => ({
-    minVarLogs: { name: "мин. важность для оповещения", range: { min: 0, max: 25, step: 1 }, value: 0 },
-    minVarMessage: { name: "мин. важность для таблицы логов", range: { min: 0, max: 25, step: 1 }, value: 0 },
-    timeShow: { name: "время отображение на экране", range: { min: 1, max: 20, step: 1 }, value: 2 },
-    show: { name: "отображать", value: true }
+    minVarLogs: { name: "min. importance for notifications", range: { min: 0, max: 25, step: 1 }, value: 0 },
+    minVarMessage: { name: "min. importance for log table", range: { min: 0, max: 25, step: 1 }, value: 0 },
+    timeShow: { name: "screen display time", range: { min: 1, max: 20, step: 1 }, value: 2 },
+    show: { name: "show", value: true }
 });
 const settingLogs = { params: Params.GetSimpleParams(getSettingLogs()) };
-// varMin - минимальная важность
+// varMin - minimum importance
 export function getLogsApi(setting) {
     const datum = staticGetAdd("settingLogs", settingLogs);
     function addToArr(arr, data, limit) {
@@ -29,18 +29,10 @@ export function getLogsApi(setting) {
             arr.length = limit;
     }
     let num = 0;
-    const SettingLogsReact = ({}) => _jsx(ParametersReact
-    // @ts-ignore
-    , { 
-        // @ts-ignore
-        params: Params.mergeParamValuesToInfos(getSettingLogs(), datum.params), onChange: (e) => {
-            datum.params = Params.GetSimpleParams(e);
-            renderBy(datum);
-        } });
     return {
         addLogs(a) {
             const item = { ...a, num: num++ };
-            addToArr(datumMiniConst.last, item, 50);
+            addToArr(datumMiniConst.last, item, setting.limit ?? 50);
             addToArr(datumConst.map.get(a.id) ?? datumConst.map.set(a.id, []).get(a.id), item, setting.limitPer);
             renderBy(datumConst);
             renderBy(datumMiniConst);
@@ -55,7 +47,7 @@ export function getLogsApi(setting) {
             },
         },
         React: {
-            Setting: SettingLogsReact,
+            Setting: InputSettingLogs,
             Message: MessageEventLogs,
             PageLogs: PageLogs
         }
@@ -75,10 +67,7 @@ function InputSettingLogs({}) {
 }
 export function PageLogs({ update }) {
     const datumFull = datumConst;
-    const rowData = [...datumFull.map.values()].flatMap(e => e.map(e => ({
-        ...e,
-        time: (e.time)
-    })));
+    const rowData = [...datumFull.map.values()].flat();
     const datum = datumMiniConst;
     const setting = staticGetAdd("settingLogs", settingLogs);
     const apiGrid = useRef(null);
@@ -103,12 +92,7 @@ export function PageLogs({ update }) {
         const data = datum.last[0];
         if (data) { // data.time timeLocalToStr_yyyymmdd_hhmmss_ms
             apiGrid.current?.api.applyTransactionAsync({
-                add: [
-                    {
-                        ...data,
-                        time: data.time
-                    }
-                ]
+                add: [{ ...data }]
             });
         }
     });
@@ -193,7 +177,7 @@ function Message({ logs }) {
     let red = (logs.var ?? 0) * 10;
     if (red > 255)
         red = 255;
-    return _jsxs("div", { className: "testAnime", style: { width: "200px", color: "rgb(255,255,255)", height: "auto", marginTop: "10px", borderRight: "5px solid #5D9FFA", background: `rgb(${red},73,35)` }, children: [_jsx("p", { style: { textAlign: "center", fontSize: "10px", marginBottom: "1px" }, children: "оповещение" }), _jsx("hr", { style: {
+    return _jsxs("div", { className: "testAnime", style: { width: "200px", color: "rgb(255,255,255)", height: "auto", marginTop: "10px", borderRight: "5px solid #5D9FFA", background: `rgb(${red},73,35)` }, children: [_jsx("p", { style: { textAlign: "center", fontSize: "10px", marginBottom: "1px" }, children: "notification" }), _jsx("hr", { style: {
                     backgroundImage: "linear-gradient(to right, transparent, rgba(255, 255, 255, 1), transparent)",
                     border: 0,
                     height: "1px",
@@ -205,11 +189,12 @@ function Message({ logs }) {
 const tt = {};
 let r = 0;
 export function MessageEventLogs({ zIndex }) {
-    let max = 8;
     const setting = staticGetAdd("settingLogs", settingLogs);
     updateBy(tt);
     updateBy(datumMiniConst, () => {
         const last = datumMiniConst.last[0];
+        if (!last)
+            return;
         if (setting.params.minVarMessage && (!last.var || last.var < setting.params.minVarMessage))
             return;
         let key = String(r++);
@@ -217,18 +202,17 @@ export function MessageEventLogs({ zIndex }) {
         setTimeout(() => {
             if (tt[key]) {
                 delete tt[key];
-                if (Object.values(tt).length < max)
-                    renderBy(tt);
+                renderBy(tt, 100);
             }
         }, setting.params.timeShow ? setting.params.timeShow * 1000 : 2000);
         renderBy(tt);
     });
     const tr = [...Object.values(tt)].reverse().slice(0, 10);
-    return _jsxs("div", { style: { maxHeight: "50vh", position: "absolute", right: "1px", zIndex }, children: [tr && _jsx("div", { onClick: () => { setting.params.show = !setting.params.show; renderBy(tt); }, style: { margin: 3, padding: 3, right: 0, position: "absolute", zIndex: 120,
+    return _jsxs("div", { style: { maxHeight: "50vh", position: "absolute", right: "1px", zIndex }, children: [_jsx("div", { onClick: () => { setting.params.show = !setting.params.show; renderBy(tt); }, style: { margin: 3, padding: 3, right: 0, position: "absolute", zIndex: 120,
                     ...setting.params.show ?
                         { background: "rgb(58,58,58)", fontSize: "25px" } :
                         { background: "rgb(144,60,60)" }
-                }, children: setting.params.show ? "X" : "log" }), tr && _jsx("div", { children: setting.params.show ? [...Object.values(tt)].reverse().slice(0, 10) : null })] });
+                }, children: setting.params.show ? "X" : "log" }), _jsx("div", { children: setting.params.show ? tr : null })] });
 }
 const defPageBase = {
     keyPage: "PageLogs"

package/lib/common/src/logs/logs3.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 /** -----------------------------
- *  1. Типы для логов
+ *  1. Log types
  * -----------------------------
  */
 export interface tLogsInput<T extends object = {}> {
@@ -14,7 +14,7 @@ export interface tLogs<T extends object = {}> extends tLogsInput<T> {
     num: number;
 }
 /** -----------------------------
- *  3. Интерфейс контекста
+ *  3. Context interface
  * -----------------------------
  */
 interface LogsContextValue {
@@ -33,30 +33,30 @@ export declare function LogsProvider({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 /** -----------------------------
- *  5. Хук для удобного доступа к контексту
+ *  5. Hook for convenient context access
  * -----------------------------
  */
 export declare function useLogsContext(): LogsContextValue;
 /** -----------------------------
- *  6. Компонент LogsTable
- *     (аналог PageLogs)
+ *  6. LogsTable component
+ *     (PageLogs equivalent)
  * -----------------------------
  */
 export declare function LogsTable(): import("react/jsx-runtime").JSX.Element;
 export declare function LogsNotifications(): import("react/jsx-runtime").JSX.Element;
 /** -----------------------------
- *  8. Компонент LogsSettings
- *     (аналог InputSettingLogs)
+ *  8. LogsSettings component
+ *     (InputSettingLogs equivalent)
  * -----------------------------
  */
 export declare function LogsSettings(): import("react/jsx-runtime").JSX.Element;
 /** -----------------------------
- *  9. MainPage — вкладки (Таблица / Настройки)
+ *  9. MainPage - tabs (Table / Settings)
  * -----------------------------
  */
 export declare function MainPage(): import("react/jsx-runtime").JSX.Element;
 /** -----------------------------
- *  10. Корневой компонент App
+ *  10. Root App component
  * -----------------------------
  */
 export default function AppLogs(): import("react/jsx-runtime").JSX.Element;

package/lib/common/src/logs/logs3.js

@@ -2,52 +2,52 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { AgGridReact } from 'ag-grid-react';
 /** -----------------------------
- *  2. Функция staticGetAdd —
- *     загружает/сохраняет данные в localStorage.
+ *  2. staticGetAdd function -
+ *     loads and saves data in localStorage.
  * -----------------------------
  */
 function staticGetAdd(key, defaultValue) {
     try {
         const stored = localStorage.getItem(key);
-        // Если в localStorage ничего нет, то записываем defaultValue
+        // If localStorage has no value, write defaultValue
         if (!stored) {
             localStorage.setItem(key, JSON.stringify(defaultValue));
             return defaultValue;
         }
-        // Если что-то нашли, пытаемся объединить с defaultValue
-        // (на случай, если в defaultValue появились новые поля)
+        // If a value was found, try to merge it with defaultValue
+        // in case new fields were added to defaultValue
         const parsed = JSON.parse(stored);
         return { ...defaultValue, ...parsed };
     }
     catch (error) {
-        console.error("Ошибка чтения localStorage:", error);
+        console.error("localStorage read error:", error);
         return defaultValue;
     }
 }
 /** -----------------------------
- *  4. Создаём сам контекст
- *     и провайдер для логов + настроек
+ *  4. Create the context itself
+ *     and provider for logs and settings
  * -----------------------------
  */
 const LogsContext = createContext(null);
 export function LogsProvider({ children }) {
-    // 4.1. Загружаем настройки из localStorage через staticGetAdd
-    const savedSettings = staticGetAdd("logSettings", {
+    // 4.1. Load settings from localStorage once (lazy init: the provider rerenders on every addLog)
+    const [savedSettings] = useState(() => staticGetAdd("logSettings", {
         minVarLogs: 0,
         minVarMessage: 0,
         timeShow: 2,
         showMessages: true
-    });
-    // 4.2. Список логов в памяти (не сохраняем логи в localStorage,
-    //      только настройки — но можно и логи, если нужно)
+    }));
+    // 4.2. In-memory log list (logs are not saved to localStorage,
+    //      only settings are, but logs can be saved too if needed)
     const [logs, setLogs] = useState([]);
     const counterRef = useRef(0);
-    // 4.3. Сами настройки (инициализируем тем, что вернул staticGetAdd)
+    // 4.3. Settings themselves, initialized from staticGetAdd output
     const [minVarLogs, setMinVarLogs] = useState(savedSettings.minVarLogs);
     const [minVarMessage, setMinVarMessage] = useState(savedSettings.minVarMessage);
     const [timeShow, setTimeShow] = useState(savedSettings.timeShow);
     const [showMessages, setShowMessages] = useState(savedSettings.showMessages);
-    // 4.4. Следим за изменениями настроек и сохраняем их обратно в localStorage
+    // 4.4. Watch settings changes and save them back to localStorage
     useEffect(() => {
         const toSave = {
             minVarLogs,
@@ -57,17 +57,17 @@ export function LogsProvider({ children }) {
         };
         localStorage.setItem("logSettings", JSON.stringify(toSave));
     }, [minVarLogs, minVarMessage, timeShow, showMessages]);
-    // 4.5. Функция добавления лога (генерируем поле num автоматически)
+    // 4.5. Function for adding a log, generates the num field automatically
     const addLog = useCallback((input) => {
         counterRef.current += 1;
         const num = counterRef.current;
         setLogs((prevLogs) => {
             const newLog = { ...input, num };
-            // ограничимся 500 логами (можно менять)
+            // Limit to 500 logs; this can be changed
             return [newLog, ...prevLogs].slice(0, 500);
         });
     }, []);
-    // 4.6. Возвращаем провайдер контекста
+    // 4.6. Return the context provider
     return (_jsx(LogsContext.Provider, { value: {
             logs,
             addLog,
@@ -82,7 +82,7 @@ export function LogsProvider({ children }) {
         }, children: children }));
 }
 /** -----------------------------
- *  5. Хук для удобного доступа к контексту
+ *  5. Hook for convenient context access
  * -----------------------------
  */
 export function useLogsContext() {
@@ -93,18 +93,18 @@ export function useLogsContext() {
     return ctx;
 }
 /** -----------------------------
- *  6. Компонент LogsTable
- *     (аналог PageLogs)
+ *  6. LogsTable component
+ *     (PageLogs equivalent)
  * -----------------------------
  */
 export function LogsTable() {
     const { logs, minVarLogs } = useLogsContext();
     const gridRef = useRef(null);
-    // Определения колонок
+    // Column definitions
     const columnDefs = useMemo(() => [
         {
             field: 'time',
-            headerName: 'Время',
+            headerName: 'Time',
             sort: 'desc',
             valueFormatter: (params) => {
                 const dateObj = params.value;
@@ -115,10 +115,10 @@ export function LogsTable() {
             width: 120,
         },
         { field: 'id', headerName: 'ID', width: 80 },
-        { field: 'var', headerName: 'Важность', width: 90 },
+        { field: 'var', headerName: 'Importance', width: 90 },
         {
             field: 'txt',
-            headerName: 'Сообщение',
+            headerName: 'Message',
             flex: 1,
             wrapText: true,
             autoHeight: true
@@ -130,7 +130,7 @@ export function LogsTable() {
         filter: true,
         wrapText: true,
     }), []);
-    // Следим за minVarLogs и настраиваем фильтр AG Grid
+    // Watch minVarLogs and configure the AG Grid filter
     useEffect(() => {
         if (gridRef.current?.api) {
             if (minVarLogs > 0) {
@@ -158,30 +158,39 @@ export function LogsNotifications() {
     const { logs, minVarMessage, timeShow, showMessages, setShowMessages } = useLogsContext();
     const [notifications, setNotifications] = useState([]);
     const counterRef = useRef(0);
+    const lastLogRef = useRef(null);
+    const timersRef = useRef(new Set());
     useEffect(() => {
         if (logs.length === 0)
             return;
         const newestLog = logs[0];
+        // gate by log identity: a settings change must not re-add the same log
+        if (newestLog === lastLogRef.current)
+            return;
+        lastLogRef.current = newestLog;
         if ((newestLog.var ?? 0) < minVarMessage)
             return;
         counterRef.current += 1;
         const newItem = { id: counterRef.current, log: newestLog };
         setNotifications((prev) => [newItem, ...prev]);
-        // убираем нотификацию через timeShow секунд
+        // Remove notification after timeShow seconds; per-item timers are NOT cancelled
+        // when the next log arrives - the old cleanup froze every notification but the last
         const timer = setTimeout(() => {
+            timersRef.current.delete(timer);
             setNotifications((prev) => prev.filter((item) => item.id !== newItem.id));
         }, timeShow * 1000);
-        return () => clearTimeout(timer);
+        timersRef.current.add(timer);
     }, [logs, minVarMessage, timeShow]);
+    useEffect(() => () => { timersRef.current.forEach(clearTimeout); }, []);
     if (!showMessages) {
-        // Если скрыли всплывашки, показываем только "log"
+        // If popups are hidden, show only "log"
         return (_jsx("div", { style: { position: 'absolute', right: 10, top: 10, zIndex: 999 }, children: _jsx("div", { style: {
                     background: 'rgb(144,60,60)',
                     padding: '6px 10px',
                     cursor: 'pointer'
                 }, onClick: () => setShowMessages(true), children: "log" }) }));
     }
-    // Иначе выводим список текущих нотификаций
+    // Otherwise render the current notification list
     return (_jsxs("div", { style: { position: 'absolute', right: 10, top: 10, zIndex: 999 }, children: [_jsx("div", { style: {
                     background: 'rgb(58,58,58)',
                     fontSize: '20px',
@@ -199,7 +208,7 @@ export function LogsNotifications() {
                             backgroundColor: `rgb(${red},73,35)`,
                             padding: 8,
                             wordWrap: 'break-word'
-                        }, children: [_jsx("p", { style: { textAlign: 'center', fontSize: 10, marginBottom: 1 }, children: "\u043E\u043F\u043E\u0432\u0435\u0449\u0435\u043D\u0438\u0435" }), _jsx("hr", { style: {
+                        }, children: [_jsx("p", { style: { textAlign: 'center', fontSize: 10, marginBottom: 1 }, children: "notification" }), _jsx("hr", { style: {
                                     backgroundImage: 'linear-gradient(to right, transparent, rgba(255, 255, 255, 1), transparent)',
                                     border: 0,
                                     height: 1,
@@ -208,16 +217,16 @@ export function LogsNotifications() {
                 }) })] }));
 }
 /** -----------------------------
- *  8. Компонент LogsSettings
- *     (аналог InputSettingLogs)
+ *  8. LogsSettings component
+ *     (InputSettingLogs equivalent)
  * -----------------------------
  */
 export function LogsSettings() {
     const { minVarLogs, setMinVarLogs, minVarMessage, setMinVarMessage, timeShow, setTimeShow, showMessages, setShowMessages } = useLogsContext();
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, padding: 10 }, children: [_jsxs("label", { children: ["\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0432\u0430\u0436\u043D\u043E\u0441\u0442\u044C \u0434\u043B\u044F ", _jsx("b", { children: "\u0442\u0430\u0431\u043B\u0438\u0446\u044B" }), " (minVarLogs):", _jsx("input", { type: "number", value: minVarLogs, onChange: (e) => setMinVarLogs(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0432\u0430\u0436\u043D\u043E\u0441\u0442\u044C \u0434\u043B\u044F ", _jsx("b", { children: "\u043E\u043F\u043E\u0432\u0435\u0449\u0435\u043D\u0438\u0439" }), " (minVarMessage):", _jsx("input", { type: "number", value: minVarMessage, onChange: (e) => setMinVarMessage(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["\u0412\u0440\u0435\u043C\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F (\u0441\u0435\u043A) (timeShow):", _jsx("input", { type: "number", value: timeShow, onChange: (e) => setTimeShow(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["\u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u0448\u043A\u0438 (showMessages):", _jsx("input", { type: "checkbox", checked: showMessages, onChange: (e) => setShowMessages(e.target.checked), style: { marginLeft: 8 } })] })] }));
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, padding: 10 }, children: [_jsxs("label", { children: ["Minimum importance for the ", _jsx("b", { children: "table" }), " (minVarLogs):", _jsx("input", { type: "number", value: minVarLogs, onChange: (e) => setMinVarLogs(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["Minimum importance for ", _jsx("b", { children: "notifications" }), " (minVarMessage):", _jsx("input", { type: "number", value: minVarMessage, onChange: (e) => setMinVarMessage(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["Display time (sec) (timeShow):", _jsx("input", { type: "number", value: timeShow, onChange: (e) => setTimeShow(Number(e.target.value)), style: { marginLeft: 8 } })] }), _jsxs("label", { children: ["Show popups (showMessages):", _jsx("input", { type: "checkbox", checked: showMessages, onChange: (e) => setShowMessages(e.target.checked), style: { marginLeft: 8 } })] })] }));
 }
 /** -----------------------------
- *  9. MainPage — вкладки (Таблица / Настройки)
+ *  9. MainPage - tabs (Table / Settings)
  * -----------------------------
  */
 export function MainPage() {
@@ -228,16 +237,16 @@ export function MainPage() {
                             border: 'none',
                             padding: '8px',
                             cursor: 'pointer'
-                        }, children: "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u043B\u043E\u0433\u043E\u0432" }), _jsx("button", { onClick: () => setCurrentTab('settings'), style: {
+                        }, children: "Log table" }), _jsx("button", { onClick: () => setCurrentTab('settings'), style: {
                             backgroundColor: currentTab === 'settings' ? '#666' : '#444',
                             color: 'white',
                             border: 'none',
                             padding: '8px',
                             cursor: 'pointer'
-                        }, children: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438" })] }), _jsxs("div", { style: { flex: 1, position: 'relative' }, children: [currentTab === 'table' && _jsx(LogsTable, {}), currentTab === 'settings' && _jsx(LogsSettings, {})] })] }));
+                        }, children: "Settings" })] }), _jsxs("div", { style: { flex: 1, position: 'relative' }, children: [currentTab === 'table' && _jsx(LogsTable, {}), currentTab === 'settings' && _jsx(LogsSettings, {})] })] }));
 }
 /** -----------------------------
- *  10. Корневой компонент App
+ *  10. Root App component
  * -----------------------------
  */
 export default function AppLogs() {

package/lib/common/src/logs/miniLogs.d.ts

@@ -1,5 +1,5 @@
 import { CellMouseDownEvent } from "ag-grid-community";
-export declare function MiniLogs({ data, onClick }: {
-    data: any[];
-    onClick?: (e: CellMouseDownEvent<any, any>) => any;
+export declare function MiniLogs<T = any>({ data, onClick }: {
+    data: T[];
+    onClick?: (e: CellMouseDownEvent<T>) => any;
 }): import("react/jsx-runtime").JSX.Element;