rc-lib-ui 1.3.7 → 1.3.8

package/dist/control-cards.js

@@ -8,7 +8,7 @@ import { Box as M, styled as P, Card as xn, Typography as j, Button as yn, Linea
 import Ve from "classnames";
 import { createPortal as Un } from "react-dom";
 import { Save as Yn, Close as ge, Delete as Gn, InfoOutlined as Kn, VerifiedUser as Zn, CheckCircle as bn, TaskAlt as Qn } from "@mui/icons-material";
-import { C as Jn } from "./index-DjJlkTF6.js";
+import { C as Jn } from "./index-DWH7tN5F.js";
 import './control-cards.css';const En = $n(void 0), et = () => {
   const e = hn(En);
   if (!e)

package/dist/hooks.js

@@ -1,5 +1,5 @@
 import { useState as v, useRef as A, useEffect as l, useCallback as r } from "react";
-import { T as p } from "./index-DjJlkTF6.js";
+import { T as p } from "./index-DWH7tN5F.js";
 import { s as h } from "./index-B7GqTJat.js";
 const b = ({ defaultIsActive: s = !0, timer: c = 5e3, onDeActive: n }) => {
   const [t, u] = v({

package/dist/{index-DjJlkTF6.js → index-DWH7tN5F.js}

@@ -2231,7 +2231,7 @@ c(x, "events", (t, e, r, n = "") => new Promise((o, s) => {
     return !1;
   }
   return !0;
-}), c(x, "filterItems", (t, e) => t.filter((r) => r.name.toLowerCase().includes(e.toLowerCase()))), c(x, "sortByOnline", (t) => {
+}), c(x, "filterItems", (t, e, r) => t.filter((n) => n[(r == null ? void 0 : r.filteKey) || "name"].toLowerCase().includes(e.toLowerCase()))), c(x, "sortByOnline", (t) => {
   const e = [], r = [];
   for (let s = 0; t.length > s; s++) {
     const i = t[s];
@@ -2565,7 +2565,7 @@ class NetworkStatusTracker {
       isNetwork: e,
       typeNetwork: this.getTypeNetwork(e)
     };
-    this.networkInfo = n, typeof r == "function" && r(n);
+    typeof r == "function" && this.networkInfo.typeNetwork !== n.typeNetwork && r(n), this.networkInfo = n;
   }
   getControllersEvents() {
     return this.controllersEvents;

package/dist/socket.js

@@ -7,7 +7,7 @@ import { c as U } from "./react-CLnE01WS.js";
 import { styled as M, Collapse as G } from "@mui/material";
 import L from "classnames";
 import { u as W } from "./browser-DJTk47DY.js";
-import { N as $ } from "./index-DjJlkTF6.js";
+import { N as $ } from "./index-DWH7tN5F.js";
 const T = {
   statusConnect: "disconnect",
   isOfflineSocket: !1,
@@ -35,7 +35,7 @@ const T = {
   getIsOfflineSocket: (o) => o.isOfflineSocket,
   getInfoNoConnectServer: (o) => o.infoNoConnectServer,
   getIsDisableConnectSocket: (o) => o.isDisableConnectSocket
-}, w = (o) => m(o), Q = M("span")({
+}, b = (o) => m(o), Q = M("span")({
   backgroundColor: "rgba(0,0,0,0.3)",
   color: "#fff",
   display: "flex",
@@ -76,7 +76,7 @@ const T = {
     height: "100%"
   }
 })), j = ({ text: o = "Происходит подключение к серверу", className: e, ...t }) => {
-  const n = w(R.getStatusConnectSocket), i = w(R.getStatusIsReConnectSocket);
+  const n = b(R.getStatusConnectSocket), i = b(R.getStatusIsReConnectSocket);
   return /* @__PURE__ */ D(
     Z,
     {
@@ -100,26 +100,26 @@ class ee {
       }, i = (u) => {
         t != null && t.controlAction && (t == null || t.controlAction(u));
       };
-      let c = !0, l, a, f;
+      let a = !0, l, c, f;
       const S = (u = !0) => {
         const h = "Ручное завершение startActionEvery";
-        c = !1, clearInterval(l), n(null), u ? a && a({ status: u, msg: h + ": (true)" }) : f && f({ status: u, msg: h + ": (false)" });
+        a = !1, clearInterval(l), n(null), u ? c && c({ status: u, msg: h + ": (true)" }) : f && f({ status: u, msg: h + ": (false)" });
       };
       return {
         promise: new Promise((u, h) => {
-          a = u, f = h;
+          c = u, f = h;
           let y = 0, d = 0;
           l = setInterval(
             () => {
               if (y += t.interval, d += 1, t != null && t.cutoffTime && y > t.cutoffTime || t != null && t.countAction && (t == null ? void 0 : t.countAction) < d) {
-                c = !1, clearInterval(l), n(null), h({ status: !1, msg: Error("Время загрузки истекло") });
+                a = !1, clearInterval(l), n(null), h({ status: !1, msg: Error("Время загрузки истекло") });
                 return;
               }
-              e() && (c = !1, clearInterval(l), n(null), u({ status: !0, msg: "cb вернул true" }));
+              e() && (a = !1, clearInterval(l), n(null), u({ status: !0, msg: "cb вернул true" }));
             },
             t.interval < 200 ? 200 : t.interval
           ), n(l), i({
-            getIsActiveEvent: () => c,
+            getIsActiveEvent: () => a,
             stop: S
           });
         }),
@@ -131,24 +131,24 @@ class ee {
       e().then(() => {
         i === 1 && (i = 0);
       });
-      let c = setInterval(() => {
-        i === 1 && t(), clearInterval(c);
+      let a = setInterval(() => {
+        i === 1 && t(), clearInterval(a);
       }, n * 1e3);
     });
-    r(this, "oneOfPromise", (e, t, { second: n }) => new Promise((i, c) => {
-      let l = 1, a = { status: !1, msg: "" };
+    r(this, "oneOfPromise", (e, t, { second: n }) => new Promise((i, a) => {
+      let l = 1, c = { status: !1, msg: "" };
       e().then((S) => {
         l === 1 && (l = 0, i(S));
       }).catch((S) => {
-        l === 1 && (l = 0, a.msg = S, c(S));
+        l === 1 && (l = 0, c.msg = S, a(S));
       });
       let f = setInterval(() => {
         if (l === 1) {
           if (l = 0, typeof t == "function") {
-            c({ status: !1, msg: "", ...t(a) });
+            a({ status: !1, msg: "", ...t(c) });
             return;
           }
-          c({ status: !1, msg: "oneOfPromise reject" });
+          a({ status: !1, msg: "oneOfPromise reject" });
         }
         clearInterval(f);
       }, n * 1e3);
@@ -207,9 +207,9 @@ class te {
         ["message", this.msgHandler],
         ["error", this.errHandler]
       ];
-      for (let c = 0; c < t.length; c++) {
-        const [l, a] = t[c];
-        e === "add" ? (n = this.state.ws) == null || n.addEventListener(l, a) : (i = this.state.ws) == null || i.removeEventListener(l, a);
+      for (let a = 0; a < t.length; a++) {
+        const [l, c] = t[a];
+        e === "add" ? (n = this.state.ws) == null || n.addEventListener(l, c) : (i = this.state.ws) == null || i.removeEventListener(l, c);
       }
     });
     r(this, "openHandler", () => {
@@ -223,8 +223,8 @@ class te {
       try {
         const { action: n } = t, i = this.findDataRequestByAction(n);
         if (i) {
-          const { cb: c, ...l } = i, { payload: a, ...f } = l;
-          this.events.publish("msg", { ...t, request: { ...f, ...a } });
+          const { cb: a, ...l } = i, { payload: c, ...f } = l;
+          this.events.publish("msg", { ...t, request: { ...f, ...c } });
         } else
           this.events.publish("msg", t);
         n && this.filterSaveItemsByResponse(t);
@@ -261,7 +261,7 @@ class te {
       const e = this.initOptions;
       return e || this.errorInitSocket(), e;
     });
-    r(this, "findDataRequestByAction", (e) => this.getItemsRequestSaveByAction(e).sort((i, c) => c.requestTime - i.requestTime)[0]);
+    r(this, "findDataRequestByAction", (e) => this.getItemsRequestSaveByAction(e).sort((i, a) => a.requestTime - i.requestTime)[0]);
   }
   resetState() {
     this.state = this.copyState(this.stateDefault);
@@ -275,8 +275,8 @@ class te {
   filterSaveItemsByResponse(e) {
     const t = this.getRequestSave(), n = [];
     for (let i = 0; i < t.length; i++) {
-      const c = t[i];
-      c.payload.action !== e.action ? n.push(c) : c.cb && c.cb(e);
+      const a = t[i];
+      a.payload.action !== e.action ? n.push(a) : a.cb && a.cb(e);
     }
     this.state.arrSaveReq = n;
   }
@@ -335,16 +335,16 @@ const s = class s {
     s.state.isDisconnect || (s.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), s.wsApi.disconnect(), s.resetState(), s.events.resetSubscribers(), (e = this.networkTicker) == null || e.destroy());
   }
   static send(e, t) {
-    const { action: n, ...i } = e, c = i != null && i.request_id ? i.request_id : W(), l = Date.now();
+    const { action: n, ...i } = e, a = i != null && i.request_id ? i.request_id : W(), l = Date.now();
     s.wsApi.setRequestSave({
       requestAction: n,
-      request_id: c,
+      request_id: a,
       requestTime: l,
       payload: { action: n, ...i },
       cb: t
     });
-    const a = s.wsApi.getSocket();
-    if (!a || a.readyState !== 1) {
+    const c = s.wsApi.getSocket();
+    if (!c || c.readyState !== 1) {
       console.log("Нет подключения к сокету. Запрос сохранён в setRequestSave");
       return;
     }
@@ -355,16 +355,16 @@ const s = class s {
   }
   static async request(e, t = {}) {
     return new Promise((n, i) => {
-      var d, b;
+      var d, g;
       if ((d = t == null ? void 0 : t.signal) != null && d.aborted) {
         i(new DOMException("Aborted", "AbortError"));
         return;
       }
-      const c = e.action, l = e.request_id ? e.request_id : W(), a = Date.now();
+      const a = e.action, l = e.request_id ? e.request_id : W(), c = Date.now();
       s.wsApi.setRequestSave({
-        requestAction: c,
+        requestAction: a,
         request_id: l,
-        requestTime: a,
+        requestTime: c,
         payload: e,
         cb: void 0
       });
@@ -372,23 +372,23 @@ const s = class s {
       t != null && t.timeout && (f = setTimeout(() => {
         h(), i(new Error("Request timeout"));
       }, t.timeout));
-      const S = (p) => {
-        h(), i(p);
-      }, C = (p) => {
+      const S = (v) => {
+        h(), i(v);
+      }, C = (v) => {
         var N;
-        const I = this.wsApi.findDataRequestByAction(c);
-        !I || ((N = p == null ? void 0 : p.request) == null ? void 0 : N.requestAction) !== I.requestAction || (h(), n({ ...p }));
+        const I = this.wsApi.findDataRequestByAction(a);
+        !I || ((N = v == null ? void 0 : v.request) == null ? void 0 : N.requestAction) !== I.requestAction || (h(), n({ ...v }));
       }, u = () => {
         h(), i(new DOMException("Aborted", "AbortError"));
       }, h = () => {
-        var p;
-        s.off("msg", C), s.off("error", S), f && clearTimeout(f), (p = t == null ? void 0 : t.signal) == null || p.removeEventListener("abort", u);
+        var v;
+        s.off("msg", C), s.off("error", S), f && clearTimeout(f), (v = t == null ? void 0 : t.signal) == null || v.removeEventListener("abort", u);
       };
-      s.on("msg", C), s.on("error", S), (b = t == null ? void 0 : t.signal) == null || b.addEventListener("abort", u);
+      s.on("msg", C), s.on("error", S), (g = t == null ? void 0 : t.signal) == null || g.addEventListener("abort", u);
       const y = s.wsApi.getSocket();
       if (!y || y.readyState !== 1) {
-        const p = "Нет подключения к сокету";
-        console.error(p), h(), i(new Error(p));
+        const v = "Нет подключения к сокету";
+        console.error(v), h(), i(new Error(v));
         return;
       }
       s.wsApi.send(e);
@@ -421,8 +421,8 @@ r(s, "state", {
   s.state.isActiveReConnect && s.stopReConnect(!1);
 }), r(s, "splitOptions", (e) => Object.entries(e).reduce(
   (t, [n, i]) => {
-    const c = s.wsApi.getOptions();
-    return n in c ? { ...t, WsOptions: { ...t.WsOptions, [n]: i } } : { ...t, SocketApiOptions: { ...t.SocketApiOptions, [n]: i } };
+    const a = s.wsApi.getOptions();
+    return n in a ? { ...t, WsOptions: { ...t.WsOptions, [n]: i } } : { ...t, SocketApiOptions: { ...t.SocketApiOptions, [n]: i } };
   },
   { WsOptions: {}, SocketApiOptions: {} }
 )), /*---------------------------------------------------------------------------------------------------------------------------*/
@@ -438,8 +438,7 @@ r(s, "setNetworkStatus", (e) => {
 }), r(s, "init", (e) => {
   const { WsOptions: t, SocketApiOptions: n } = s.splitOptions(e);
   s.networkTicker = new $(n.listUrlsCheckConnectNetwork ?? []), s.networkTicker.startEvents((i) => {
-    const c = s.getState();
-    i.typeNetwork == c.infoNetwork.typeNetwork && i.isNetwork == c.infoNetwork.isNetwork || (s.setNetworkStatus(i), s.setState({ infoNetwork: i }));
+    s.getState(), s.setNetworkStatus(i), s.setState({ infoNetwork: i });
   }), s.setOptions(n), s.wsApi.init(t), s.wsApi.events.subscribe("status", (i) => {
     s.setState({ isOfflineSocket: i !== "ready" });
   });
@@ -459,7 +458,7 @@ r(s, "socketReConnect", () => {
           watchIdInterval: (l) => {
             s.saveID.idReConnect = l;
           },
-          controlAction: ({ stop: l, getIsActiveEvent: a }) => {
+          controlAction: ({ stop: l, getIsActiveEvent: c }) => {
             s.stopReConnect = l;
           }
         }
@@ -474,21 +473,21 @@ r(s, "socketReConnect", () => {
       });
     }
 });
-let v = s;
+let p = s;
 const se = (o, e = {}) => {
-  const t = o.action, { skip: n = !1, timeout: i = 5e3 } = e, [c, l] = B({
+  const t = o.action, { skip: n = !1, timeout: i = 5e3 } = e, [a, l] = B({
     data: null,
     error: "",
     isLoading: !1,
     isError: !1,
     isSuccess: !1
-  }), a = w(R.getStatusReady), f = w(R.getStatusConnectSocket), S = x(null), C = x(e);
+  }), c = b(R.getStatusReady), f = b(R.getStatusConnectSocket), S = x(null), C = x(e);
   C.current = e;
   const u = A(async () => {
-    var b, p, I, N;
+    var g, v, I, N;
     if (n) return;
-    l((g) => ({
-      ...g,
+    l((w) => ({
+      ...w,
       isLoading: !0,
       isError: !1,
       isSuccess: !1,
@@ -497,17 +496,17 @@ const se = (o, e = {}) => {
     })), S.current = new AbortController();
     const d = S.current.signal;
     try {
-      const g = await v.request(o, { timeout: i, signal: d });
+      const w = await p.request(o, { timeout: i, signal: d });
       if (d.aborted) return;
       l((q) => ({
         ...q,
-        data: g,
+        data: w,
         isSuccess: !0,
         isLoading: !1
-      })), (p = (b = C.current).onSuccess) == null || p.call(b, g);
-    } catch (g) {
+      })), (v = (g = C.current).onSuccess) == null || v.call(g, w);
+    } catch (w) {
       if (d.aborted) return;
-      const q = g instanceof Error ? g.message : String(g);
+      const q = w instanceof Error ? w.message : String(w);
       l((J) => ({
         ...J,
         error: q,
@@ -516,59 +515,59 @@ const se = (o, e = {}) => {
       })), (N = (I = C.current).onError) == null || N.call(I, q);
     }
   }, [n, t, o, i]);
-  O(() => (!n && a && u(), () => {
+  O(() => (!n && c && u(), () => {
     var d;
     (d = S.current) == null || d.abort();
-  }), [u, n, a]), O(() => {
-    !a && f === "pending" && l((d) => ({
+  }), [u, n, c]), O(() => {
+    !c && f === "pending" && l((d) => ({
       ...d,
       isError: !1,
       isSuccess: !1,
       error: "Потеряно соединение с сервером"
     }));
-  }, [a, f]);
+  }, [c, f]);
   const h = A(() => {
     var d;
     return (d = S.current) == null || d.abort(), u();
   }, [u]), y = A(() => {
     var d;
-    (d = S.current) == null || d.abort(), l((b) => ({ ...b, isLoading: !1 }));
+    (d = S.current) == null || d.abort(), l((g) => ({ ...g, isLoading: !1 }));
   }, []);
   return {
-    ...c,
+    ...a,
     refetch: h,
     abort: y
   };
 }, Re = (o, e) => se(o, e), ne = (o) => {
-  const { isModal: e } = w(R.getInfoNoConnectServer), t = w(R.getStatusIsReConnectSocket), n = w(R.getIsDisableConnectSocket), i = w(R.getStatusConnectSocket), [c, l] = B({
+  const { isModal: e } = b(R.getInfoNoConnectServer), t = b(R.getStatusIsReConnectSocket), n = b(R.getIsDisableConnectSocket), i = b(R.getStatusConnectSocket), [a, l] = B({
     isNetwork: !1,
     typeNetwork: ""
   });
-  return O(() => (v.on("network", (a) => {
-    console.log("network: ", a), l((f) => ({ ...f, isNetwork: a.isNetwork, typeNetwork: a.typeNetwork }));
-  }), v.init(o.init), typeof o.onMount == "function" && o.onMount(), v.on("status", (a) => {
+  return O(() => (p.on("network", (c) => {
+    console.log("network: ", c), l((f) => ({ ...f, isNetwork: c.isNetwork, typeNetwork: c.typeNetwork }));
+  }), p.init(o.init), typeof o.onMount == "function" && o.onMount(), p.on("status", (c) => {
     const f = m.getState(), { isReadySocket: S, infoNoConnectServer: { isModal: C }, isOfflineSocket: u } = f;
-    a !== "ready" && S && k.setStatusReady({ isReadySocket: !1 }), !S && a === "ready" && (k.setStatusReady({ isReadySocket: !0 }), C && u && (console.log("Вырубаем модалку т.к. сокет законектился после окончания timeOffReConnect"), k.setInfoNoConnectServer({ isModal: !1 }), k.setIsOfflineSocket({ isOfflineSocket: !1 }))), k.setStatusConnectSocket({ statusConnect: a });
-  }), v.on("error", (a) => {
-    console.log("error: ", a);
-  }), v.on("reConnect", (a) => {
-    console.log('on"reConnect" (status): ', a);
+    c !== "ready" && S && k.setStatusReady({ isReadySocket: !1 }), !S && c === "ready" && (k.setStatusReady({ isReadySocket: !0 }), C && u && (console.log("Вырубаем модалку т.к. сокет законектился после окончания timeOffReConnect"), k.setInfoNoConnectServer({ isModal: !1 }), k.setIsOfflineSocket({ isOfflineSocket: !1 }))), k.setStatusConnectSocket({ statusConnect: c });
+  }), p.on("error", (c) => {
+    console.log("error: ", c);
+  }), p.on("reConnect", (c) => {
+    console.log('on"reConnect" (status): ', c);
     const f = m.getState(), { isReConnectSocket: S, infoNoConnectServer: { isModal: C } } = f;
-    S !== a && k.setStatusIsReConnectSocket({ isReConnectSocket: a }), C && a && k.setInfoNoConnectServer({ isModal: !1 });
-  }), v.on("timeOffReConnect", (a) => {
-    if (console.log("timeOffReConnect: ", a), k.setIsOfflineSocket({ isOfflineSocket: !a.status }), !a.status) {
+    S !== c && k.setStatusIsReConnectSocket({ isReConnectSocket: c }), C && c && k.setInfoNoConnectServer({ isModal: !1 });
+  }), p.on("timeOffReConnect", (c) => {
+    if (console.log("timeOffReConnect: ", c), k.setIsOfflineSocket({ isOfflineSocket: !c.status }), !c.status) {
       const f = m.getState(), { infoNoConnectServer: { isModal: S, isSelectOffline: C } } = f;
       let u = !1;
       !S && !C && (u = !0), u && k.setInfoNoConnectServer({ isModal: u });
     }
-  }), v.connect(), () => {
-    typeof o.onUnmount == "function" && o.onUnmount(), console.dir("disconnect"), v.disconnect();
+  }), p.connect(), () => {
+    typeof o.onUnmount == "function" && o.onUnmount(), console.dir("disconnect"), p.disconnect();
   }), []), O(() => {
-    c.isNetwork && !n && !e && !t && ["close"].includes(i) && c.typeNetwork !== "none" && (console.log("Запущен socketReConnect"), v.socketReConnect());
-  }, [n, e, t, i, c.typeNetwork, c.isNetwork]), O(() => {
-    t && (!c.isNetwork || i === "ready") && (console.log("Запущен stopReConnect"), v.stopReConnect());
-  }, [t, c.isNetwork, i]), O(() => {
-    n && (console.log("isDisableConnectSocket: ", n), k.setIsOfflineSocket({ isOfflineSocket: !0 }), v.close());
+    a.isNetwork && !n && !e && !t && ["close"].includes(i) && a.typeNetwork !== "none" && (console.log("Запущен socketReConnect"), p.socketReConnect());
+  }, [n, e, t, i, a.typeNetwork, a.isNetwork]), O(() => {
+    t && (!a.isNetwork || i === "ready") && (console.log("Запущен stopReConnect"), p.stopReConnect());
+  }, [t, a.isNetwork, i]), O(() => {
+    n && (console.log("isDisableConnectSocket: ", n), k.setIsOfflineSocket({ isOfflineSocket: !0 }), p.close());
   }, [n]), null;
 }, oe = E.memo(ne), ie = M(P, {
   shouldForwardProp: (o) => ![""].includes(o)
@@ -581,14 +580,14 @@ const se = (o, e = {}) => {
     padding: "1px 10px"
   }
 })), re = ({ children: o, className: e, isNetwork: t, ...n }) => {
-  const i = w(R.getIsOfflineSocket), c = w(R.getIsDisableConnectSocket), l = i || !t, a = "Оффлайн";
+  const i = b(R.getIsOfflineSocket), a = b(R.getIsDisableConnectSocket), l = i || !t, c = "Оффлайн";
   return /* @__PURE__ */ D(
     ie,
     {
       in: l,
       className: L("socket-offline", e),
       ...n,
-      children: typeof o == "function" ? o({ isDisableConnectSocket: c }) : c ? `Режим ${a}` : a
+      children: typeof o == "function" ? o({ isDisableConnectSocket: a }) : a ? `Режим ${c}` : c
     }
   );
 }, ce = E.memo(re), ae = ({ children: o }) => {
@@ -601,7 +600,7 @@ const se = (o, e = {}) => {
     k.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), k.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
   }, []);
   return o({ offlineActive: e });
-}, Se = E.memo(ue), we = {
+}, Se = E.memo(ue), be = {
   ConnectDetection: _,
   OfflineDetection: ce,
   Buttons: {
@@ -611,12 +610,12 @@ const se = (o, e = {}) => {
   Initialization: oe
 };
 export {
-  we as Socket,
-  v as SocketApi,
+  be as Socket,
+  p as SocketApi,
   Re as createRequestSocketApi,
   k as socketActions,
   R as socketSelectors,
   m as socketStore,
   se as useRequestSocketApi,
-  w as useSocketSelector
+  b as useSocketSelector
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.3.7",
+  "version": "1.3.8",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",
@@ -59,7 +59,7 @@
     "build:dev": "node buildEditVersion.js"
   },
   "dependencies": {
-    "dev-classes": "^1.5.5",
+    "dev-classes": "^1.5.7",
     "notistack": "^3.0.2",
     "react-transition-group": "^4.4.5",
     "uuid4": "^2.0.3",