@gustavo-valsechi/client 1.4.103 → 1.4.104

package/dist/contexts/target/index.js

@@ -39,11 +39,11 @@ var import_styles = require("./styles");
 var import_lodash = __toESM(require("lodash"));
 const TargetContext = (0, import_react.createContext)({});
 const memory = [];
+const insideMemory = [];
 const TargetProviderContainer = ({ children }) => {
   const inputRef = (0, import_react.useRef)([]);
   const containerRef = (0, import_react.useRef)([]);
   const [targets, setTargets] = (0, import_react.useState)([]);
-  const [inside, setInside] = (0, import_react.useState)([]);
   const elementFocusable = (target, index) => {
     const focusableTags = ["input", "select", "textarea", "button"];
     const isFocusable = import_lodash.default.some(focusableTags, (tag) => target.ref.current.tagName.toLowerCase() === tag);
@@ -63,7 +63,7 @@ const TargetProviderContainer = ({ children }) => {
   (0, import_react.useEffect)(() => {
     const handleScroll = () => {
       import_lodash.default.forEach(containerRef.current, (element, index) => {
-        if (import_lodash.default.some(inside, (i) => i === index)) return;
+        if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
         close(element);
       });
     };
@@ -97,7 +97,7 @@ const TargetProviderContainer = ({ children }) => {
       });
       observer.disconnect();
     };
-  }, [inside]);
+  }, []);
   (0, import_react.useEffect)(() => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a;
@@ -120,12 +120,12 @@ const TargetProviderContainer = ({ children }) => {
         import_lodash.default.forEach(containerRef.current, (elementRef) => close(elementRef));
       });
       focusable.addEventListener("blur", () => {
-        console.log(inside);
-        if (import_lodash.default.some(inside, (i) => i === index)) return;
+        console.log(insideMemory);
+        if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
         close(containerRef.current[index]);
       });
     });
-  }, [targets, inputRef, containerRef, inside]);
+  }, [targets, inputRef, containerRef]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
@@ -167,11 +167,11 @@ const TargetProviderContainer = ({ children }) => {
               {
                 ref: (element) => containerRef.current[index] = element,
                 onMouseEnter: () => {
-                  setInside(import_lodash.default.concat(inside, index));
+                  insideMemory.push(index);
                   elementFocusable(target, index).focus();
                 },
                 onMouseLeave: () => {
-                  setInside(import_lodash.default.filter(inside, (i) => i !== index));
+                  insideMemory.splice(import_lodash.default.findIndex(insideMemory, (i) => i === index), 1);
                   elementFocusable(target, index).focus();
                 },
                 children: target.component

package/dist/contexts/target/index.mjs

@@ -5,11 +5,11 @@ import { Container } from "./styles";
 import _ from "lodash";
 const TargetContext = createContext({});
 const memory = [];
+const insideMemory = [];
 const TargetProviderContainer = ({ children }) => {
   const inputRef = useRef([]);
   const containerRef = useRef([]);
   const [targets, setTargets] = useState([]);
-  const [inside, setInside] = useState([]);
   const elementFocusable = (target, index) => {
     const focusableTags = ["input", "select", "textarea", "button"];
     const isFocusable = _.some(focusableTags, (tag) => target.ref.current.tagName.toLowerCase() === tag);
@@ -29,7 +29,7 @@ const TargetProviderContainer = ({ children }) => {
   useEffect(() => {
     const handleScroll = () => {
       _.forEach(containerRef.current, (element, index) => {
-        if (_.some(inside, (i) => i === index)) return;
+        if (_.some(insideMemory, (i) => i === index)) return;
         close(element);
       });
     };
@@ -63,7 +63,7 @@ const TargetProviderContainer = ({ children }) => {
       });
       observer.disconnect();
     };
-  }, [inside]);
+  }, []);
   useEffect(() => {
     _.forEach(targets, (target, index) => {
       var _a;
@@ -86,12 +86,12 @@ const TargetProviderContainer = ({ children }) => {
         _.forEach(containerRef.current, (elementRef) => close(elementRef));
       });
       focusable.addEventListener("blur", () => {
-        console.log(inside);
-        if (_.some(inside, (i) => i === index)) return;
+        console.log(insideMemory);
+        if (_.some(insideMemory, (i) => i === index)) return;
         close(containerRef.current[index]);
       });
     });
-  }, [targets, inputRef, containerRef, inside]);
+  }, [targets, inputRef, containerRef]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
@@ -133,11 +133,11 @@ const TargetProviderContainer = ({ children }) => {
               {
                 ref: (element) => containerRef.current[index] = element,
                 onMouseEnter: () => {
-                  setInside(_.concat(inside, index));
+                  insideMemory.push(index);
                   elementFocusable(target, index).focus();
                 },
                 onMouseLeave: () => {
-                  setInside(_.filter(inside, (i) => i !== index));
+                  insideMemory.splice(_.findIndex(insideMemory, (i) => i === index), 1);
                   elementFocusable(target, index).focus();
                 },
                 children: target.component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.103",
+  "version": "1.4.104",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",