@gustavo-valsechi/client 1.4.77 → 1.4.79

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

@@ -40,10 +40,8 @@ function InputSelectOption(props) {
   var _a, _b;
   const [value, set] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
-    var _a2, _b2;
+    var _a2;
     (_a2 = props.setValue) == null ? void 0 : _a2.call(props, value);
-    if (!value || !((_b2 = props.inputRef) == null ? void 0 : _b2.current)) return;
-    props.inputRef.current.click();
   }, [value, props.inputRef]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { width: (_b = (_a = props.inputRef) == null ? void 0 : _a.current) == null ? void 0 : _b.offsetWidth, children: import_lodash.default.map(
     props.options,

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

@@ -7,10 +7,8 @@ function InputSelectOption(props) {
   var _a, _b;
   const [value, set] = useState("");
   useEffect(() => {
-    var _a2, _b2;
+    var _a2;
     (_a2 = props.setValue) == null ? void 0 : _a2.call(props, value);
-    if (!value || !((_b2 = props.inputRef) == null ? void 0 : _b2.current)) return;
-    props.inputRef.current.click();
   }, [value, props.inputRef]);
   return /* @__PURE__ */ jsx(Container, { width: (_b = (_a = props.inputRef) == null ? void 0 : _a.current) == null ? void 0 : _b.offsetWidth, children: _.map(
     props.options,

package/dist/contexts/target/index.js

@@ -34,36 +34,37 @@ __export(target_exports, {
 });
 module.exports = __toCommonJS(target_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_styles = require("./styles");
 var import_lodash = __toESM(require("lodash"));
 const TargetContext = (0, import_react.createContext)({});
 const memory = [];
 const TargetProviderContainer = ({ children }) => {
+  const inputRef = (0, import_react.useRef)([]);
   const containerRef = (0, import_react.useRef)([]);
   const [targets, setTargets] = (0, import_react.useState)([]);
+  const [inside, setInside] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!element) return;
       element.addEventListener("click", () => {
+        var _a2, _b;
         const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
         if (!targetElement) return;
+        console.log(index, "onClick");
         if (targetElement.style.opacity === "1") {
           targetElement.style.opacity = "0";
           targetElement.style.zIndex = "-1";
           return;
         }
-        import_lodash.default.forEach(containerRef.current, () => {
-          targetElement.style.opacity = "0";
-          targetElement.style.zIndex = "-1";
-        });
         const coords = getCoords(element);
         targetElement.style.top = `${coords.top}px`;
         targetElement.style.left = `${coords.left}px`;
         targetElement.style.opacity = "1";
         targetElement.style.zIndex = "10";
+        (_b = (_a2 = inputRef.current) == null ? void 0 : _a2[index]) == null ? void 0 : _b.focus();
       });
     });
   }, [targets]);
@@ -102,14 +103,41 @@ const TargetProviderContainer = ({ children }) => {
       children: [
         import_lodash.default.map(
           targets,
-          (target, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_styles.Container,
-            {
-              ref: (element) => containerRef.current[index] = element,
-              children: target.component
-            },
-            index
-          )
+          (target, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styles.Container,
+              {
+                ref: (element) => containerRef.current[index] = element,
+                onMouseEnter: () => {
+                  var _a;
+                  setInside(true);
+                  (_a = inputRef.current[index]) == null ? void 0 : _a.focus();
+                },
+                onMouseLeave: () => {
+                  var _a;
+                  setInside(false);
+                  (_a = inputRef.current[index]) == null ? void 0 : _a.focus();
+                },
+                children: target.component
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                hidden: true,
+                ref: (element) => inputRef.current[index] = element,
+                onBlur: () => {
+                  var _a;
+                  if (inside) return;
+                  console.log(index, "onBlur");
+                  (_a = containerRef.current[index]) == null ? void 0 : _a.click();
+                },
+                onFocus: () => {
+                  console.log(index, "onFocus");
+                }
+              }
+            )
+          ] }, index)
         ),
         children
       ]

package/dist/contexts/target/index.mjs

@@ -1,35 +1,36 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState, useRef } from "react";
+import React, { createContext, useContext, useEffect, useState, useRef } from "react";
 import { Container } from "./styles";
 import _ from "lodash";
 const TargetContext = createContext({});
 const memory = [];
 const TargetProviderContainer = ({ children }) => {
+  const inputRef = useRef([]);
   const containerRef = useRef([]);
   const [targets, setTargets] = useState([]);
+  const [inside, setInside] = useState(false);
   useEffect(() => {
     _.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!element) return;
       element.addEventListener("click", () => {
+        var _a2, _b;
         const targetElement = _.find(containerRef.current, (data, i) => i === index);
         if (!targetElement) return;
+        console.log(index, "onClick");
         if (targetElement.style.opacity === "1") {
           targetElement.style.opacity = "0";
           targetElement.style.zIndex = "-1";
           return;
         }
-        _.forEach(containerRef.current, () => {
-          targetElement.style.opacity = "0";
-          targetElement.style.zIndex = "-1";
-        });
         const coords = getCoords(element);
         targetElement.style.top = `${coords.top}px`;
         targetElement.style.left = `${coords.left}px`;
         targetElement.style.opacity = "1";
         targetElement.style.zIndex = "10";
+        (_b = (_a2 = inputRef.current) == null ? void 0 : _a2[index]) == null ? void 0 : _b.focus();
       });
     });
   }, [targets]);
@@ -68,14 +69,41 @@ const TargetProviderContainer = ({ children }) => {
       children: [
         _.map(
           targets,
-          (target, index) => /* @__PURE__ */ jsx(
-            Container,
-            {
-              ref: (element) => containerRef.current[index] = element,
-              children: target.component
-            },
-            index
-          )
+          (target, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Container,
+              {
+                ref: (element) => containerRef.current[index] = element,
+                onMouseEnter: () => {
+                  var _a;
+                  setInside(true);
+                  (_a = inputRef.current[index]) == null ? void 0 : _a.focus();
+                },
+                onMouseLeave: () => {
+                  var _a;
+                  setInside(false);
+                  (_a = inputRef.current[index]) == null ? void 0 : _a.focus();
+                },
+                children: target.component
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                hidden: true,
+                ref: (element) => inputRef.current[index] = element,
+                onBlur: () => {
+                  var _a;
+                  if (inside) return;
+                  console.log(index, "onBlur");
+                  (_a = containerRef.current[index]) == null ? void 0 : _a.click();
+                },
+                onFocus: () => {
+                  console.log(index, "onFocus");
+                }
+              }
+            )
+          ] }, index)
         ),
         children
       ]

package/dist/test/index.d.ts

@@ -1 +1 @@
-export {};
+import "./setup.mts";

package/dist/test/setup.d.mts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.77",
+  "version": "1.4.79",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
     "build:assets": "node scripts/assets.js",
     "build": "npm run clean && npm run build:js && npm run build:types && npm run build:assets && npm run build:remodel",
     "commit": "npm run build && npm version patch --no-git-tag-version && npm publish --access public",
-    "dev": "vite --open test/index.html"
+    "dev": "vite"
   },
   "peerDependencies": {
     "react": "18.3.1",
@@ -59,7 +59,8 @@
     "styled-components": "6.1.12",
     "tsc-alias": "1.8.16",
     "typescript": "5.5.4",
-    "vite": "^7.2.1"
+    "vite": "^7.2.1",
+    "vitest": "^4.0.8"
   },
   "publishConfig": {
     "access": "public"