rc-lib-ui 1.1.21 → 1.1.23

package/README.md

@@ -171,6 +171,7 @@ import { Socket } from "rc-lib-ui/socket";
     }}
     />
   //Воздействие на сокет
-  <Socket.ReConnectButton/>,
+  <Socket.Buttons.OfflineActive chidlren={({offlineActive}) => <Button onClick={offlineActive}/> } />,
+  <Socket.Buttons.ReConnect chidlren={({reConnect}) => <Button onClick={reConnect}/> } />,
  
 ```

package/dist/NetworkAndSocket/Socket/components/Buttons/OfflineButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ButtonActionsProps {
+    offlineActive: () => void;
+}
+export interface OfflineButtonProps {
+    children: (actions: ButtonActionsProps) => React.ReactNode;
+}
+export declare const OfflineButton: React.NamedExoticComponent<OfflineButtonProps>;
+export {};

package/dist/NetworkAndSocket/Socket/components/Buttons/ReConnect.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ButtonActionsProps {
+    reConnect: () => void;
+}
+export interface ReConnectButtonProps {
+    children: (actions: ButtonActionsProps) => React.ReactNode;
+}
+export declare const ReConnect: React.NamedExoticComponent<ReConnectButtonProps>;
+export {};

package/dist/NetworkAndSocket/Socket/components/index.d.ts

@@ -2,11 +2,15 @@ import { default as React } from 'react';
 import { SocketConnectDetectionProps } from './ConnectDetection/ConnectDetection';
 import { InitializationSocketProps } from './Initialization/Initialization';
 import { SocketOfflineDetectionPayloadProps, SocketOfflineDetectionProps } from './OfflineDetection/OfflineDetection';
-import { ReConnectButtonProps } from './ReConnectButton/ReConnectButton';
+import { ReConnectButtonProps } from './Buttons/ReConnect';
+import { OfflineButtonProps } from './Buttons/OfflineButton';
 export declare const Socket: {
     ConnectDetection: React.NamedExoticComponent<SocketConnectDetectionProps>;
     OfflineDetection: React.NamedExoticComponent<SocketOfflineDetectionProps>;
-    ReConnectButton: React.NamedExoticComponent<ReConnectButtonProps>;
+    Buttons: {
+        OfflineActive: React.NamedExoticComponent<OfflineButtonProps>;
+        ReConnect: React.NamedExoticComponent<ReConnectButtonProps>;
+    };
     Initialization: React.NamedExoticComponent<InitializationSocketProps>;
 };
 export { type InitializationSocketProps, type SocketConnectDetectionProps, type SocketOfflineDetectionPayloadProps, type SocketOfflineDetectionProps };

package/dist/socket.js

@@ -1,14 +1,14 @@
-import './socket.css';var W = Object.defineProperty;
-var U = (o) => {
+import './socket.css';var U = Object.defineProperty;
+var H = (o) => {
   throw TypeError(o);
 };
-var F = (o, t, e) => t in o ? W(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var r = (o, t, e) => F(o, typeof t != "symbol" ? t + "" : t, e);
-var N = (o, t, e) => t.has(o) ? U("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e);
-import { jsx as I, Fragment as H } from "react/jsx-runtime";
-import b, { useEffect as R } from "react";
-import { styled as M, Collapse as P } from "@mui/material";
-import x from "classnames";
+var P = (o, t, e) => t in o ? U(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var r = (o, t, e) => P(o, typeof t != "symbol" ? t + "" : t, e);
+var N = (o, t, e) => t.has(o) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e);
+import { jsx as R } from "react/jsx-runtime";
+import w, { useEffect as I, useCallback as M } from "react";
+import { styled as x, Collapse as j } from "@mui/material";
+import T from "classnames";
 const q = (o) => {
   let t;
   const e = /* @__PURE__ */ new Set(), n = (u, h) => {
@@ -19,19 +19,19 @@ const q = (o) => {
     }
   }, i = () => t, a = { setState: n, getState: i, getInitialState: () => S, subscribe: (u) => (e.add(u), () => e.delete(u)) }, S = t = o(n, i, a);
   return a;
-}, j = (o) => o ? q(o) : q, J = (o) => o;
+}, F = (o) => o ? q(o) : q, J = (o) => o;
 function z(o, t = J) {
-  const e = b.useSyncExternalStore(
+  const e = w.useSyncExternalStore(
     o.subscribe,
-    b.useCallback(() => t(o.getState()), [o, t]),
-    b.useCallback(() => t(o.getInitialState()), [o, t])
+    w.useCallback(() => t(o.getState()), [o, t]),
+    w.useCallback(() => t(o.getInitialState()), [o, t])
   );
-  return b.useDebugValue(e), e;
+  return w.useDebugValue(e), e;
 }
 const D = (o) => {
-  const t = j(o), e = (n) => z(t, n);
+  const t = F(o), e = (n) => z(t, n);
   return Object.assign(e, t), e;
-}, $ = (o) => o ? D(o) : D, T = {
+}, $ = (o) => o ? D(o) : D, B = {
   statusConnect: "disconnect",
   isOfflineSocket: !1,
   //Текущее состояние сокета. Зависит от события timeOffReConnect и если задаёться isDisableConnectSocket: true
@@ -42,28 +42,28 @@ const D = (o) => {
     isSelectOffline: !1
     //Для того что бы 2й раз окно не показывать
   }
-}, G = JSON.parse(JSON.stringify(T)), C = $(() => T), k = {
+}, G = JSON.parse(JSON.stringify(B)), C = $(() => B), b = {
   resetState: () => C.setState(G),
   setStatusConnectSocket: ({ statusConnect: o }) => C.setState({ statusConnect: o }),
   setStatusIsReConnectSocket: ({ isReConnectSocket: o }) => C.setState({ isReConnectSocket: o }),
   setIsOfflineSocket: ({ isOfflineSocket: o }) => C.setState({ isOfflineSocket: o }),
   setInfoNoConnectServer: (o) => C.setState((t) => ({ infoNoConnectServer: { ...t.infoNoConnectServer, ...o } })),
   setIsDisableConnectSocket: ({ isDisableConnectSocket: o }) => C.setState({ isDisableConnectSocket: o })
-}, w = {
+}, m = {
   getStatusConnectSocket: (o) => o.statusConnect,
   getStatusIsReConnectSocket: (o) => o.isReConnectSocket,
   getIsOfflineSocket: (o) => o.isOfflineSocket,
   getInfoNoConnectServer: (o) => o.infoNoConnectServer,
   getIsDisableConnectSocket: (o) => o.isDisableConnectSocket
-}, m = (o) => C(o), V = M("span")({
+}, k = (o) => C(o), V = x("span")({
   backgroundColor: "rgba(0,0,0,0.3)",
   color: "#fff",
   display: "flex",
   alignItems: "center",
   padding: "1px 10px",
   borderRadius: "3px 3px 3px 3px"
-}), B = M(
-  ({ children: o, itemSpan: t, ...e }) => /* @__PURE__ */ I(P, { ...e, unmountOnExit: !0, children: /* @__PURE__ */ I(V, { ...t, children: o }) })
+}), L = x(
+  ({ children: o, itemSpan: t, ...e }) => /* @__PURE__ */ R(j, { ...e, unmountOnExit: !0, children: /* @__PURE__ */ R(V, { ...t, children: o }) })
 )(({ theme: o }) => ({
   fontSize: 10,
   position: "absolute",
@@ -93,20 +93,20 @@ const D = (o) => {
     }
   }
 }, Z = ({ text: o = "Происходит подключение к серверу", className: t }) => {
-  const n = m(w.getStatusConnectSocket) === "pending";
-  return /* @__PURE__ */ I(
-    B,
+  const n = k(m.getStatusConnectSocket) === "pending";
+  return /* @__PURE__ */ R(
+    L,
     {
       in: n,
       sx: Y.callapse,
       collapsedSize: "1px",
-      className: x(X["connect-server-anim"], t),
+      className: T(X["connect-server-anim"], t),
       unmountOnExit: !0,
       itemSpan: { sx: { height: "100%" } },
       children: o
     }
   );
-}, _ = b.memo(Z), tt = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+}, _ = w.memo(Z), tt = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 function et(o) {
   return tt.test(o);
 }
@@ -181,7 +181,7 @@ class st {
     }));
   }
 }
-class L {
+class W {
   constructor(t) {
     r(this, "subscribersEvents", {});
     r(this, "getListNameEvents", () => Object.keys(this.subscribersEvents));
@@ -374,7 +374,7 @@ class ot {
       arrSaveReq: []
     });
     r(this, "initOptions", !1);
-    r(this, "events", new L(["status", "msg", "error"]));
+    r(this, "events", new W(["status", "msg", "error"]));
     r(this, "stateDefault", this.copyState(this.state));
     r(this, "eventListener", (t) => {
       var n, i;
@@ -488,7 +488,7 @@ class ot {
     });
   }
 }
-var E, it;
+var O, it;
 const s = class s {
   static copyState(t) {
     return JSON.parse(JSON.stringify(t));
@@ -553,8 +553,8 @@ const s = class s {
         s.off("msg", h), s.off("error", u), c(g);
       }, h = (g) => {
         var A;
-        const O = this.wsApi.findDataRequestByAction(t);
-        ((A = g == null ? void 0 : g.request) == null ? void 0 : A.requestAction) === O.requestAction && (s.off("msg", h), s.off("error", u), i({ ...g }));
+        const E = this.wsApi.findDataRequestByAction(t);
+        ((A = g == null ? void 0 : g.request) == null ? void 0 : A.requestAction) === E.requestAction && (s.off("msg", h), s.off("error", u), i({ ...g }));
       };
       s.on("msg", h), s.on("error", u), (p = n == null ? void 0 : n.signal) == null || p.addEventListener("abort", () => {
         debugger;
@@ -569,8 +569,8 @@ const s = class s {
     });
   }
 };
-E = new WeakSet(), it = function() {
-}, N(s, E), r(s, "state", {
+O = new WeakSet(), it = function() {
+}, N(s, O), r(s, "state", {
   isDisconnect: !0,
   isActiveReConnect: !1,
   isOfflineSocket: !0,
@@ -581,7 +581,7 @@ E = new WeakSet(), it = function() {
   isReConnectNetworkOnline: !1,
   listUrlsCheckConnectNetwork: ["https://jsonplaceholder.typicode.com/posts/1"]
 }), r(s, "wsApi", new ot()), r(s, "delay", new st()), // private static internetControl:NetworkControls | null = null
-r(s, "networkTicker", null), r(s, "events", new L(["timeOffReConnect", "reConnect", "network"])), r(s, "saveID", {
+r(s, "networkTicker", null), r(s, "events", new W(["timeOffReConnect", "reConnect", "network"])), r(s, "saveID", {
   idReConnect: null,
   checkConnect: null
 }), r(s, "stateDefault", s.copyState(s.state)), r(s, "setInfoConnect", (t) => {
@@ -640,31 +640,31 @@ r(s, "socketReConnect", () => {
 });
 let d = s;
 const rt = (o) => {
-  const { isNetwork: t, typeNetwork: e } = o, { isModal: n } = m(w.getInfoNoConnectServer), i = m(w.getStatusIsReConnectSocket), c = m(w.getIsDisableConnectSocket), l = m(w.getStatusConnectSocket);
-  return R(() => (d.init(o.init), typeof o.onMount == "function" && o.onMount(), d.on("status", (a) => {
-    console.log("status", a), k.setStatusConnectSocket({ statusConnect: a });
+  const { isNetwork: t, typeNetwork: e } = o, { isModal: n } = k(m.getInfoNoConnectServer), i = k(m.getStatusIsReConnectSocket), c = k(m.getIsDisableConnectSocket), l = k(m.getStatusConnectSocket);
+  return I(() => (d.init(o.init), typeof o.onMount == "function" && o.onMount(), d.on("status", (a) => {
+    console.log("status", a), b.setStatusConnectSocket({ statusConnect: a });
   }), d.on("error", (a) => {
     console.log("error: ", a);
   }), d.on("reConnect", (a) => {
     console.log("reConnect", a);
     const S = C.getState(), { isReConnectSocket: u, infoNoConnectServer: { isModal: h } } = S;
-    u !== a && k.setStatusIsReConnectSocket({ isReConnectSocket: a }), h && a && k.setInfoNoConnectServer({ isModal: !1 });
+    u !== a && b.setStatusIsReConnectSocket({ isReConnectSocket: a }), h && a && b.setInfoNoConnectServer({ isModal: !1 });
   }), d.on("timeOffReConnect", (a) => {
-    if (console.log("timeOffReConnect: ", a), k.setIsOfflineSocket({ isOfflineSocket: !a.status }), !a.status) {
+    if (console.log("timeOffReConnect: ", a), b.setIsOfflineSocket({ isOfflineSocket: !a.status }), !a.status) {
       const S = C.getState(), { infoNoConnectServer: { isModal: u, isSelectOffline: h } } = S;
       let f = !1;
-      !u && !h && (f = !0), f && k.setInfoNoConnectServer({ isModal: f });
+      !u && !h && (f = !0), f && b.setInfoNoConnectServer({ isModal: f });
     }
   }), d.connect(), () => {
     typeof o.onUnmount == "function" && o.onUnmount(), console.dir("disconnect"), d.disconnect();
-  }), []), R(() => {
+  }), []), I(() => {
     t && !c && !n && !i && ["close"].includes(l) && e !== "none" && (console.log("Запущен socketReConnect"), d.socketReConnect());
-  }, [c, n, i, l, e, t]), R(() => {
+  }, [c, n, i, l, e, t]), I(() => {
     i && (!t || l === "ready") && (console.log("Запущен stopReConnect"), d.stopReConnect());
-  }, [i, t, l]), R(() => {
-    c && (console.log("isDisableConnectSocket: ", c), k.setIsOfflineSocket({ isOfflineSocket: !0 }), d.close());
+  }, [i, t, l]), I(() => {
+    c && (console.log("isDisableConnectSocket: ", c), b.setIsOfflineSocket({ isOfflineSocket: !0 }), d.close());
   }, [c]), null;
-}, ct = b.memo(rt), at = {
+}, ct = w.memo(rt), at = {
   callapse: {
     // top: '100%',
     bottom: "100%",
@@ -672,13 +672,13 @@ const rt = (o) => {
     "& .MuiCollapse-wrapper": {}
   }
 }, lt = ({ children: o, className: t, isNetwork: e }) => {
-  const n = m(w.getIsOfflineSocket), i = m(w.getIsDisableConnectSocket), c = n || !e, l = "Оффлайн";
-  return /* @__PURE__ */ I(
-    B,
+  const n = k(m.getIsOfflineSocket), i = k(m.getIsDisableConnectSocket), c = n || !e, l = "Оффлайн";
+  return /* @__PURE__ */ R(
+    L,
     {
       in: c,
       sx: { ...at.callapse },
-      className: x("socket-offline bg-gradient bg-danger", t),
+      className: T("socket-offline bg-gradient bg-danger", t),
       itemSpan: {
         sx: {
           padding: "1px 10px"
@@ -691,22 +691,30 @@ const rt = (o) => {
       children: typeof o == "function" ? o({ isDisableConnectSocket: i }) : i ? `Режим ${l}` : l
     }
   );
-}, ut = b.memo(lt), ft = ({ children: o }) => {
-  const t = m(w.getIsDisableConnectSocket);
-  return /* @__PURE__ */ I(H, { children: t && o({ setDisableConnectSocket: () => {
-    k.setIsDisableConnectSocket({ isDisableConnectSocket: !1 });
-  } }) });
-}, St = b.memo(ft), Ct = {
+}, ut = w.memo(lt), ft = ({ children: o }) => {
+  const t = M(() => {
+    b.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !1 });
+  }, []);
+  return o({ reConnect: t });
+}, St = w.memo(ft), ht = ({ children: o }) => {
+  const t = M(() => {
+    b.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), b.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
+  }, []);
+  return o({ offlineActive: t });
+}, vt = w.memo(ht), wt = {
   ConnectDetection: _,
   OfflineDetection: ut,
-  ReConnectButton: St,
+  Buttons: {
+    OfflineActive: vt,
+    ReConnect: St
+  },
   Initialization: ct
 };
 export {
-  Ct as Socket,
+  wt as Socket,
   d as SocketApi,
-  k as socketActions,
-  w as socketSelectors,
+  b as socketActions,
+  m as socketSelectors,
   C as socketStore,
-  m as useSocketSelector
+  k as useSocketSelector
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.1.21",
+  "version": "1.1.23",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",

package/dist/NetworkAndSocket/Socket/components/ReConnectButton/ReConnectButton.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export interface ButtonActionsProps {
-    setDisableConnectSocket: () => void;
-}
-export interface ReConnectButtonProps {
-    children: (actions: ButtonActionsProps) => React.ReactNode;
-}
-export declare const ReConnectButton: React.NamedExoticComponent<ReConnectButtonProps>;