@gustavo-valsechi/client 1.3.28 → 1.3.30

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

@@ -0,0 +1,75 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from "react";
+import { Container } from "./styles";
+import { z } from "zod";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import _ from "lodash";
+import * as Types from "./types";
+export * from "./types";
+function Form(props) {
+  const formRef = props.formRef || useRef({});
+  const setSchema = () => {
+    const schema2 = {};
+    _.forEach(props.inputs, (data) => {
+      if (!data.validation) return;
+      schema2[data.name] = data.validation;
+    });
+    if (props.validation) return props.validation(z.object(schema2));
+    return z.object(schema2);
+  };
+  const schema = setSchema();
+  const {
+    register,
+    handleSubmit,
+    reset,
+    formState: { errors }
+  } = useForm({
+    resolver: zodResolver(schema),
+    defaultValues: props.defaultValues,
+    mode: "all"
+  });
+  useEffect(() => {
+    if (!props.clearWhen) return;
+    reset(void 0, { keepErrors: false });
+  }, [props.clearWhen]);
+  useEffect(() => {
+    var _a;
+    if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
+    _.forEach(props.defaultValues, (value, key) => {
+      const input = _.find(props.inputs, (data) => data.name === key);
+      props.defaultValues[key] = input.mask ? input.mask(value) : value;
+    });
+    reset(props.defaultValues, { keepErrors: false });
+  }, [props.defaultValues]);
+  const component = (data) => {
+    var _a;
+    const component2 = Types[_.camelCase(data.type)];
+    const TypeComponent = component2 || Types.InputText;
+    return /* @__PURE__ */ jsx(
+      TypeComponent,
+      {
+        ..._.omit(data, ["validation"]),
+        id: data.name,
+        type: component2 ? void 0 : data.type,
+        error: (_a = errors[data.name]) == null ? void 0 : _a.message,
+        register
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    _.map(
+      props.inputs,
+      (data, index) => /* @__PURE__ */ jsx(React.Fragment, { children: component(data) }, index)
+    ),
+    _.isArray(props.buttons) && /* @__PURE__ */ jsx("div", { className: "form-buttons", children: _.map(
+      props.buttons,
+      (data, index) => /* @__PURE__ */ jsx(Types.Button, { ...data }, index)
+    ) })
+  ] });
+}
+export {
+  Form
+};

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

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

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

@@ -0,0 +1,53 @@
+"use client";
+"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.form`
+    width: 100%;
+
+    .form-buttons {
+        width: 100%;
+        padding-top: 1rem;
+
+        button {
+            width: 100%;
+            margin-top: 1rem;
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,19 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Container = styled.form`
+    width: 100%;
+
+    .form-buttons {
+        width: 100%;
+        padding-top: 1rem;
+
+        button {
+            width: 100%;
+            margin-top: 1rem;
+        }
+    }
+`;
+export {
+  Container
+};

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

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

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

@@ -0,0 +1,58 @@
+"use client";
+"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 button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import_loading = require("./loading");
+var import_lodash = __toESM(require("lodash"));
+function Button(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styles.Container,
+    {
+      loading: String(!!props.loading),
+      disabled: props.disabled,
+      type: props.type || "button",
+      ...import_lodash.default.omit(props, ["loading", "type"]),
+      children: [
+        !!props.loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_loading.Loading, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.label })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

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

@@ -0,0 +1,24 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+import { Loading } from "./loading";
+import _ from "lodash";
+function Button(props) {
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      loading: String(!!props.loading),
+      disabled: props.disabled,
+      type: props.type || "button",
+      ..._.omit(props, ["loading", "type"]),
+      children: [
+        !!props.loading && /* @__PURE__ */ jsx(Loading, {}),
+        /* @__PURE__ */ jsx("span", { children: props.label })
+      ]
+    }
+  );
+}
+export {
+  Button
+};

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

@@ -0,0 +1 @@
+export declare function Loading(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+"use client";
+"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 loading_exports = {};
+__export(loading_exports, {
+  Loading: () => Loading
+});
+module.exports = __toCommonJS(loading_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+function Loading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Loading
+});

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

@@ -0,0 +1,14 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+function Loading() {
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx("div", {}),
+    /* @__PURE__ */ jsx("div", {}),
+    /* @__PURE__ */ jsx("div", {})
+  ] });
+}
+export {
+  Loading
+};

