@gustavo-valsechi/client 1.4.12 → 1.4.14

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

@@ -109,7 +109,7 @@ function Form(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ref: formRef, onSubmit: handleSubmit(onSubmit), children: [
     import_lodash.default.map(
       props.inputs,
-      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: component(data) }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: data.type === "custom" ? data.component : component(data) }, index)
     ),
     import_lodash.default.isArray(props.buttons) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-buttons", children: import_lodash.default.map(
       props.buttons,

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

@@ -75,7 +75,7 @@ function Form(props) {
   return /* @__PURE__ */ jsxs(Container, { ref: formRef, onSubmit: handleSubmit(onSubmit), children: [
     _.map(
       props.inputs,
-      (data, index) => /* @__PURE__ */ jsx(React.Fragment, { children: component(data) }, index)
+      (data, index) => /* @__PURE__ */ jsx(React.Fragment, { children: data.type === "custom" ? data.component : component(data) }, index)
     ),
     _.isArray(props.buttons) && /* @__PURE__ */ jsx("div", { className: "form-buttons", children: _.map(
       props.buttons,

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

@@ -38,7 +38,7 @@ var import__ = require("../..");
 var import_lodash = __toESM(require("lodash"));
 function Modal(props) {
   var _a, _b, _c;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ...import_lodash.default.omit(props, ["className"]), position: props.position || "center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ...import_lodash.default.omit(props, ["className"]), position: props.position || "center", title: "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-back", onClick: props.onClose }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-container", children: [
       (!!props.title || !!props.header) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-header", children: [

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

@@ -5,7 +5,7 @@ import { Button } from "../..";
 import _ from "lodash";
 function Modal(props) {
   var _a, _b, _c;
-  return /* @__PURE__ */ jsxs(Container, { ..._.omit(props, ["className"]), position: props.position || "center", children: [
+  return /* @__PURE__ */ jsxs(Container, { ..._.omit(props, ["className"]), position: props.position || "center", title: "", children: [
     /* @__PURE__ */ jsx("div", { className: "iz-modal-back", onClick: props.onClose }),
     /* @__PURE__ */ jsxs("div", { className: "iz-modal-container", children: [
       (!!props.title || !!props.header) && /* @__PURE__ */ jsxs("div", { className: "iz-modal-header", children: [

package/dist/contexts/icon/index.js

@@ -100,7 +100,8 @@ const IconProviderContainer = ({ children }) => {
     const content2 = [];
     for (const style in import_assets.default) {
       for (const icon in import_assets.default[style]) {
-        content2.push(import_lodash.default.replace(icon, ".svg", ""));
+        const name = import_lodash.default.replace(icon, ".svg", "");
+        content2.push(`fa-${style} fa-${name}`);
       }
     }
     return content2;

package/dist/contexts/icon/index.mjs

@@ -66,7 +66,8 @@ const IconProviderContainer = ({ children }) => {
     const content2 = [];
     for (const style in assets) {
       for (const icon in assets[style]) {
-        content2.push(_.replace(icon, ".svg", ""));
+        const name = _.replace(icon, ".svg", "");
+        content2.push(`fa-${style} fa-${name}`);
       }
     }
     return content2;

package/dist/contexts/tooltip/index.js

@@ -41,12 +41,13 @@ const TooltipContext = (0, import_react.createContext)({});
 const TooltipProviderContainer = ({ children }) => {
   const [tooltips, setTooltips] = (0, import_react.useState)([]);
   const getContent = (target) => {
-    var _a;
+    var _a, _b;
     const rect = target.getBoundingClientRect();
     return {
       top: rect.top + window.scrollY - (target.offsetHeight + 8),
       left: rect.left + window.scrollX + target.offsetWidth / 2,
-      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
+      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || "",
+      props: JSON.parse(((_b = target.dataset) == null ? void 0 : _b["tooltip-props"]) || "{}")
     };
   };
   (0, import_react.useEffect)(() => {

package/dist/contexts/tooltip/index.mjs

@@ -7,12 +7,13 @@ const TooltipContext = createContext({});
 const TooltipProviderContainer = ({ children }) => {
   const [tooltips, setTooltips] = useState([]);
   const getContent = (target) => {
-    var _a;
+    var _a, _b;
     const rect = target.getBoundingClientRect();
     return {
       top: rect.top + window.scrollY - (target.offsetHeight + 8),
       left: rect.left + window.scrollX + target.offsetWidth / 2,
-      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
+      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || "",
+      props: JSON.parse(((_b = target.dataset) == null ? void 0 : _b["tooltip-props"]) || "{}")
     };
   };
   useEffect(() => {

package/dist/interfaces/components/form/datetime/index.d.ts

@@ -1,5 +1,8 @@
 import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
 export interface IInputDateTime {
+    type?: IInputType;
     className?: string;
     label?: string;
     name: string;
@@ -12,4 +15,5 @@ export interface IInputDateTime {
     disabled?: boolean;
     required?: boolean;
     register?: UseFormRegister<any>;
+    validation?: typeof z;
 }

package/dist/interfaces/components/form/file/index.d.ts

@@ -1,5 +1,8 @@
 import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
 export interface IInputFile {
+    type?: IInputType;
     className?: string;
     label?: string;
     name: string;
@@ -11,4 +14,5 @@ export interface IInputFile {
     onFocus: (value: string) => void;
     required?: boolean;
     register?: UseFormRegister<any>;
+    validation?: typeof z;
 }

package/dist/interfaces/components/form/index.d.ts

@@ -1,3 +1,5 @@
+import React from "react";
+import { IButton, IInputSelect, IInputFile, IInputText, IInputTextarea, IInputDateTime } from "@interfaces";
 export * from "./file";
 export * from "./label";
 export * from "./input";
@@ -5,12 +7,16 @@ export * from "./select";
 export * from "./button";
 export * from "./datetime";
 export * from "./textarea";
+export type IInputType = "text" | "password" | "select" | "textarea" | "date-time" | "file" | "custom";
 export interface IForm {
     defaultValues?: any;
     validation?: any;
     formRef?: any;
     onSubmit: (values: any, actions?: any) => void;
     clearWhen?: boolean;
-    inputs: Array<any>;
-    buttons?: Array<any>;
+    inputs: Array<IInputSelect & IInputFile & IInputText & IInputTextarea & IInputDateTime & {
+        type: IInputType;
+        component: React.ReactNode;
+    }>;
+    buttons?: Array<IButton>;
 }

package/dist/interfaces/components/form/input/index.d.ts

@@ -1,10 +1,12 @@
 import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
 export interface IInputText {
     className?: string;
     label?: string;
     id?: string;
     name?: string;
-    type?: string;
+    type?: IInputType;
     value?: string;
     mask?: (value: string) => void;
     onChange?: (event: any) => void;
@@ -14,4 +16,5 @@ export interface IInputText {
     onFocus?: (value: any) => void;
     required?: boolean;
     register?: UseFormRegister<any>;
+    validation?: typeof z;
 }

package/dist/interfaces/components/form/select/index.d.ts

@@ -1,5 +1,8 @@
 import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
 export interface IInputSelect {
+    type?: IInputType;
     className?: string;
     label?: string;
     name: string;
@@ -11,4 +14,5 @@ export interface IInputSelect {
     onFocus: (value: any) => void;
     required?: boolean;
     register?: UseFormRegister<any>;
+    validation?: typeof z;
 }

package/dist/interfaces/components/form/textarea/index.d.ts

@@ -1,5 +1,8 @@
 import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
 export interface IInputTextarea {
+    type?: IInputType;
     className?: string;
     label?: string;
     name: string;
@@ -13,4 +16,5 @@ export interface IInputTextarea {
     onFocus: (value: string) => void;
     required?: boolean;
     register?: UseFormRegister<any>;
+    validation?: typeof z;
 }

package/dist/interfaces/contexts/icon/index.d.ts

@@ -1,9 +1,6 @@
 import { IBaseProvider } from "../..";
-import solid from "@contexts/icon/assets/solid";
-import regular from "@contexts/icon/assets/regular";
-import brands from "@contexts/icon/assets/brands";
 export interface IIconProvider extends IBaseProvider {
 }
 export interface IIconContext {
-    getAll: () => Array<keyof typeof solid | keyof typeof regular | keyof typeof brands>;
+    getAll: () => Array<string>;
 }

package/package.json

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