@onesy/ui-react 1.0.179 → 1.0.180

package/Chart/Chart.js

@@ -542,14 +542,16 @@ const Chart = props_ => {
     setHover(true);
   };
   const onWrapperMouseLeave = () => {
-    setHover(false);
-    setTimeout(() => {
-      if (tooltipCloseOnMouseLeave) setAppend(values__0 => _objectSpread(_objectSpread({}, values__0), {}, {
-        open: false
-      }));
-      if (!guidelinesDisplayInactive) setGuidelineIn(false);
-      setGuidelinePosition({});
-    });
+    if (refs.hover.current) {
+      setHover(false);
+      setTimeout(() => {
+        if (tooltipCloseOnMouseLeave) setAppend(values__0 => _objectSpread(_objectSpread({}, values__0), {}, {
+          open: false
+        }));
+        if (!guidelinesDisplayInactive) setGuidelineIn(false);
+        setGuidelinePosition({});
+      });
+    }
   };
   const makeGroupTooltip = (x_, y_) => {
     const items_0 = refs.allValues.current.filter(item_2 => item_2.normalized[0] === x_);

package/Expand/Expand.js

@@ -113,7 +113,8 @@ const Expand = props_ => {
     placeholder: _react.default.useRef(undefined),
     parent: _react.default.useRef(undefined),
     element: _react.default.useRef(undefined),
-    value: _react.default.useRef(0)
+    value: _react.default.useRef(0),
+    previousWidth: _react.default.useRef((0, _utils.isEnvironment)('browser') && window.innerWidth)
   };
   refs.value.current = value;
   refs.parent.current = parent;
@@ -126,8 +127,11 @@ const Expand = props_ => {
   const childrenWithTransition = isTransition(children === null || children === void 0 || (_children$type = children.type) === null || _children$type === void 0 ? void 0 : _children$type.displayName);
   _react.default.useEffect(() => {
     const method = () => {
+      const newWidth = window.innerWidth;
+      if (refs.previousWidth.current === newWidth) return;
       setValue(null);
       setParent(null);
+      refs.previousWidth.current = newWidth;
     };
 
     // on resize

package/esm/Chart/Chart.js

@@ -534,14 +534,16 @@ const Chart = props_ => {
     setHover(true);
   };
   const onWrapperMouseLeave = () => {
-    setHover(false);
-    setTimeout(() => {
-      if (tooltipCloseOnMouseLeave) setAppend(values__0 => _objectSpread(_objectSpread({}, values__0), {}, {
-        open: false
-      }));
-      if (!guidelinesDisplayInactive) setGuidelineIn(false);
-      setGuidelinePosition({});
-    });
+    if (refs.hover.current) {
+      setHover(false);
+      setTimeout(() => {
+        if (tooltipCloseOnMouseLeave) setAppend(values__0 => _objectSpread(_objectSpread({}, values__0), {}, {
+          open: false
+        }));
+        if (!guidelinesDisplayInactive) setGuidelineIn(false);
+        setGuidelinePosition({});
+      });
+    }
   };
   const makeGroupTooltip = (x_, y_) => {
     const items_0 = refs.allValues.current.filter(item_2 => item_2.normalized[0] === x_);

package/esm/Expand/Expand.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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';
+import { is, isEnvironment } from '@onesy/utils';
 import { useOnesyTheme } from '@onesy/style-react';
 import { Transition } from '..';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -105,7 +105,8 @@ const Expand = props_ => {
     placeholder: React.useRef(undefined),
     parent: React.useRef(undefined),
     element: React.useRef(undefined),
-    value: React.useRef(0)
+    value: React.useRef(0),
+    previousWidth: React.useRef(isEnvironment('browser') && window.innerWidth)
   };
   refs.value.current = value;
   refs.parent.current = parent;
@@ -118,8 +119,11 @@ const Expand = props_ => {
   const childrenWithTransition = isTransition(children?.type?.displayName);
   React.useEffect(() => {
     const method = () => {
+      const newWidth = window.innerWidth;
+      if (refs.previousWidth.current === newWidth) return;
       setValue(null);
       setParent(null);
+      refs.previousWidth.current = newWidth;
     };
 
     // on resize

package/esm/index.js

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

package/esm/useResize/useResize.js

@@ -1,36 +1,27 @@
-import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { isEnvironment } from '@onesy/utils';
 const useResize = () => {
-  const $ = _c(2);
-  const [windowWidth, setWindowWidth] = React.useState(_temp);
-  let t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      const onResize = () => {
-        setWindowWidth(window.innerWidth);
-      };
-      if (isEnvironment("browser")) {
-        setWindowWidth(window.innerWidth);
-        window.addEventListener("resize", onResize);
-        return () => window.removeEventListener("resize", onResize);
-      }
+  const [width, setWidth] = React.useState(() => {
+    if (isEnvironment('browser')) return window.innerWidth;
+    return 0;
+  });
+  const refs = {
+    width: React.useRef(width)
+  };
+  refs.width.current = width;
+  React.useEffect(() => {
+    const onResize = () => {
+      const newWidth = window.innerWidth;
+      if (refs.width.current === newWidth) return;
+      setWidth(newWidth);
     };
-    t1 = [];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t0 = $[0];
-    t1 = $[1];
-  }
-  React.useEffect(t0, t1);
-  return windowWidth;
+    if (isEnvironment('browser')) {
+      const newWidth_0 = window.innerWidth;
+      if (refs.width.current !== newWidth_0) setWidth(newWidth_0);
+      window.addEventListener('resize', onResize);
+      return () => window.removeEventListener('resize', onResize);
+    }
+  }, []);
+  return width;
 };
-export default useResize;
-function _temp() {
-  if (isEnvironment("browser")) {
-    return window.innerWidth;
-  }
-  return 0;
-}
+export default useResize;

package/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.178
+/** @license UiReact v1.0.179
  *
  * 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.179",
+  "version": "1.0.180",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar Erić <lazareric1@proton.me>",

package/useResize/useResize.js

@@ -5,39 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _compilerRuntime = require("react/compiler-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@onesy/utils");
 const useResize = () => {
-  const $ = (0, _compilerRuntime.c)(2);
-  const [windowWidth, setWindowWidth] = _react.default.useState(_temp);
-  let t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      const onResize = () => {
-        setWindowWidth(window.innerWidth);
-      };
-      if ((0, _utils.isEnvironment)("browser")) {
-        setWindowWidth(window.innerWidth);
-        window.addEventListener("resize", onResize);
-        return () => window.removeEventListener("resize", onResize);
-      }
+  const [width, setWidth] = _react.default.useState(() => {
+    if ((0, _utils.isEnvironment)('browser')) return window.innerWidth;
+    return 0;
+  });
+  const refs = {
+    width: _react.default.useRef(width)
+  };
+  refs.width.current = width;
+  _react.default.useEffect(() => {
+    const onResize = () => {
+      const newWidth = window.innerWidth;
+      if (refs.width.current === newWidth) return;
+      setWidth(newWidth);
     };
-    t1 = [];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t0 = $[0];
-    t1 = $[1];
-  }
-  _react.default.useEffect(t0, t1);
-  return windowWidth;
+    if ((0, _utils.isEnvironment)('browser')) {
+      const newWidth_0 = window.innerWidth;
+      if (refs.width.current !== newWidth_0) setWidth(newWidth_0);
+      window.addEventListener('resize', onResize);
+      return () => window.removeEventListener('resize', onResize);
+    }
+  }, []);
+  return width;
 };
-var _default = exports.default = useResize;
-function _temp() {
-  if ((0, _utils.isEnvironment)("browser")) {
-    return window.innerWidth;
-  }
-  return 0;
-}
+var _default = exports.default = useResize;