@onesy/ui-react 1.0.171 → 1.0.173

package/esm/useSubscription/useSubscription.js

@@ -1,83 +1,35 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { is } from '@onesy/utils';
 const useSubscription = (onesySubscription, method, value) => {
-  const $ = _c(11);
-  const t0 = value !== undefined ? value : onesySubscription?.value;
-  let t1;
-  if ($[0] !== t0) {
-    t1 = [t0];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [response, setResponse] = React.useState(t1);
-  let t2;
-  if ($[2] !== onesySubscription || $[3] !== value) {
-    t2 = () => {
-      if (value !== undefined) {
-        if (is("function", onesySubscription.init)) {
-          onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
-            loaded: true
-          }));
-        }
-      }
+  // an array of the value
+  // we are getting the same reference value
+  // from some of the subscriptions
+  // in order for rerender to be made
+  const [response, setResponse] = React.useState([value !== undefined ? value : onesySubscription?.value]);
+  const refs = {
+    method: React.useRef(method)
+  };
+  refs.method.current = method;
+  React.useEffect(() => {
+    if (value !== undefined) {
+      if (is('function', onesySubscription.init)) onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
+        loaded: true
+      }));
+    }
+  }, []);
+  React.useEffect(() => {
+    if (!is('function', onesySubscription?.subscribe)) return;
+    const subscription = onesySubscription.subscribe(async valueItem => {
+      if (is('function', refs.method.current)) await refs.method.current(valueItem, setResponse);else setResponse([valueItem]);
+    });
+    if (onesySubscription.value !== undefined) setResponse([onesySubscription.value]);
+    return () => {
+      if (subscription) subscription.unsubscribe();
     };
-    $[2] = onesySubscription;
-    $[3] = value;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  React.useEffect(t2, t3);
-  let t4;
-  if ($[6] !== method || $[7] !== onesySubscription) {
-    t4 = () => {
-      if (!is("function", onesySubscription?.subscribe)) {
-        return;
-      }
-      const subscription = onesySubscription.subscribe(async valueItem => {
-        if (is("function", method)) {
-          await method(valueItem, setResponse);
-        } else {
-          setResponse([valueItem]);
-        }
-      });
-      if (onesySubscription.value !== undefined) {
-        setResponse([onesySubscription.value]);
-      }
-      return () => {
-        if (subscription) {
-          subscription.unsubscribe();
-        }
-      };
-    };
-    $[6] = method;
-    $[7] = onesySubscription;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== onesySubscription) {
-    t5 = [onesySubscription];
-    $[9] = onesySubscription;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  React.useEffect(t4, t5);
+  }, [onesySubscription]);
   return response[0];
 };
 export default useSubscription;

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.170
+/** @license UiReact v1.0.172
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.171",
+  "version": "1.0.173",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",
@@ -30,7 +30,7 @@
     "utils"
   ],
   "peerDependencies": {
-    "@onesy/style-react": "^1.0.5",
+    "@onesy/style-react": "^1.0.7",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-router-dom": "7.9.6"
@@ -38,7 +38,7 @@
   "dependencies": {
     "@onesy/date": "^1.0.2",
     "@onesy/errors": "^1.0.0",
-    "@onesy/icons-material-rounded-react": "^1.0.7",
+    "@onesy/icons-material-rounded-react": "^1.0.11",
     "@onesy/log": "^1.0.1",
     "@onesy/models": "^1.0.0",
     "@onesy/subscription": "^1.0.0",

package/useSubscription/useSubscription.js

@@ -6,85 +6,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useSubscription = (onesySubscription, method, value) => {
-  const $ = (0, _compilerRuntime.c)(11);
-  const t0 = value !== undefined ? value : onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.value;
-  let t1;
-  if ($[0] !== t0) {
-    t1 = [t0];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [response, setResponse] = _react.default.useState(t1);
-  let t2;
-  if ($[2] !== onesySubscription || $[3] !== value) {
-    t2 = () => {
-      if (value !== undefined) {
-        if ((0, _utils.is)("function", onesySubscription.init)) {
-          onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
-            loaded: true
-          }));
-        }
-      }
+  // an array of the value
+  // we are getting the same reference value
+  // from some of the subscriptions
+  // in order for rerender to be made
+  const [response, setResponse] = _react.default.useState([value !== undefined ? value : onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.value]);
+  const refs = {
+    method: _react.default.useRef(method)
+  };
+  refs.method.current = method;
+  _react.default.useEffect(() => {
+    if (value !== undefined) {
+      if ((0, _utils.is)('function', onesySubscription.init)) onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
+        loaded: true
+      }));
+    }
+  }, []);
+  _react.default.useEffect(() => {
+    if (!(0, _utils.is)('function', onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.subscribe)) return;
+    const subscription = onesySubscription.subscribe(async valueItem => {
+      if ((0, _utils.is)('function', refs.method.current)) await refs.method.current(valueItem, setResponse);else setResponse([valueItem]);
+    });
+    if (onesySubscription.value !== undefined) setResponse([onesySubscription.value]);
+    return () => {
+      if (subscription) subscription.unsubscribe();
     };
-    $[2] = onesySubscription;
-    $[3] = value;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  _react.default.useEffect(t2, t3);
-  let t4;
-  if ($[6] !== method || $[7] !== onesySubscription) {
-    t4 = () => {
-      if (!(0, _utils.is)("function", onesySubscription === null || onesySubscription === void 0 ? void 0 : onesySubscription.subscribe)) {
-        return;
-      }
-      const subscription = onesySubscription.subscribe(async valueItem => {
-        if ((0, _utils.is)("function", method)) {
-          await method(valueItem, setResponse);
-        } else {
-          setResponse([valueItem]);
-        }
-      });
-      if (onesySubscription.value !== undefined) {
-        setResponse([onesySubscription.value]);
-      }
-      return () => {
-        if (subscription) {
-          subscription.unsubscribe();
-        }
-      };
-    };
-    $[6] = method;
-    $[7] = onesySubscription;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== onesySubscription) {
-    t5 = [onesySubscription];
-    $[9] = onesySubscription;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  _react.default.useEffect(t4, t5);
+  }, [onesySubscription]);
   return response[0];
 };
 var _default = exports.default = useSubscription;