@gustavo-valsechi/client 1.4.37 → 1.4.39

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/components/types/form/types/select/options/index.js

@@ -1,10 +1,8 @@
 "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)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 options_exports = {};
 __export(options_exports, {
@@ -34,18 +24,7 @@ __export(options_exports, {
 module.exports = __toCommonJS(options_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
-var import_lodash = __toESM(require("lodash"));
 function InputSelectOption(props) {
   const [value, set] = props.option;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { children: import_lodash.default.map(
-    props.options,
-    (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "option",
-      {
-        value: Object.keys(data),
-        children: Object.values(data)
-      },
-      index
-    )
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, {});
 }

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

@@ -1,20 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Container } from "./styles";
-import _ from "lodash";
 function InputSelectOption(props) {
   const [value, set] = props.option;
-  return /* @__PURE__ */ jsx(Container, { children: _.map(
-    props.options,
-    (data, index) => /* @__PURE__ */ jsx(
-      "option",
-      {
-        value: Object.keys(data),
-        children: Object.values(data)
-      },
-      index
-    )
-  ) });
+  return /* @__PURE__ */ jsx(Container, {});
 }
 export {
   InputSelectOption as default

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.39",
   "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"