nexaas-ui-components 1.0.11 → 1.0.13

package/dist/index.d.cts

@@ -222,7 +222,10 @@ type InputMoneyProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
     isWeightField?: boolean;
     minFractionDigits?: number;
 };
-declare const InputMoney: React__default.ForwardRefExoticComponent<Omit<InputMoneyProps, "ref"> & React__default.RefAttributes<unknown>>;
+declare function InputMoney({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, isWeightField, minFractionDigits, }: InputMoneyProps): react_jsx_runtime.JSX.Element;
+declare namespace InputMoney {
+    var displayName: string;
+}
 
 type InputNumberProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     label?: string;
@@ -283,6 +286,18 @@ type MaskedInputProps = {
 };
 declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
 
+type InputTestProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    label?: string;
+    control: Control<any>;
+    name: string;
+    error?: FieldError;
+    required?: boolean;
+};
+declare function InputTest({ label, name, control, error, required, placeholder, disabled, defaultValue, }: InputTestProps): react_jsx_runtime.JSX.Element;
+declare namespace InputTest {
+    var displayName: string;
+}
+
 type ModalProps = {
     open?: boolean;
     onOpen?: () => void;
@@ -451,4 +466,4 @@ interface DataTablePaginationProps<TData> {
 }
 declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
 
-export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
+export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, InputTest, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };

package/dist/index.d.ts

@@ -222,7 +222,10 @@ type InputMoneyProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>,
     isWeightField?: boolean;
     minFractionDigits?: number;
 };
-declare const InputMoney: React__default.ForwardRefExoticComponent<Omit<InputMoneyProps, "ref"> & React__default.RefAttributes<unknown>>;
+declare function InputMoney({ label, type, onClick, error, onBlur, onChangeValue, inputProps, icon, clearField, name, required, disabled, value, placeholder, control, defaultValue, isWeightField, minFractionDigits, }: InputMoneyProps): react_jsx_runtime.JSX.Element;
+declare namespace InputMoney {
+    var displayName: string;
+}
 
 type InputNumberProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     label?: string;
@@ -283,6 +286,18 @@ type MaskedInputProps = {
 };
 declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
 
+type InputTestProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    label?: string;
+    control: Control<any>;
+    name: string;
+    error?: FieldError;
+    required?: boolean;
+};
+declare function InputTest({ label, name, control, error, required, placeholder, disabled, defaultValue, }: InputTestProps): react_jsx_runtime.JSX.Element;
+declare namespace InputTest {
+    var displayName: string;
+}
+
 type ModalProps = {
     open?: boolean;
     onOpen?: () => void;
@@ -451,4 +466,4 @@ interface DataTablePaginationProps<TData> {
 }
 declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
 
-export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
+export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, InputTest, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };

package/dist/index.js

@@ -8,7 +8,7 @@ import { create } from 'zustand';
 import { parse, format, set, startOfWeek, endOfWeek, startOfMonth, endOfMonth, sub, subYears } from 'date-fns';
 import { Switch, Popover, PopoverButton, PopoverPanel, Listbox, ListboxOptions, Combobox, ListboxOption } from '@headlessui/react';
 import { Float } from '@headlessui-float/react';
-import IntlCurrencyInput from 'react-intl-currency-input';
+import IntlCurrencyInputRaw from 'react-intl-currency-input';
 import _debounce from 'lodash/debounce';
 import InputMask from 'react-input-mask';
 import * as ReactModalNamespace from 'react-modal';
@@ -1703,143 +1703,142 @@ var FilterOptions = ({
     }
   );
 };
