@gustavo-valsechi/client 1.4.117 → 1.4.119

package/dist/components/types/form/types/select/index.js

@@ -50,18 +50,9 @@ function InputSelect(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = (_a = props.watch) == null ? void 0 : _a.call(props, props.name);
   const value = ((_b = import_lodash.default.find(props.options, (option) => Object.keys(option)[0] === inputValue)) == null ? void 0 : _b[inputValue || ""]) || "";
-  const onBlur = (event) => {
-    setFocus(false);
-    setFilter("");
-    if (register.onBlur) register.onBlur(event);
-  };
-  const onFocus = (event) => {
-    setFocus(true);
-    if (register.onFocus) register.onFocus(event);
-  };
-  const onClick = (event) => {
+  (0, import_react.useEffect)(() => {
     var _a2;
-    if (register.onClick) register.onClick(event);
+    if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
     target.add({
       ref: inputRef,
       component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -74,6 +65,16 @@ function InputSelect(props) {
         }
       )
     });
+    return () => target.remove(inputRef);
+  }, [containerRef, inputRef]);
+  const onBlur = (event) => {
+    setFocus(false);
+    setFilter("");
+    if (register.onBlur) register.onBlur(event);
+  };
+  const onFocus = (event) => {
+    setFocus(true);
+    if (register.onFocus) register.onFocus(event);
   };
   const onChange = (event) => {
     const value2 = event.target.value || "";
@@ -106,7 +107,6 @@ function InputSelect(props) {
               onChange,
               onFocus,
               onBlur,
-              onClick,
               value: focus ? filter : "",
               placeholder: import_lodash.default.isString(value) ? value : (value == null ? void 0 : value.textContent) || ""
             }

package/dist/components/types/form/types/select/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef } from "react";
+import { useState, useRef, useEffect } from "react";
 import { Container } from "./styles";
 import { InputLabel } from "../label";
 import { InputError } from "../error";
@@ -17,18 +17,9 @@ function InputSelect(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = (_a = props.watch) == null ? void 0 : _a.call(props, props.name);
   const value = ((_b = _.find(props.options, (option) => Object.keys(option)[0] === inputValue)) == null ? void 0 : _b[inputValue || ""]) || "";
-  const onBlur = (event) => {
-    setFocus(false);
-    setFilter("");
-    if (register.onBlur) register.onBlur(event);
-  };
-  const onFocus = (event) => {
-    setFocus(true);
-    if (register.onFocus) register.onFocus(event);
-  };
-  const onClick = (event) => {
+  useEffect(() => {
     var _a2;
-    if (register.onClick) register.onClick(event);
+    if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
     target.add({
       ref: inputRef,
       component: /* @__PURE__ */ jsx(
@@ -41,6 +32,16 @@ function InputSelect(props) {
         }
       )
     });
+    return () => target.remove(inputRef);
+  }, [containerRef, inputRef]);
+  const onBlur = (event) => {
+    setFocus(false);
+    setFilter("");
+    if (register.onBlur) register.onBlur(event);
+  };
+  const onFocus = (event) => {
+    setFocus(true);
+    if (register.onFocus) register.onFocus(event);
   };
   const onChange = (event) => {
     const value2 = event.target.value || "";
@@ -73,7 +74,6 @@ function InputSelect(props) {
               onChange,
               onFocus,
               onBlur,
-              onClick,
               value: focus ? filter : "",
               placeholder: _.isString(value) ? value : (value == null ? void 0 : value.textContent) || ""
             }

package/dist/components/types/form/types/select/options/index.js

@@ -44,7 +44,7 @@ function InputSelectOption(props) {
   (0, import_react.useEffect)(() => {
     var _a;
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, value);
-    target.remove(props.inputRef);
+    target.close(props.inputRef);
   }, [value, props.inputRef]);
   (0, import_react.useEffect)(() => {
     const optionsElement = document.getElementById("input-options");

package/dist/components/types/form/types/select/options/index.mjs

@@ -11,7 +11,7 @@ function InputSelectOption(props) {
   useEffect(() => {
     var _a;
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, value);
-    target.remove(props.inputRef);
+    target.close(props.inputRef);
   }, [value, props.inputRef]);
   useEffect(() => {
     const optionsElement = document.getElementById("input-options");

package/dist/contexts/target/index.js

@@ -151,15 +151,22 @@ const TargetProviderContainer = ({ children }) => {
   const remove = (ref) => {
     const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
     insideMemory.splice(import_lodash.default.findIndex(insideMemory, (i) => i === index), 1);
-    memory.slice(index, 1);
+    memory.splice(index, 1);
     setTargets(memory);
   };
+  const closeTarget = (ref) => {
+    const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
+    const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
+    if (!targetElement) return;
+    close(targetElement, index);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     TargetContext.Provider,
     {
       value: {
         add,
-        remove
+        remove,
+        close: closeTarget
       },
       children: [
         import_lodash.default.map(

package/dist/contexts/target/index.mjs

@@ -117,15 +117,22 @@ const TargetProviderContainer = ({ children }) => {
   const remove = (ref) => {
     const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
     insideMemory.splice(_.findIndex(insideMemory, (i) => i === index), 1);
-    memory.slice(index, 1);
+    memory.splice(index, 1);
     setTargets(memory);
   };
+  const closeTarget = (ref) => {
+    const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
+    const targetElement = _.find(containerRef.current, (data, i) => i === index);
+    if (!targetElement) return;
+    close(targetElement, index);
+  };
   return /* @__PURE__ */ jsxs(
     TargetContext.Provider,
     {
       value: {
         add,
-        remove
+        remove,
+        close: closeTarget
       },
       children: [
         _.map(

package/dist/interfaces/contexts/tooltip/index.d.ts

@@ -13,4 +13,5 @@ export interface ITargetConfigCoords {
 export interface ITargetContext {
     add: (config: ITargetConfig) => void;
     remove: (ref: React.RefObject<any>) => void;
+    close: (ref: React.RefObject<any>) => void;
 }

package/package.json

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