linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/inputs/file/index.d.ts

@@ -0,0 +1,16 @@
+import File from './File.js';
+export { default as DefaultFile } from './DefaultFile.js';
+export { default as DragDropFile } from './DragDropFile.js';
+import './types.js';
+import 'react';
+import '../../@types/Size.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+
+
+export { File as default };

package/lib/inputs/file/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultFile", {
+  enumerable: true,
+  get: function () {
+    return _DefaultFile.default;
+  }
+});
+Object.defineProperty(exports, "DragDropFile", {
+  enumerable: true,
+  get: function () {
+    return _DragDropFile.default;
+  }
+});
+exports.default = void 0;
+var _File = _interopRequireDefault(require("./File"));
+var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
+var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
+require("../../assets/styles/file.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _File.default;

package/lib/inputs/file/types.d.ts

@@ -0,0 +1,57 @@
+import { DragEvent, RefObject } from 'react';
+import { Size } from '../../@types/Size.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+type CustomFile = FileList | File | File[];
+interface IFileProps {
+    onBtnClickInsert?: () => void;
+    onBtnClickRemove?: () => void;
+    id?: string;
+    applyDragDrop?: boolean;
+    gridLayout?: string;
+    multiple?: boolean;
+    label?: string;
+    defaultFiles?: CustomFile;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    onChange?: (files: File[], e?: CustomInputEvent | DragEvent) => void;
+    size?: Size;
+    accept?: string;
+    labelButton?: string;
+    inputRef?: RefObject<HTMLInputElement>;
+    type?: string;
+    onDragEnter?: (e?: DragEvent) => void;
+    onDragOver?: (e?: DragEvent) => void;
+    onDrop?: (e?: DragEvent) => void;
+    onDragLeave?: (e?: DragEvent) => void;
+    errorMessages?: string[];
+    skeletonize?: boolean;
+    showSubtitle?: boolean;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+interface IDefaultFileProps extends IFileProps {
+    onBtnClickInsert: () => void;
+    onBtnClickRemove: () => void;
+}
+interface IDragDropFileProps extends IFileProps {
+    subtitleDragDrop?: string;
+    titleDragDrop?: string;
+}
+interface IFileButtonSettingsProps {
+    id: string;
+    labelFileButton?: string;
+    size?: Size;
+    labelButton?: string;
+    onBtnClickInsert: () => void;
+}
+
+export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };

package/lib/inputs/file/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/inputHOC.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { IInputHOCProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/DataCombo.js';
+import './base/types.js';
+import '../@types/Align.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+import '../drawer/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
+
+export { InputHOC as default };

package/lib/inputs/inputHOC.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const InputHOC = WrappedComponent => {
+  const EnhancedComponent = props => {
+    const {
+      visible = true,
+      gridLayout = undefined
+    } = props;
+    const [inputHasFocus, setInputHasFocus] = (0, _react.useState)(false);
+    const [requiredError] = (0, _react.useState)(false);
+    const onInputReceiveFocus = () => {
+      setInputHasFocus(true);
+    };
+    const onInputLostFocus = () => {
+      setInputHasFocus(false);
+    };
+    const newProps = {
+      inputHasFocus,
+      requiredError,
+      onInputReceiveFocus,
+      onInputLostFocus
+    };
+    let result = /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps));
+    if (gridLayout !== undefined && visible) {
+      result = /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+        customClass: "-withinput",
+        cols: gridLayout
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
+    }
+    return result;
+  };
+  return EnhancedComponent;
+};
+var _default = exports.default = InputHOC;

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

@@ -0,0 +1,12 @@
+import { IBaseMaskProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, ...rest }: IBaseMaskProps) => JSX.Element;
+
+export { BaseMask as default };

