linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs2/filefield/index.js

@@ -1,123 +1,168 @@
-import { jsx as l, jsxs as E } from "react/jsx-runtime";
-import { c as X } from "../../_virtual/compiler-runtime.js";
-import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';import '../../assets/styles/filefield.css';/* empty css                                 */
-import i from "../../_virtual/lodash.js";
-import { forwardRef as Y, useRef as Z, useState as ee, Fragment as te } from "react";
-import G from "../../buttons/Button.js";
-/* empty css                            */
-import "react-dom";
-/* empty css                               */
-/* empty css                              */
-import { Input as ne } from "../textfield/index.js";
-import K from "../../list/index.js";
-import Q from "../../list/Item.js";
-import { LeftSlot as le, RightSlot as ae } from "../slot/index.js";
-const ie = Y((t, h) => {
-  const e = X.c(48);
-  let o;
-  e[0] !== t ? ({
-    ...o
-  } = t, e[0] = t, e[1] = o) : o = e[1];
-  const y = Z(null);
-  let b;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (b = [], e[2] = b) : b = e[2];
-  const [T, H] = ee(b), n = t?.value ?? T;
-  let v;
-  e[3] !== n ? (v = i.isArray(n) && n.length > 0 ? `${n.length} arquivo(s) selecionado(s)` : "Nenhum arquivo selecionado", e[3] = n, e[4] = v) : v = e[4];
-  const N = v;
-  let g;
-  e[5] !== t ? (g = (P) => {
-    const J = P.target.files;
-    if (!J)
-      return;
-    let a = Array.from(J);
-    t?.maxSize && (a = a.filter((W) => W.size <= i.toNumber(t.maxSize))), !t?.multiple && a.length > 1 && (a = [a[0]]), i.isNil(t?.value) && H(a), t.onChange?.({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+require("../../assets/styles/filefield.scss");
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var TextField = _interopRequireWildcard(require("../textfield"));
+var _list = _interopRequireWildcard(require("../../list"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
+  const inputFileRef = _react.default.useRef(null);
+  const [internalFiles, setInternalFiles] = _react.default.useState([]);
+  const files = props?.value ?? internalFiles;
+  const inputLabel = _lodash.default.isArray(files) && files.length > 0 ? `${files.length} arquivo(s) selecionado(s)` : 'Nenhum arquivo selecionado';
+  const handleSelect = event => {
+    const fileList = event.target.files;
+    if (!fileList) return;
+    let selectedFiles = Array.from(fileList);
+    if (props?.maxSize) {
+      selectedFiles = selectedFiles.filter(file => file.size <= _lodash.default.toNumber(props.maxSize));
+    }
+    if (!props?.multiple && selectedFiles.length > 1) {
+      selectedFiles = [selectedFiles[0]];
+    }
+    if (_lodash.default.isNil(props?.value)) {
+      setInternalFiles(selectedFiles);
+    }
+    props.onChange?.({
       target: {
-        name: t.name,
-        value: a
+        name: props.name,
+        value: selectedFiles
       }
-    }), y.current.value = "";
-  }, e[5] = t, e[6] = g) : g = e[6];
-  const _ = g;
-  let w;
-  e[7] !== t ? (w = () => {
-    i.isNil(t?.value) && H([]), t.onChange?.({
+    });
+    inputFileRef.current.value = '';
+  };
+  const handleClear = () => {
+    if (_lodash.default.isNil(props?.value)) {
+      setInternalFiles([]);
+    }
+    props.onChange?.({
       target: {
-        name: t.name,
-        value: ""
+        name: props.name,
+        value: ''
+      }
+    });
+    inputFileRef.current.value = '';
+  };
+  const openDialog = () => {
+    inputFileRef.current?.click();
+  };
+  const handleLockOnPaste = _react.default.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const handleLockOnBeforeInput = _react.default.useCallback(event => {
+    props.onBeforeInput?.(event);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextField.Input, _extends({}, rest, {
+    ref: ref,
+    type: "text",
+    readOnly: false,
+    value: inputLabel,
+    customClass: "file-input",
+    onPaste: handleLockOnPaste,
+    onBeforeInput: handleLockOnBeforeInput,
+    customClassInputContainer: "file-container"
+  }), /*#__PURE__*/_react.default.createElement(TextField.LeftSlot, null, /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputFileRef,
+    type: "file",
+    name: props?.name,
+    accept: props?.accept,
+    multiple: props?.multiple,
+    onChange: handleSelect,
+    style: {
+      all: 'unset',
+      display: 'none'
+    }
+  })), /*#__PURE__*/_react.default.createElement(TextField.RightSlot, {
+    className: "file-right-slot"
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    className: "show-files-selected-list",
+    visible: true,
+    dropdown: true,
+    transparent: true,
+    boxShadow: false,
+    showIconDropdown: false,
+    type: "button",
+    title: "Arquivos Selecionados",
+    tabIndex: -1,
+    disabled: props?.disabled,
+    "aria-label": "Arquivos Selecionados",
+    "aria-readonly": props?.readOnly,
+    "data-state-read-only": props?.readOnly,
+    iconName: "information",
+    dropdownAlign: "right",
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, !_lodash.default.isArray(files) && /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true
+  }, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    key: "nenhum-selecionado",
+    itemId: "nenhum-selecionado",
+    text: "Nenhum arquivo selecionado",
+    onMouseDown: event => {
+      event?.preventDefault?.();
+    }
+  })), _lodash.default.isArray(files) && _lodash.default.size(files) > 0 && /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true
+  }, files.map((file, index) => {
+    const id = `${file.name}-${index + 1}`;
+    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+      key: id,
+      itemId: id,
+      text: file.name,
+      onMouseDown: event => {
+        event?.preventDefault?.();
       }
-    }), y.current.value = "";
-  }, e[7] = t, e[8] = w) : w = e[8];
-  const C = w;
-  let I;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-    y.current?.click();
-  }, e[9] = I) : I = e[9];
-  const U = I, V = oe;
-  let S;
-  e[10] !== t ? (S = (P) => {
-    t.onBeforeInput?.(P);
-  }, e[10] = t, e[11] = S) : S = e[11];
-  const O = S, L = t?.name, A = t?.accept, F = t?.multiple;
-  let x;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = {
-    all: "unset",
-    display: "none"
-  }, e[12] = x) : x = e[12];
-  let s;
-  e[13] !== _ || e[14] !== L || e[15] !== A || e[16] !== F ? (s = /* @__PURE__ */ l(le, { children: /* @__PURE__ */ l("input", { ref: y, type: "file", name: L, accept: A, multiple: F, onChange: _, style: x }) }), e[13] = _, e[14] = L, e[15] = A, e[16] = F, e[17] = s) : s = e[17];
-  const k = t?.disabled, q = t?.readOnly, M = t?.readOnly;
-  let r;
-  e[18] !== n ? (r = !i.isArray(n) && /* @__PURE__ */ l(K, { condensed: !0, children: /* @__PURE__ */ l(Q, { itemId: "nenhum-selecionado", text: "Nenhum arquivo selecionado", onMouseDown: re }, "nenhum-selecionado") }), e[18] = n, e[19] = r) : r = e[19];
-  let c;
-  e[20] !== n ? (c = i.isArray(n) && i.size(n) > 0 && /* @__PURE__ */ l(K, { condensed: !0, children: n.map(de) }), e[20] = n, e[21] = c) : c = e[21];
-  let d;
-  e[22] !== k || e[23] !== q || e[24] !== M || e[25] !== r || e[26] !== c ? (d = /* @__PURE__ */ E(G, { className: "show-files-selected-list", visible: !0, dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Arquivos Selecionados", tabIndex: -1, disabled: k, "aria-label": "Arquivos Selecionados", "aria-readonly": q, "data-state-read-only": M, iconName: "information", dropdownAlign: "right", onMouseDown: se, children: [
-    r,
-    c
-  ] }), e[22] = k, e[23] = q, e[24] = M, e[25] = r, e[26] = c, e[27] = d) : d = e[27];
-  const R = t?.disabled, $ = t?.readOnly, p = t?.readOnly;
-  let f;
-  e[28] !== C || e[29] !== R || e[30] !== $ || e[31] !== p ? (f = /* @__PURE__ */ l(G, { "data-testid": "test-file-field-trigger-clear-files-selected", className: "clear-files-selected", visible: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Limpar", tabIndex: -1, disabled: R, "aria-label": "Limpar", "aria-readonly": $, "data-state-read-only": p, iconName: "close", onClick: C, onMouseDown: fe }), e[28] = C, e[29] = R, e[30] = $, e[31] = p, e[32] = f) : f = e[32];
-  const z = t?.disabled, B = t?.readOnly, j = t?.readOnly;
-  let m;
-  e[33] !== z || e[34] !== B || e[35] !== j ? (m = /* @__PURE__ */ l(G, { "data-testid": "test-file-field-trigger-select-files", className: "select-files", visible: !0, boxShadow: !1, showIconDropdown: !1, type: "button", title: "Selecionar", label: "Selecionar", tabIndex: -1, disabled: z, "aria-label": "Selecionar", "aria-readonly": B, "data-state-read-only": j, iconName: "upload4", onClick: U, onMouseDown: me }), e[33] = z, e[34] = B, e[35] = j, e[36] = m) : m = e[36];
-  let u;
-  e[37] !== d || e[38] !== f || e[39] !== m ? (u = /* @__PURE__ */ E(ae, { className: "file-right-slot", children: [
-    d,
-    f,
-    m
-  ] }), e[37] = d, e[38] = f, e[39] = m, e[40] = u) : u = e[40];
-  let D;
-  return e[41] !== O || e[42] !== N || e[43] !== h || e[44] !== o || e[45] !== s || e[46] !== u ? (D = /* @__PURE__ */ l(te, { children: /* @__PURE__ */ E(ne, { ...o, ref: h, type: "text", readOnly: !1, value: N, customClass: "file-input", onPaste: V, onBeforeInput: O, customClassInputContainer: "file-container", children: [
-    s,
-    u
-  ] }) }), e[41] = O, e[42] = N, e[43] = h, e[44] = o, e[45] = s, e[46] = u, e[47] = D) : D = e[47], D;
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    "data-testid": "test-file-field-trigger-clear-files-selected",
+    className: "clear-files-selected",
+    visible: true,
+    transparent: true,
+    boxShadow: false,
+    showIconDropdown: false,
+    type: "button",
+    title: "Limpar",
+    tabIndex: -1,
+    disabled: props?.disabled,
+    "aria-label": "Limpar",
+    "aria-readonly": props?.readOnly,
+    "data-state-read-only": props?.readOnly,
+    iconName: "close",
+    onClick: handleClear,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    "data-testid": "test-file-field-trigger-select-files",
+    className: "select-files",
+    visible: true,
+    boxShadow: false,
+    showIconDropdown: false,
+    type: "button",
+    title: "Selecionar",
+    label: "Selecionar",
+    tabIndex: -1,
+    disabled: props?.disabled,
+    "aria-label": "Selecionar",
+    "aria-readonly": props?.readOnly,
+    "data-state-read-only": props?.readOnly,
+    iconName: "upload4",
+    onClick: openDialog,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }))));
 });