-var InputMoney = forwardRef(
-  ({
-    label,
-    type,
-    onClick,
-    error,
-    onBlur,
-    onChangeValue,
-    inputProps,
-    icon,
-    clearField,
-    name,
-    required,
-    disabled,
-    value,
-    placeholder,
-    control,
-    defaultValue,
-    isWeightField,
-    minFractionDigits = 2
-  }, ref) => {
-    const numberConfig = isWeightField ? {
-      currency: "BRL",
-      minimumFractionDigits: minFractionDigits,
-      maximumFractionDigits: minFractionDigits,
-      useGrouping: false
-    } : {
-      style: "currency",
-      currency: "BRL",
-      minimumFractionDigits: minFractionDigits,
-      maximumFractionDigits: minFractionDigits
-    };
-    const currencyConfig = {
-      locale: "pt-BR",
-      formats: {
-        number: {
-          BRL: numberConfig
-        }
+var IntlCurrencyInput = IntlCurrencyInputRaw.default || IntlCurrencyInputRaw;
+var intl_currency_input_default = IntlCurrencyInput;
+function InputMoney({
+  label,
+  type,
+  onClick,
+  error,
+  onBlur,
+  onChangeValue,
+  inputProps,
+  icon,
+  clearField,
+  name,
+  required,
+  disabled,
+  value,
+  placeholder,
+  control,
+  defaultValue,
+  isWeightField,
+  minFractionDigits = 2
+}) {
+  const numberConfig = isWeightField ? {
+    currency: "BRL",
+    minimumFractionDigits: minFractionDigits,
+    maximumFractionDigits: minFractionDigits,
+    useGrouping: false
+  } : {
+    style: "currency",
+    currency: "BRL",
+    minimumFractionDigits: minFractionDigits,
+    maximumFractionDigits: minFractionDigits
+  };
+  const currencyConfig = {
+    locale: "pt-BR",
+    formats: {
+      number: {
+        BRL: numberConfig
       }
-    };
-    const fieldValidationMessages = [error == null ? void 0 : error.message];
-    const hasError = fieldValidationMessages.some((item) => item !== void 0);
-    const styles = {
-      input: `text-p-md pl-2 peer text-paragraph shadow-input  border  rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 focus-visible:border  ${label ? "pt-[22px]" : "pt-[10px]"} ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-neutral-300 focus-visible:border-blue-500"}`,
-      icon: `absolute bg-neutral-100 h-[44px] top-[1px] left-[1px] w-[38px] rounded-l-lg ${hasError ? "text-dangerous-500" : "text-label"}
+    }
+  };
+  const fieldValidationMessages = [error == null ? void 0 : error.message];
+  const hasError = fieldValidationMessages.some((item) => item !== void 0);
+  const styles = {
+    input: `text-p-md pl-2 peer text-paragraph shadow-input  border  rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 focus-visible:border  ${label ? "pt-[22px]" : "pt-[10px]"} ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-neutral-300 focus-visible:border-blue-500"}`,
+    icon: `absolute bg-neutral-100 h-[44px] top-[1px] left-[1px] w-[38px] rounded-l-lg ${hasError ? "text-dangerous-500" : "text-label"}
         `,
-      label: "absolute text-label top-[0.80rem] z-10 origin-[0] transform -translate-y-3 scale-75 duration-300 text-sm peer-focus:text-blue-500 peer-focus:scale-75 peer-focus:-translate-y-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0"};
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        control,
-        name,
-        defaultValue,
-        render: ({ field }) => {
-          const handleChange = (event, value2, maskedValue) => {
-            event.preventDefault();
-            field.onChange(value2);
-            if (onChangeValue) {
-              onChangeValue(value2);
-            }
-          };
-          if (typeof field.value === "string")
-            field.value = Number(field.value);
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative outline-none", children: [
-              icon && /* @__PURE__ */ jsx(
-                "div",
+    label: "absolute text-label top-[0.80rem] z-10 origin-[0] transform -translate-y-3 scale-75 duration-300 text-sm peer-focus:text-blue-500 peer-focus:scale-75 peer-focus:-translate-y-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0"};
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      render: ({ field }) => {
+        const handleChange = (event, value2, maskedValue) => {
+          event.preventDefault();
+          field.onChange(value2);
+          if (onChangeValue) {
+            onChangeValue(value2);
+          }
+        };
+        if (typeof field.value === "string")
+          field.value = Number(field.value);
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative outline-none", children: [
+            icon && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: clsx7(
+                  styles.icon,
+                  "flex justify-center items-center"
+                ),
+                children: icon
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                intl_currency_input_default,
+                {
+                  ...inputProps,
+                  ...field,
+                  type: "text",
+                  className: clsx7({
+                    [styles.input]: true,
+                    ["pr-10"]: clearField,
+                    ["pr-2"]: !clearField,
+                    ["pl-[46px]"]: !label && placeholder && icon || icon
+                  }),
+                  placeholder: !label && placeholder ? placeholder : " ",
+                  onClick,
+                  disabled,
+                  currency: "BRL",
+                  config: currencyConfig,
+                  onChange: handleChange,
+                  onBlur: () => {
+                    if (onBlur) {
+                      onBlur(field.value);
+                    }
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "label",
                 {
                   className: clsx7(
-                    styles.icon,
-                    "flex justify-center items-center"
+                    {
+                      [styles.label]: true,
+                      ["left-[46px]"]: icon,
+                      ["left-2.5"]: !icon
+                    },
+                    "cursor-text"
                   ),
-                  children: icon
+                  children: [
+                    label,
+                    required && label && /* @__PURE__ */ jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
+                  ]
                 }
-              ),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(
-                  IntlCurrencyInput,
-                  {
-                    ...inputProps,
-                    ...field,
-                    type: "text",
-                    ref,
-                    className: clsx7({
-                      [styles.input]: true,
-                      ["pr-10"]: clearField,
-                      ["pr-2"]: !clearField,
-                      ["pl-[46px]"]: !label && placeholder && icon || icon
-                    }),
-                    placeholder: !label && placeholder ? placeholder : " ",
-                    onClick,
-                    disabled,
-                    currency: "BRL",
-                    config: currencyConfig,
-                    onChange: handleChange,
-                    onBlur: () => {
-                      if (onBlur) {
-                        onBlur(field.value);
-                      }
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "label",
-                  {
-                    className: clsx7(
-                      {
-                        [styles.label]: true,
-                        ["left-[46px]"]: icon,
-                        ["left-2.5"]: !icon
-                      },
-                      "cursor-text"
-                    ),
-                    children: [
-                      label,
-                      required && label && /* @__PURE__ */ jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "text-dangerous-500 text-xs mt-1 ml-[2px]",
-                role: "alert",
-                "aria-label": message,
-                children: message
-              },
-              index
-            ))
-          ] });
-        }
+              )
+            ] })
+          ] }),
+          fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-dangerous-500 text-xs mt-1 ml-[2px]",
+              role: "alert",
+              "aria-label": message,
+              children: message
+            },
+            index
+          ))
+        ] });
       }
