argous 1.2.246 → 1.3.2

package/dist/components/Stepper/Stepper.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)
@@ -40,19 +54,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var StepConnector_1 = require("@mui/material/StepConnector");
+var styles_1 = require("@mui/material/styles");
+var clsx_1 = require("clsx");
 var react_1 = __importStar(require("react"));
 var lib_1 = require("react-icons/lib");
 var md_1 = require("react-icons/md");
-var ColorlibConnector = core_1.withStyles(function (theme) { return ({
-    alternativeLabel: function (_a) {
-        var orientation = _a.orientation;
-        return orientation === 'vertical' ? {
+var ColorlibConnector = (0, styles_1.styled)(material_1.StepConnector, {
+    shouldForwardProp: function (prop) { return prop !== 'customOrientation'; }
+})(function (_a) {
+    var _b, _c, _d;
+    var theme = _a.theme, customOrientation = _a.customOrientation;
+    return (_b = {},
+        _b["&.".concat(StepConnector_1.stepConnectorClasses.alternativeLabel)] = customOrientation === 'vertical' ? {
             top: -28,
             transform: 'rotate(90deg)',
             left: 'calc(-50% + 40px)',
@@ -62,194 +78,197 @@ var ColorlibConnector = core_1.withStyles(function (theme) { return ({
             }
         } : {
             top: 22,
-        };
-    },
-    active: {
-        '& $line': {
-            backgroundPosition: 'left bottom'
-        },
-    },
-    completed: {
-        '& $line': {
-            backgroundPosition: 'left bottom',
-            backgroundImage: "linear-gradient( to right, " + theme.palette.secondary.main + " 0%," + theme.palette.secondary.main + " 50%,#eaeaf0 51%, #eaeaf0 100%)",
         },
-    },
-    line: {
-        height: 3,
-        border: 0,
-        backgroundImage: "linear-gradient( to right, " + theme.palette.secondary.main + " 0%," + theme.palette.primary.main + " 50%,#eaeaf0 51%, #eaeaf0 100%)",
-        backgroundSize: '200% 100%',
-        backgroundPosition: 'right bottom',
-        transition: 'background-position 500ms ease',
-        borderRadius: 1,
-    }
-}); })(core_1.StepConnector);
-var ColorlibStepIcon = core_1.withStyles(function (theme) { return ({
-    root: {
-        zIndex: 1,
-        color: '#fff',
-        width: 50,
-        height: 50,
-        display: 'flex',
-        borderRadius: '50%',
-        justifyContent: 'center',
-        alignItems: 'center',
-        fontSize: 24,
-        backgroundColor: theme.palette.type === 'light' ? '#ccc' : '#838383',
-        transition: 'all 400ms ease 100ms'
-    },
-    initial: theme.palette.type === 'light' ? {
-        backgroundColor: function (_a) {
-            var ambienteTeste = _a.ambienteTeste;
-            return ambienteTeste ? '#ffc7a2' : '#9acbb8';
-        }
-    } : {
-        backgroundColor: function (_a) {
-            var ambienteTeste = _a.ambienteTeste;
-            return ambienteTeste ? '#8b6751' : '#507265';
-        }
-    },
-    active: {
-        backgroundColor: function (_a) {
-            var ambienteTeste = _a.ambienteTeste;
-            return ambienteTeste ? '#f5781e !important' : '#00995D !important';
+        _b["&.".concat(StepConnector_1.stepConnectorClasses.active)] = (_c = {},
+            _c["& .".concat(StepConnector_1.stepConnectorClasses.line)] = {
+                backgroundPosition: 'left bottom'
+            },
+            _c),
+        _b["&.".concat(StepConnector_1.stepConnectorClasses.completed)] = (_d = {},
+            _d["& .".concat(StepConnector_1.stepConnectorClasses.line)] = {
+                backgroundPosition: 'left bottom',
+                backgroundImage: "linear-gradient( to right, ".concat(theme.palette.secondary.main, " 0%,").concat(theme.palette.secondary.main, " 50%,#eaeaf0 51%, #eaeaf0 100%)"),
+            },
+            _d),
+        _b["& .".concat(StepConnector_1.stepConnectorClasses.line)] = {
+            height: 3,
+            border: 0,
+            backgroundImage: "linear-gradient( to right, ".concat(theme.palette.secondary.main, " 0%,").concat(theme.palette.primary.main, " 50%,#eaeaf0 51%, #eaeaf0 100%)"),
+            backgroundSize: '200% 100%',
+            backgroundPosition: 'right bottom',
+            transition: 'background-position 500ms ease',
+            borderRadius: 1,
         },
-        boxShadow: theme.shadows[5],
-    },
-    completed: {
-        backgroundColor: '#2979ff !important',
-    },
-    error: {
-        backgroundColor: '#f44336 !important',
-    },
-    icon: {
-        '& path': {
-            stroke: '#FFF'
-        }
-    }
-}); })(function (_a) {
-    var _b;
-    var initial = _a.initial, active = _a.active, completed = _a.completed, icon = _a.icon, classes = _a.classes, error = _a.error;
-    return (react_1.default.createElement("div", { className: clsx_1.default(classes.root, (_b = {},
-            _b[classes.initial] = initial,
-            _b[classes.active] = active,
-            _b[classes.completed] = completed,
-            _b[classes.error] = error,
-            _b)) },
-        react_1.default.createElement(lib_1.IconContext.Provider, { value: { className: classes.icon } }, icon)));
+        _b);
 });
-var stepperStyles = function (theme) {
-    var _a;
-    return ({
-        root: {
-            '&>div': {
-                minHeight: 'calc(100vh - 50px)'
+var ColorlibStepIcon = function (_a) {
+    var initial = _a.initial, active = _a.active, completed = _a.completed, icon = _a.icon, error = _a.error, ambienteTeste = _a.ambienteTeste;
+    var theme = (0, material_1.useTheme)();
+    var initialBackground = theme.palette.mode === 'light'
+        ? ambienteTeste ? '#ffc7a2' : '#9acbb8'
+        : ambienteTeste ? '#8b6751' : '#507265';
+    var backgroundColor = error
+        ? '#f44336 !important'
+        : completed
+            ? '#2979ff !important'
+            : active
+                ? ambienteTeste ? '#f5781e !important' : '#00995D !important'
+                : initial
+                    ? initialBackground
+                    : theme.palette.mode === 'light' ? '#ccc' : '#838383';
+    return (react_1.default.createElement(material_1.Box, { sx: {
+            zIndex: 1,
+            color: '#fff',
+            width: 50,
+            height: 50,
+            display: 'flex',
+            borderRadius: '50%',
+            justifyContent: 'center',
+            alignItems: 'center',
+            fontSize: 24,
+            backgroundColor: backgroundColor,
+            transition: 'all 400ms ease 100ms',
+            boxShadow: active ? theme.shadows[5] : undefined,
+            '& svg path': {
+                stroke: '#FFF'
             }
-        },
-        header: {
-            background: theme.palette.background.default,
-            marginTop: -10,
-        },
-        caption: {
-            display: 'block',
-            textAlign: 'center',
-            color: theme.palette.text.hint
-        },
-        selectedCaption: {
-            color: theme.palette.text.secondary
-        },
-        stepper: (_a = {
-                padding: function (_a) {
-                    var orientation = _a.orientation;
-                    return orientation === 'vertical' ? '0 0 0 136px' : '';
+        } },
+        react_1.default.createElement(lib_1.IconContext.Provider, { value: {} }, icon)));
+};
+var stepperClasses = {
+    root: 'argous-stepper-root',
+    header: 'argous-stepper-header',
+    caption: 'argous-stepper-caption',
+    selectedCaption: 'argous-stepper-selected-caption',
+    stepper: 'argous-stepper-stepper',
+    subDescription: 'argous-stepper-sub-description',
+    icon: 'argous-stepper-icon',
+    mobileDivider: 'argous-stepper-mobile-divider',
+    stepLabel: 'argous-stepper-step-label',
+};
+var mergeClasses = function (defaultClasses, overrideClasses) {
+    if (overrideClasses === void 0) { overrideClasses = {}; }
+    return Object.keys(defaultClasses).reduce(function (acc, key) {
+        var _a;
+        return (__assign(__assign({}, acc), (_a = {}, _a[key] = overrideClasses[key] || defaultClasses[key], _a)));
+    }, {});
+};
+var stepperStyles = function (_a) {
+    var orientation = _a.orientation;
+    return function (theme) {
+        var _a, _b;
+        return (_a = {},
+            _a[".".concat(stepperClasses.root)] = {
+                '&>div': {
+                    minHeight: 'calc(100vh - 50px)'
                 }
             },
-            _a[theme.breakpoints.down('sm')] = {
-                padding: 0
+            _a[".".concat(stepperClasses.header)] = {
+                background: theme.palette.background.default,
+                marginTop: -10,
             },
-            _a['&>div'] = {
-                display: 'flex',
-                padding: function (_a) {
-                    var orientation = _a.orientation;
-                    return orientation === 'vertical' ? '0 0 30px' : '';
+            _a[".".concat(stepperClasses.caption)] = {
+                display: 'block',
+                textAlign: 'center',
+                color: theme.palette.text.hint
+            },
+            _a[".".concat(stepperClasses.selectedCaption)] = {
+                color: theme.palette.text.secondary
+            },
+            _a[".".concat(stepperClasses.stepper)] = (_b = {
+                    padding: orientation === 'vertical' ? '0 0 0 136px' : ''
                 },
-                '&>button': {
-                    '&>span:nth-child(1)': {
-                        flexDirection: function (_a) {
-                            var orientation = _a.orientation;
-                            return orientation === 'vertical' ? 'row' : 'column';
+                _b[theme.breakpoints.down('sm')] = {
+                    padding: 0
+                },
+                _b['&>div'] = {
+                    display: 'flex',
+                    padding: orientation === 'vertical' ? '0 0 30px' : '',
+                    '&>button': {
+                        '&>span:nth-child(1)': {
+                            flexDirection: orientation === 'vertical' ? 'row' : 'column'
                         }
                     }
+                },
+                _b),
+            _a[".".concat(stepperClasses.subDescription)] = {
+                minWidth: 140,
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'end',
+                position: 'absolute',
+                top: 17,
+                left: -148,
+            },
+            _a[".".concat(stepperClasses.icon)] = {
+                fontSize: theme.typography.fontSize * 2,
+                '& path': {
+                    stroke: theme.palette.text.primary
                 }
             },
-            _a),
-        subDescription: {
-            minWidth: 140,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'end',
-            position: 'absolute',
-            top: 17,
-            left: -148,
-        },
-        icon: {
-            fontSize: theme.typography.fontSize * 2,
-            '& path': {
-                stroke: theme.palette.text.primary
-            }
-        },
-        mobileDivider: {
-            marginBottom: theme.spacing(2)
-        },
-        stepLabel: {
-            '&>span:nth-child(2)': {
-                margin: function (_a) {
-                    var orientation = _a.orientation;
-                    return orientation === 'vertical' ? '0 0 0 8px' : '';
-                },
-                '&>span:nth-child(1)': {
-                    margin: function (_a) {
-                        var orientation = _a.orientation;
-                        return orientation === 'vertical' ? 0 : '';
+            _a[".".concat(stepperClasses.mobileDivider)] = {
+                marginBottom: theme.spacing(2)
+            },
+            _a[".".concat(stepperClasses.stepLabel)] = {
+                '&>span:nth-child(2)': {
+                    margin: orientation === 'vertical' ? '0 0 0 8px' : '',
+                    '&>span:nth-child(1)': {
+                        margin: orientation === 'vertical' ? 0 : ''
                     }
-                }
+                },
             },
-        }
-    });
+            _a);
+    };
 };
 var Stepper = function (_a) {
-    var children = _a.children, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.steps, steps = _c === void 0 ? [] : _c, _d = _a.onClick, onClick = _d === void 0 ? function (index) { return function (event) { return void (index, event); }; } : _d, _e = _a.onNext, onNext = _e === void 0 ? function (event) { return void (event); } : _e, _f = _a.onPrevious, onPrevious = _f === void 0 ? function (event) { return void (event); } : _f, _g = _a.onFinish, onFinish = _g === void 0 ? function (event) { return void (event); } : _g, maxStepProps = _a.maxStep, _h = _a.activeStep, activeStep = _h === void 0 ? 0 : _h, _j = _a.errors, errors = _j === void 0 ? [] : _j, _k = _a.component, Component = _k === void 0 ? 'div' : _k, _l = _a.backLabel, backLabel = _l === void 0 ? 'Voltar' : _l, _m = _a.nextLabel, nextLabel = _m === void 0 ? 'Avançar' : _m, _o = _a.finishLabel, finishLabel = _o === void 0 ? 'Finalizar' : _o, _p = _a.disableFinish, disableFinish = _p === void 0 ? false : _p, _q = _a.disableNext, disableNext = _q === void 0 ? false : _q, _r = _a.disablePrevious, disablePrevious = _r === void 0 ? false : _r, _s = _a.showProgress, showProgress = _s === void 0 ? false : _s, _t = _a.disableActions, disableActions = _t === void 0 ? false : _t, _u = _a.orientation, orientation = _u === void 0 ? 'horizontal' : _u, props = __rest(_a, ["children", "classes", "steps", "onClick", "onNext", "onPrevious", "onFinish", "maxStep", "activeStep", "errors", "component", "backLabel", "nextLabel", "finishLabel", "disableFinish", "disableNext", "disablePrevious", "showProgress", "disableActions", "orientation"]);
-    var theme = core_1.useTheme();
+    var children = _a.children, _b = _a.classes, classesProp = _b === void 0 ? {} : _b, _c = _a.steps, steps = _c === void 0 ? [] : _c, _d = _a.onClick, onClick = _d === void 0 ? function (index) { return function (event) { return void (index, event); }; } : _d, _e = _a.onNext, onNext = _e === void 0 ? function (event) { return void (event); } : _e, _f = _a.onPrevious, onPrevious = _f === void 0 ? function (event) { return void (event); } : _f, _g = _a.onFinish, onFinish = _g === void 0 ? function (event) { return void (event); } : _g, maxStepProps = _a.maxStep, _h = _a.activeStep, activeStep = _h === void 0 ? 0 : _h, _j = _a.errors, errors = _j === void 0 ? [] : _j, _k = _a.component, Component = _k === void 0 ? 'div' : _k, _l = _a.backLabel, backLabel = _l === void 0 ? 'Voltar' : _l, _m = _a.nextLabel, nextLabel = _m === void 0 ? 'Avançar' : _m, _o = _a.finishLabel, finishLabel = _o === void 0 ? 'Finalizar' : _o, _p = _a.disableFinish, disableFinish = _p === void 0 ? false : _p, _q = _a.disableNext, disableNext = _q === void 0 ? false : _q, _r = _a.disablePrevious, disablePrevious = _r === void 0 ? false : _r, _s = _a.showProgress, showProgress = _s === void 0 ? false : _s, _t = _a.disableActions, disableActions = _t === void 0 ? false : _t, _u = _a.orientation, orientation = _u === void 0 ? 'horizontal' : _u, props = __rest(_a, ["children", "classes", "steps", "onClick", "onNext", "onPrevious", "onFinish", "maxStep", "activeStep", "errors", "component", "backLabel", "nextLabel", "finishLabel", "disableFinish", "disableNext", "disablePrevious", "showProgress", "disableActions", "orientation"]);
+    var theme = (0, material_1.useTheme)();
+    var classes = mergeClasses(stepperClasses, classesProp);
     var maxSteps = steps.length;
     var maxStep = maxStepProps || steps.length - 1;
-    var mobile = core_1.useMediaQuery(theme.breakpoints.down(Math.max(maxSteps * 100, theme.breakpoints.values.sm)));
+    var mobile = (0, material_1.useMediaQuery)(theme.breakpoints.down(Math.max(maxSteps * 100, theme.breakpoints.values.sm)));
     var ambienteTeste = JSON.parse(window.localStorage.getItem('ambienteTeste'));
-    var _v = react_1.useState(-1), initialStep = _v[0], setInitialStep = _v[1];
-    react_1.useEffect(function () { return (activeStep > initialStep && showProgress) && setInitialStep(activeStep); }, [activeStep, initialStep, showProgress]);
-    return react_1.default.createElement(Component, __assign({}, props),
-        mobile && orientation !== 'vertical' ? (react_1.default.createElement(core_1.Paper, { square: true, elevation: 0 },
-            react_1.default.createElement(core_1.ListItem, { dense: true, className: classes.header },
-                react_1.default.createElement(core_1.ListItemIcon, { className: classes.icon }, steps[activeStep][0]),
-                react_1.default.createElement(core_1.ListItemText, { primary: steps[activeStep][1], secondary: steps[activeStep][2] })),
-            react_1.default.createElement(core_1.Divider, { className: classes.mobileDivider }))) : (react_1.default.createElement(core_1.Stepper, { className: classes.stepper, alternativeLabel: true, activeStep: activeStep, orientation: orientation, connector: react_1.default.createElement(ColorlibConnector, null) }, steps.map(function (_a, i) {
+    var _v = (0, react_1.useState)(-1), initialStep = _v[0], setInitialStep = _v[1];
+    (0, react_1.useEffect)(function () {
+        if (activeStep > initialStep && showProgress)
+            setInitialStep(activeStep);
+    }, [activeStep, initialStep, showProgress]);
+    return (react_1.default.createElement(Component, __assign({}, props, { className: (0, clsx_1.clsx)(classes.root, props.className) }),
+        react_1.default.createElement(material_1.GlobalStyles, { styles: stepperStyles({ orientation: orientation }) }),
+        mobile && orientation !== 'vertical' ? (react_1.default.createElement(material_1.Paper, { square: true, elevation: 0 },
+            react_1.default.createElement(material_1.ListItem, { dense: true, className: classes.header },
+                react_1.default.createElement(material_1.ListItemIcon, { className: classes.icon }, steps[activeStep][0]),
+                react_1.default.createElement(material_1.ListItemText, { primary: steps[activeStep][1], secondary: steps[activeStep][2] })),
+            react_1.default.createElement(material_1.Divider, { className: classes.mobileDivider }))) : (react_1.default.createElement(material_1.Stepper, { className: classes.stepper, alternativeLabel: true, activeStep: activeStep, orientation: orientation, connector: react_1.default.createElement(ColorlibConnector, { customOrientation: orientation }) }, steps.map(function (_a, i) {
             var _b, _c, _d;
             var icon = _a[0], label = _a[1], description = _a[2], subDescription = _a[3];
-            return (react_1.default.createElement(core_1.Step, { key: label },
+            return (react_1.default.createElement(material_1.Step, { key: label },
                 orientation === 'vertical' && subDescription &&
                     react_1.default.createElement("div", { className: classes.subDescription },
-                        react_1.default.createElement(core_1.Typography, { variant: 'caption', className: clsx_1.default(classes.caption, (_b = {}, _b[classes.selectedCaption] = activeStep >= i, _b)) }, subDescription)),
-                react_1.default.createElement(core_1.StepButton, { onClick: onClick(i), disabled: i > maxStep, optional: react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(core_1.Typography, { variant: 'caption', className: clsx_1.default(classes.caption, (_c = {}, _c[classes.selectedCaption] = activeStep >= i, _c)) }, description),
+                        react_1.default.createElement(material_1.Typography, { variant: 'caption', className: (0, clsx_1.clsx)(classes.caption, (_b = {}, _b[classes.selectedCaption] = activeStep >= i, _b)) }, subDescription)),
+                react_1.default.createElement(material_1.StepButton, { onClick: onClick(i), disabled: i > maxStep, optional: react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.Typography, { variant: 'caption', className: (0, clsx_1.clsx)(classes.caption, (_c = {}, _c[classes.selectedCaption] = activeStep >= i, _c)) }, description),
                         orientation !== 'vertical' && subDescription &&
-                            react_1.default.createElement(core_1.Typography, { variant: 'caption', className: clsx_1.default(classes.caption, (_d = {}, _d[classes.selectedCaption] = activeStep >= i, _d)) }, subDescription)) },
-                    react_1.default.createElement(core_1.StepLabel, { className: classes.stepLabel, disabled: i > maxStep, error: errors[i], StepIconComponent: ColorlibStepIcon, StepIconProps: { icon: icon, error: errors[i], initial: initialStep >= i, ambienteTeste: ambienteTeste } }, label))));
+                            react_1.default.createElement(material_1.Typography, { variant: 'caption', className: (0, clsx_1.clsx)(classes.caption, (_d = {}, _d[classes.selectedCaption] = activeStep >= i, _d)) }, subDescription)) },
+                    react_1.default.createElement(material_1.StepLabel, { className: classes.stepLabel, disabled: i > maxStep, error: errors[i], slots: {
+                            stepIcon: ColorlibStepIcon
+                        }, slotProps: {
+                            stepIcon: { icon: icon, error: errors[i], initial: initialStep >= i, ambienteTeste: ambienteTeste }
+                        } }, label))));
         }))),
         children &&
-            react_1.default.createElement(core_1.Box, { padding: mobile ? 0 : 4, pt: 1, pb: 0 }, children),
-        mobile && orientation !== 'vertical' ? (react_1.default.createElement(core_1.MobileStepper, { steps: maxSteps, position: 'bottom', variant: 'dots', activeStep: activeStep, backButton: react_1.default.createElement(core_1.Button, { startIcon: react_1.default.createElement(md_1.MdChevronLeft, null), onClick: onPrevious, disabled: activeStep === 0 }, backLabel), nextButton: react_1.default.createElement(core_1.Button, { variant: 'contained', color: 'primary', endIcon: activeStep === maxSteps - 1 ? react_1.default.createElement(md_1.MdCheck, null) : react_1.default.createElement(md_1.MdChevronRight, null), onClick: activeStep === steps.length - 1 ? onFinish : onNext }, activeStep === steps.length - 1 ? finishLabel : nextLabel) })) : !disableActions ? (react_1.default.createElement(core_1.DialogActions, null,
-            react_1.default.createElement(core_1.Box, { padding: mobile ? 0 : 4, paddingTop: 1, paddingBottom: 1 },
-                react_1.default.createElement(core_1.Button, { disabled: activeStep === 0 || disablePrevious, onClick: onPrevious }, backLabel),
-                react_1.default.createElement(core_1.Button, { variant: 'contained', color: 'primary', onClick: activeStep === steps.length - 1 ? onFinish : onNext, disabled: activeStep === steps.length - 1 ? disableFinish : disableNext }, activeStep === steps.length - 1 ? finishLabel : nextLabel)))) : null);
+            react_1.default.createElement(material_1.Box, { sx: {
+                    padding: mobile ? 0 : 4,
+                    pt: 1,
+                    pb: 0
+                } }, children),
+        mobile && orientation !== 'vertical' ? (react_1.default.createElement(material_1.MobileStepper, { steps: maxSteps, position: 'bottom', variant: 'dots', activeStep: activeStep, backButton: react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(md_1.MdChevronLeft, null), onClick: onPrevious, disabled: activeStep === 0 }, backLabel), nextButton: react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'primary', endIcon: activeStep === maxSteps - 1 ? react_1.default.createElement(md_1.MdCheck, null) : react_1.default.createElement(md_1.MdChevronRight, null), onClick: activeStep === steps.length - 1 ? onFinish : onNext }, activeStep === steps.length - 1 ? finishLabel : nextLabel) })) : !disableActions ? (react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Box, { sx: {
+                    padding: mobile ? 0 : 4,
+                    paddingTop: 1,
+                    paddingBottom: 1
+                } },
+                react_1.default.createElement(material_1.Button, { disabled: activeStep === 0 || disablePrevious, onClick: onPrevious }, backLabel),
+                react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'primary', onClick: activeStep === steps.length - 1 ? onFinish : onNext, disabled: activeStep === steps.length - 1 ? disableFinish : disableNext }, activeStep === steps.length - 1 ? finishLabel : nextLabel)))) : null));
 };
-exports.default = core_1.withStyles(stepperStyles, { name: 'ArgousStepper' })(Stepper);
+exports.default = Stepper;

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

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

package/dist/components/TablePicker/TablePicker.d.ts

@@ -1,8 +1,3 @@
-export interface TablePickerProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function TablePicker(props: TablePickerProps): JSX.Element
-
-export default TablePicker;
+export default TablePickerWithTheme;
+declare function TablePickerWithTheme(props: any): React.JSX.Element;
+import React from 'react';