nexaas-ui-components 1.0.12 → 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;

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;

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,