@gustavo-valsechi/client 1.4.306 → 1.4.308

package/dist/src/contexts/modal/index.js

@@ -56,7 +56,9 @@ const ModalProviderContainer = ({ children }) => {
   };
   const remove = (modalName) => {
     const removeModal = (name) => {
+      console.log("name", name);
       const index = import_lodash.default.findIndex(memory, (data) => data.name === name);
+      console.log("index", index);
       memory.slice(index, 1);
       setModals(memory);
     };

package/dist/src/contexts/modal/index.mjs

@@ -22,7 +22,9 @@ const ModalProviderContainer = ({ children }) => {
   };
   const remove = (modalName) => {
     const removeModal = (name) => {
+      console.log("name", name);
       const index = _.findIndex(memory, (data) => data.name === name);
+      console.log("index", index);
       memory.slice(index, 1);
       setModals(memory);
     };

package/dist/src/contexts/target/index.js

@@ -72,21 +72,18 @@ const TargetProviderContainer = ({ children }) => {
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
   (0, import_react.useEffect)(() => {
-    const removeTarget = (node) => {
-      console.log("ANALISANDO TARGET");
-      console.log("TARGETS", memory);
-      console.log("NODE", node);
-      if (!(node instanceof HTMLElement)) return;
-      const targetRef = import_lodash.default.find(memory, (target) => {
-        return target.ref.current === node || node.contains(target.ref.current);
-      });
-      if (!targetRef) return;
-      console.log(targetRef);
-    };
     const observer = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
-        mutation.addedNodes.forEach(removeTarget);
-        mutation.removedNodes.forEach(removeTarget);
+        mutation.removedNodes.forEach((node) => {
+          if (!(node instanceof HTMLElement)) return;
+          const index = import_lodash.default.findIndex(memory, (target) => {
+            return target.ref.current === node || node.contains(target.ref.current);
+          });
+          if (index === -1) return;
+          removeInside(index);
+          memory.splice(index, 1);
+          setTargets([...memory]);
+        });
       }
     });
     observer.observe(document.body, { childList: true, subtree: true });
@@ -149,12 +146,6 @@ const TargetProviderContainer = ({ children }) => {
     memory.push(target);
     setTargets([...memory]);
   };
-  const remove = (ref) => {
-    const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
-    if (!theme.content.isMobile) removeInside(index);
-    memory.splice(index, 1);
-    setTargets([...memory]);
-  };
   const closeTarget = (ref) => {
     if (theme.content.isMobile) return setModal(-1);
     const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
@@ -184,8 +175,9 @@ const TargetProviderContainer = ({ children }) => {
     }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.Container,
+        "div",
         {
+          className: "target-container",
           ref: (element) => containerRef.current[index] = element,
           onMouseLeave: () => {
             removeInside(index);
@@ -211,15 +203,14 @@ const TargetProviderContainer = ({ children }) => {
     {
       value: {
         save,
-        remove,
         close: closeTarget,
         isActive
       },
       children: [
-        import_lodash.default.map(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { id: "target-context-container", children: import_lodash.default.map(
           targets,
           (target, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: renderContent(target, index) }, index)
-        ),
+        ) }),
         children
       ]
     }

package/dist/src/contexts/target/index.mjs

@@ -38,21 +38,18 @@ const TargetProviderContainer = ({ children }) => {
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
   useEffect(() => {
-    const removeTarget = (node) => {
-      console.log("ANALISANDO TARGET");
-      console.log("TARGETS", memory);
-      console.log("NODE", node);
-      if (!(node instanceof HTMLElement)) return;
-      const targetRef = _.find(memory, (target) => {
-        return target.ref.current === node || node.contains(target.ref.current);
-      });
-      if (!targetRef) return;
-      console.log(targetRef);
-    };
     const observer = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
-        mutation.addedNodes.forEach(removeTarget);
-        mutation.removedNodes.forEach(removeTarget);
+        mutation.removedNodes.forEach((node) => {
+          if (!(node instanceof HTMLElement)) return;
+          const index = _.findIndex(memory, (target) => {
+            return target.ref.current === node || node.contains(target.ref.current);
+          });
+          if (index === -1) return;
+          removeInside(index);
+          memory.splice(index, 1);
+          setTargets([...memory]);
+        });
       }
     });
     observer.observe(document.body, { childList: true, subtree: true });
@@ -115,12 +112,6 @@ const TargetProviderContainer = ({ children }) => {
     memory.push(target);
     setTargets([...memory]);
   };
-  const remove = (ref) => {
-    const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
-    if (!theme.content.isMobile) removeInside(index);
-    memory.splice(index, 1);
-    setTargets([...memory]);
-  };
   const closeTarget = (ref) => {
     if (theme.content.isMobile) return setModal(-1);
     const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
@@ -150,8 +141,9 @@ const TargetProviderContainer = ({ children }) => {
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        Container,
+        "div",
         {
+          className: "target-container",
           ref: (element) => containerRef.current[index] = element,
           onMouseLeave: () => {
             removeInside(index);
@@ -177,15 +169,14 @@ const TargetProviderContainer = ({ children }) => {
     {
       value: {
         save,
-        remove,
         close: closeTarget,
         isActive
       },
       children: [
-        _.map(
+        /* @__PURE__ */ jsx(Container, { id: "target-context-container", children: _.map(
           targets,
           (target, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderContent(target, index) }, index)
-        ),
+        ) }),
         children
       ]
     }

package/dist/src/contexts/target/styles.js

@@ -35,13 +35,15 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
-    position: absolute;
-    opacity: 0;
-    z-index: -1;
-    user-select: none;
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        width: 100%;
+    .target-container {
+        position: absolute;
+        opacity: 0;
+        z-index: -1;
+        user-select: none;
+    
+        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+            width: 100%;
+        }
     }
 `;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/src/contexts/target/styles.mjs

@@ -2,13 +2,15 @@
 "use client";
 import styled from "styled-components";
 const Container = styled.div`
-    position: absolute;
-    opacity: 0;
-    z-index: -1;
-    user-select: none;
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        width: 100%;
+    .target-container {
+        position: absolute;
+        opacity: 0;
+        z-index: -1;
+        user-select: none;
+    
+        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+            width: 100%;
+        }
     }
 `;
 export {

package/dist/src/interfaces/contexts/target/index.d.ts

@@ -14,7 +14,6 @@ export interface ITargetConfigCoords {
 }
 export interface ITargetContext {
     save: (config: ITargetConfig) => void;
-    remove: (ref: React.RefObject<any>) => void;
     close: (ref: React.RefObject<any>) => void;
     isActive: (ref: React.RefObject<any>) => boolean;
 }

package/package.json

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