@gustavo-valsechi/client 1.4.10 → 1.4.12

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

@@ -72,19 +72,22 @@ function Form(props) {
   (0, import_react.useEffect)(() => {
     var _a;
     if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
-    import_lodash.default.forEach(props.defaultValues, (value, key) => {
+    const defaultValues = { ...props.defaultValues };
+    import_lodash.default.forEach(defaultValues, (value, key) => {
       const input = import_lodash.default.find(props.inputs, (data) => data.name === key);
       if (!input) {
-        delete props.defaultValues[key];
+        delete defaultValues[key];
         return;
       }
-      props.defaultValues[key] = input.mask ? input.mask(value) : value;
+      defaultValues[key] = input.mask ? input.mask(value) : value;
     });
-    reset(props.defaultValues, { keepErrors: false });
+    reset(defaultValues, { keepErrors: false });
   }, [props.defaultValues]);
   const component = (data) => {
     var _a;
-    const component2 = Types[import_lodash.default.camelCase(data.type)];
+    data.type = import_lodash.default.upperFirst(import_lodash.default.camelCase(data.type));
+    data.type = import_lodash.default.includes(data.type, "Input") ? data.type : `Input${data.type}`;
+    const component2 = Types[data.type];
     const TypeComponent = component2 || Types.InputText;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       TypeComponent,

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

@@ -38,19 +38,22 @@ function Form(props) {
   useEffect(() => {
     var _a;
     if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
-    _.forEach(props.defaultValues, (value, key) => {
+    const defaultValues = { ...props.defaultValues };
+    _.forEach(defaultValues, (value, key) => {
       const input = _.find(props.inputs, (data) => data.name === key);
       if (!input) {
-        delete props.defaultValues[key];
+        delete defaultValues[key];
         return;
       }
-      props.defaultValues[key] = input.mask ? input.mask(value) : value;
+      defaultValues[key] = input.mask ? input.mask(value) : value;
     });
-    reset(props.defaultValues, { keepErrors: false });
+    reset(defaultValues, { keepErrors: false });
   }, [props.defaultValues]);
   const component = (data) => {
     var _a;
-    const component2 = Types[_.camelCase(data.type)];
+    data.type = _.upperFirst(_.camelCase(data.type));
+    data.type = _.includes(data.type, "Input") ? data.type : `Input${data.type}`;
+    const component2 = Types[data.type];
     const TypeComponent = component2 || Types.InputText;
     return /* @__PURE__ */ jsx(
       TypeComponent,

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, { ...props, 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", 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: [
@@ -48,7 +48,7 @@ function Modal(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `iz-modal-content ${props.className || ""}`, children: [
         props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
         props.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, { ...props, position: props.position || "center", children: [
+  return /* @__PURE__ */ jsxs(Container, { ..._.omit(props, ["className"]), position: props.position || "center", 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: [
@@ -15,7 +15,7 @@ function Modal(props) {
         ] }),
         /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "iz-modal-content", children: [
+      /* @__PURE__ */ jsxs("div", { className: `iz-modal-content ${props.className || ""}`, children: [
         props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
         props.children
       ] }),

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

@@ -82,7 +82,7 @@ const Container = import_styled_components.default.div`
     }
 
     .iz-modal-header {
-      padding: 1.5rem 2rem;
+      padding: 1rem 1.5rem;
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -118,6 +118,7 @@ const Container = import_styled_components.default.div`
       overflow-y: overlay;
       position: relative;
       height: ${(props) => props.position === "center" ? "initial" : "100%"};
+      padding: ${(props) => props.position === "center" ? "1.5rem" : "0"};
 
       .iz-modal-close {
         position: absolute;

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

@@ -49,7 +49,7 @@ const Container = styled.div`
     }
 
     .iz-modal-header {
-      padding: 1.5rem 2rem;
+      padding: 1rem 1.5rem;
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -85,6 +85,7 @@ const Container = styled.div`
       overflow-y: overlay;
       position: relative;
       height: ${(props) => props.position === "center" ? "initial" : "100%"};
+      padding: ${(props) => props.position === "center" ? "1.5rem" : "0"};
 
       .iz-modal-close {
         position: absolute;

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

@@ -1,4 +1,4 @@
-import { IIconProvider } from "@interfaces";
+import { IIconProvider, IIconContext } from "@interfaces";
 declare const IconProviderContainer: ({ children }: IIconProvider) => import("react/jsx-runtime").JSX.Element;
-declare const useIcon: () => any;
+declare const useIcon: () => IIconContext;
 export { IconProviderContainer as IconProvider, useIcon };

package/dist/contexts/icon/index.js

@@ -96,7 +96,16 @@ const IconProviderContainer = ({ children }) => {
     });
     return () => observer.disconnect();
   }, [isClient, matches]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconContext.Provider, { value: {}, children });
+  const getAll = () => {
+    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", ""));
+      }
+    }
+    return content2;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconContext.Provider, { value: { getAll }, children });
 };
 const useIcon = () => (0, import_react.useContext)(IconContext);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/contexts/icon/index.mjs

@@ -62,7 +62,16 @@ const IconProviderContainer = ({ children }) => {
     });
     return () => observer.disconnect();
   }, [isClient, matches]);
-  return /* @__PURE__ */ jsx(IconContext.Provider, { value: {}, children });
+  const getAll = () => {
+    const content2 = [];
+    for (const style in assets) {
+      for (const icon in assets[style]) {
+        content2.push(_.replace(icon, ".svg", ""));
+      }
+    }
+    return content2;
+  };
+  return /* @__PURE__ */ jsx(IconContext.Provider, { value: { getAll }, children });
 };
 const useIcon = () => useContext(IconContext);
 export {

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

@@ -13,5 +13,5 @@ export interface IModal {
     position?: "center" | "right" | "left";
     noCloseIcon?: boolean;
     content?: any;
-    setData?: (data: any) => void;
+    className?: string;
 }

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

@@ -1,3 +1,9 @@
 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>;
+}

package/package.json

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