@gustavo-valsechi/client 1.4.93 → 1.4.95

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

@@ -41,14 +41,16 @@ var import_contexts = require("../../../../../contexts");
 var import_lodash = __toESM(require("lodash"));
 var import_options = __toESM(require("./options"));
 function InputSelect(props) {
-  const inputRef = (0, import_react.useRef)({});
+  const inputRef = (0, import_react.useRef)(null);
   const target = (0, import_contexts.useTarget)();
   const [focus, setFocus] = (0, import_react.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
   (0, import_react.useEffect)(() => {
+    if (!(inputRef == null ? void 0 : inputRef.current)) return;
+    console.log(inputRef == null ? void 0 : inputRef.current);
     target.add({ ref: inputRef, component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_options.default, { ...props, inputRef, register }) });
     return () => target.remove(inputRef);
-  }, []);
+  }, [inputRef]);
   const onBlur = (event) => {
     setFocus(false);
     if (register.onBlur) register.onBlur(event);
@@ -72,10 +74,10 @@ function InputSelect(props) {
         "input",
         {
           ...import_lodash.default.omit(props, ["className", "register", "mask", "setValue"]),
-          ref: inputRef,
           type: "text",
           maxLength: props.maxLength || 255,
           ...register,
+          ref: inputRef,
           onChange,
           onFocus,
           onBlur

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

@@ -8,14 +8,16 @@ import { useTarget } from "../../../../../contexts";
 import _ from "lodash";
 import InputSelectOption from "./options";
 function InputSelect(props) {
-  const inputRef = useRef({});
+  const inputRef = useRef(null);
   const target = useTarget();
   const [focus, setFocus] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
   useEffect(() => {
+    if (!(inputRef == null ? void 0 : inputRef.current)) return;
+    console.log(inputRef == null ? void 0 : inputRef.current);
     target.add({ ref: inputRef, component: /* @__PURE__ */ jsx(InputSelectOption, { ...props, inputRef, register }) });
     return () => target.remove(inputRef);
-  }, []);
+  }, [inputRef]);
   const onBlur = (event) => {
     setFocus(false);
     if (register.onBlur) register.onBlur(event);
@@ -39,10 +41,10 @@ function InputSelect(props) {
         "input",
         {
           ..._.omit(props, ["className", "register", "mask", "setValue"]),
-          ref: inputRef,
           type: "text",
           maxLength: props.maxLength || 255,
           ...register,
+          ref: inputRef,
           onChange,
           onFocus,
           onBlur

package/dist/contexts/target/index.js

@@ -47,10 +47,6 @@ const TargetProviderContainer = ({ children }) => {
   const elementFocusable = (target, index) => {
     const focusableTags = ["input", "select", "textarea", "button"];
     const isFocusable = import_lodash.default.some(focusableTags, (tag) => target.ref.current.tagName.toLowerCase() === tag);
-    console.log("tagName", target.ref.current.tagName.toLowerCase());
-    console.log("isFocusable", isFocusable);
-    console.log("target.ref.current", target.ref.current);
-    console.log("inputRef.current[index]", inputRef.current[index]);
     if (isFocusable) return target.ref.current;
     return inputRef.current[index];
   };
@@ -104,8 +100,22 @@ const TargetProviderContainer = ({ children }) => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
-      console.log(element);
-      if (!element) return;
+      if (!(element == null ? void 0 : element.addEventListener)) return;
+      element.addEventListener("click", () => {
+        const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
+        if (!targetElement) return;
+        const focusable = elementFocusable(target, index);
+        if (focusable === document.activeElement) {
+          close(targetElement);
+          return;
+        }
+        const coords = getCoords(element);
+        open(targetElement, coords);
+        focusable.focus();
+      });
+      element.addEventListener("resize", () => {
+        import_lodash.default.forEach(containerRef.current, (elementRef) => close(elementRef));
+      });
     });
   }, [targets, inputRef, containerRef]);
   const getCoords = (target) => {

package/dist/contexts/target/index.mjs

@@ -13,10 +13,6 @@ const TargetProviderContainer = ({ children }) => {
   const elementFocusable = (target, index) => {
     const focusableTags = ["input", "select", "textarea", "button"];
     const isFocusable = _.some(focusableTags, (tag) => target.ref.current.tagName.toLowerCase() === tag);
-    console.log("tagName", target.ref.current.tagName.toLowerCase());
-    console.log("isFocusable", isFocusable);
-    console.log("target.ref.current", target.ref.current);
-    console.log("inputRef.current[index]", inputRef.current[index]);
     if (isFocusable) return target.ref.current;
     return inputRef.current[index];
   };
@@ -70,8 +66,22 @@ const TargetProviderContainer = ({ children }) => {
     _.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
-      console.log(element);
-      if (!element) return;
+      if (!(element == null ? void 0 : element.addEventListener)) return;
+      element.addEventListener("click", () => {
+        const targetElement = _.find(containerRef.current, (data, i) => i === index);
+        if (!targetElement) return;
+        const focusable = elementFocusable(target, index);
+        if (focusable === document.activeElement) {
+          close(targetElement);
+          return;
+        }
+        const coords = getCoords(element);
+        open(targetElement, coords);
+        focusable.focus();
+      });
+      element.addEventListener("resize", () => {
+        _.forEach(containerRef.current, (elementRef) => close(elementRef));
+      });
     });
   }, [targets, inputRef, containerRef]);
   const getCoords = (target) => {

package/package.json

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