-    );
-  }
-);
+    }
+  );
+}
 InputMoney.displayName = "InputMoney";
 function InputNumber({
   label,
@@ -2078,7 +2077,6 @@ function InputPercentage({
       }
     }
   };
-  let inputRef = useRef(null);
   const fieldValidationMessages = [error == null ? void 0 : error.message];
   const hasError = fieldValidationMessages.some((item) => item !== void 0);
   const styles = {
@@ -2116,12 +2114,11 @@ function InputPercentage({
             ),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(
-                IntlCurrencyInput,
+                intl_currency_input_default,
                 {
                   ...inputProps,
                   ...field,
                   type: "text",
-                  ref: inputRef,
                   className: clsx7({
                     [styles.input]: true,
                     ["pr-10"]: clearField,
@@ -2251,6 +2248,61 @@ var MaskedInput = ({
     }
   );
 };
+function InputTest({
+  label,
+  name,
+  control,
+  error,
+  required,
+  placeholder,
+  disabled,
+  defaultValue
+}) {
+  const fieldValidationMessages = [error == null ? void 0 : error.message];
+  const hasError = fieldValidationMessages.some((item) => item !== void 0);
+  const styles = {
+    input: `text-p-md pl-2 peer shadow-input border rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 focus-visible:border-1 ${label ? "pt-[22px]" : "pt-[10px]"} ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-neutral-300 focus-visible:border-blue-500"}`,
+    label: "absolute text-label top-[0.80rem] z-10 origin-[0] transform -translate-y-3 scale-75 duration-300 text-sm peer-focus:text-blue-500 peer-focus:scale-75 peer-focus:-translate-y-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 left-2.5 cursor-text"
+  };
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      render: ({ field }) => {
+        return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...field,
+              type: "text",
+              id: name,
+              className: clsx7(styles.input),
+              placeholder: !label && placeholder ? placeholder : " ",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { className: clsx7(styles.label), children: [
+            label,
+            required && label && /* @__PURE__ */ jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
+          ] }),
+          fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-dangerous-500 text-xs mt-1 ml-[2px]",
+              role: "alert",
+              "aria-label": message,
+              children: message
+            },
+            index
+          ))
+        ] });
+      }
+    }
+  );
+}
+InputTest.displayName = "InputTest";
 var Modal = ReactModalNamespace.default || ReactModalNamespace;
 var alertTypes = {
   success: "text-success-500",
@@ -3705,6 +3757,6 @@ function DataTable({
   ] });
 }
 
-export { Badge, Button, Calendar, Checkbox, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, PaginationSelect, Popover3 as Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
+export { Badge, Button, Calendar, Checkbox, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, InputTest, Logo, MaskedInput, ModalDialog, PaginationSelect, Popover3 as Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map