linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs/file/DragDropFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropFile.js","sources":["../../../src/lib/inputs/file/DragDropFile.tsx"],"sourcesContent":["import { useState, DragEvent, Fragment } from 'react';\nimport _ from 'lodash';\nimport { DangerButton, PrimaryButton } from '../../buttons';\nimport Icon from '../../icons';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport { IDragDropFileProps } from './types';\nimport Hint from '../../hint';\nimport { ErrorMessage } from '../errorMessage';\n\nconst getFilesList = (files: FileList | null | undefined): File[] => (\n  !files?.length ? [] : _.map(files, file => file)\n);\n\nconst getAcceptFilesLabel = (valueAccept: string) =>\n  valueAccept.split(',').map(value => (value.includes('.') ? value.split('.')[1] : value.split('/')[1])).join(', ');\n\nconst getAcceptFilesWithoutRemoveText = (value: string) => value.split(', ');\n\nconst DragDropFile = (props: IDragDropFileProps) => {\n  const {\n    id = Math.random().toString(36).substring(2, 7),\n    accept = 'image/png, image/jpeg',\n    labelButton = 'Selecionar',\n    subtitleDragDrop = 'Selecione arquivos do tipo ',\n    titleDragDrop = 'Arquivo para importação',\n    onBtnClickInsert,\n    inputRef,\n    onChange,\n    onDragEnter,\n    onDragOver,\n    onDragLeave,\n    onDrop,\n    showSubtitle = true,\n    multiple = false,\n    hint = [],\n    hintPosition = 'below',\n    errorMessages = [],\n    skeletonize = false,\n  } = props;\n\n  const [dragActive, setDragActive] = useState(false);\n  const [fileList, setFileList] = useState<File[]>([]);\n  const [typeNotAccept, setTypeNotAccept] = useState(false);\n  const [message, setMessage] = useState({\n    class: '',\n    text: titleDragDrop,\n    subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),\n    error: false,\n  });\n\n  const handleDrag = (e: DragEvent) => {\n    e.preventDefault?.();\n    e.stopPropagation?.();\n  };\n\n  const checkTypeNotAccept = (types: string[], getTypesArray: string[], e: DragEvent) => {\n    setTypeNotAccept(false);\n\n    getTypesArray.forEach((element) => {\n      if (!typeNotAccept && types.indexOf(element) === -1) {\n        setTypeNotAccept(true);\n      }\n      return typeNotAccept;\n    });\n\n    if (!multiple && (e.dataTransfer.items.length > 1 || fileList.length > 0)) {\n      setMessage({\n        class: 'disapprovedFile',\n        text: 'Não é permitido anexar mais de um arquivo.',\n        subtitle: '',\n        error: true,\n      });\n    } else if (typeNotAccept) {\n      setMessage({\n        class: 'disapprovedFile',\n        text: 'Por favor, verifique a extensão do(s) arquivo(s) inserido(s).',\n        subtitle: `Apenas as extensões ${getAcceptFilesLabel(accept)} são permitidas.`,\n        error: true,\n      });\n    } else {\n      setMessage({\n        class: 'approvedFile',\n        text: titleDragDrop,\n        subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),\n        error: false,\n      });\n    }\n  };\n  const getTypesFiles = (e: DragEvent) => {\n    let typesFilesDrag: string[] = [];\n    if (e.dataTransfer.items) {\n      Array.from(e.dataTransfer.items).map((item) => {\n        if (typesFilesDrag.indexOf(item.type) === -1) {\n          typesFilesDrag = [...typesFilesDrag, item.type];\n        }\n        return typesFilesDrag;\n      });\n    }\n    return typesFilesDrag;\n  };\n\n  const handleDragEnter = (e: DragEvent) => {\n    const arrayTypes = getAcceptFilesWithoutRemoveText(accept);\n    const getTypesArray = getTypesFiles(e);\n    checkTypeNotAccept(arrayTypes, getTypesArray, e);\n    handleDrag(e);\n    setDragActive(true);\n    onDragEnter?.(e);\n  };\n\n  const handleDragLeave = (e: DragEvent) => {\n    setMessage({\n      class: '',\n      text: titleDragDrop,\n      subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),\n      error: false,\n    });\n    handleDrag(e);\n    setDragActive(false);\n    onDragLeave?.(e);\n  };\n\n  const handleDragOver = (\n    e: DragEvent<HTMLInputElement | HTMLTextAreaElement | HTMLDivElement>,\n  ) => {\n    handleDrag(e);\n    onDragOver?.(e);\n  };\n\n  const handleDrop = (e: DragEvent) => {\n    handleDrag(e);\n    setDragActive(false);\n    const input = e.dataTransfer;\n    if (input && !message.error) {\n      const files = getFilesList(input.files);\n      if (files.length > 0) {\n        const fileNoRepeat = fileList.concat(files);\n        const ids = fileNoRepeat.map(o => o.name);\n        const filtered = fileNoRepeat.filter(({ name }, index) => !ids.includes(name, index + 1));\n        setFileList(filtered);\n        onChange?.(files, e);\n        onDrop?.(e);\n      }\n    }\n    setMessage({\n      class: '',\n      text: titleDragDrop,\n      subtitle: subtitleDragDrop + getAcceptFilesLabel(accept),\n      error: false,\n    });\n  };\n\n  const handleChange = (e: CustomInputEvent) => {\n    e.preventDefault?.();\n    const files = getFilesList(e.target.files);\n    if (files.length > 0 && !typeNotAccept) {\n      const fileNoRepeat = fileList.concat(files);\n      const ids = fileNoRepeat.map(o => o.name);\n      const filesFiltered =\n        fileNoRepeat.filter(({ name }, index) => !ids.includes(name, index + 1));\n      setFileList(filesFiltered);\n      onChange?.(files, e);\n    }\n  };\n\n  const onButtonClickRemoveAll = () => setFileList([]);\n\n  const handleRemoveFile = (fileName: string) => {\n    setFileList(prevState => prevState.filter(file => file.name !== fileName));\n  };\n\n  const generateListArray = () => {\n    if (fileList?.length === 1) {\n      return (\n        <Fragment>\n          {fileList[0].type === 'image/jpeg' || fileList[0].type === 'image/png' ?\n            <img alt={fileList[0].name} src={URL.createObjectURL(fileList[0])} /> :\n            <Icon size={64} name=\"file_excel\" />\n          }\n          <div className=\"image-preview-solo\">\n            <div className=\"description-file\">\n              <span className=\"subtitle\">{fileList[0].name}</span>\n            </div>\n          </div>\n        </Fragment>\n      );\n    }\n    return (\n      <ul className=\"file-list\">\n        {fileList.length > 0 && fileList.map(file => (\n          <li\n            key={`${file.name}${file.size}`}\n            className=\"file-card\">\n            <DangerButton\n              transparent\n              boxShadow={false}\n              className=\"delete-button\"\n              onClick={() => handleRemoveFile(file.name)}\n              icon={<Icon customClass=\"color-icon-upload\" name=\"close\" />} />\n            <div className=\"image-content\">\n              {(file.type === 'image/jpeg' || file.type === 'image/png') && (\n                <img\n                  alt={file.name}\n                  className=\"image-preview\"\n                  src={URL.createObjectURL(file)} />\n              )}\n            </div>\n            <div className=\"description-file\">\n              <span className=\"subtitle\">{file.name}</span>\n            </div>\n          </li>\n        ))}\n      </ul>\n    );\n  };\n\n  return (\n    <div className=\"input-dragdrop-container\" onDragEnter={handleDragEnter} onSubmit={e => e.preventDefault()}>\n      <div className={`drag-content ${skeletonize ? '-skeletonized' : ''}`}>\n        <div className={`${message.class} ${!skeletonize ? 'content' : ''}`}>\n          {message.error || fileList.length === 0\n            ? (\n              <label htmlFor={id}>\n                <h1 className=\"title\" style={{ paddingBottom: '20px' }}>{message.text}</h1>\n                {showSubtitle && <p className=\"subtitle\">{message.subtitle}</p>}\n                {!skeletonize &&\n                <PrimaryButton onClick={onBtnClickInsert} label={labelButton} />}\n              </label>\n              )\n            : (\n              <Fragment>\n                {generateListArray()}\n                <footer className=\"footer-button-action\">\n                  {((!multiple && fileList.length < 1) || multiple) && (\n                  <PrimaryButton\n                    className=\"selectButton\"\n                    onClick={onBtnClickInsert}\n                    label={labelButton} />\n                  )}\n                  <DangerButton\n                    className=\"cancelButton\"\n                    onClick={onButtonClickRemoveAll}\n                    icon={<Icon name=\"close\" color=\"white\" />}\n                    label=\"Limpar\" />\n                </footer>\n              </Fragment>\n              )}\n        </div>\n        <InputTextBase\n          {...props}\n          inputRef={inputRef}\n          style={{ display: 'none' }}\n          type=\"file\"\n          id={id}\n          accept={accept}\n          multiple={multiple}\n          onDragOver={handleDragOver}\n          onDrop={handleDrop}\n          onDragLeave={handleDragLeave}\n          onChange={handleChange} />\n        {dragActive && (\n          <div\n            className=\"drag-position-element\"\n            id=\"dragFileElement\"\n            onDragEnter={handleDragEnter}\n            onDragLeave={handleDragLeave}\n            onDragOver={handleDragOver}\n            onDrop={handleDrop} />\n        )}\n      </div>\n      <ErrorMessage messages={errorMessages} />\n      <Hint visible={!!hint && hintPosition === 'below'} customClass=\"hint\" description={hint} />\n    </div>\n  );\n};\n\nexport default DragDropFile;\n"],"names":["getFilesList","files","length","_","map","file","getAcceptFilesLabel","valueAccept","split","value","includes","join","getAcceptFilesWithoutRemoveText","DragDropFile","props","id","Math","random","toString","substring","accept","labelButton","subtitleDragDrop","titleDragDrop","onBtnClickInsert","inputRef","onChange","onDragEnter","onDragOver","onDragLeave","onDrop","showSubtitle","multiple","hint","hintPosition","errorMessages","skeletonize","dragActive","setDragActive","useState","fileList","setFileList","typeNotAccept","setTypeNotAccept","message","setMessage","class","text","subtitle","error","handleDrag","e","preventDefault","stopPropagation","checkTypeNotAccept","types","getTypesArray","forEach","element","indexOf","dataTransfer","items","getTypesFiles","typesFilesDrag","Array","from","item","type","handleDragEnter","arrayTypes","handleDragLeave","handleDragOver","handleDrop","input","fileNoRepeat","concat","ids","o","name","filtered","filter","index","handleChange","target","filesFiltered","onButtonClickRemoveAll","handleRemoveFile","fileName","prevState","generateListArray","Fragment","jsx","URL","createObjectURL","Icon","jsxs","DangerButton","size","paddingBottom","PrimaryButton","InputTextBase","display","ErrorMessage","Hint"],"mappings":"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"}

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

@@ -1,13 +1,3 @@
-import { IFileProps } from './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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, 'onBtnClickInsert'>) => JSX.Element;
-
-export { File as default };
+import { IFileProps } from './types';
+declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, "onBtnClickInsert">) => import("react/jsx-runtime").JSX.Element;
+export default File;

package/lib/inputs/file/File.js

@@ -1,64 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _DefaultFile = _interopRequireDefault(require("./DefaultFile"));
-var _DragDropFile = _interopRequireDefault(require("./DragDropFile"));
-var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
-var _helpers = require("./helpers");
-const _excluded = ["applyDragDrop", "defaultFiles", "gridLayout", "onBtnClickRemove"];
-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 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 File = _ref => {
-  let {
-      applyDragDrop = false,
-      defaultFiles,
-      gridLayout,
-      onBtnClickRemove: onBtnClickRemoveProp
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const inputFileRef = (0, _react.useRef)(null);
-  const onBtnClickInsert = () => {
-    inputFileRef.current?.click();
+import { jsx as i } from "react/jsx-runtime";
+import { useRef as m, useEffect as u } from "react";
+import p from "./DefaultFile.js";
+import C from "./DragDropFile.js";
+import a from "../../gridlayout/GridCol.js";
+import { transformFilesToFileList as h } from "./helpers.js";
+const v = ({
+  applyDragDrop: s = !1,
+  defaultFiles: r,
+  gridLayout: e,
+  onBtnClickRemove: n,
+  ...o
+}) => {
+  const t = m(null), c = () => {
+    t.current?.click();
+  }, l = () => {
+    t.current && (t.current.value = "", n && n()), n && n();
   };
-  const onBtnClickRemove = () => {
-    if (inputFileRef.current) {
-      inputFileRef.current.value = '';
-      if (onBtnClickRemoveProp) onBtnClickRemoveProp();
-    }
-    if (onBtnClickRemoveProp) onBtnClickRemoveProp();
-  };
-  (0, _react.useEffect)(() => {
-    if (inputFileRef?.current && defaultFiles) {
-      inputFileRef.current.files = (0, _helpers.transformFilesToFileList)(defaultFiles);
-    }
-  }, [inputFileRef?.current]);
-  const component = applyDragDrop ? /*#__PURE__*/_react.default.createElement(_DragDropFile.default, _extends({}, rest, {
-    defaultFiles: defaultFiles,
-    inputRef: inputFileRef,
-    onBtnClickInsert: () => onBtnClickInsert()
-  })) : /*#__PURE__*/_react.default.createElement(_DefaultFile.default, _extends({}, rest, {
-    inputRef: inputFileRef,
-    defaultFiles: defaultFiles,
-    onBtnClickRemove: () => onBtnClickRemove(),
-    onBtnClickInsert: () => onBtnClickInsert()
-  }));
-  if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
-      customClass: "-withinput",
-      cols: gridLayout,
-      style: {
-        height: '100%'
-      }
-    }, component);
-  }
-  return component;
+  u(() => {
+    t?.current && r && (t.current.files = h(r));
+  }, [t?.current]);
+  const f = s ? /* @__PURE__ */ i(C, { ...o, defaultFiles: r, inputRef: t, onBtnClickInsert: () => c() }) : /* @__PURE__ */ i(p, { ...o, inputRef: t, defaultFiles: r, onBtnClickRemove: () => l(), onBtnClickInsert: () => c() });
+  return e !== void 0 ? /* @__PURE__ */ i(a, { customClass: "-withinput", cols: e, style: {
+    height: "100%"
+  }, children: f }) : f;
+};
+export {
+  v as default
 };
-var _default = exports.default = File;
+//# sourceMappingURL=File.js.map

package/lib/inputs/file/File.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.js","sources":["../../../src/lib/inputs/file/File.tsx"],"sourcesContent":["import { useRef, useEffect } from 'react';\nimport DefaultFile from './DefaultFile';\nimport DragDropFile from './DragDropFile';\nimport Grid from '../../gridlayout';\nimport { IFileProps } from './types';\nimport { transformFilesToFileList } from './helpers';\n\nconst File = ({\n  applyDragDrop = false, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp,  ...rest\n}: Omit<IFileProps, 'onBtnClickInsert'>) => {\n  const inputFileRef = useRef<HTMLInputElement>(null);\n\n  const onBtnClickInsert = () => {\n    inputFileRef.current?.click();\n  };\n\n  const onBtnClickRemove = () => {\n    if (inputFileRef.current) {\n      inputFileRef.current.value = '';\n      if (onBtnClickRemoveProp) onBtnClickRemoveProp();\n    }\n    if (onBtnClickRemoveProp) onBtnClickRemoveProp();\n  };\n\n  useEffect(() => {\n    if (inputFileRef?.current && defaultFiles) {\n      inputFileRef.current.files = transformFilesToFileList(defaultFiles);\n    }\n  }, [inputFileRef?.current]);\n\n  const component = applyDragDrop ?\n      (<DragDropFile\n        {...rest}\n        defaultFiles={defaultFiles}\n        inputRef={inputFileRef as any}\n        onBtnClickInsert={() => onBtnClickInsert()} />\n      ) :\n      (<DefaultFile\n        {...rest}\n        inputRef={inputFileRef as any}\n        defaultFiles={defaultFiles}\n        onBtnClickRemove={() => onBtnClickRemove()}\n        onBtnClickInsert={() => onBtnClickInsert()} />\n      );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withinput\" cols={gridLayout} style={{ height: '100%' }} >\n        {component}\n      </Grid>\n    );\n  }\n\n  return component;\n};\n\nexport default File;\n"],"names":["File","applyDragDrop","defaultFiles","gridLayout","onBtnClickRemove","onBtnClickRemoveProp","rest","inputFileRef","useRef","onBtnClickInsert","current","click","value","useEffect","files","transformFilesToFileList","component","jsx","DragDropFile","DefaultFile","undefined","Grid","height"],"mappings":";;;;;;AAOA,MAAMA,IAAOA,CAAC;AAAA,EACZC,eAAAA,IAAgB;AAAA,EAAOC,cAAAA;AAAAA,EAAcC,YAAAA;AAAAA,EAAYC,kBAAkBC;AAAAA,EAAuB,GAAGC;AACzD,MAAM;AAC1C,QAAMC,IAAeC,EAAyB,IAAI,GAE5CC,IAAmBA,MAAM;AAC7BF,IAAAA,EAAaG,SAASC,MAAAA;AAAAA,EACxB,GAEMP,IAAmBA,MAAM;AAC7B,IAAIG,EAAaG,YACfH,EAAaG,QAAQE,QAAQ,IACzBP,KAAsBA,EAAAA,IAExBA,KAAsBA,EAAAA;AAAAA,EAC5B;AAEAQ,EAAAA,EAAU,MAAM;AACd,IAAIN,GAAcG,WAAWR,MAC3BK,EAAaG,QAAQI,QAAQC,EAAyBb,CAAY;AAAA,EAEtE,GAAG,CAACK,GAAcG,OAAO,CAAC;AAE1B,QAAMM,IAAYf,IACb,gBAAAgB,EAACC,GAAA,EACA,GAAIZ,GACJ,cAAAJ,GACA,UAAUK,GACV,kBAAkB,MAAME,EAAAA,EAAiB,KAE1C,gBAAAQ,EAACE,GAAA,EACA,GAAIb,GACJ,UAAUC,GACV,cAAAL,GACA,kBAAkB,MAAME,EAAAA,GACxB,kBAAkB,MAAMK,EAAAA,EAAiB,CAAE;AAGjD,SAAIN,MAAeiB,2BAEdC,GAAA,EAAK,aAAY,cAAa,MAAMlB,GAAY,OAAO;AAAA,IAAEmB,QAAQ;AAAA,EAAA,GAC/DN,UAAAA,GACH,IAIGA;AACT;"}

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