-ie.displayName = "FileFieldInput";
-function oe(t) {
-  t.preventDefault();
-}
-function se(t) {
-  t.preventDefault();
-}
-function re(t) {
-  t?.preventDefault?.();
-}
-function ce(t) {
-  t?.preventDefault?.();
-}
-function de(t, h) {
-  const e = `${t.name}-${h + 1}`;
-  return /* @__PURE__ */ l(Q, { itemId: e, text: t.name, onMouseDown: ce }, e);
-}
-function fe(t) {
-  t.preventDefault();
-}
-function me(t) {
-  t.preventDefault();
-}
-export {
-  ie as Input
-};
-//# sourceMappingURL=index.js.map
+Input.displayName = 'FileFieldInput';

package/lib/inputs2/index.d.ts

@@ -1,16 +1,35 @@
-import * as TextField from './textfield';
-import * as TextAreaField from './textareafield';
-import * as NumberField from './numberfield';
-import * as DateField from './date/datefield';
-import * as RadioField from './radiofield';
-import * as SelectField from './selectfield';
-import * as ColorField from './colorfield';
-import * as MaskField from './mask/BaseMask';
-import * as CpfField from './mask/Cpf';
-import * as CnpjField from './mask/Cnpj';
-import * as PhoneField from './mask/Phone';
-import * as ZipCodeField from './mask/ZipCode';
-import * as CheckboxField from './checkboxfield';
-import * as DatePeriodField from './date/dateperiodfield';
-import * as FileField from './filefield/index';
-export { TextField, TextAreaField, NumberField, DateField, RadioField, SelectField, ColorField, MaskField, CpfField, CnpjField, PhoneField, ZipCodeField, CheckboxField, DatePeriodField, FileField, };
+export { i as TextField } from '../index-3b70931d.js';
+export { i as TextAreaField } from '../index-208e7f62.js';
+export { i as NumberField } from '../index-ecafc8c6.js';
+export { i as DateField } from '../index-368f781f.js';
+export { i as RadioField } from '../index-03426259.js';
+export { i as SelectField } from '../index-c47f7b63.js';
+export { i as ColorField } from '../index-9e576346.js';
+export { B as MaskField } from '../BaseMask-0c14ef51.js';
+export { C as CpfField } from '../Cpf-3fa496ad.js';
+export { C as CnpjField } from '../Cnpj-bde01dd0.js';
+export { P as PhoneField } from '../Phone-2bb0b397.js';
+export { Z as ZipCodeField } from '../ZipCode-09460e18.js';
+export { i as CheckboxField } from '../index-73b84427.js';
+export { i as DatePeriodField } from '../index-c9247c1f.js';
+export { i as FileField } from '../index-7dfa8924.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/ColorStyles.js';
+import '../@types/Position.js';
+import '../@types/PermissionAttr.js';
+import './slot/index.js';
+import '../tooltip/types.js';
+import './numberfield/decimal.js';
+import './numberfield/types.js';
+import './numberfield/currency.js';
+import './date/datefield/types.js';
+import 'moment';
+import './date/types.js';
+import './radiofield/types.js';
+import '../@types/Size.js';
+import './selectfield/options.js';
+import './selectfield/item.js';
+import './selectfield/types.js';
+import 'imask';
+import './date/dateperiodfield/types.js';