package/lib/inputs/mask/BaseMask.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _format_number = require("../number/format_number");
+var _reactImask = require("react-imask");
+var _permissionValidations = require("../../permissionValidations");
+var _helpers = require("./helpers");
+const _excluded = ["value", "defaultValue", "inputRef", "onChange", "onComplete", "permissionAttr", "mask"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const returnEventFormattedValue = (props, event) => {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor da mascara sem formatacao.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    const {
+      name
+    } = event.target;
+    const value = props.defaultValue || '';
+    return _objectSpread(_objectSpread({}, event), {}, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name
+      }
+    });
+  }
+  return event;
+};
+const getEventProps = (props, setValue, maskRef) => {
+  if (props.isNumeric) return {};
+  return {
+    onBlur: e => {
+      if (maskRef.unmaskedValue.trim().length && props.autoCompleteMask) {
+        const currentValue = maskRef.unmaskedValue;
+        const sizeMask = maskRef.mask.toString().replace(/\D+/g, '').length;
+        if (sizeMask > currentValue.length) {
+          switch (props.autoCompleteMask) {
+            case 'left':
+              setValue(currentValue.padStart(sizeMask, '0'));
+              break;
+            case 'right':
+              setValue(currentValue.padEnd(sizeMask, '0'));
+              break;
+            default:
+              setValue(currentValue);
+              break;
+          }
+        }
+      }
+      if (props.onBlur) {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: _objectSpread(_objectSpread({}, e.target), {}, {
+            value: formatedValue
+          })
+        });
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: e => {
+      if (props.onKeyDown) {
+        const {
+          value
+        } = e.target;
+        const formatedValue = (0, _format_number.formatOnlyNumbers)(value);
+        const eventWithFormatedValue = _objectSpread(_objectSpread({}, e), {}, {
+          target: {
+            value: formatedValue
+          }
+        });
+        const formattedEvent = returnEventFormattedValue(props, eventWithFormatedValue);
+        props.onKeyDown(formattedEvent);
+      }
+    }
+  };
+};
+const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const BaseMask = _ref => {
+  let {
+      value: valueProp,
+      defaultValue,
+      inputRef,
+      onChange,
+      onComplete,
+      permissionAttr,
+      mask
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  const {
+    disabled,
+    readOnly
+  } = onDenied;
+  const disableCallbacks = disabled || readOnly;
+  const maskOptions = (0, _helpers.getMaskOptions)(_objectSpread({
+    mask
+  }, rest));
+  const {
+    ref,
+    setValue,
+    setTypedValue,
+    maskRef
+  } = (0, _reactImask.useIMask)(maskOptions, {
+    defaultValue: defaultValue,
+    onAccept: (_, r) => {
+      if (!disableCallbacks && onChange) {
+        const event = {
+          target: {
+            name: r.el.input.name,
+            value: r.unmaskedValue,
+            maskedValue: r.value,
+            typedValue: r.typedValue
+          }
+        };
+        onChange(event);
+      }
+    },
+    onComplete: (_, r) => {
+      if (!disableCallbacks && onComplete) {
+        const event = {
+          target: {
+            name: r.el.input.name,
+            value: r.unmaskedValue,
+            maskedValue: r.value,
+            typedValue: r.typedValue
+          }
+        };
+        onComplete(event);
+      }
+    }
+  });
+  (0, _react.useEffect)(() => {
+    if (typeof valueProp === 'number') {
+      if (String(valueProp).trim().length > 0) setTypedValue(valueProp);else setTypedValue(0);
+    }
+    setValue((0, _format_number.numberToPtBR)(valueProp) ?? '');
+  }, [valueProp]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
+    inputRef: r => {
+      ref.current = r;
+      if (inputRef) {
+        if (typeof inputRef === 'object') inputRef.current = r;else inputRef(r);
+      }
+    },
+    permissionAttr: permissionAttr
+  }, rest, getEventProps(rest, setValue, maskRef.current)));
+};
+var _default = exports.default = BaseMask;

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

@@ -0,0 +1,15 @@
+import { ICnpjFieldProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const CnpjField: {
+    (props: ICnpjFieldProps): JSX.Element;
+    displayName: string;
+};
+
+export { CnpjField as default };

package/lib/inputs/mask/Cnpj.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+// Em caso de alteração no nome do componente deverá ser atualizada
+// à propriedade displayName, para o mesmo nome do componente
+const CnpjField = props => {
+  const {
+    value = '',
+    enableValidation = true,
+    handlerSetComponentValidator
+  } = props;
+  const [messageFromValidator, setMessageFromValidator] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (enableValidation && handlerSetComponentValidator) {
+      handlerSetComponentValidator(() => _helpers.CNPJValidation);
+    }
+  }, []);
+  const onChange = e => {
+    if (enableValidation && e) {
+      let debouncedOnChange;
+      if (!debouncedOnChange) {
+        debouncedOnChange = _lodash.default.debounce(() => {
+          (0, _helpers.CNPJValidation)(e.target.value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
+        }, 300);
+      }
+      debouncedOnChange();
+      if (props.onChange) props.onChange(e);
+    }
+    if (props.onChange) props.onChange(e);
+  };
+  const getErrorMessagesProp = () => {
+    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
+      return {
+        errorMessages: [messageFromValidator]
+      };
+    }
+    return {};
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    value: value,
+    mask: "00.000.000/0000-00",
+    onChange: onChange
+  }, getErrorMessagesProp()));
+};
+
+// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
+// getCustomProps dentro do componente Field do diretório lib/form
+CnpjField.displayName = 'CnpjField';
+var _default = exports.default = CnpjField;

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