@@ -1,13 +1,3 @@
-import { IFileButtonSettingsProps } from './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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const FileButtonSettings: (props: IFileButtonSettingsProps) => JSX.Element;
-
-export { FileButtonSettings as default };
+import { IFileButtonSettingsProps } from './types';
+declare const FileButtonSettings: (props: IFileButtonSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default FileButtonSettings;

package/lib/inputs/file/FileButtonSettings.js

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _icons = _interopRequireDefault(require("../../icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FileButtonSettings = props => {
-  const {
-    size = 'medium',
-    labelButton = 'Selecionar',
-    id,
-    onBtnClickInsert
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    className: "uploadButton simple-search-file-button -shadowsdisabled -transparent",
-    onClick: onBtnClickInsert,
-    size: size,
-    style: {
-      height: '100%'
-    },
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "file_download"
-    }),
-    label: labelButton
-  }));
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../_virtual/compiler-runtime.js";
+import u from "../../buttons/Button.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import b from "../../icons/index.js";
+const g = (f) => {
+  const t = p.c(9), {
+    size: c,
+    labelButton: d,
+    id: n,
+    onBtnClickInsert: s
+  } = f, r = c === void 0 ? "medium" : c, a = d === void 0 ? "Selecionar" : d;
+  let o, l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+    height: "100%"
+  }, l = /* @__PURE__ */ m(b, { name: "file_download" }), t[0] = o, t[1] = l) : (o = t[0], l = t[1]);
+  let e;
+  t[2] !== a || t[3] !== s || t[4] !== r ? (e = /* @__PURE__ */ m(u, { className: "uploadButton simple-search-file-button -shadowsdisabled -transparent", onClick: s, size: r, style: o, icon: l, label: a }), t[2] = a, t[3] = s, t[4] = r, t[5] = e) : e = t[5];
+  let i;
+  return t[6] !== n || t[7] !== e ? (i = /* @__PURE__ */ m("label", { htmlFor: n, children: e }), t[6] = n, t[7] = e, t[8] = i) : i = t[8], i;
 };