package/lib/inputs2/index.js

@@ -1,33 +1,38 @@
-import * as e from "./textfield/index.js";
-import * as i from "./textareafield/index.js";
-import * as o from "./numberfield/index.js";
-import * as t from "./date/datefield/index.js";
-import * as r from "./radiofield/index.js";
-import * as s from "./selectfield/index.js";
-import * as p from "./colorfield/index.js";
-import * as a from "./mask/BaseMask.js";
-import * as d from "./mask/Cpf.js";
-import * as m from "./mask/Cnpj.js";
-import * as _ from "./mask/Phone.js";
-import * as l from "./mask/ZipCode.js";
-import * as x from "./checkboxfield/index.js";
-import * as n from "./date/dateperiodfield/index.js";
-import * as f from "./filefield/index.js";
-export {
-  x as CheckboxField,
-  m as CnpjField,
-  p as ColorField,
-  d as CpfField,
-  t as DateField,
-  n as DatePeriodField,
-  f as FileField,
-  a as MaskField,
-  o as NumberField,
-  _ as PhoneField,
-  r as RadioField,
-  s as SelectField,
-  i as TextAreaField,
-  e as TextField,
-  l as ZipCodeField
-};
-//# sourceMappingURL=index.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ZipCodeField = exports.TextField = exports.TextAreaField = exports.SelectField = exports.RadioField = exports.PhoneField = exports.NumberField = exports.MaskField = exports.FileField = exports.DatePeriodField = exports.DateField = exports.CpfField = exports.ColorField = exports.CnpjField = exports.CheckboxField = void 0;
+var TextField = _interopRequireWildcard(require("./textfield"));
+exports.TextField = TextField;
+var TextAreaField = _interopRequireWildcard(require("./textareafield"));
+exports.TextAreaField = TextAreaField;
+var NumberField = _interopRequireWildcard(require("./numberfield"));
+exports.NumberField = NumberField;
+var DateField = _interopRequireWildcard(require("./date/datefield"));
+exports.DateField = DateField;
+var RadioField = _interopRequireWildcard(require("./radiofield"));
+exports.RadioField = RadioField;
+var SelectField = _interopRequireWildcard(require("./selectfield"));
+exports.SelectField = SelectField;
+var ColorField = _interopRequireWildcard(require("./colorfield"));
+exports.ColorField = ColorField;
+var MaskField = _interopRequireWildcard(require("./mask/BaseMask"));
+exports.MaskField = MaskField;
+var CpfField = _interopRequireWildcard(require("./mask/Cpf"));
+exports.CpfField = CpfField;
+var CnpjField = _interopRequireWildcard(require("./mask/Cnpj"));
+exports.CnpjField = CnpjField;
+var PhoneField = _interopRequireWildcard(require("./mask/Phone"));
+exports.PhoneField = PhoneField;
+var ZipCodeField = _interopRequireWildcard(require("./mask/ZipCode"));
+exports.ZipCodeField = ZipCodeField;
+var CheckboxField = _interopRequireWildcard(require("./checkboxfield"));
+exports.CheckboxField = CheckboxField;
+var DatePeriodField = _interopRequireWildcard(require("./date/dateperiodfield"));
+exports.DatePeriodField = DatePeriodField;
+var FileField = _interopRequireWildcard(require("./filefield/index"));
+exports.FileField = FileField;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/inputs2/mask/BaseMask.d.ts