@@ -0,0 +1,15 @@
+import { ICpfProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const CpfField: {
+    (props: ICpfProps): JSX.Element;
+    displayName: string;
+};
+
+export { CpfField as default };

package/lib/inputs/mask/Cpf.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+// Em caso de alteração no nome do componente deverá ser atualizada
+// à propriedade displayName, para o mesmo nome do componente
+const CpfField = props => {
+  const {
+    enableValidation = true,
+    handlerSetComponentValidator
+  } = props;
+  const [messageFromValidator, setMessageFromValidator] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (enableValidation && handlerSetComponentValidator) {
+      handlerSetComponentValidator(() => _helpers.CPFValidation);
+    }
+  }, []);
+  const debouncedOnChange = (0, _react.useMemo)(() => _lodash.default.debounce(value => {
+    (0, _helpers.CPFValidation)(value, !handlerSetComponentValidator ? setMessageFromValidator : undefined);
+  }, 300), [handlerSetComponentValidator]);
+  (0, _react.useEffect)(() => debouncedOnChange.cancel, []);
+  const onChange = e => {
+    if (enableValidation) {
+      debouncedOnChange(e.target.value);
+      if (props.onChange) props.onChange(e);
+    } else if (props.onChange) {
+      props.onChange(e);
+    }
+  };
+  const getErrorMessagesProp = () => {
+    if (enableValidation && !handlerSetComponentValidator && messageFromValidator) {
+      return {
+        errorMessages: [messageFromValidator]
+      };
+    }
+    return {};
+  };
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    onChange: onChange,
+    mask: "000.000.000-00"
+  }, getErrorMessagesProp()));
+};
+
+// Em caso de alteração na propriedade displayName deverá ser atualizada a lógica na função
+// getCustomProps dentro do componente Field do diretório lib/form
+CpfField.displayName = 'CpfField';
+var _default = exports.default = CpfField;

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

@@ -0,0 +1,12 @@
+import { IPhoneFieldProps } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
+
+export { PhoneField as default };

package/lib/inputs/mask/Phone.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+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); }
+const PhoneField = props => {
+  const {
+    cellNumber
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+    mask: cellNumber ? '(00) 00000-0000' : '(00) 0000-0000'
+  }));
+};
+var _default = exports.default = PhoneField;

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

@@ -0,0 +1,12 @@
+import { IZipCode } from './types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const ZipCodeField: (props: IZipCode) => JSX.Element;
+
+export { ZipCodeField as default };

package/lib/inputs/mask/ZipCode.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("./BaseMask"));
+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); }
+const ZipCodeField = props => /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({}, props, {
+  mask: "00000-000"
+}));
+var _default = exports.default = ZipCodeField;

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

@@ -0,0 +1,62 @@
+import { TextAlign } from '../../@types/Align.js';
+import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
+import * as React from 'react';
+import { CustomInputEvent } from '../base/types.js';
+import { IBaseMaskProps } from './types.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, ...rest }: IBaseMaskProps) => {
+    value?: string | number | undefined;
+    onBlur?: ((e: CustomInputEvent) => void) | undefined;
+    onKeyDown?: ((e: CustomInputEvent | React.KeyboardEvent<Element>) => void) | undefined;
+    defaultValue?: string | undefined;
+    isNumeric?: boolean | undefined;
+    blocks?: any;
+    handlerSetOnDenied?: ((onDeniedValue: OnDenied) => void) | undefined;
+    onChange?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
+    onComplete?: ((e: CustomInputEvent, maskValue?: string | undefined, date?: string | undefined) => void) | undefined;
+    inputRef?: React.MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void) | undefined;
+    permissionAttr?: PermissionAttr | undefined;
+    errorMessages?: string[] | undefined;
+    rounded?: boolean | undefined;
+    textAlign?: TextAlign | undefined;
+    customClassForInputContent?: string | undefined;
+    label?: string | undefined;
+    name?: string | undefined;
+    customClassForLabel?: string | undefined;
+    customClass?: string | undefined;
+    gridLayout?: string | undefined;
+    placeHolder?: string | undefined;
+    readOnly?: boolean | undefined;
+    labelUppercase?: boolean | undefined;
+    disabled?: boolean | undefined;
+    unmask?: boolean | undefined;
+    onFocus?: ((e: CustomInputEvent) => void) | undefined;
+    required?: boolean | undefined;
+    returnFormattedValueOnBlur?: boolean | undefined;
+    returnFormattedValueOnKeyDown?: boolean | undefined;
+    autoCompleteMask?: "left" | "right" | undefined;
+    definitions?: any;
+    mask?: any;
+    hint?: string | string[] | undefined;
+    hintPosition?: "below" | "onLabelRight" | undefined;
+    themePopover?: "light" | "dark" | undefined;
+    popoverAlign?: "left" | "right" | undefined;
+    placeholderChar: string;
+    min: any;
+    max: any;
+    lazy: boolean;
+    pattern: string;
+    radix: string;
+    thousandsSeparator: string;
+    mapToRadix: string[];
+    scale: number;
+    normalizeZeros: boolean;
+    padFractionalZeros: boolean;
+};
+declare function CPFValidation(cpf?: string, returnMessage?: (msg: string) => void): void | "CPF inválido";
+declare function CNPJValidation(cnpj?: string, returnMessage?: (msg: string) => void): void | "CNPJ inválido";
+
+export { CNPJValidation, CPFValidation, getMaskOptions };