-var _default = exports.default = FileButtonSettings;
+export {
+  g as default
+};
+//# sourceMappingURL=FileButtonSettings.js.map

package/lib/inputs/file/FileButtonSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileButtonSettings.js","sources":["../../../src/lib/inputs/file/FileButtonSettings.tsx"],"sourcesContent":["import Button from '../../buttons';\nimport Icon from '../../icons';\nimport { IFileButtonSettingsProps } from './types';\n\nconst FileButtonSettings = (props: IFileButtonSettingsProps) => {\n  const { size = 'medium', labelButton = 'Selecionar', id, onBtnClickInsert } = props;\n\n  return (\n    <label htmlFor={id}>\n      <Button\n        className=\"uploadButton simple-search-file-button -shadowsdisabled -transparent\"\n        onClick={onBtnClickInsert}\n        size={size}\n        style={{ height: '100%' }}\n        icon={<Icon name=\"file_download\" />}\n        label={labelButton} />\n    </label>\n  );\n};\n\nexport default FileButtonSettings;\n"],"names":["FileButtonSettings","props","$","_c","size","t0","labelButton","t1","id","onBtnClickInsert","undefined","t2","t3","Symbol","for","height","Icon","t4","jsx","Button","t5"],"mappings":";;;;;AAIA,MAAMA,IAAqBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACzB;AAAA,IAAAC,MAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,EAAAA,IAA8ER,GAAtEG,IAAAC,MAAAK,SAAA,WAAAL,GAAiBC,IAAAC,MAAAG,SAAA,eAAAH;AAA0B,MAAAI,GAAAC;AAAA,EAAAV,EAAA,CAAA,MAAAW,OAAAC,IAAA,2BAAA,KAQtCH,IAAA;AAAA,IAAAI,QAAU;AAAA,EAAA,GACXH,sBAACI,GAAA,EAAU,MAAA,gBAAA,CAAe,GAAGd,OAAAS,GAAAT,OAAAU,MAAAD,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAI,KAAAJ,SAAAO,KAAAP,EAAA,CAAA,MAAAE,KALrCa,IAAA,gBAAAC,EAACC,GAAA,EACW,WAAA,wEACDV,SAAAA,GACHL,MAAAA,GACC,OAAAO,GACD,MAAAC,GACCN,OAAAA,GAAW,GAAIJ,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAkB;AAAA,SAAAlB,EAAA,CAAA,MAAAM,KAAAN,SAAAe,KAP1BG,IAAA,gBAAAF,EAAA,SAAA,EAAgBV,SAAAA,GACdS,UAAAA,GAOF,GAAQf,OAAAM,GAAAN,OAAAe,GAAAf,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA,GARRkB;AAQQ;"}

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

