@gustavo-valsechi/client 1.4.33 → 1.4.34

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

@@ -43,12 +43,21 @@ var import_options = __toESM(require("./options"));
 function InputSelect(props) {
   const inputRef = (0, import_react.useRef)({});
   const target = (0, import_contexts.useTarget)();
+  const option = (0, import_react.useState)("");
   const [focus, setFocus] = (0, import_react.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
   (0, import_react.useEffect)(() => {
-    target.add({ ref: inputRef, component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_options.default, {}) });
+    target.add({ ref: inputRef, component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_options.default, { option: true, ...props }) });
     return () => target.remove(inputRef);
   }, []);
+  const onBlur = (event) => {
+    setFocus(false);
+    if (register.onBlur) register.onBlur(event);
+  };
+  const onFocus = (event) => {
+    setFocus(true);
+    if (register.onFocus) register.onFocus(event);
+  };
   const onChange = (event) => {
     const value = event.target.value || "";
     event.target.value = props.mask ? props.mask(value) : value;
@@ -67,34 +76,9 @@ function InputSelect(props) {
           type: "text",
           maxLength: props.maxLength || 255,
           ...register,
-          onChange
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "select",
-        {
-          ...import_lodash.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
-          onMouseDown: () => setFocus(!focus),
-          onFocus: () => {
-            if (props.onFocus) props.onFocus(props.name);
-          },
-          ...register,
-          onBlur: (event) => {
-            if (register.onBlur) register.onBlur(event);
-            setFocus(false);
-          },
           onChange,
-          children: import_lodash.default.map(
-            props.options,
-            (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "option",
-              {
-                value: Object.keys(data),
-                children: Object.values(data)
-              },
-              index
-            )
-          )
+          onFocus,
+          onBlur
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })

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

@@ -10,12 +10,21 @@ import InputSelectOption from "./options";
 function InputSelect(props) {
   const inputRef = useRef({});
   const target = useTarget();
+  const option = useState("");
   const [focus, setFocus] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
   useEffect(() => {
-    target.add({ ref: inputRef, component: /* @__PURE__ */ jsx(InputSelectOption, {}) });
+    target.add({ ref: inputRef, component: /* @__PURE__ */ jsx(InputSelectOption, { option: true, ...props }) });
     return () => target.remove(inputRef);
   }, []);
+  const onBlur = (event) => {
+    setFocus(false);
+    if (register.onBlur) register.onBlur(event);
+  };
+  const onFocus = (event) => {
+    setFocus(true);
+    if (register.onFocus) register.onFocus(event);
+  };
   const onChange = (event) => {
     const value = event.target.value || "";
     event.target.value = props.mask ? props.mask(value) : value;
@@ -34,34 +43,9 @@ function InputSelect(props) {
           type: "text",
           maxLength: props.maxLength || 255,
           ...register,
-          onChange
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "select",
-        {
-          ..._.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
-          onMouseDown: () => setFocus(!focus),
-          onFocus: () => {
-            if (props.onFocus) props.onFocus(props.name);
-          },
-          ...register,
-          onBlur: (event) => {
-            if (register.onBlur) register.onBlur(event);
-            setFocus(false);
-          },
           onChange,
-          children: _.map(
-            props.options,
-            (data, index) => /* @__PURE__ */ jsx(
-              "option",
-              {
-                value: Object.keys(data),
-                children: Object.values(data)
-              },
-              index
-            )
-          )
+          onFocus,
+          onBlur
         }
       ),
       /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })

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

@@ -1 +1,4 @@
-export default function InputSelectOption(props: any): import("react/jsx-runtime").JSX.Element;
+import { IInputSelect } from "@interfaces";
+export default function InputSelectOption(props: IInputSelect & {
+    option: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
 "use strict";
 "use client";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var options_exports = {};
 __export(options_exports, {
@@ -24,6 +34,18 @@ __export(options_exports, {
 module.exports = __toCommonJS(options_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
+var import_lodash = __toESM(require("lodash"));
 function InputSelectOption(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, {});
+  const [value, set] = props.option;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { children: import_lodash.default.map(
+    props.options,
+    (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "option",
+      {
+        value: Object.keys(data),
+        children: Object.values(data)
+      },
+      index
+    )
+  ) });
 }

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

@@ -1,8 +1,20 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Container } from "./styles";
+import _ from "lodash";
 function InputSelectOption(props) {
-  return /* @__PURE__ */ jsx(Container, {});
+  const [value, set] = props.option;
+  return /* @__PURE__ */ jsx(Container, { children: _.map(
+    props.options,
+    (data, index) => /* @__PURE__ */ jsx(
+      "option",
+      {
+        value: Object.keys(data),
+        children: Object.values(data)
+      },
+      index
+    )
+  ) });
 }
 export {
   InputSelectOption as default

package/dist/contexts/target/index.js

@@ -40,8 +40,12 @@ const TargetContext = (0, import_react.createContext)({});
 const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
-    import_lodash.default.forEach(targets, ({ ref }) => {
-      ref.current.addEventListener("click", () => {
+    let newTargets = [...targets];
+    if (JSON.stringify(targets) === JSON.stringify(newTargets)) return;
+    import_lodash.default.forEach(targets, (target, index) => {
+      target.ref.current.addEventListener("click", () => {
+        newTargets.splice(index, 1, { ...target, show: !target.show });
+        setTargets(newTargets);
       });
     });
   }, [targets]);
@@ -62,7 +66,6 @@ const TargetProviderContainer = ({ children }) => {
     return coords;
   };
   const add = (target) => {
-    target.ref.current.addEventListener("click", () => target.show = !target.show);
     setTargets(import_lodash.default.concat(targets, target));
   };
   const remove = (ref) => {

package/dist/contexts/target/index.mjs

@@ -6,8 +6,12 @@ const TargetContext = createContext({});
 const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = useState([]);
   useEffect(() => {
-    _.forEach(targets, ({ ref }) => {
-      ref.current.addEventListener("click", () => {
+    let newTargets = [...targets];
+    if (JSON.stringify(targets) === JSON.stringify(newTargets)) return;
+    _.forEach(targets, (target, index) => {
+      target.ref.current.addEventListener("click", () => {
+        newTargets.splice(index, 1, { ...target, show: !target.show });
+        setTargets(newTargets);
       });
     });
   }, [targets]);
@@ -28,7 +32,6 @@ const TargetProviderContainer = ({ children }) => {
     return coords;
   };
   const add = (target) => {
-    target.ref.current.addEventListener("click", () => target.show = !target.show);
     setTargets(_.concat(targets, target));
   };
   const remove = (ref) => {

package/package.json

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