@gustavo-valsechi/client 1.4.31 → 1.4.33

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/index.js

@@ -99,7 +99,7 @@ function Form(props) {
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,
-        setvalue: inputType === "InputCustom" ? setValue : void 0
+        setvalue: setValue
       }
     );
   };

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

@@ -65,7 +65,7 @@ function Form(props) {
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,
-        setvalue: inputType === "InputCustom" ? setValue : void 0
+        setvalue: setValue
       }
     );
   };

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

@@ -37,13 +37,21 @@ var import_react = require("react");
 var import_styles = require("./styles");
 var import_label = require("../label");
 var import_error = require("../error");
+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 target = (0, import_contexts.useTarget)();
   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, {}) });
+    return () => target.remove(inputRef);
+  }, []);
   const onChange = (event) => {
     const value = event.target.value || "";
-    if (register.onChange) register.onChange(event);
+    event.target.value = props.mask ? props.mask(value) : value;
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
@@ -51,7 +59,17 @@ function InputSelect(props) {
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-input-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: inputRef, className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          ...import_lodash.default.omit(props, ["className", "register", "mask"]),
+          type: "text",
+          maxLength: props.maxLength || 255,
+          ...register,
+          onChange
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "select",
         {

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

@@ -1,16 +1,24 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useRef, useEffect } from "react";
 import { Container } from "./styles";
 import { InputLabel } from "../label";
 import { InputError } from "../error";
+import { useTarget } from "../../../../../contexts";
 import _ from "lodash";
+import InputSelectOption from "./options";
 function InputSelect(props) {
+  const inputRef = useRef({});
+  const target = useTarget();
   const [focus, setFocus] = useState(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
+  useEffect(() => {
+    target.add({ ref: inputRef, component: /* @__PURE__ */ jsx(InputSelectOption, {}) });
+    return () => target.remove(inputRef);
+  }, []);
   const onChange = (event) => {
     const value = event.target.value || "";
-    if (register.onChange) register.onChange(event);
+    event.target.value = props.mask ? props.mask(value) : value;
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
@@ -18,7 +26,17 @@ function InputSelect(props) {
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "iz-input-content", children: [
+    /* @__PURE__ */ jsxs("div", { ref: inputRef, className: "iz-input-content", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ..._.omit(props, ["className", "register", "mask"]),
+          type: "text",
+          maxLength: props.maxLength || 255,
+          ...register,
+          onChange
+        }
+      ),
       /* @__PURE__ */ jsx(
         "select",
         {

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

@@ -0,0 +1 @@
+export default function InputSelectOption(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var options_exports = {};
+__export(options_exports, {
+  default: () => InputSelectOption
+});
+module.exports = __toCommonJS(options_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+function InputSelectOption(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, {});
+}

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
+function InputSelectOption(props) {
+  return /* @__PURE__ */ jsx(Container, {});
+}
+export {
+  InputSelectOption as default
+};

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

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/{contexts/icon → components/types/form/types/select/options}/styles.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -33,7 +34,11 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
-  
+    width: 20rem;
+    height: 10rem;
+    background-color: ${({ theme }) => theme.primary};
+    border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+    border-radius: 5px;
 `;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -0,0 +1,12 @@
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+    width: 20rem;
+    height: 10rem;
+    background-color: ${({ theme }) => theme.primary};
+    border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+    border-radius: 5px;
+`;
+export {
+  Container
+};

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

@@ -43,16 +43,14 @@ const Container = import_styled_components.default.div`
         border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
         border-radius: 5px;
         overflow: hidden;
-        position: relative;
-        cursor: pointer;
+        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
+        background-color: ${({ theme }) => theme.primary};
 
-        select {
+        input {
             border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
+            padding: .5rem 1rem;
             width: 100%;
             font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
             background-color: ${({ theme }) => theme.primary};
             color: ${({ theme }) => theme.t6};
 
@@ -68,12 +66,8 @@ const Container = import_styled_components.default.div`
         }
 
         i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
+            color: ${({ theme }) => theme.t3};
+            cursor: pointer;
         }
     }
 `;

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

@@ -10,16 +10,14 @@ const Container = styled.div`
         border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
         border-radius: 5px;
         overflow: hidden;
-        position: relative;
-        cursor: pointer;
+        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
+        background-color: ${({ theme }) => theme.primary};
 
-        select {
+        input {
             border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
+            padding: .5rem 1rem;
             width: 100%;
             font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
             background-color: ${({ theme }) => theme.primary};
             color: ${({ theme }) => theme.t6};
 
@@ -35,12 +33,8 @@ const Container = styled.div`
         }
 
         i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
+            color: ${({ theme }) => theme.t3};
+            cursor: pointer;
         }
     }
 `;

package/dist/components/types/index.d.ts

@@ -9,3 +9,4 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";

package/dist/components/types/index.js

@@ -26,6 +26,7 @@ __reExport(types_exports, require("./avatar"), module.exports);
 __reExport(types_exports, require("./lottie"), module.exports);
 __reExport(types_exports, require("./credit-card"), module.exports);
 __reExport(types_exports, require("./block"), module.exports);
+__reExport(types_exports, require("./tooltip"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./table"),
@@ -38,5 +39,6 @@ __reExport(types_exports, require("./block"), module.exports);
   ...require("./avatar"),
   ...require("./lottie"),
   ...require("./credit-card"),
-  ...require("./block")
+  ...require("./block"),
+  ...require("./tooltip")
 });

package/dist/components/types/index.mjs

@@ -9,3 +9,4 @@ export * from "./avatar";
 export * from "./lottie";
 export * from "./credit-card";
 export * from "./block";
+export * from "./tooltip";

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/components/types/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { ITooltip } from "@interfaces";
+export declare function Tooltip(props: ITooltip): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/tooltip/index.js

@@ -0,0 +1,33 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { ...props, children: props.children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Container } from "./styles";
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(Container, { ...props, children: props.children });
+}
+export {
+  Tooltip
+};

package/dist/components/types/tooltip/styles.js

@@ -0,0 +1,130 @@
+"use strict";
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const setPosition = ({ position = "top", theme }, isBorder) => {
+  const coord = isBorder ? "9" : "8";
+  const color = isBorder ? theme.t05 : theme.tooltip;
+  const defaultPosition = `
+        transform: translateX(-50%);
+        bottom: -${coord}px;
+        left: 50%;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${color};
+    `;
+  switch (position) {
+    case "bottom":
+      return `
+            transform: translateX(-50%);
+            top: -${coord}px;
+            left: 50%;
+            border-left: 8px solid transparent;
+            border-right: 8px solid transparent;
+            border-bottom: 8px solid ${color};
+        `;
+    case "left":
+      return `
+            transform: translateY(-50%);
+            right: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-left: 8px solid ${color};
+        `;
+    case "right":
+      return `
+            transform: translateY(-50%);
+            left: -${coord}px;
+            top: 50%;
+            border-top: 8px solid transparent;
+            border-bottom: 8px solid transparent;
+            border-right: 8px solid ${color};
+        `;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+};
+const Container = import_styled_components.default.div`
+    position: fixed;
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+    transform: ${({ position = "top" }) => {
+  const defaultPosition = "translateX(-50%)";
+  switch (position) {
+    case "left":
+      return "translateX(0)";
+    case "right":
+      return "translateX(-100%)";
+    case "bottom":
+      return defaultPosition;
+    case "top":
+      return defaultPosition;
+    default:
+      return defaultPosition;
+  }
+}};
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        display: none;
+    }
+
+    &::before {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props, true)}
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 0;
+        ${(props) => setPosition(props)}
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});