package/dist/components/types/form/types/button/loading/styles.d.ts

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

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

@@ -0,0 +1,126 @@
+"use client";
+"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`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 2rem;
+    margin-right: .5rem;
+
+    div {
+        width: .5rem;
+        height: .5rem;
+        border-radius: 1rem;
+        background: rgb(255, 255, 255, 1);
+
+        &:nth-child(1) {
+            animation: blinkOne infinite ease 2s;
+        }
+
+        &:nth-child(2) {
+            animation: blinkTwo infinite ease 2s;
+        }
+
+        &:nth-child(3) {
+            animation: blinkThree infinite ease 2s;
+        }
+    }
+
+    @keyframes blinkOne {
+        0% {
+            opacity: 0.8;
+        }
+        20% {
+            opacity: 0.2;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.8;
+        }
+    }
+
+    @keyframes blinkTwo {
+        0% {
+            opacity: 0.2;
+        }
+        20% {
+            opacity: 0.8;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.8;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+
+    @keyframes blinkThree {
+        0% {
+            opacity: 0.2;
+        }
+        25% {
+            opacity: 0.2;
+        }
+        50% {
+            opacity: 0.8;
+        }
+        75% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,92 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 2rem;
+    margin-right: .5rem;
+
+    div {
+        width: .5rem;
+        height: .5rem;
+        border-radius: 1rem;
+        background: rgb(255, 255, 255, 1);
+
+        &:nth-child(1) {
+            animation: blinkOne infinite ease 2s;
+        }
+
+        &:nth-child(2) {
+            animation: blinkTwo infinite ease 2s;
+        }
+
+        &:nth-child(3) {
+            animation: blinkThree infinite ease 2s;
+        }
+    }
+
+    @keyframes blinkOne {
+        0% {
+            opacity: 0.8;
+        }
+        20% {
+            opacity: 0.2;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.8;
+        }
+    }
+
+    @keyframes blinkTwo {
+        0% {
+            opacity: 0.2;
+        }
+        20% {
+            opacity: 0.8;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.8;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+
+    @keyframes blinkThree {
+        0% {
+            opacity: 0.2;
+        }
+        25% {
+            opacity: 0.2;
+        }
+        50% {
+            opacity: 0.8;
+        }
+        75% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+`;
+export {
+  Container
+};

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

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

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

@@ -0,0 +1,79 @@
+"use client";
+"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.button`
+    border-radius: 5px;
+    font-size: .8rem;
+    font-weight: 500;
+    transition: ease .3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
+    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
+    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
+    padding: .4rem 2.5rem;
+    transition: ease .3s;
+
+    span {
+        text-align: center;
+        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    }
+
+    &:disabled {
+        pointer-events: none;
+        
+        &::before {
+            opacity: .6;
+        }
+    }
+
+    &:hover {
+        opacity: .9;
+        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
+        
+        &::before {
+            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,45 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Container = styled.button`
+    border-radius: 5px;
+    font-size: .8rem;
+    font-weight: 500;
+    transition: ease .3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
+    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
+    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
+    padding: .4rem 2.5rem;
+    transition: ease .3s;
+
+    span {
+        text-align: center;
+        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    }
+
+    &:disabled {
+        pointer-events: none;
+        
+        &::before {
+            opacity: .6;
+        }
+    }
+
+    &:hover {
+        opacity: .9;
+        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
+        
+        &::before {
+            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
+        }
+    }
+`;
+export {
+  Container
+};

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

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