@@ -1,13 +1,2 @@
-import { CustomFile } from './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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-declare const transformFilesToFileList: (files: CustomFile) => FileList;
-
-export { transformFilesToFileList };
+import { CustomFile } from './types';
+export declare const transformFilesToFileList: (files: CustomFile) => FileList;

package/lib/inputs/file/helpers.js

@@ -1,21 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformFilesToFileList = void 0;
-const transformFilesToFileList = files => {
-  let newFiles = files;
-  if (!(newFiles instanceof FileList)) {
-    const dt = new DataTransfer();
-    if (newFiles instanceof File) {
-      dt.items.add(newFiles);
-      newFiles = dt.files;
-    } else {
-      newFiles.map(file => dt.items.add(file));
-      newFiles = dt.files;
-    }
+const n = (s) => {
+  let e = s;
+  if (!(e instanceof FileList)) {
+    const i = new DataTransfer();
+    e instanceof File ? (i.items.add(e), e = i.files) : (e.map((t) => i.items.add(t)), e = i.files);
   }
-  return newFiles;
+  return e;
 };
-exports.transformFilesToFileList = transformFilesToFileList;
+export {
+  n as transformFilesToFileList
+};
+//# sourceMappingURL=helpers.js.map

package/lib/inputs/file/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../src/lib/inputs/file/helpers.ts"],"sourcesContent":["import { CustomFile } from './types';\n\nexport const transformFilesToFileList = (files: CustomFile) => {\n  let newFiles = files;\n  if (!(newFiles instanceof FileList)) {\n    const dt = new DataTransfer();\n    if (newFiles instanceof File) {\n      dt.items.add(newFiles);\n      newFiles = dt.files;\n    } else {\n      newFiles.map(file => dt.items.add(file));\n      newFiles = dt.files;\n    }\n  }\n  return newFiles as FileList;\n};\n"],"names":["transformFilesToFileList","files","newFiles","FileList","dt","DataTransfer","File","items","add","map","file"],"mappings":"AAEO,MAAMA,IAA2BA,CAACC,MAAsB;AAC7D,MAAIC,IAAWD;AACf,MAAI,EAAEC,aAAoBC,WAAW;AACnC,UAAMC,IAAK,IAAIC,aAAAA;AACf,IAAIH,aAAoBI,QACtBF,EAAGG,MAAMC,IAAIN,CAAQ,GACrBA,IAAWE,EAAGH,UAEdC,EAASO,IAAIC,CAAAA,MAAQN,EAAGG,MAAMC,IAAIE,CAAI,CAAC,GACvCR,IAAWE,EAAGH;AAAAA,EAElB;AACA,SAAOC;AACT;"}

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

@@ -1,16 +1,5 @@
-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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-
-
-export { File as default };
+import { default as File } from './File';
+import { default as DefaultFile } from './DefaultFile';
+import { default as DragDropFile } from './DragDropFile';
+export default File;
+export { DefaultFile, DragDropFile, };

package/lib/inputs/file/index.js

@@ -1,23 +1,9 @@
-"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"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _File.default;
+import r from "./File.js";
+import { default as t } from "./DefaultFile.js";
+import { default as l } from "./DragDropFile.js";
+export {
+  t as DefaultFile,
+  l as DragDropFile,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -1,14 +1,8 @@
-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 '../../tooltip/types.js';
-import '../../@types/Position.js';
-
-type CustomFile = FileList | File | File[];
-interface IFileProps {
+import { RefObject, DragEvent } from 'react';
+import { Size } from '../../@types/Size';
+import { CustomInputEvent } from '../base/types';
+export type CustomFile = FileList | File | File[];
+export interface IFileProps {
     onBtnClickInsert?: () => void;
     onBtnClickRemove?: () => void;
     id?: string;
@@ -38,20 +32,18 @@ interface IFileProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-interface IDefaultFileProps extends IFileProps {
+export interface IDefaultFileProps extends IFileProps {
     onBtnClickInsert: () => void;
     onBtnClickRemove: () => void;
 }
-interface IDragDropFileProps extends IFileProps {
+export interface IDragDropFileProps extends IFileProps {
     subtitleDragDrop?: string;
     titleDragDrop?: string;
 }
-interface IFileButtonSettingsProps {
+export interface IFileButtonSettingsProps {
     id: string;
     labelFileButton?: string;
     size?: Size;
     labelButton?: string;
     onBtnClickInsert: () => void;
 }
-
-export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };

package/lib/inputs/index.d.ts

@@ -0,0 +1,14 @@
+import { default as TextField } from './text';
+import { default as FileField } from './file';
+import { default as SelectField } from './select';
+import { default as SearchField } from './search';
+import { default as MaskField, CnpjField, CpfField, PhoneField, ZipCodeField } from './mask';
+import { default as MultiSelectField } from './multiSelect';
+import { default as DateField } from './date';
+import { default as TextareaField } from './textarea';
+import { default as PeriodField } from './period';
+import { default as ColorField } from './color';
+import { default as NumberField, CurrencyField, DecimalField } from './number';
+import { default as ErrorMessage } from './errorMessage';
+export default TextField;
+export { TextField, FileField, SelectField, SearchField, MaskField, CnpjField, CpfField, PhoneField, ZipCodeField, MultiSelectField, DateField, NumberField, CurrencyField, DecimalField, ColorField, TextareaField, PeriodField, ErrorMessage, };

package/lib/inputs/index.js

@@ -0,0 +1,40 @@
+import r from "./text/index.js";
+import { default as a } from "./file/File.js";
+import { default as d } from "./select/index.js";
+import { default as i } from "./search/index.js";
+import { default as m } from "./mask/BaseMask.js";
+import { default as u } from "./mask/Cpf.js";
+import { default as F } from "./mask/Cnpj.js";
+import { default as C } from "./mask/Phone.js";
+import { default as M } from "./mask/ZipCode.js";
+import { default as h } from "./multiSelect/index.js";
+import { default as P } from "./date/index.js";
+import { default as b } from "./textarea/index.js";
+import { default as j } from "./period/index.js";
+import { default as y } from "./color/index.js";
+import { default as N } from "./number/index.js";
+import { ErrorMessage as q } from "./errorMessage/index.js";
+import { default as w } from "./number/Currency.js";
+import { default as A } from "./number/Decimal.js";
+export {
+  F as CnpjField,
+  y as ColorField,
+  u as CpfField,
+  w as CurrencyField,
+  P as DateField,
+  A as DecimalField,
+  q as ErrorMessage,
+  a as FileField,
+  m as MaskField,
+  h as MultiSelectField,
+  N as NumberField,
+  j as PeriodField,
+  C as PhoneField,
+  i as SearchField,
+  d as SelectField,
+  r as TextField,
+  b as TextareaField,
+  M as ZipCodeField,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/inputs/inputHOC.d.ts

@@ -1,16 +1,4 @@
-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 '../tooltip/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 };
+import { ComponentType } from 'react';
+import { IInputHOCProps } from './types';
+declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default InputHOC;

package/lib/inputs/inputHOC.js

@@ -1,44 +1,42 @@
-"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;
+import { jsx as f } from "react/jsx-runtime";
+import { c as _ } from "../_virtual/compiler-runtime.js";
+import { useState as C } from "react";
+import x from "../gridlayout/GridCol.js";
+const R = (d) => (e) => {
+  const t = _.c(14), {
+    visible: v,
+    gridLayout: h
+  } = e, E = v === void 0 ? !0 : v, n = h === void 0 ? void 0 : h, [m, b] = C(!1), [a] = C(!1);
+  let i;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    b(!0);
+  }, t[0] = i) : i = t[0];
+  const F = i;
+  let c;
+  t[1] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+    b(!1);
+  }, t[1] = c) : c = t[1];
+  const I = c;
+  let l;
+  t[2] !== m || t[3] !== a ? (l = {
+    inputHasFocus: m,
+    requiredError: a,
+    onInputReceiveFocus: F,
+    onInputLostFocus: I
+  }, t[2] = m, t[3] = a, t[4] = l) : l = t[4];
+  const o = l;
+  let r;
+  t[5] !== o || t[6] !== e ? (r = /* @__PURE__ */ f(d, { ...e, ...o }), t[5] = o, t[6] = e, t[7] = r) : r = t[7];
+  let y = r;
+  if (n !== void 0 && E) {
+    let s;
+    t[8] !== o || t[9] !== e ? (s = /* @__PURE__ */ f(d, { ...e, ...o }), t[8] = o, t[9] = e, t[10] = s) : s = t[10];
+    let u;
+    t[11] !== n || t[12] !== s ? (u = /* @__PURE__ */ f(x, { customClass: "-withinput", cols: n, children: s }), t[11] = n, t[12] = s, t[13] = u) : u = t[13], y = u;
+  }
+  return y;
 };
-var _default = exports.default = InputHOC;
+export {
+  R as default
+};
+//# sourceMappingURL=inputHOC.js.map

package/lib/inputs/inputHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputHOC.js","sources":["../../src/lib/inputs/inputHOC.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\nimport Grid from '../gridlayout';\nimport { IInputHOCProps } from './types';\n\nconst InputHOC = <ComponentProps extends IInputHOCProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      visible = true,\n      gridLayout = undefined,\n    } = props;\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n    const [requiredError] = useState(false);\n\n    const onInputReceiveFocus = () => {\n      setInputHasFocus(true);\n    };\n\n    const onInputLostFocus = () => {\n      setInputHasFocus(false);\n    };\n\n    const newProps = {\n      inputHasFocus,\n      requiredError,\n      onInputReceiveFocus,\n      onInputLostFocus,\n    };\n\n    let result = <WrappedComponent {...props} {...newProps} />;\n    if (gridLayout !== undefined && visible) {\n      result = <Grid customClass=\"-withinput\" cols={gridLayout}><WrappedComponent {...props} {...newProps} /></Grid>;\n    }\n\n    return result;\n  };\n  return EnhancedComponent;\n};\n\nexport default InputHOC;\n"],"names":["InputHOC","WrappedComponent","props","$","_c","visible","t0","gridLayout","t1","undefined","inputHasFocus","setInputHasFocus","useState","requiredError","t2","Symbol","for","onInputReceiveFocus","t3","onInputLostFocus","t4","newProps","t5","result","t6","t7","Grid"],"mappings":";;;;AAIA,MAAMA,IAAW,CACfC,MAE0BC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACxB;AAAA,IAAAC,SAAAC;AAAAA,IAAAC,YAAAC;AAAAA,EAAAA,IAGIN,GAFFG,IAAAC,MAAAG,SAAA,KAAAH,GACAC,IAAAC,MAAAC,SAAAA,SAAAD,GAEF,CAAAE,GAAAC,CAAA,IAA0CC,EAAS,EAAK,GACxD,CAAAC,CAAA,IAAwBD,EAAS,EAAK;AAAE,MAAAE;AAAA,EAAAX,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAEZF,IAAAA,MAAA;AAC1BH,IAAAA,EAAiB,EAAI;AAAA,EAAC,GACvBR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAFD,QAAAc,IAA4BH;AAE1B,MAAAI;AAAA,EAAAf,EAAA,CAAA,MAAAY,OAAAC,IAAA,2BAAA,KAEuBE,IAAAA,MAAA;AACvBP,IAAAA,EAAiB,EAAK;AAAA,EAAC,GACxBR,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAFD,QAAAgB,IAAyBD;AAEvB,MAAAE;AAAA,EAAAjB,EAAA,CAAA,MAAAO,KAAAP,SAAAU,KAEeO,IAAA;AAAA,IAAAV,eAAAA;AAAAA,IAAAG,eAAAA;AAAAA,IAAAI,qBAAAA;AAAAA,IAAAE,kBAAAA;AAAAA,EAAAA,GAKhBhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AALD,QAAAkB,IAAiBD;AAKf,MAAAE;AAAA,EAAAnB,EAAA,CAAA,MAAAkB,KAAAlB,SAAAD,KAEWoB,sBAACrB,GAAA,EAAgB,GAAKC,GAAK,GAAMmB,GAAQ,GAAIlB,OAAAkB,GAAAlB,OAAAD,GAAAC,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAA1D,MAAAoB,IAAaD;AACb,MAAIf,MAAeE,UAAfJ,GAAmC;AAAA,QAAAmB;AAAA,IAAArB,EAAA,CAAA,MAAAkB,KAAAlB,SAAAD,KACqBsB,sBAACvB,GAAA,EAAgB,GAAKC,GAAK,GAAMmB,GAAQ,GAAIlB,OAAAkB,GAAAlB,OAAAD,GAAAC,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,QAAAsB;AAAA,IAAAtB,EAAA,EAAA,MAAAI,KAAAJ,UAAAqB,KAA9FC,sBAACC,GAAA,EAAiB,aAAA,cAAmBnB,MAAAA,GAAYiB,UAAAA,GAA6C,GAAOrB,QAAAI,GAAAJ,QAAAqB,GAAArB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA,GAA9GoB,IAASA;AAAAA,EAAH;AACP,SAEMA;AAAM;"}

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

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