@gustavo-valsechi/client 1.4.18 → 1.4.20

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: data.type === "custom" ? data.component : component(data) }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: 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: data.type === "custom" ? data.component : component(data) }, index)
+      (data, index) => /* @__PURE__ */ jsx(React.Fragment, { children: component(data) }, index)
     ),
     _.isArray(props.buttons) && /* @__PURE__ */ jsx("div", { className: "form-buttons", children: _.map(
       props.buttons,

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

@@ -35,6 +35,9 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.form`
     width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: .3rem;
 
     .form-buttons {
         width: 100%;

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

@@ -2,6 +2,9 @@
 import styled from "styled-components";
 const Container = styled.form`
     width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: .3rem;
 
     .form-buttons {
         width: 100%;

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

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

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

@@ -0,0 +1,43 @@
+"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 custom_exports = {};
+__export(custom_exports, {
+  InputCustom: () => InputCustom
+});
+module.exports = __toCommonJS(custom_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import_label = require("../label");
+function InputCustom(props) {
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { hidden: true, value: props.value, ...register }),
+    props.children,
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-input-error", children: props.error })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputCustom
+});

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+import { InputLabel } from "../label";
+function InputCustom(props) {
+  const register = (props.register || ((name) => ({})))(props.name || "");
+  return /* @__PURE__ */ jsxs(Container, { className: props.className, children: [
+    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
+      props.label,
+      props.required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ jsx("input", { hidden: true, value: props.value, ...register }),
+    props.children,
+    !!props.error && /* @__PURE__ */ jsx("div", { className: "iz-input-error", children: props.error })
+  ] });
+}
+export {
+  InputCustom
+};

package/dist/components/types/form/types/custom/styles.d.ts

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

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

@@ -0,0 +1,47 @@
+"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)
+    __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 Container = import_styled_components.default.div`
+    width: 100%;
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,13 @@
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+    width: 100%;
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;
+export {
+  Container
+};

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

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -2,7 +2,6 @@
 import styled from "styled-components";
 const Container = styled.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-image-content {
         display: flex;

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

@@ -2,7 +2,6 @@
 import styled from "styled-components";
 const Container = styled.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-image-content {
         display: flex;

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

@@ -5,3 +5,4 @@ export * from "./select";
 export * from "./button";
 export * from "./datetime";
 export * from "./textarea";
+export * from "./custom";

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

@@ -22,6 +22,7 @@ __reExport(types_exports, require("./select"), module.exports);
 __reExport(types_exports, require("./button"), module.exports);
 __reExport(types_exports, require("./datetime"), module.exports);
 __reExport(types_exports, require("./textarea"), module.exports);
+__reExport(types_exports, require("./custom"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./file"),
@@ -30,5 +31,6 @@ __reExport(types_exports, require("./textarea"), module.exports);
   ...require("./select"),
   ...require("./button"),
   ...require("./datetime"),
-  ...require("./textarea")
+  ...require("./textarea"),
+  ...require("./custom")
 });

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

@@ -5,3 +5,4 @@ export * from "./select";
 export * from "./button";
 export * from "./datetime";
 export * from "./textarea";
+export * from "./custom";

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

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -2,7 +2,6 @@
 import styled from "styled-components";
 const Container = styled.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -2,7 +2,6 @@
 import styled from "styled-components";
 const Container = styled.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

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

@@ -2,7 +2,6 @@
 import styled from "styled-components";
 const Container = styled.div`
     width: 100%;
-    padding-top: .3rem;
 
     .iz-input-content {
         display: flex;

package/dist/contexts/tooltip/index.js

@@ -90,6 +90,13 @@ const TooltipProviderContainer = ({ children }) => {
             el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
           }
         });
+        mutation.removedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const target = node;
+            if (!target) return;
+            setTooltips(import_lodash.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+          }
+        });
       });
     });
     observer.observe(document.body, {

package/dist/contexts/tooltip/index.mjs

@@ -56,6 +56,13 @@ const TooltipProviderContainer = ({ children }) => {
             el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
           }
         });
+        mutation.removedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const target = node;
+            if (!target) return;
+            setTooltips(_.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+          }
+        });
       });
     });
     observer.observe(document.body, {

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { UseFormRegister } from "react-hook-form";
+import { IInputType } from "@interfaces";
+import { z } from "zod";
+export interface IInputCustom {
+    className?: string;
+    label?: string;
+    id?: string;
+    name?: string;
+    type?: IInputType;
+    value?: string;
+    error?: string;
+    disabled?: boolean;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+    children: React.ReactNode;
+    validation?: typeof z;
+}

package/dist/interfaces/components/form/custom/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 custom_exports = {};
+module.exports = __toCommonJS(custom_exports);

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

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

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

@@ -22,6 +22,7 @@ __reExport(form_exports, require("./select"), module.exports);
 __reExport(form_exports, require("./button"), module.exports);
 __reExport(form_exports, require("./datetime"), module.exports);
 __reExport(form_exports, require("./textarea"), module.exports);
+__reExport(form_exports, require("./custom"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./file"),
@@ -30,5 +31,6 @@ __reExport(form_exports, require("./textarea"), module.exports);
   ...require("./select"),
   ...require("./button"),
   ...require("./datetime"),
-  ...require("./textarea")
+  ...require("./textarea"),
+  ...require("./custom")
 });

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

@@ -5,3 +5,4 @@ export * from "./select";
 export * from "./button";
 export * from "./datetime";
 export * from "./textarea";
+export * from "./custom";

package/package.json

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