@gustavo-valsechi/client 1.4.110 → 1.4.112

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

@@ -52,10 +52,6 @@ function InputSelect(props) {
   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;
-    (_a2 = props.setValue) == null ? void 0 : _a2.call(props, "1");
-  }, []);
   (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

@@ -19,10 +19,6 @@ function InputSelect(props) {
   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;
-    (_a2 = props.setValue) == null ? void 0 : _a2.call(props, "1");
-  }, []);
   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

@@ -41,29 +41,22 @@ function InputSelectOption(props) {
   const [options, setOptions] = (0, import_react.useState)(props.options);
   (0, import_react.useEffect)(() => {
     var _a, _b;
-    console.log("value", value);
-    console.log("setValue", props.setValue);
-    (_a = props.setValue) == null ? void 0 : _a.call(props, value);
+    (_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();
   }, [value, props.inputRef]);
   (0, import_react.useEffect)(() => {
-    var _a;
-    if (!((_a = props.inputRef) == null ? void 0 : _a.current)) return;
-    props.inputRef.current.addEventListener("change", (e) => {
-      e.preventDefault();
-      const filter = e.target.value || "";
-      console.log("filter", filter);
-      if (!filter) return setOptions(props.options);
-      const filtredOptions = import_lodash.default.filter(props.options, (data) => {
-        var _a2;
-        const value2 = ((_a2 = Object.values(data || {})) == null ? void 0 : _a2[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);
     });
-  }, [props.inputRef]);
+    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

@@ -8,29 +8,22 @@ function InputSelectOption(props) {
   const [options, setOptions] = useState(props.options);
   useEffect(() => {
     var _a, _b;
-    console.log("value", value);
-    console.log("setValue", props.setValue);
-    (_a = props.setValue) == null ? void 0 : _a.call(props, value);
+    (_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();
   }, [value, props.inputRef]);
   useEffect(() => {
-    var _a;
-    if (!((_a = props.inputRef) == null ? void 0 : _a.current)) return;
-    props.inputRef.current.addEventListener("change", (e) => {
-      e.preventDefault();
-      const filter = e.target.value || "";
-      console.log("filter", filter);
-      if (!filter) return setOptions(props.options);
-      const filtredOptions = _.filter(props.options, (data) => {
-        var _a2;
-        const value2 = ((_a2 = Object.values(data || {})) == null ? void 0 : _a2[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);
     });
-  }, [props.inputRef]);
+    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,17 @@ 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;
+        if (!targetElement) return;
+        e.preventDefault();
+        targetElement.setAttribute("value", ((_a2 = e.target) == null ? void 0 : _a2.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,17 @@ 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;
+        if (!targetElement) return;
+        e.preventDefault();
+        targetElement.setAttribute("value", ((_a2 = e.target) == null ? void 0 : _a2.value) || "");
       });
     });
   }, [targets, inputRef, containerRef]);

package/package.json

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