linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/inputs2/filefield/index.d.ts

@@ -0,0 +1,10 @@
+import 'react';
+import '../../index-02a27c19.js';
+export { F as FileFieldInputProps, I as Input } from '../../index-25b80f32.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';

package/lib/inputs2/filefield/index.js

@@ -0,0 +1,174 @@
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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) => {
+  var _props$value;
+  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
+  const inputFileRef = _react.default.useRef(null);
+  const [internalFiles, setInternalFiles] = _react.default.useState([]);
+  const files = (_props$value = props === null || props === void 0 ? void 0 : props.value) !== null && _props$value !== void 0 ? _props$value : internalFiles;
+  const inputLabel = _lodash.default.isArray(files) && files.length > 0 ? "".concat(files.length, " arquivo(s) selecionado(s)") : 'Nenhum arquivo selecionado';
+  const handleSelect = event => {
+    var _props$onChange;
+    const fileList = event.target.files;
+    if (!fileList) return;
+    let selectedFiles = Array.from(fileList);
+    if (props !== null && props !== void 0 && props.maxSize) {
+      selectedFiles = selectedFiles.filter(file => file.size <= _lodash.default.toNumber(props.maxSize));
+    }
+    if (!(props !== null && props !== void 0 && props.multiple) && selectedFiles.length > 1) {
+      selectedFiles = [selectedFiles[0]];
+    }
+    if (_lodash.default.isNil(props === null || props === void 0 ? void 0 : props.value)) {
+      setInternalFiles(selectedFiles);
+    }
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
+      target: {
+        name: props.name,
+        value: selectedFiles
+      }
+    });
+    inputFileRef.current.value = '';
+  };
+  const handleClear = () => {
+    var _props$onChange2;
+    if (_lodash.default.isNil(props === null || props === void 0 ? void 0 : props.value)) {
+      setInternalFiles([]);
+    }
+    (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, {
+      target: {
+        name: props.name,
+        value: ''
+      }
+    });
+    inputFileRef.current.value = '';
+  };
+  const openDialog = () => {
+    var _inputFileRef$current;
+    (_inputFileRef$current = inputFileRef.current) === null || _inputFileRef$current === void 0 ? void 0 : _inputFileRef$current.click();
+  };
+  const handleLockOnPaste = _react.default.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const handleLockOnBeforeInput = _react.default.useCallback(event => {
+    var _props$onBeforeInput;
+    (_props$onBeforeInput = props.onBeforeInput) === null || _props$onBeforeInput === void 0 ? void 0 : _props$onBeforeInput.call(props, 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 === null || props === void 0 ? void 0 : props.name,
+    accept: props === null || props === void 0 ? void 0 : props.accept,
+    multiple: props === null || props === void 0 ? void 0 : 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 === null || props === void 0 ? void 0 : props.disabled,
+    "aria-label": "Arquivos Selecionados",
+    "aria-readonly": props === null || props === void 0 ? void 0 : props.readOnly,
+    "data-state-read-only": props === null || props === void 0 ? void 0 : 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 => {
+      var _event$preventDefault;
+      event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);
+    }
+  })), _lodash.default.isArray(files) && _lodash.default.size(files) > 0 && /*#__PURE__*/_react.default.createElement(_list.default, {
+    condensed: true
+  }, files.map((file, index) => {
+    const id = "".concat(file.name, "-").concat(index + 1);
+    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+      key: id,
+      itemId: id,
+      text: file.name,
+      onMouseDown: event => {
+        var _event$preventDefault2;
+        event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);
+      }
+    });
+  }))), /*#__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 === null || props === void 0 ? void 0 : props.disabled,
+    "aria-label": "Limpar",
+    "aria-readonly": props === null || props === void 0 ? void 0 : props.readOnly,
+    "data-state-read-only": props === null || props === void 0 ? void 0 : 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 === null || props === void 0 ? void 0 : props.disabled,
+    "aria-label": "Selecionar",
+    "aria-readonly": props === null || props === void 0 ? void 0 : props.readOnly,
+    "data-state-read-only": props === null || props === void 0 ? void 0 : props.readOnly,
+    iconName: "upload4",
+    onClick: openDialog,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }))));
+});
+Input.displayName = 'FileFieldInput';

package/lib/inputs2/index.d.ts

@@ -0,0 +1,38 @@
+export { i as TextField } from '../index-02a27c19.js';
+export { i as TextAreaField } from '../index-6fcf446c.js';
+export { i as NumberField } from '../index-ecafc8c6.js';
+export { i as DateField } from '../index-368f781f.js';
+export { i as RadioField } from '../index-696662fe.js';
+export { i as SelectField } from '../index-053f615b.js';
+export { i as ColorField } from '../index-6f5c772d.js';
+export { B as MaskField } from '../BaseMask-78847f45.js';
+export { C as CpfField } from '../Cpf-3dfd54eb.js';
+export { C as CnpjField } from '../Cnpj-8366781f.js';
+export { P as PhoneField } from '../Phone-1962c0f2.js';
+export { Z as ZipCodeField } from '../ZipCode-be9c5b3b.js';
+export { i as CheckboxField } from '../index-7159df18.js';
+export { i as DatePeriodField } from '../index-c9247c1f.js';
+export { i as FileField } from '../index-25b80f32.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import './slot/index.js';
+import './textfield/base.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+import '../@types/Align.js';
+import '../@types/ColorStyles.js';
+import './textareafield/base.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 './checkboxfield/base.js';
+import './date/dateperiodfield/types.js';

package/lib/inputs2/index.js

@@ -0,0 +1,37 @@
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

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

@@ -0,0 +1,11 @@
+import 'react';
+import '../../index-02a27c19.js';
+import 'imask';
+export { I as Input, M as MaskFieldProps } from '../../BaseMask-78847f45.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';

package/lib/inputs2/mask/BaseMask.js

@@ -0,0 +1,95 @@
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = {
+        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 === null || onComplete === void 0 ? void 0 : onComplete(maskRef.value, maskRef);
+    },
+    onAccept: (__, maskRef) => {
+      const syntheticEvent = {
+        target: {
+          name,
+          value: maskRef.unmaskedValue
+        }
+      };
+      onChange === null || onChange === void 0 ? void 0 : onChange(syntheticEvent);
+      onAccept === null || onAccept === void 0 ? void 0 : onAccept(maskRef.value);
+    }
+  });
+  _react.default.useEffect(() => {
+    const currentValue = valueFromProps !== null && valueFromProps !== void 0 ? valueFromProps : '';
+    if (currentValue === '') {
+      if (refMask.current) {
+        refMask.current.value = '';
+      }
+    } else {
+      setMaskValue(currentValue);
+    }
+  }, [valueFromProps]);
+  return /*#__PURE__*/_react.default.createElement(_textfield.Input, _extends({}, rest, {
+    type: "text",
+    name: name,
+    value: value,
+    onBlur: e => {
+      if (unmaskedValue.trim().length && autoCompleteMask) {
+        var _maskOptions$mask;
+        const currentValue = unmaskedValue;
+        const sizeMask = maskOptions === null || maskOptions === void 0 ? void 0 : (_maskOptions$mask = maskOptions.mask) === null || _maskOptions$mask === void 0 ? void 0 : _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)
+  }));
+});
+Input.displayName = 'MaskInputField';

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

