@gustavo-valsechi/client 1.4.111 → 1.4.113

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

@@ -49,9 +49,7 @@ function InputSelect(props) {
   const [filter, setFilter] = (0, import_react.useState)("");
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = (_a = props.watch) == null ? void 0 : _a.call(props, props.name);
-  console.log("inputValue", inputValue);
   const value = ((_b = import_lodash.default.find(props.options, (option) => Object.keys(option)[0] === inputValue)) == null ? void 0 : _b[inputValue || ""]) || "";
-  console.log("valueContent", value);
   (0, import_react.useEffect)(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;

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

@@ -16,9 +16,7 @@ function InputSelect(props) {
   const [filter, setFilter] = useState("");
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = (_a = props.watch) == null ? void 0 : _a.call(props, props.name);
-  console.log("inputValue", inputValue);
   const value = ((_b = _.find(props.options, (option) => Object.keys(option)[0] === inputValue)) == null ? void 0 : _b[inputValue || ""]) || "";
-  console.log("valueContent", value);
   useEffect(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;

package/dist/components/types/form/types/select/options/index.d.ts

@@ -2,4 +2,5 @@ import { IInputSelect } from "@interfaces";
 export default function InputSelectOption(props: IInputSelect & {
     inputRef: any;
     width: number;
+    value?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -43,26 +43,20 @@ function InputSelectOption(props) {
     var _a, _b;
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, value);
     if (!value || !((_b = props.inputRef) == null ? void 0 : _b.current)) return;
-    props.inputRef.current.click();
+    props.inputRef.current.blur();
   }, [value, props.inputRef]);
   (0, import_react.useEffect)(() => {
-    const inputRef = document.getElementById(`input-${props.name}`);
-    if (!inputRef) return;
-    inputRef.addEventListener("change", (e) => {
-      e.preventDefault();
-      const target = e.target;
-      const filter = target.value || "";
-      console.log("filter", filter);
-      if (!filter) return setOptions(props.options);
-      const filtredOptions = import_lodash.default.filter(props.options, (data) => {
-        var _a;
-        const value2 = ((_a = Object.values(data || {})) == null ? void 0 : _a[0]) || "";
-        if (import_lodash.default.isString(value2)) return import_lodash.default.includes(value2, filter);
-        return import_lodash.default.includes(value2 == null ? void 0 : value2.textContent, filter);
-      });
-      setOptions(filtredOptions);
+    const filter = props.value || "";
+    console.log("filter", filter);
+    if (!filter) return setOptions(props.options);
+    const filtredOptions = import_lodash.default.filter(props.options, (data) => {
+      var _a;
+      const value2 = ((_a = Object.values(data || {})) == null ? void 0 : _a[0]) || "";
+      if (import_lodash.default.isString(value2)) return import_lodash.default.includes(value2, filter);
+      return import_lodash.default.includes(value2 == null ? void 0 : value2.textContent, filter);
     });
-  }, []);
+    setOptions(filtredOptions);
+  }, [props.value]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { width: props.width, children: import_lodash.default.map(
     options,
     (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

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

@@ -10,26 +10,20 @@ function InputSelectOption(props) {
     var _a, _b;
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, value);
     if (!value || !((_b = props.inputRef) == null ? void 0 : _b.current)) return;
-    props.inputRef.current.click();
+    props.inputRef.current.blur();
   }, [value, props.inputRef]);
   useEffect(() => {
-    const inputRef = document.getElementById(`input-${props.name}`);
-    if (!inputRef) return;
-    inputRef.addEventListener("change", (e) => {
-      e.preventDefault();
-      const target = e.target;
-      const filter = target.value || "";
-      console.log("filter", filter);
-      if (!filter) return setOptions(props.options);
-      const filtredOptions = _.filter(props.options, (data) => {
-        var _a;
-        const value2 = ((_a = Object.values(data || {})) == null ? void 0 : _a[0]) || "";
-        if (_.isString(value2)) return _.includes(value2, filter);
-        return _.includes(value2 == null ? void 0 : value2.textContent, filter);
-      });
-      setOptions(filtredOptions);
+    const filter = props.value || "";
+    console.log("filter", filter);
+    if (!filter) return setOptions(props.options);
+    const filtredOptions = _.filter(props.options, (data) => {
+      var _a;
+      const value2 = ((_a = Object.values(data || {})) == null ? void 0 : _a[0]) || "";
+      if (_.isString(value2)) return _.includes(value2, filter);
+      return _.includes(value2 == null ? void 0 : value2.textContent, filter);
     });
-  }, []);
+    setOptions(filtredOptions);
+  }, [props.value]);
   return /* @__PURE__ */ jsx(Container, { width: props.width, children: _.map(
     options,
     (data, index) => /* @__PURE__ */ jsx(

package/dist/contexts/target/index.js

@@ -50,9 +50,10 @@ const TargetProviderContainer = ({ children }) => {
     if (isFocusable) return target.ref.current;
     return inputRef.current[index];
   };
-  const close = (element) => {
+  const close = (element, index) => {
     element.style.opacity = "0";
     element.style.zIndex = "-1";
+    insideMemory.splice(import_lodash.default.findIndex(insideMemory, (i) => i === index), 1);
   };
   const open = (element, coords) => {
     element.style.top = `${coords.top}px`;
@@ -64,7 +65,7 @@ const TargetProviderContainer = ({ children }) => {
     const handleScroll = () => {
       import_lodash.default.forEach(containerRef.current, (element, index) => {
         if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
-        close(element);
+        close(element, index);
       });
     };
     window.addEventListener("scroll", handleScroll, { passive: true });
@@ -104,12 +105,12 @@ const TargetProviderContainer = ({ children }) => {
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!(element == null ? void 0 : element.addEventListener)) return;
       const focusable = elementFocusable(target, index);
+      const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
       element.addEventListener("click", () => {
-        const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
         if (!targetElement) return;
         const styles = window.getComputedStyle(targetElement);
         if (styles.opacity === "1") {
-          close(targetElement);
+          close(targetElement, index);
           return;
         }
         const coords = getCoords(element);
@@ -117,11 +118,18 @@ const TargetProviderContainer = ({ children }) => {
         focusable.focus();
       });
       element.addEventListener("resize", () => {
-        import_lodash.default.forEach(containerRef.current, (elementRef) => close(elementRef));
+        import_lodash.default.forEach(containerRef.current, (elementRef) => close(elementRef, index));
       });
       focusable.addEventListener("blur", () => {
         if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
-        close(containerRef.current[index]);
+        close(containerRef.current[index], index);
+      });
+      focusable.addEventListener("change", (e) => {
+        var _a2;
+        e.preventDefault();
+        const value = ((_a2 = e.target) == null ? void 0 : _a2.value) || "";
+        console.log("input target value", value);
+        target.component = import_react.default.cloneElement(target.component, { value });
       });
     });
   }, [targets, inputRef, containerRef]);

package/dist/contexts/target/index.mjs

@@ -16,9 +16,10 @@ const TargetProviderContainer = ({ children }) => {
     if (isFocusable) return target.ref.current;
     return inputRef.current[index];
   };
-  const close = (element) => {
+  const close = (element, index) => {
     element.style.opacity = "0";
     element.style.zIndex = "-1";
+    insideMemory.splice(_.findIndex(insideMemory, (i) => i === index), 1);
   };
   const open = (element, coords) => {
     element.style.top = `${coords.top}px`;
@@ -30,7 +31,7 @@ const TargetProviderContainer = ({ children }) => {
     const handleScroll = () => {
       _.forEach(containerRef.current, (element, index) => {
         if (_.some(insideMemory, (i) => i === index)) return;
-        close(element);
+        close(element, index);
       });
     };
     window.addEventListener("scroll", handleScroll, { passive: true });
@@ -70,12 +71,12 @@ const TargetProviderContainer = ({ children }) => {
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!(element == null ? void 0 : element.addEventListener)) return;
       const focusable = elementFocusable(target, index);
+      const targetElement = _.find(containerRef.current, (data, i) => i === index);
       element.addEventListener("click", () => {
-        const targetElement = _.find(containerRef.current, (data, i) => i === index);
         if (!targetElement) return;
         const styles = window.getComputedStyle(targetElement);
         if (styles.opacity === "1") {
-          close(targetElement);
+          close(targetElement, index);
           return;
         }
         const coords = getCoords(element);
@@ -83,11 +84,18 @@ const TargetProviderContainer = ({ children }) => {
         focusable.focus();
       });
       element.addEventListener("resize", () => {
-        _.forEach(containerRef.current, (elementRef) => close(elementRef));
+        _.forEach(containerRef.current, (elementRef) => close(elementRef, index));
       });
       focusable.addEventListener("blur", () => {
         if (_.some(insideMemory, (i) => i === index)) return;
-        close(containerRef.current[index]);
+        close(containerRef.current[index], index);
+      });
+      focusable.addEventListener("change", (e) => {
+        var _a2;
+        e.preventDefault();
+        const value = ((_a2 = e.target) == null ? void 0 : _a2.value) || "";
+        console.log("input target value", value);
+        target.component = React.cloneElement(target.component, { value });
       });
     });
   }, [targets, inputRef, containerRef]);

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

@@ -4,7 +4,7 @@ export interface ITargetProvider extends IBaseProvider {
 }
 export interface ITargetConfig {
     ref: React.RefObject<any>;
-    component: React.ReactNode;
+    component: React.ReactElement;
 }
 export interface ITargetConfigCoords {
     top: number;

package/package.json

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