@gustavo-valsechi/client 1.4.113 → 1.4.114

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

@@ -81,6 +81,9 @@ function InputSelect(props) {
     event.target.value = props.mask ? props.mask(value2) : value2;
     setFilter(value2);
     if (props.onFilter) props.onFilter(value2);
+    const optionsElement = document.getElementById("input-options");
+    if (!optionsElement) return;
+    optionsElement.setAttribute("value", value2);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
     !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [

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

@@ -48,6 +48,9 @@ function InputSelect(props) {
     event.target.value = props.mask ? props.mask(value2) : value2;
     setFilter(value2);
     if (props.onFilter) props.onFilter(value2);
+    const optionsElement = document.getElementById("input-options");
+    if (!optionsElement) return;
+    optionsElement.setAttribute("value", value2);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
     !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [

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

@@ -57,7 +57,7 @@ function InputSelectOption(props) {
     });
     setOptions(filtredOptions);
   }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { width: props.width, children: import_lodash.default.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { id: "input-options", width: props.width, children: import_lodash.default.map(
     options,
     (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",

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

@@ -24,7 +24,7 @@ function InputSelectOption(props) {
     });
     setOptions(filtredOptions);
   }, [props.value]);
-  return /* @__PURE__ */ jsx(Container, { width: props.width, children: _.map(
+  return /* @__PURE__ */ jsx(Container, { id: "input-options", width: props.width, children: _.map(
     options,
     (data, index) => /* @__PURE__ */ jsx(
       "div",

package/dist/contexts/target/index.js

@@ -121,22 +121,16 @@ const TargetProviderContainer = ({ children }) => {
         import_lodash.default.forEach(containerRef.current, (elementRef) => close(elementRef, index));
       });
       focusable.addEventListener("blur", () => {
+        console.log("onBlur", insideMemory);
         if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
         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]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
-    const targetLeft = rect.left + window.scrollX;
+    const targetLeft = rect.left + window.scrollX + 1;
     const coords = {
       top: targetTop + (target.offsetHeight + 5),
       left: targetLeft

package/dist/contexts/target/index.mjs

@@ -87,22 +87,16 @@ const TargetProviderContainer = ({ children }) => {
         _.forEach(containerRef.current, (elementRef) => close(elementRef, index));
       });
       focusable.addEventListener("blur", () => {
+        console.log("onBlur", insideMemory);
         if (_.some(insideMemory, (i) => i === index)) return;
         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]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
-    const targetLeft = rect.left + window.scrollX;
+    const targetLeft = rect.left + window.scrollX + 1;
     const coords = {
       top: targetTop + (target.offsetHeight + 5),
       left: targetLeft

package/package.json

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