@@ -0,0 +1,12 @@
+import 'react';
+import '../../BaseMask-78847f45.js';
+export { a as CnpjFieldProps, I as Input } from '../../Cnpj-8366781f.js';
+import '../../index-02a27c19.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import 'imask';

package/lib/inputs2/mask/Cnpj.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("../../../lib/form2/helpers");
+var _helpers2 = require("./helpers");
+var _BaseMask = require("./BaseMask");
+const _excluded = ["name", "onValidate", "onChange", "onBlur", "errors"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 CNPJ_INVALID_MESSAGE = 'CNPJ inválido';
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+      name,
+      onValidate,
+      onChange,
+      onBlur,
+      errors: externalErrors = []
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const inputRef = (0, _react.useRef)(null);
+  const validateCnpj = raw => {
+    const hasCnpjError = externalErrors.includes(CNPJ_INVALID_MESSAGE);
+    const isValid = (0, _helpers2.CNPJValidation)(raw);
+    if (!isValid && hasCnpjError) {
+      onValidate === null || onValidate === void 0 ? void 0 : onValidate([CNPJ_INVALID_MESSAGE]);
+    }
+    if (isValid && !hasCnpjError) {
+      onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+    }
+  };
+  const handleChange = e => {
+    const rawValue = e.target.value.replace(/\D/g, '');
+    validateCnpj(rawValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, rest, {
+    type: "text",
+    name: name,
+    errors: externalErrors,
+    maskOptions: {
+      mask: '00.000.000/0000-00',
+      placeholderChar: '_',
+      lazy: false
+    },
+    onBlur: onBlur,
+    onChange: handleChange,
+    ref: (0, _helpers.mergeRefs)(ref, inputRef)
+  }));
+});
+Input.displayName = 'CnpjInputField';

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

@@ -0,0 +1,12 @@
+import 'react';
+import '../../BaseMask-78847f45.js';
+export { a as CpfFieldProps, I as Input } from '../../Cpf-3dfd54eb.js';
+import '../../index-02a27c19.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import 'imask';

