argous 1.2.246 → 1.3.2

package/dist/components/MenuBar/MenuBar.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,13 +30,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -125,9 +139,9 @@ var MenuBar = /** @class */ (function (_super) {
         var _d = getField(), selectedGuide = _d.selectedGuide, selectedGuideRow = _d.selectedGuideRow, _e = _d.preenchidos, preenchidos = _e === void 0 ? [] : _e;
         return (react_1.default.createElement("div", { ref: function (input) {
                 _this.fpLineGuide = input;
-            }, style: style, className: "fp-container-line-guide " + className },
+            }, style: style, className: "fp-container-line-guide ".concat(className) },
             guides.map(function (g, indexG) {
-                return react_1.default.createElement("ul", { key: indexG }, g.map(function (item, index) { return (react_1.default.createElement("li", { key: index, style: { width: liWidths[indexG] + "%" }, onClick: function () {
+                return react_1.default.createElement("ul", { key: indexG }, g.map(function (item, index) { return (react_1.default.createElement("li", { key: index, style: { width: "".concat(liWidths[indexG], "%") }, onClick: function () {
                         setField({ selectedGuide: item, selectedGuideRow: indexG });
                         _this.alterGuide(index);
                     } },
@@ -136,9 +150,9 @@ var MenuBar = /** @class */ (function (_super) {
             }),
             react_1.default.createElement("div", { className: 'fp-moving-tab', style: {
                     backgroundColor: movingTabColor,
-                    boxShadow: movingTabColor ? "0 16px 26px -14px " + movingTabColor : undefined,
-                    width: liWidths[selectedGuideRow] + "%",
-                    transform: "translate3d(" + guidePositionX + "px, " + guidePositionY + "px, 0px)",
+                    boxShadow: movingTabColor ? "0 16px 26px -14px ".concat(movingTabColor) : undefined,
+                    width: "".concat(liWidths[selectedGuideRow], "%"),
+                    transform: "translate3d(".concat(guidePositionX, "px, ").concat(guidePositionY, "px, 0px)"),
                 } },
                 selectedGuide,
                 preenchidos.indexOf(selectedGuide) >= 0 && react_1.default.createElement(fa_1.FaCheck, { className: 'fp-chck-w' }))));
@@ -154,4 +168,4 @@ MenuBar.propTypes = {
     movingTabColor: prop_types_1.default.string,
     positionSpace: prop_types_1.default.number,
 };
-exports.default = fieldsRedux_1.createField(MenuBar);
+exports.default = (0, fieldsRedux_1.createField)(MenuBar);

package/dist/components/MenuBar/index.d.ts

@@ -1,2 +1 @@
-export { default } from './MenuBar';
-export * from './MenuBar'; 
+export { default } from "./MenuBar";

package/dist/components/MonthPicker/MonthPicker.d.ts

@@ -1,8 +1,2 @@
-export interface MonthPickerProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function MonthPicker(props: MonthPickerProps): JSX.Element
-
-export default MonthPicker;
+declare const _default: any;
+export default _default;

package/dist/components/MonthPicker/MonthPicker.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,17 +30,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -45,7 +63,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var fieldsRedux_1 = require("../../fieldsRedux");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
 /**
  * @deprecated
  */
@@ -106,7 +124,7 @@ var MonthPicker = /** @class */ (function (_super) {
                 if (fieldObject.defaultValue.length > 0) {
                     if (typeof fieldObject.value[0] !== 'string') {
                         var stringifyedValues = fieldObject.value.map(function (v) { return v.toString(); });
-                        fieldsRedux_1.setField(_this.props.field, 'value', stringifyedValues);
+                        (0, fieldsRedux_1.setField)(_this.props.field, 'value', stringifyedValues);
                     }
                     var last = fieldObject.defaultValue[fieldObject.defaultValue.length - 1].toString();
                     _this.setState({ year: parseInt(last.slice(0, 4), 10) });
@@ -124,7 +142,7 @@ var MonthPicker = /** @class */ (function (_super) {
         _this.onClick = function (values, month) {
             var year = _this.state.year;
             var _a = _this.props.type, type = _a === void 0 ? 'single' : _a;
-            var formatedValue = "" + year + month;
+            var formatedValue = "".concat(year).concat(month);
             var newValue;
             if (values && values.length > 0) {
                 newValue = _this.handleExistentValue(values, formatedValue, month);
@@ -146,13 +164,13 @@ var MonthPicker = /** @class */ (function (_super) {
             var indexValue = value.indexOf(formatedValue);
             if (indexValue > -1) {
                 value.splice(indexValue, 1);
-                return __spreadArray([], value);
+                return __spreadArray([], value, true);
             }
             switch (type) {
                 case 'single':
                     return [formatedValue];
                 case 'stage': {
-                    var fieldValueLgt2 = fieldsRedux_1.getField(field, 'value').length === 2;
+                    var fieldValueLgt2 = (0, fieldsRedux_1.getField)(field, 'value').length === 2;
                     var newValue = fieldValueLgt2 ? [formatedValue] : [value[0], formatedValue];
                     if (!fieldValueLgt2) {
                         _this.closeSelect();
@@ -160,40 +178,40 @@ var MonthPicker = /** @class */ (function (_super) {
                     return newValue;
                 }
                 case 'multiple':
-                    return __spreadArray(__spreadArray([], value), [formatedValue]);
+                    return __spreadArray(__spreadArray([], value, true), [formatedValue], false);
                 default:
                     return [formatedValue];
             }
         };
         _this.handleinputValue = function (value) {
             var _a = _this.props, field = _a.field, _b = _a.type, type = _b === void 0 ? 'single' : _b;
-            value = __spreadArray([], value);
+            value = __spreadArray([], value, true);
             var sortedValues = value.sort(function (a, b) { return a > b ? 1 : 0; });
-            var inputValues = sortedValues.map(function (v) { return "" + v.toString().slice(4) + v.toString().slice(0, 4); });
+            var inputValues = sortedValues.map(function (v) { return "".concat(v.toString().slice(4)).concat(v.toString().slice(0, 4)); });
             switch (type) {
                 case 'single':
-                    fieldsRedux_1.setField(field, 'inputValue', inputValues[0]);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', inputValues[0]);
                     break;
                 case 'stage':
-                    fieldsRedux_1.setField(field, 'inputValue', "" + inputValues[0] + (inputValues[1] ? inputValues[1] : ''));
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', "".concat(inputValues[0]).concat(inputValues[1] ? inputValues[1] : ''));
                     break;
                 case 'multiple': {
                     var multipleValue = '';
                     for (var _i = 0, inputValues_1 = inputValues; _i < inputValues_1.length; _i++) {
                         var v = inputValues_1[_i];
-                        multipleValue += v.slice(0, 2) + "/" + v.slice(2) + " ";
+                        multipleValue += "".concat(v.slice(0, 2), "/").concat(v.slice(2), " ");
                     }
-                    fieldsRedux_1.setField(field, 'inputValue', multipleValue);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', multipleValue);
                     break;
                 }
                 default:
-                    fieldsRedux_1.setField(field, 'inputValue', inputValues[0]);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', inputValues[0]);
             }
         };
         _this.isActive = function (values, month) {
             var _a = _this.state, year = _a.year, stageMonths = _a.stageMonths;
-            var formatedValue = "" + year + month;
-            return (values.indexOf(formatedValue) < 0 ? '' : 'active') + " " + (stageMonths.indexOf(formatedValue) < 0 ? '' : 'hovered');
+            var formatedValue = "".concat(year).concat(month);
+            return "".concat(values.indexOf(formatedValue) < 0 ? '' : 'active', " ").concat(stageMonths.indexOf(formatedValue) < 0 ? '' : 'hovered');
         };
         _this.restYear = function () {
             var date = new Date();
@@ -202,7 +220,7 @@ var MonthPicker = /** @class */ (function (_super) {
         _this.onValueCapture = function (v) {
             var field = _this.props.field;
             var value = v.target.value;
-            fieldsRedux_1.setField(field, 'inputValue', value);
+            (0, fieldsRedux_1.setField)(field, 'inputValue', value);
             value = value.replace(/\D+/g, '');
             var valueLength = value.length;
             var resolvedValues = [];
@@ -215,7 +233,7 @@ var MonthPicker = /** @class */ (function (_super) {
                     var mes = valueAux.slice(aux, aux + 2);
                     var ano = valueAux.slice(aux + 2, aux + 6);
                     if (parseInt(mes, 10) <= 12 && parseInt(mes, 10) >= 1) {
-                        resolvedValues.push("" + ano + mes);
+                        resolvedValues.push("".concat(ano).concat(mes));
                     }
                 }
             }
@@ -246,17 +264,17 @@ var MonthPicker = /** @class */ (function (_super) {
     };
     MonthPicker.prototype.componentDidUpdate = function (prevProps) {
         var field = this.props.field;
-        fieldsRedux_1.fieldChangeListener(field, this.fieldListener, prevProps);
+        (0, fieldsRedux_1.fieldChangeListener)(field, this.fieldListener, prevProps);
     };
     MonthPicker.prototype.render = function () {
         var _this = this;
         var _a = this.props, field = _a.field, _b = _a.type, type = _b === void 0 ? 'single' : _b;
         var _c = this.state, year = _c.year, selectOpen = _c.selectOpen;
-        var values = fieldsRedux_1.getField(field, 'value');
-        var inputValue = fieldsRedux_1.getField(field, 'inputValue');
-        var mask = type === 'single' ? '11/1111' : '11/1111 à 11/1111';
+        var values = (0, fieldsRedux_1.getField)(field, 'value');
+        var inputValue = (0, fieldsRedux_1.getField)(field, 'inputValue');
+        var mask = type === 'single' ? '99/9999' : '99/9999 à 99/9999';
         return (react_1.default.createElement("div", { className: 'monthPickermaxwidth' },
-            (type === 'single' || type === 'stage') && (react_1.default.createElement(react_maskedinput_1.default, { value: inputValue, onClick: this.openSelect, onChange: this.onValueCapture, mask: mask, className: 'pg-monthpicker-input' })),
+            (type === 'single' || type === 'stage') && (react_1.default.createElement(react_input_mask_1.default, { value: inputValue, onClick: this.openSelect, onChange: this.onValueCapture, mask: mask, className: 'pg-monthpicker-input' })),
             type === 'multiple' && (react_1.default.createElement("input", { value: inputValue, onClick: this.openSelect, onChange: this.onValueCapture, className: 'pg-monthpicker-input' })),
             selectOpen && (react_1.default.createElement("div", { onClick: function (e) { return e.stopPropagation(); }, className: 'monthPickerSelect' },
                 react_1.default.createElement("div", { className: 'pg-monthpicker-year', onClick: this.restYear }, year),
@@ -285,4 +303,4 @@ MonthPicker.propTypes = {
     destroyOnUnmount: prop_types_1.default.bool,
     type: prop_types_1.default.oneOf(['single', 'stage', 'multiple'])
 };
-exports.default = fieldsRedux_1.createField(MonthPicker, { disableFieldChangeListener: true });
+exports.default = (0, fieldsRedux_1.createField)(MonthPicker, { disableFieldChangeListener: true });

package/dist/components/MonthPicker/index.d.ts

@@ -1,2 +1 @@
-export { default } from './MonthPicker';
-export * from './MonthPicker'; 
+export { default } from "./MonthPicker";

package/dist/components/MultipleSelect/MultipleSelect.d.ts

@@ -1,8 +1,2 @@
-export interface MultipleSelectProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function MultipleSelect(props: MultipleSelectProps): JSX.Element
-
-export default MultipleSelect;
+declare const _default: any;
+export default _default;

package/dist/components/MultipleSelect/MultipleSelect.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,17 +41,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -66,8 +84,8 @@ var MultipleSelect = /** @class */ (function (_super) {
         _this.onChange = function (val) {
             var _a = _this.props, onChange = _a.onChange, field = _a.field;
             var value = val.toString();
-            var fldValue = fieldsRedux_1.getField(field, 'value') || [];
-            var newValue = __spreadArray([], fldValue);
+            var fldValue = (0, fieldsRedux_1.getField)(field, 'value') || [];
+            var newValue = __spreadArray([], fldValue, true);
             var index = newValue.indexOf(value);
             if (index >= 0) {
                 newValue.splice(index, 1);
@@ -94,20 +112,20 @@ var MultipleSelect = /** @class */ (function (_super) {
     }
     MultipleSelect.prototype.componentDidMount = function () {
         var _a = this.props, optionsField = _a.optionsField, optionsDefaultValue = _a.optionsDefaultValue;
-        fieldsRedux_1.initField(optionsField, optionsDefaultValue);
+        (0, fieldsRedux_1.initField)(optionsField, optionsDefaultValue);
     };
     MultipleSelect.prototype.componentWillUnmount = function () {
         var _a = this.props, optionsField = _a.optionsField, destroyOnUnmount = _a.destroyOnUnmount;
         if (destroyOnUnmount) {
-            fieldsRedux_1.clearField(optionsField);
+            (0, fieldsRedux_1.clearField)(optionsField);
         }
     };
     MultipleSelect.prototype.render = function () {
         var _a = this, checkListSelectProps = _a.checkListSelectProps, onChange = _a.onChange;
         var _b = this.props, field = _b.field, optionsField = _b.optionsField, optionsValue = _b.optionsValue, optionsLabel = _b.optionsLabel, classActive = _b.classActive;
         var selectProps = checkListSelectProps();
-        var value = fieldsRedux_1.getField(field, 'value') || [];
-        var options = fieldsRedux_1.getField(optionsField, 'value') || [];
+        var value = (0, fieldsRedux_1.getField)(field, 'value') || [];
+        var options = (0, fieldsRedux_1.getField)(optionsField, 'value') || [];
         return (react_1.default.createElement("ul", __assign({}, selectProps), options.map(function (item, index) { return (react_1.default.createElement("li", { 
             // eslint-disable-next-line
             className: value.indexOf(item[optionsValue].toString()) >= 0 ? classActive : '', key: index, title: item[optionsLabel], onClick: function () { return onChange(item[optionsValue]); } }, item[optionsLabel])); })));
@@ -136,4 +154,4 @@ MultipleSelect.propTypes = {
     style: prop_types_1.default.object,
     classActive: prop_types_1.default.string,
 };
-exports.default = fieldsRedux_1.createField(MultipleSelect);
+exports.default = (0, fieldsRedux_1.createField)(MultipleSelect);

package/dist/components/MultipleSelect/index.d.ts

@@ -1,2 +1 @@
-export { default } from './MultipleSelect';
-export * from './MultipleSelect'; 
+export { default } from "./MultipleSelect";

package/dist/components/OtpInput/OtpInput.d.ts

@@ -1,4 +1,4 @@
-import { OutlinedTextFieldProps } from '@material-ui/core';
+import { OutlinedTextFieldProps } from '@mui/material';
 import React from 'react';
 export interface Props extends Omit<OutlinedTextFieldProps, 'onChange' | 'variant'> {
     numInputs?: number;

package/dist/components/OtpInput/OtpInput.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -42,7 +56,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 // keyCode constants
 var BACKSPACE = 8;
@@ -51,62 +65,59 @@ var RIGHT_ARROW = 39;
 var DELETE = 46;
 var SPACEBAR = 32;
 var ENTER = 13;
-var useStyles = core_1.makeStyles(function (theme) {
+var fieldSx = function (theme) {
     var _a;
-    return ({
-        field: (_a = {
-                '& [class*="MuiInputBase-root"]': {
-                    height: '100%',
-                    fontSize: 'inherit'
-                }
-            },
-            _a[theme.breakpoints.up('xs')] = {
-                margin: theme.spacing(0),
-                width: '1em',
-                height: '1em',
-                fontSize: '.6em'
-            },
-            _a[theme.breakpoints.up('sm')] = {
-                margin: theme.spacing(1),
-                width: '1em',
-                height: '1em',
-                fontSize: '.6em'
-            },
-            _a[theme.breakpoints.up('md')] = {
-                margin: theme.spacing(1),
-                width: '1.2em',
-                height: '1.2em',
-                fontSize: '.8em'
-            },
-            _a[theme.breakpoints.up('lg')] = {
-                margin: theme.spacing(2),
-                width: '1.5em',
-                height: '1.5em',
-            },
-            _a[theme.breakpoints.up('xl')] = {
-                margin: theme.spacing(2),
-                width: '1.6em',
-                height: '1.6em',
-            },
-            _a),
-        input: {
-            textAlign: 'center',
-            textTransform: 'uppercase',
-            padding: 0
-        }
-    });
-});
+    return (_a = {
+            '& [class*="MuiInputBase-root"]': {
+                height: '100%',
+                fontSize: 'inherit'
+            }
+        },
+        _a[theme.breakpoints.up('xs')] = {
+            margin: theme.spacing(0),
+            width: '1em',
+            height: '1em',
+            fontSize: '.6em'
+        },
+        _a[theme.breakpoints.up('sm')] = {
+            margin: theme.spacing(1),
+            width: '1em',
+            height: '1em',
+            fontSize: '.6em'
+        },
+        _a[theme.breakpoints.up('md')] = {
+            margin: theme.spacing(1),
+            width: '1.2em',
+            height: '1.2em',
+            fontSize: '.8em'
+        },
+        _a[theme.breakpoints.up('lg')] = {
+            margin: theme.spacing(2),
+            width: '1.5em',
+            height: '1.5em',
+        },
+        _a[theme.breakpoints.up('xl')] = {
+            margin: theme.spacing(2),
+            width: '1.6em',
+            height: '1.6em',
+        },
+        _a);
+};
+var inputStyle = {
+    textAlign: 'center',
+    textTransform: 'uppercase',
+    padding: 0
+};
 var SingleOtpInput = function (_a) {
     var separator = _a.separator, isLastChild = _a.isLastChild, focus = _a.focus, autoFocus = _a.autoFocus, index = _a.index, value = _a.value, placeholder = _a.placeholder, props = __rest(_a, ["separator", "isLastChild", "focus", "autoFocus", "index", "value", "placeholder"]);
-    var classes = useStyles();
-    var inputRef = react_1.useRef();
+    var inputRef = (0, react_1.useRef)(null);
     // Focus on first render
     // Only when autoFocus is true
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && focus && autoFocus)
             inputRef.current.focus();
     }, [focus, autoFocus]);
-    utils_1.useUpdateEffect(function () {
+    (0, utils_1.useUpdateEffect)(function () {
         // Check if focusedInput changed
         // Prevent calling function if input already in focus
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && focus) {
@@ -114,14 +125,20 @@ var SingleOtpInput = function (_a) {
             inputRef.current.select();
         }
     }, [focus]);
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(core_1.TextField, __assign({ className: classes.field, variant: 'outlined', inputProps: __assign(__assign({}, props.inputProps), { className: classes.input, autoComplete: 'off', maxLength: '1', ref: inputRef }), value: value || '', placeholder: placeholder && placeholder[index] }, props)),
-        !isLastChild && separator);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.TextField, __assign({ sx: fieldSx, variant: 'outlined', value: value || '', placeholder: placeholder && placeholder[index] }, props, { slotProps: __assign(__assign({}, props.slotProps), { htmlInput: function (ownerState) {
+                    var _a, _b;
+                    var htmlInputProps = typeof ((_a = props.slotProps) === null || _a === void 0 ? void 0 : _a.htmlInput) === 'function'
+                        ? props.slotProps.htmlInput(ownerState)
+                        : (_b = props.slotProps) === null || _b === void 0 ? void 0 : _b.htmlInput;
+                    return __assign(__assign({}, htmlInputProps), { style: __assign(__assign({}, inputStyle), htmlInputProps === null || htmlInputProps === void 0 ? void 0 : htmlInputProps.style), autoComplete: 'off', maxLength: 1, ref: inputRef });
+                } }) })),
+        !isLastChild && separator));
 };
 var OtpInput = function (_a) {
     var _b = _a.numInputs, numInputs = _b === void 0 ? 6 : _b, _c = _a.onChange, onChange = _c === void 0 ? function (otp) { return void (otp); } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.onConfirm, onConfirm = _e === void 0 ? function (otp) { return void (otp); } : _e, props = __rest(_a, ["numInputs", "onChange", "value", "onConfirm"]);
-    var _f = react_1.useState(0), activeInput = _f[0], setActiveInput = _f[1];
-    var _g = react_1.useState((value === null || value === void 0 ? void 0 : value.toString().split('')) || []), localValue = _g[0], setLocalValue = _g[1];
+    var _f = (0, react_1.useState)(0), activeInput = _f[0], setActiveInput = _f[1];
+    var _g = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value.toString().split('')) || []), localValue = _g[0], setLocalValue = _g[1];
     var otpValue = (value === null || value === void 0 ? void 0 : value.toString().split('')) || localValue;
     // Helper to return OTP from input
     var handleOtpChange = function (otp) {
@@ -202,6 +219,6 @@ var OtpInput = function (_a) {
         e.target.select();
     }; };
     var handleBlur = function () { return setActiveInput(-1); };
-    return (react_1.default.createElement(core_1.Box, { display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '8em' }, Array(numInputs).fill(0).map(function (_, i) { return (react_1.default.createElement(SingleOtpInput, __assign({}, props, { key: i, index: i, focus: activeInput === i, value: otpValue[i], onChange: handleOnChange, onKeyDown: handleOnKeyDown, onInput: handleOnInput, onPaste: handleOnPaste, onFocus: handleFocus(i), onBlur: handleBlur, isLastChild: i === numInputs - 1 }))); })));
+    return (react_1.default.createElement(material_1.Box, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '8em' } }, Array(numInputs).fill(0).map(function (_, i) { return (react_1.default.createElement(SingleOtpInput, __assign({}, props, { key: i, index: i, focus: activeInput === i, value: otpValue[i], onChange: handleOnChange, onKeyDown: handleOnKeyDown, onInput: handleOnInput, onPaste: handleOnPaste, onFocus: handleFocus(i), onBlur: handleBlur, isLastChild: i === numInputs - 1 }))); })));
 };
 exports.default = OtpInput;

package/dist/components/OtpInput/index.d.ts

@@ -1,2 +1 @@
-export { default } from './OtpInput';
-export * from './OtpInput'; 
+export { default } from "./OtpInput";

package/dist/components/OutputText/OutputText.d.ts

@@ -1,8 +1,2 @@
-export interface OutputTextProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function OutputText(props: OutputTextProps): JSX.Element
-
-export default OutputText;
+declare const _default: any;
+export default _default;