@gustavo-valsechi/client 1.4.155 → 1.4.157

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

@@ -34,10 +34,7 @@ function InputCustom(props) {
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, props.value);
   }, [props.name, props.value]);
   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 ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "input-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { hidden: true, ...register }),
       props.children

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

@@ -11,10 +11,7 @@ function InputCustom(props) {
     (_a = props.setValue) == null ? void 0 : _a.call(props, props.name, props.value);
   }, [props.name, props.value]);
   return /* @__PURE__ */ jsxs(Container, { className: props.className, children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsxs("div", { className: "input-content", children: [
       /* @__PURE__ */ jsx("input", { hidden: true, ...register }),
       props.children

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

@@ -46,14 +46,11 @@ function InputDateTime(props) {
     if (props.onChange) props.onChange(event);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "input-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "input",
       {
-        ...import_lodash.default.omit(props, ["className", "onChange", "mask", "type", "required", "register", "setValue", "watch"]),
+        ...import_lodash.default.omit(props, ["className", "onChange", "mask", "type", "optional", "register", "setValue", "watch"]),
         type: "datetime-local",
         onFocus: () => {
           if (props.onFocus) props.onFocus(props.name);

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

@@ -13,14 +13,11 @@ function InputDateTime(props) {
     if (props.onChange) props.onChange(event);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsx("div", { className: "input-content", children: /* @__PURE__ */ jsx(
       "input",
       {
-        ..._.omit(props, ["className", "onChange", "mask", "type", "required", "register", "setValue", "watch"]),
+        ..._.omit(props, ["className", "onChange", "mask", "type", "optional", "register", "setValue", "watch"]),
         type: "datetime-local",
         onFocus: () => {
           if (props.onFocus) props.onFocus(props.name);

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

@@ -57,10 +57,7 @@ function InputFile(props) {
         }
       }
     ),
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
     !!props.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error.InputError, { children: props.error })
   ] });

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

@@ -34,10 +34,7 @@ function InputFile(props) {
         }
       }
     ),
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsx("div", { className: "image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
     !!props.error && /* @__PURE__ */ jsx(InputError, { children: props.error })
   ] });

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

@@ -25,7 +25,10 @@ module.exports = __toCommonJS(label_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styles = require("./styles");
 function InputLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { className: props.className, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, children: [
+    props.children,
+    !!props.optional && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `(opcional)` })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,8 +1,11 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Container } from "./styles";
 function InputLabel(props) {
-  return /* @__PURE__ */ jsx(Container, { className: props.className, children: props.children });
+  return /* @__PURE__ */ jsxs(Container, { className: props.className, children: [
+    props.children,
+    !!props.optional && /* @__PURE__ */ jsx("span", { children: `(opcional)` })
+  ] });
 }
 export {
   InputLabel

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

@@ -38,6 +38,14 @@ const Container = import_styled_components.default.label`
     font-weight: 500;
     color: ${({ theme }) => theme.t6};
     user-select: none;
+    display: flex;
+    align-items: center;
+    gap: .2rem;
+    
+    span {
+        font-size: .6rem;
+        font-weight: 200;
+    }
 `;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -5,6 +5,14 @@ const Container = styled.label`
     font-weight: 500;
     color: ${({ theme }) => theme.t6};
     user-select: none;
+    display: flex;
+    align-items: center;
+    gap: .2rem;
+    
+    span {
+        font-size: .6rem;
+        font-weight: 200;
+    }
 `;
 export {
   Container

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

@@ -49,10 +49,7 @@ function InputSelect(props) {
   const [filter, setFilter] = (0, import_react.useState)("");
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
-  const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || "";
-  console.log(inputValue);
-  console.log(import_lodash.default.find(props.options, (option) => Object.keys(option)[0] === inputValue));
-  console.log(value);
+  const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "input-label-value-placeholder", children: "selecione" });
   (0, import_react.useEffect)(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
@@ -74,13 +71,13 @@ function InputSelect(props) {
     setFocus(false);
     setFilter("");
     if (register.onBlur) register.onBlur(event);
+    const optionsElement = document.getElementById(`input-${props.name}-options`);
+    if (!optionsElement) return;
+    optionsElement.setAttribute("value", "");
   };
   const onFocus = (event) => {
     setFocus(true);
     if (register.onFocus) register.onFocus(event);
-    const optionsElement = document.getElementById(`input-${props.name}-options`);
-    if (!optionsElement) return;
-    setFilter(optionsElement.getAttribute("value") || "");
   };
   const onChange = (event) => {
     const value2 = event.target.value || "";
@@ -97,10 +94,7 @@ function InputSelect(props) {
     if (register.onClick) register.onClick(event);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {

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

@@ -16,10 +16,7 @@ function InputSelect(props) {
   const [filter, setFilter] = useState("");
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
-  const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || "";
-  console.log(inputValue);
-  console.log(_.find(props.options, (option) => Object.keys(option)[0] === inputValue));
-  console.log(value);
+  const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || /* @__PURE__ */ jsx("div", { className: "input-label-value-placeholder", children: "selecione" });
   useEffect(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
@@ -41,13 +38,13 @@ function InputSelect(props) {
     setFocus(false);
     setFilter("");
     if (register.onBlur) register.onBlur(event);
+    const optionsElement = document.getElementById(`input-${props.name}-options`);
+    if (!optionsElement) return;
+    optionsElement.setAttribute("value", "");
   };
   const onFocus = (event) => {
     setFocus(true);
     if (register.onFocus) register.onFocus(event);
-    const optionsElement = document.getElementById(`input-${props.name}-options`);
-    if (!optionsElement) return;
-    setFilter(optionsElement.getAttribute("value") || "");
   };
   const onChange = (event) => {
     const value2 = event.target.value || "";
@@ -64,10 +61,7 @@ function InputSelect(props) {
     if (register.onClick) register.onClick(event);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsxs(
       "div",
       {

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

@@ -87,6 +87,12 @@ const Container = import_styled_components.default.div`
             display: flex;
             align-items: center;
             user-select: none;
+            
+            .input-label-value-placeholder {
+                font-size: .8rem;
+                font-weight: 300;
+                color: ${({ theme }) => theme.t6};
+            }
         }
 
         .input-icon {

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

@@ -54,6 +54,12 @@ const Container = styled.div`
             display: flex;
             align-items: center;
             user-select: none;
+            
+            .input-label-value-placeholder {
+                font-size: .8rem;
+                font-weight: 300;
+                color: ${({ theme }) => theme.t6};
+            }
         }
 
         .input-icon {

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

@@ -48,10 +48,7 @@ function InputText(props) {
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, password: props.type === "password", children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "input-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",

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

@@ -15,10 +15,7 @@ function InputText(props) {
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, password: props.type === "password", children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsxs("div", { className: "input-content", children: [
       /* @__PURE__ */ jsx(
         "input",

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

@@ -46,14 +46,11 @@ function InputTextarea(props) {
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_label.InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "input-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "textarea",
       {
-        ...import_lodash.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register", "setValue", "watch"]),
+        ...import_lodash.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "optional", "register", "setValue", "watch"]),
         maxLength: props.maxLength,
         rows: props.rows || 5,
         onFocus: () => {

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

@@ -13,14 +13,11 @@ function InputTextarea(props) {
     if (props.onChange) props.onChange(value);
   };
   return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
+    !!props.label && /* @__PURE__ */ jsx(InputLabel, { optional: props.optional, children: props.label }),
     /* @__PURE__ */ jsx("div", { className: "input-content", children: /* @__PURE__ */ jsx(
       "textarea",
       {
-        ..._.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register", "setValue", "watch"]),
+        ..._.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "optional", "register", "setValue", "watch"]),
         maxLength: props.maxLength,
         rows: props.rows || 5,
         onFocus: () => {

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

@@ -11,7 +11,7 @@ export interface IInputCustom {
     value?: string;
     error?: string;
     disabled?: boolean;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     setValue?: (...args: any[]) => void;
     children: React.ReactNode;

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

@@ -13,7 +13,7 @@ export interface IInputDateTime {
     maxLength?: number;
     error: string;
     disabled?: boolean;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
 }

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

@@ -12,7 +12,7 @@ export interface IInputFile {
     disabled?: boolean;
     error: string;
     onFocus: (value: string) => void;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
 }

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

@@ -1,5 +1,6 @@
 import React from "react";
 export interface IInputLabel {
     className?: string;
+    optional?: boolean;
     children: React.ReactNode;
 }

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

@@ -14,7 +14,7 @@ export interface IInputSelect {
     error?: string;
     disabled?: boolean;
     onFocus?: (value: any) => void;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
     mask?: (value: string) => void;

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

@@ -14,7 +14,7 @@ export interface IInputText {
     error?: string;
     disabled?: boolean;
     onFocus?: (value: any) => void;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
 }

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

@@ -14,7 +14,7 @@ export interface IInputTextarea {
     error: string;
     disabled?: boolean;
     onFocus: (value: string) => void;
-    required?: boolean;
+    optional?: boolean;
     register?: UseFormRegister<any>;
     validation?: typeof z;
 }

package/package.json

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