@gustavo-valsechi/client 1.4.37 → 1.4.38

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

@@ -95,7 +95,7 @@ function Form(props) {
       ComponentType,
       {
         ...import_lodash.default.omit(data, ["validation"]),
-        id: data.name,
+        id: `iz-input-${data.name}`,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,

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

@@ -61,7 +61,7 @@ function Form(props) {
       ComponentType,
       {
         ..._.omit(data, ["validation"]),
-        id: data.name,
+        id: `iz-input-${data.name}`,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
         register,

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

@@ -53,6 +53,7 @@ function Button(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_styles.Container,
     {
+      id: `iz-button-${import_lodash.default.replace(import_lodash.default.lowerCase(props.label), /\s/g, "-")}`,
       loading: String(loading || !!props.loading),
       disabled: props.disabled,
       type: props.type || "button",

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

@@ -20,6 +20,7 @@ function Button(props) {
   return /* @__PURE__ */ jsxs(
     Container,
     {
+      id: `iz-button-${_.replace(_.lowerCase(props.label), /\s/g, "-")}`,
       loading: String(loading || !!props.loading),
       disabled: props.disabled,
       type: props.type || "button",

package/dist/contexts/target/index.js

@@ -38,6 +38,7 @@ var import_react = require("react");
 var import_styles = require("./styles");
 var import_lodash = __toESM(require("lodash"));
 const TargetContext = (0, import_react.createContext)({});
+const memory = [];
 const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
@@ -69,10 +70,13 @@ const TargetProviderContainer = ({ children }) => {
     return coords;
   };
   const add = (target) => {
-    setTargets(import_lodash.default.concat(targets, target));
+    memory.push(target);
+    setTargets(memory);
   };
   const remove = (ref) => {
-    setTargets(import_lodash.default.filter(targets, (data) => data.ref.current !== ref.current));
+    const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
+    memory.slice(index, 1);
+    setTargets(memory);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     TargetContext.Provider,
@@ -84,7 +88,7 @@ const TargetProviderContainer = ({ children }) => {
       children: [
         import_lodash.default.map(
           targets,
-          (target, index) => target.show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          (target, index) => !!target.show && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_styles.Container,
             {
               style: getCoords(target.ref.current),

package/dist/contexts/target/index.mjs

@@ -4,6 +4,7 @@ import { createContext, useContext, useEffect, useState } from "react";
 import { Container } from "./styles";
 import _ from "lodash";
 const TargetContext = createContext({});
+const memory = [];
 const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = useState([]);
   useEffect(() => {
@@ -35,10 +36,13 @@ const TargetProviderContainer = ({ children }) => {
     return coords;
   };
   const add = (target) => {
-    setTargets(_.concat(targets, target));
+    memory.push(target);
+    setTargets(memory);
   };
   const remove = (ref) => {
-    setTargets(_.filter(targets, (data) => data.ref.current !== ref.current));
+    const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
+    memory.slice(index, 1);
+    setTargets(memory);
   };
   return /* @__PURE__ */ jsxs(
     TargetContext.Provider,
@@ -50,7 +54,7 @@ const TargetProviderContainer = ({ children }) => {
       children: [
         _.map(
           targets,
-          (target, index) => target.show && /* @__PURE__ */ jsx(
+          (target, index) => !!target.show && /* @__PURE__ */ jsx(
             Container,
             {
               style: getCoords(target.ref.current),

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

@@ -1,4 +1,4 @@
-import { IButton, IInputSelect, IInputFile, IInputText, IInputTextarea, IInputDateTime, IInputCustom } from "@interfaces";
+import { IButton, IInputSelect } from "@interfaces";
 export * from "./file";
 export * from "./label";
 export * from "./text";
@@ -15,6 +15,6 @@ export interface IForm {
     formRef?: any;
     onSubmit: (values: any, actions?: any) => void;
     clearWhen?: boolean;
-    inputs: Array<IInputSelect & IInputFile & IInputText & IInputTextarea & IInputDateTime & IInputCustom>;
+    inputs: Array<IInputSelect>;
     buttons?: Array<IButton>;
 }

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

@@ -9,9 +9,9 @@ export interface IInputSelect {
     value?: string;
     onChange?: (event: any) => void;
     options: Array<any>;
-    error: string;
+    error?: string;
     disabled?: boolean;
-    onFocus: (value: any) => void;
+    onFocus?: (value: any) => void;
     required?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;

package/dist/test/app.d.ts

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

package/dist/test/index.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.37",
+  "version": "1.4.38",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,7 +15,8 @@
     "build:remodel": "node scripts/remodel.js",
     "build:assets": "node scripts/assets.js",
     "build": "npm run clean && npm run build:js && npm run build:types && npm run build:assets && npm run build:remodel",
-    "commit": "npm run build && npm version patch --no-git-tag-version && npm publish --access public"
+    "commit": "npm run build && npm version patch --no-git-tag-version && npm publish --access public",
+    "dev": "vite --open test/index.html"
   },
   "peerDependencies": {
     "react": "18.3.1",
@@ -24,8 +25,8 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.0",
-    "@gustavo-valsechi/utils": "1.0.4",
     "@gustavo-valsechi/server": "1.0.13",
+    "@gustavo-valsechi/utils": "1.0.4",
     "@hookform/resolvers": "5.2.2",
     "apexcharts": "3.51.0",
     "lodash": "4.17.21",
@@ -48,6 +49,7 @@
     "@types/react-dom": "18.3.0",
     "@types/react-lottie": "1.2.10",
     "@types/styled-components": "5.1.34",
+    "@vitejs/plugin-react": "^5.1.0",
     "esbuild": "0.25.11",
     "esbuild-css-modules-plugin": "^3.1.5",
     "raw-loader": "4.0.2",
@@ -56,7 +58,8 @@
     "rimraf": "6.1.0",
     "styled-components": "6.1.12",
     "tsc-alias": "1.8.16",
-    "typescript": "5.5.4"
+    "typescript": "5.5.4",
+    "vite": "^7.2.1"
   },
   "publishConfig": {
     "access": "public"