@@ -1,13 +1,10 @@
-import { ChangeEvent } from 'react';
-import { FactoryOpts } from 'imask';
-import { TextFieldInputProps } from '../textfield';
-export interface MaskFieldProps extends TextFieldInputProps {
-    maskOptions?: FactoryOpts;
-    onAccept?: (value: string) => void;
-    onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    autoCompleteMask?: string;
-    value?: string;
-}
-declare const Input: import('react').ForwardRefExoticComponent<MaskFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };
+import 'react';
+import '../../index-3b70931d.js';
+import 'imask';
+export { I as Input, M as MaskFieldProps } from '../../BaseMask-0c14ef51.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import '../../@types/Position.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../../tooltip/types.js';

package/lib/inputs2/mask/BaseMask.js

@@ -1,79 +1,95 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as M, useRef as V, useEffect as _ } from "react";
-import "../../node_modules/imask/esm/index.js";
-import "../../node_modules/imask/esm/controls/input.js";
-import "../../node_modules/imask/esm/masked/factory.js";
-import "../../node_modules/imask/esm/controls/mask-element.js";
-import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-mask-element.js";
-import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
-import "../../node_modules/imask/esm/controls/input-history.js";
-import "../../node_modules/react-imask/esm/input.js";
-import I from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/mixin.js";
-import { Input as y } from "../textfield/index.js";
-import { mergeRefs as b } from "../../form2/helpers.js";
-const x = M((f, k) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactImask = require("react-imask");
+var _textfield = require("../textfield");
+var _helpers = require("../../form2/helpers");
+const _excluded = ["maskOptions", "autoCompleteMask", "name", "value", "onComplete", "onChange", "onBlur", "onAccept"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    maskOptions: n = {
-      mask: "",
-      lazy: !1,
-      placeholderChar: "_"
-    },
-    autoCompleteMask: s = "",
-    name: p,
-    value: l,
-    onComplete: d,
-    onChange: a,
-    onBlur: u,
-    onAccept: g,
-    ...h
-  } = f, m = V(null), {
-    value: v,
-    unmaskedValue: i,
-    setValue: o,
-    maskRef: c
-  } = I(n, {
-    ref: m,
-    onComplete: (t, e) => {
-      d?.(e.value, e);
+      maskOptions = {
+        mask: '',
+        lazy: false,
+        placeholderChar: '_'
+      },
+      autoCompleteMask = '',
+      name,
+      value: valueFromProps,
+      onComplete,
+      onChange,
+      onBlur,
+      onAccept
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const inputRef = (0, _react.useRef)(null);
+  const {
+    value,
+    unmaskedValue,
+    setValue: setMaskValue,
+    maskRef: refMask
+  } = (0, _reactImask.useIMask)(maskOptions, {
+    ref: inputRef,
+    onComplete: (__, maskRef) => {
+      onComplete?.(maskRef.value, maskRef);
     },
-    onAccept: (t, e) => {
-      const r = {
+    onAccept: (__, maskRef) => {
+      const syntheticEvent = {
         target: {
-          name: p,
-          value: e.unmaskedValue
+          name,
+          value: maskRef.unmaskedValue
         }
       };
-      a?.(r), g?.(e.value);
+      onChange?.(syntheticEvent);
+      onAccept?.(maskRef.value);
     }
   });
-  return _(() => {
-    const t = l ?? "";
-    t === "" ? c.current && (c.current.value = "") : o(t);
-  }, [l]), /* @__PURE__ */ C(y, { ...h, type: "text", name: p, value: v, onBlur: (t) => {
-    if (i.trim().length && s) {
-      const e = i, r = n?.mask?.toString().replace(/\D+/g, "").length;
-      if (r && r > e.length)
-        switch (s) {
-          case "left":
-            o(e.padStart(r, "0"));
-            break;
-          case "right":
-            o(e.padEnd(r, "0"));
-            break;
-          default:
-            o(e);
-            break;
-        }
+  _react.default.useEffect(() => {
+    const currentValue = valueFromProps ?? '';
+    if (currentValue === '') {
+      if (refMask.current) {
+        refMask.current.value = '';
+      }
+    } else {
+      setMaskValue(currentValue);
     }
-    u && u(t);
-  }, onChange: (t) => {
-    a && a(t);
-  }, ref: b(k, m) });
+  }, [valueFromProps]);
+  return /*#__PURE__*/_react.default.createElement(_textfield.Input, _extends({}, rest, {
+    type: "text",
+    name: name,
+    value: value,
+    onBlur: e => {
+      if (unmaskedValue.trim().length && autoCompleteMask) {
+        const currentValue = unmaskedValue;
+        const sizeMask = maskOptions?.mask?.toString().replace(/\D+/g, '').length;
+        if (sizeMask && sizeMask > currentValue.length) {
+          switch (autoCompleteMask) {
+            case 'left':
+              setMaskValue(currentValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setMaskValue(currentValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setMaskValue(currentValue);
+              break;
+          }
+        }
+      }
+      if (onBlur) onBlur(e);
+    },
+    onChange: e => {
+      if (onChange) onChange(e);
+    },
+    ref: (0, _helpers.mergeRefs)(ref, inputRef)
+  }));
 });
-x.displayName = "MaskInputField";
-export {
-  x as Input
-};
-//# sourceMappingURL=BaseMask.js.map
+Input.displayName = 'MaskInputField';

package/lib/inputs2/mask/Cnpj.d.ts

@@ -1,6 +1,11 @@
-import { MaskFieldProps } from './BaseMask';
-export interface CnpjFieldProps extends MaskFieldProps {
-    onValidate?: (errors: string[]) => void;
-}
-declare const Input: import('react').ForwardRefExoticComponent<CnpjFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };
+import 'react';
+import '../../BaseMask-0c14ef51.js';
+export { a as CnpjFieldProps, I as Input } from '../../Cnpj-bde01dd0.js';
+import '../../index-3b70931d.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import '../../@types/Position.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../../tooltip/types.js';
+import 'imask';