@gustavo-valsechi/client 1.4.32 → 1.4.34

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
 import { IComponent } from "@interfaces";
 export * from "./types";
-export declare function Component(props: IComponent): import("react/jsx-runtime").JSX.Element;
+export default function Component(props: IComponent): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.js

@@ -30,7 +30,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
 __export(components_exports, {
-  Component: () => Component
+  default: () => Component
 });
 module.exports = __toCommonJS(components_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -57,6 +57,5 @@ function Component(props) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Component,
   ...require("./types")
 });

package/dist/components/index.mjs

@@ -22,5 +22,5 @@ function Component(props) {
   ) });
 }
 export {
-  Component
+  Component as default
 };

package/dist/components/types/block/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 block_exports = {};
 __export(block_exports, {
@@ -24,7 +34,7 @@ __export(block_exports, {
 module.exports = __toCommonJS(block_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
-var import__ = require("../..");
+var import__ = __toESM(require("../.."));
 function Block(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
     (!!props.icon || !!props.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
@@ -32,7 +42,7 @@ function Block(props) {
       !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.label })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Content, { children: [
-      !!props.component && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Component, { content: props.component }),
+      !!props.component && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { content: props.component }),
       props.children
     ] })
   ] });

package/dist/components/types/block/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Container, Content } from "./styles";
-import { Component } from "../..";
+import Component from "../..";
 function Block(props) {
   return /* @__PURE__ */ jsxs(Container, { children: [
     (!!props.icon || !!props.label) && /* @__PURE__ */ jsxs("header", { children: [

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/components/types/table/modal/index.js

@@ -35,8 +35,8 @@ module.exports = __toCommonJS(modal_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
 var import_styles2 = require("../styles");
-var import__ = require("../../..");
 var import_contexts = require("../../../../contexts");
+var import__ = __toESM(require("../../.."));
 var import_lodash = __toESM(require("lodash"));
 var import_actions = __toESM(require("./actions"));
 function Modal(props) {
@@ -47,7 +47,7 @@ function Modal(props) {
     modal.toggle("table");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import__.Component,
+    import__.default,
     {
       content: [{
         type: "Modal",
@@ -64,7 +64,7 @@ function Modal(props) {
               ] }, key)
             ) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import__.Component,
+              import__.default,
               {
                 content: import_lodash.default.concat(import_lodash.default.map(actions, (data) => ({
                   type: "Button",

package/dist/components/types/table/modal/index.mjs

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content } from "./styles";
 import { Container } from "../styles";
-import { Component } from "../../..";
 import { useModal } from "../../../../contexts";
+import Component from "../../..";
 import _ from "lodash";
 import actionConfig from "./actions";
 function Modal(props) {

package/dist/contexts/index.d.ts

@@ -4,4 +4,4 @@ export * from "./theme";
 export * from "./tooltip";
 export * from "./modal";
 export * from "./target";
-export declare function Context(props: IContext): import("react/jsx-runtime").JSX.Element;
+export default function Context(props: IContext): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/index.js

@@ -20,7 +20,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var contexts_exports = {};
 __export(contexts_exports, {
-  Context: () => Context
+  default: () => Context
 });
 module.exports = __toCommonJS(contexts_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -39,7 +39,6 @@ function Context(props) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Context,
   ...require("./icon"),
   ...require("./theme"),
   ...require("./tooltip"),

package/dist/contexts/index.mjs

@@ -14,5 +14,5 @@ function Context(props) {
   return /* @__PURE__ */ jsx(ThemeProvider, { theme: props.theme, children: /* @__PURE__ */ jsx(IconProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TargetProvider, { children: /* @__PURE__ */ jsx(ModalProvider, { children: props.children }) }) }) }) });
 }
 export {
-  Context
+  Context 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.32",
+  "version": "1.4.34",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",