nexaas-ui-components 1.0.11 → 1.0.13

package/dist/index.cjs

@@ -9,7 +9,7 @@ var zustand = require('zustand');
 var dateFns = require('date-fns');
 var react = require('@headlessui/react');
 var react$1 = require('@headlessui-float/react');
-var IntlCurrencyInput = require('react-intl-currency-input');
+var IntlCurrencyInputRaw = require('react-intl-currency-input');
 var _debounce = require('lodash/debounce');
 var InputMask = require('react-input-mask');
 var ReactModalNamespace = require('react-modal');
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
 
 var clsx7__default = /*#__PURE__*/_interopDefault(clsx7);
 var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var IntlCurrencyInput__default = /*#__PURE__*/_interopDefault(IntlCurrencyInput);
+var IntlCurrencyInputRaw__default = /*#__PURE__*/_interopDefault(IntlCurrencyInputRaw);
 var _debounce__default = /*#__PURE__*/_interopDefault(_debounce);
 var InputMask__default = /*#__PURE__*/_interopDefault(InputMask);
 var ReactModalNamespace__namespace = /*#__PURE__*/_interopNamespace(ReactModalNamespace);
@@ -1732,143 +1732,142 @@ var FilterOptions = ({
     }
   );
 };
-var InputMoney = React2.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.default.default || IntlCurrencyInputRaw__default.default;
+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__ */ jsxRuntime.jsx(
-      reactHookForm.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative outline-none", children: [
-              icon && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    reactHookForm.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__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative outline-none", children: [
+            icon && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: clsx7__default.default(
+                  styles.icon,
+                  "flex justify-center items-center"
+                ),
+                children: icon
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                intl_currency_input_default,
+                {
+                  ...inputProps,
+                  ...field,
+                  type: "text",
+                  className: clsx7__default.default({
+                    [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__ */ jsxRuntime.jsxs(
+                "label",
                 {
                   className: clsx7__default.default(
-                    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__ */ jsxRuntime.jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
+                  ]
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  IntlCurrencyInput__default.default,
-                  {
-                    ...inputProps,
-                    ...field,
-                    type: "text",
-                    ref,
-                    className: clsx7__default.default({
-                      [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__ */ jsxRuntime.jsxs(
-                  "label",
-                  {
-                    className: clsx7__default.default(
-                      {
-                        [styles.label]: true,
-                        ["left-[46px]"]: icon,
-                        ["left-2.5"]: !icon
-                      },
-                      "cursor-text"
-                    ),
-                    children: [
-                      label,
-                      required && label && /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -2107,7 +2106,6 @@ function InputPercentage({
       }
     }
   };
-  let inputRef = React2.useRef(null);
   const fieldValidationMessages = [error == null ? void 0 : error.message];
   const hasError = fieldValidationMessages.some((item) => item !== void 0);
   const styles = {
@@ -2145,12 +2143,11 @@ function InputPercentage({
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                IntlCurrencyInput__default.default,
+                intl_currency_input_default,
                 {
                   ...inputProps,
                   ...field,
                   type: "text",
-                  ref: inputRef,
                   className: clsx7__default.default({
                     [styles.input]: true,
                     ["pr-10"]: clearField,
@@ -2280,6 +2277,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__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
+    {
+      control,
+      name,
+      defaultValue,
+      render: ({ field }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ...field,
+              type: "text",
+              id: name,
+              className: clsx7__default.default(styles.input),
+              placeholder: !label && placeholder ? placeholder : " ",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: clsx7__default.default(styles.label), children: [
+            label,
+            required && label && /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
+          ] }),
+          fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsxRuntime.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__namespace.default || ReactModalNamespace__namespace;
 var alertTypes = {
   success: "text-success-500",
@@ -3747,6 +3799,7 @@ exports.Input = Input;
 exports.InputMoney = InputMoney;
 exports.InputNumber = InputNumber;
 exports.InputPercentage = InputPercentage;
+exports.InputTest = InputTest;
 exports.Logo = Logo;
 exports.MaskedInput = MaskedInput;
 exports.ModalDialog = ModalDialog;