package/lib/inputs2/mask/Cpf.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("./helpers");
+var _BaseMask = require("./BaseMask");
+const _excluded = ["onValidate", "onBlur", "onChange", "errors"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 CPF_INVALID_MESSAGE = 'CPF inválido';
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+      onValidate,
+      onBlur,
+      onChange,
+      errors: externalErrors = []
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const validateCpf = raw => {
+    const hasCpfError = externalErrors.includes(CPF_INVALID_MESSAGE);
+    const isValid = (0, _helpers.CPFValidation)(raw);
+    if (!isValid && hasCpfError) {
+      onValidate === null || onValidate === void 0 ? void 0 : onValidate([CPF_INVALID_MESSAGE]);
+    }
+    if (isValid && !hasCpfError) {
+      onValidate === null || onValidate === void 0 ? void 0 : onValidate([]);
+    }
+  };
+  const handleChange = e => {
+    const rawValue = e.target.value.replace(/\D/g, '');
+    validateCpf(rawValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, rest, {
+    type: "text",
+    ref: ref,
+    maskOptions: {
+      mask: '000.000.000-00',
+      placeholderChar: '_',
+      lazy: false
+    },
+    onChange: handleChange,
+    errors: externalErrors,
+    onBlur: onBlur
+  }));
+});
+Input.displayName = 'CpfInputField';

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

@@ -0,0 +1,12 @@
+import 'react';
+import '../../BaseMask-78847f45.js';
+export { I as Input, a as PhoneFieldProps } from '../../Phone-1962c0f2.js';
+import '../../index-02a27c19.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import 'imask';

package/lib/inputs2/mask/Phone.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BaseMask = require("./BaseMask");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    isCellphone = false
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, props, {
+    type: "text",
+    maskOptions: {
+      mask: isCellphone ? '(00) 00000-0000' : '(00) 0000-0000',
+      placeholderChar: '_',
+      lazy: false
+    },
+    ref: ref
+  }));
+});
+Input.displayName = 'PhoneInputField';

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

@@ -0,0 +1,12 @@
+import 'react';
+import '../../BaseMask-78847f45.js';
+export { I as Input } from '../../ZipCode-be9c5b3b.js';
+import '../../index-02a27c19.js';
+import '../../@types/PermissionAttr.js';
+import '../slot/index.js';
+import '../textfield/base.js';
+import '../../tooltip/types.js';
+import '../../@types/Position.js';
+import '../../@types/Align.js';
+import '../../@types/ColorStyles.js';
+import 'imask';

package/lib/inputs2/mask/ZipCode.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BaseMask = require("./BaseMask");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+const Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.Input, _extends({}, props, {
+    type: "text",
+    maskOptions: {
+      mask: '00000-000',
+      placeholderChar: '_',
+      lazy: false
+    },
+    ref: ref
+  }));
+});
+Input.displayName = 'ZipCodeInputField';

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

@@ -0,0 +1,4 @@
+declare function CPFValidation(cpf?: string): boolean;
+declare function CNPJValidation(cnpj?: string): boolean;
+
+export { CNPJValidation, CPFValidation };

package/lib/inputs2/mask/helpers.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CNPJValidation = CNPJValidation;
+exports.CPFValidation = CPFValidation;
+var _lodash = require("lodash");
+const allEqualDigits = input => input.split('').every(char => char === input[0]);
+function CPFValidation(cpf) {
+  const stringCpf = cpf ? cpf.replace(/[^\d]+/g, '') : '';
+  let sum = 0;
+  let split;
+  if (stringCpf === '' || stringCpf.length < 11) return false;
+  if (allEqualDigits(stringCpf)) return false;
+  for (let i = 0; i < 9; i++) {
+    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (10 - i);
+  }
+  split = sum * 10 % 11;
+  if (split === 10 || split === 11) split = 0;
+  if (split !== (0, _lodash.parseInt)(stringCpf.charAt(9), 10)) return false;
+  sum = 0;
+  for (let i = 0; i < 10; i++) {
+    sum += (0, _lodash.parseInt)(stringCpf.charAt(i), 10) * (11 - i);
+  }
+  split = sum * 10 % 11;
+  if (split === 10 || split === 11) split = 0;
+  if (split !== (0, _lodash.parseInt)(stringCpf.charAt(10), 10)) return false;
+  return true;
+}
+function CNPJValidation(cnpj) {
+  const stringCnpj = cnpj ? cnpj.replace(/[^\d]+/g, '') : '';
+  if (stringCnpj === '' || stringCnpj.length !== 14) return false;
+  if (allEqualDigits(stringCnpj)) return false;
+  let length = stringCnpj.length - 2;
+  let numbers = stringCnpj.substring(0, length);
+  const digits = stringCnpj.substring(length);
+  let sum = 0;
+  let pos = length - 7;
+  for (let i = length; i >= 1; i--) {
+    sum += (0, _lodash.parseInt)(numbers.charAt(length - i), 10) * pos--;
+    if (pos < 2) pos = 9;
+  }
+  let result = sum % 11 < 2 ? 0 : 11 - sum % 11;
+  if (result.toString() !== digits.charAt(0)) return false;
+  length += 1;
+  numbers = stringCnpj.substring(0, length);
+  sum = 0;
+  pos = length - 7;
+  for (let i = length; i >= 1; i--) {
+    sum += (0, _lodash.parseInt)(numbers.charAt(length - i), 10) * pos--;
+    if (pos < 2) pos = 9;
+  }
+  result = sum % 11 < 2 ? 0 : 11 - sum % 11;
+  if (result.toString() !== digits.charAt(1)) return false;
+  return true;
+}