argous 1.2.134 → 1.2.138

package/dist/components/SimpleTable/SimpleTable.js

@@ -0,0 +1,390 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = void 0;
+var Button_1 = __importDefault(require("./../Button"));
+var Pagination_1 = __importDefault(require("./../Pagination"));
+var fieldsRedux_1 = require("../../fieldsRedux");
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var fa_1 = require("react-icons/fa");
+/**
+ * @deprecated
+ */
+var Action = /** @class */ (function (_super) {
+    __extends(Action, _super);
+    function Action() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Action.prototype.render = function () {
+        var _a = this.props, glyphicon = _a.glyphicon, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onClick = _a.onClick, item = _a.item, action = _a.action, dados = _a.dados, sendUpdates = _a.sendUpdates, receiveUpdates = _a.receiveUpdates, onSuccess = _a.onSuccess, onAllUpdated = _a.onAllUpdated, children = _a.children, style = _a.style, title = _a.title;
+        return (react_1.default.createElement(Button_1.default, { onClick: function (allFields, event) { return onClick && onClick(item, event); }, sendUpdates: sendUpdates, receiveUpdates: receiveUpdates, onSuccess: onSuccess, onAllUpdated: onAllUpdated, action: action, dados: {
+                dados: dados,
+                item: item,
+            }, className: (glyphicon
+                ? "btn btn-xs btn-round btn-action-min-size btn-" + type
+                : '') + " " + className, style: style, title: title },
+            glyphicon && react_1.default.createElement("i", { className: glyphicon }),
+            children && react_1.default.createElement("span", null, children)));
+    };
+    return Action;
+}(react_1.Component));
+exports.Action = Action;
+Action.propTypes = {
+    glyphicon: prop_types_1.default.string,
+    children: prop_types_1.default.node,
+    onClick: prop_types_1.default.func,
+    sendUpdates: prop_types_1.default.array,
+    receiveUpdates: prop_types_1.default.array,
+    onSuccess: prop_types_1.default.func,
+    onAllUpdated: prop_types_1.default.func,
+    action: prop_types_1.default.string,
+    dados: prop_types_1.default.object,
+    type: prop_types_1.default.oneOf([
+        'default',
+        'primary',
+        'success',
+        'info',
+        'warning',
+        'danger',
+    ]),
+    className: prop_types_1.default.string,
+    style: prop_types_1.default.object,
+    title: prop_types_1.default.string,
+    item: prop_types_1.default.oneOfType([prop_types_1.default.array, prop_types_1.default.object]),
+};
+var SimpleTable = /** @class */ (function (_super) {
+    __extends(SimpleTable, _super);
+    function SimpleTable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            editActived: undefined,
+            filterValue: '',
+        };
+        _this.filtraData = function (data) {
+            var _a = _this.props, field = _a.field, rows = _a.rows;
+            var offset = fieldsRedux_1.getField(field, 'offset');
+            if (data) {
+                if (offset !== undefined && rows !== undefined) {
+                    var nr1_1 = offset * rows;
+                    var nr2_1 = nr1_1 + rows;
+                    return data.filter(function (item, index) {
+                        if (index >= nr1_1 && index < nr2_1) {
+                            return true;
+                        }
+                        return false;
+                    });
+                }
+                return data;
+            }
+            return [];
+        };
+        _this.listaFilhos = function () {
+            var children = _this.props.children;
+            if (children) {
+                if (!children.length) {
+                    return [children];
+                }
+                return children;
+            }
+            return [];
+        };
+        _this.ordenaData = function (data) {
+            var field = _this.props.field;
+            var dtAux = JSON.stringify(data);
+            dtAux = JSON.parse(dtAux);
+            var order = fieldsRedux_1.getField(field, 'order');
+            var sort = fieldsRedux_1.getField(field, 'sort');
+            if (!(typeof order === 'string' && order.length === 0)) {
+                var verificaData_1 = _this.verificaData;
+                var sorted = dtAux.sort(function (a, b) {
+                    return sort === 'asc'
+                        ? verificaData_1(a[order]) > verificaData_1(b[order])
+                        : verificaData_1(a[order]) < verificaData_1(b[order])
+                            ? 1
+                            : sort === 'asc'
+                                ? verificaData_1(b[order]) > verificaData_1(a[order])
+                                : verificaData_1(b[order]) < verificaData_1(a[order])
+                                    ? -1
+                                    : 0;
+                });
+                return sorted;
+            }
+            return data;
+        };
+        _this.verificaData = function (data) {
+            if (typeof data !== 'undefined') {
+                if (typeof data === 'string') {
+                    data = data.trim().toLowerCase();
+                    var aux = parseInt(data, 10);
+                    data = isNaN(aux) ? data : aux;
+                }
+            }
+            return data;
+        };
+        _this.setItemOrder = function (index) {
+            var _a = _this.props, field = _a.field, alias = _a.alias;
+            var order = fieldsRedux_1.getField(field, 'order');
+            var sort = fieldsRedux_1.getField(field, 'sort');
+            var newOrder;
+            var newSort;
+            if (order !== alias[index]) {
+                newOrder = alias[index];
+                newSort = 'asc';
+            }
+            else {
+                newOrder = sort === 'desc' ? '' : alias[index];
+                newSort = 'desc';
+            }
+            fieldsRedux_1.setField(field, 'order', newOrder);
+            fieldsRedux_1.setField(field, 'sort', newSort);
+        };
+        _this.getPages = function (values, rows) {
+            if (values) {
+                var resto = values.length % rows;
+                var aux = values.length - resto;
+                var val = aux / rows;
+                val = resto ? val + 1 : val;
+                return val;
+            }
+            return 0;
+        };
+        _this.changePage = function (data) {
+            var _a = _this.props, field = _a.field, onPageChange = _a.onPageChange;
+            var pagina = data.selected;
+            if (onPageChange) {
+                onPageChange(data);
+            }
+            fieldsRedux_1.setField(field, 'offset', pagina);
+        };
+        _this.filterData = function (value, data) {
+            var filter = _this.props.filter;
+            return data.filter(function (d) {
+                for (var _i = 0, filter_1 = filter; _i < filter_1.length; _i++) {
+                    var f = filter_1[_i];
+                    if (d[f] && d[f].toString().toLowerCase().indexOf(value) >= 0) {
+                        return true;
+                    }
+                }
+                return false;
+            });
+        };
+        _this.checkColumnOptions = function (item, value, key, columnOptions) {
+            if (columnOptions) {
+                for (var _i = 0, columnOptions_1 = columnOptions; _i < columnOptions_1.length; _i++) {
+                    var co = columnOptions_1[_i];
+                    if (co.alias === key) {
+                        if (typeof co.decimalScale !== 'undefined') {
+                            try {
+                                if (!isNaN(value))
+                                    value = parseFloat(value, 10).toFixed(co.decimalScale);
+                            }
+                            catch (e) { }
+                        }
+                        if (co.decimalSeparator) {
+                            value = value.replace('.', co.decimalSeparator);
+                        }
+                        if (co.percentage) {
+                            if (!isNaN(value)) {
+                                value = value * 100;
+                                value = value + "%";
+                            }
+                        }
+                        value
+                            = typeof co.prefixo !== 'undefined' ? "" + co.prefixo + value : value;
+                        value
+                            = typeof co.sufixo !== 'undefined' ? "" + value + co.sufixo : value;
+                        if (co.customJsx && typeof co.customJsx === 'function') {
+                            value = co.customJsx({ item: item, value: value });
+                        }
+                    }
+                }
+            }
+            return value;
+        };
+        _this.checkEditConfs = function (editConfs, a, index1, index2) {
+            var editActived = _this.state.editActived;
+            if (!editActived && editConfs[a]) {
+                _this.setState({ editActived: { a: a, index1: index1, index2: index2 } });
+            }
+        };
+        _this.finishEditing = function () {
+            _this.setState({ editActived: undefined });
+        };
+        _this.checkIfIsEditing = function (item, a, columnOptions, editConfs, index1, index2) {
+            var _a = _this.state.editActived, editActived = _a === void 0 ? {} : _a;
+            if (editActived.a === a &&
+                editActived.index1 === index1 &&
+                editActived.index2 === index2) {
+                return editConfs[a]({
+                    item: item,
+                    value: item[a],
+                    indexY: index1,
+                    indexX: index2,
+                    finishEditing: _this.finishEditing,
+                });
+            }
+            return _this.checkColumnOptions(item, item[a], a, columnOptions);
+        };
+        _this.showFullContent = function (e) {
+            var cells = Array.from(e.currentTarget.cells);
+            cells.forEach(function (c) {
+                c.style.whiteSpace = 'normal';
+            });
+        };
+        _this.hideFullContent = function (e) {
+            var cells = Array.from(e.currentTarget.cells);
+            cells.forEach(function (c) {
+                c.style.whiteSpace = 'nowrap';
+            });
+        };
+        return _this;
+    }
+    SimpleTable.prototype.componentDidMount = function () {
+        var _this = this;
+        var _a = this.props, field = _a.field, defaultValue = _a.defaultValue, filterLastValue = _a.filterLastValue;
+        fieldsRedux_1.initField(field, defaultValue).then(function (value) {
+            var _a = _this.props, order = _a.order, sort = _a.sort, initialPage = _a.initialPage;
+            if (order) {
+                fieldsRedux_1.setField(field, 'order', order);
+                fieldsRedux_1.setField(field, 'sort', sort ? sort : 'asc');
+            }
+            fieldsRedux_1.setField(field, 'offset', initialPage ? initialPage : 0);
+        });
+        if (filterLastValue) {
+            this.setState({ filterValue: filterLastValue });
+        }
+    };
+    SimpleTable.prototype.render = function () {
+        var _this = this;
+        var _a = this, filtraData = _a.filtraData, listaFilhos = _a.listaFilhos, ordenaData = _a.ordenaData, getPages = _a.getPages, changePage = _a.changePage;
+        var filterValue = this.state.filterValue;
+        var _b = this.props, field = _b.field, _c = _b.head, head = _c === void 0 ? [] : _c, alias = _b.alias, _d = _b.className, className = _d === void 0 ? '' : _d, onClick = _b.onClick, onMouseDown = _b.onMouseDown, _e = _b.tdClassName, tdClassName = _e === void 0 ? '' : _e, rows = _b.rows, id = _b.id, initialPage = _b.initialPage, columnOptions = _b.columnOptions, _f = _b.editConfs, editConfs = _f === void 0 ? {} : _f, filter = _b.filter, _g = _b.filterPlaceholder, filterPlaceholder = _g === void 0 ? 'Digite aqui para buscar...' : _g, _h = _b.filterClasses, filterClasses = _h === void 0 ? 'form-control' : _h, filterKeepLastValue = _b.filterKeepLastValue, wrap = _b.wrap, _j = _b.wrapWidth, wrapWidth = _j === void 0 ? 250 : _j;
+        var wrapStyle = {
+            maxWidth: wrapWidth,
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+        };
+        var data = fieldsRedux_1.getField(field, 'value');
+        data = filterValue ? this.filterData(filterValue, data) : data;
+        var order = fieldsRedux_1.getField(field, 'order');
+        var sort = fieldsRedux_1.getField(field, 'sort');
+        var nrPages = getPages(data, rows);
+        var dataOrdenada = data ? ordenaData(data) : data;
+        var dataFiltrada = filtraData(dataOrdenada);
+        var listaChildrens = listaFilhos();
+        return (react_1.default.createElement("div", { id: id, className: 'over-hidden' },
+            filter && (react_1.default.createElement("input", { value: filterValue, placeholder: filterPlaceholder, onChange: function (e) {
+                    _this.setState({ filterValue: e.target.value.toLowerCase() });
+                    filterKeepLastValue && filterKeepLastValue(e);
+                }, className: filterClasses })),
+            react_1.default.createElement("table", { className: "table argous-table " + className },
+                head.length > 0 && (react_1.default.createElement("thead", null,
+                    react_1.default.createElement("tr", null,
+                        head.map(function (item, index) { return (react_1.default.createElement("th", { key: index, 
+                            // onClick={() => setItemOrder(index)}
+                            className: order === alias[index] ? 'active' : undefined },
+                            item,
+                            order === alias[index] &&
+                                sort === 'asc' && react_1.default.createElement(fa_1.FaSortAmountAsc, null),
+                            order === alias[index] &&
+                                sort === 'desc' && react_1.default.createElement(fa_1.FaSortAmountDesc, null))); }),
+                        listaChildrens.map(function (item, index) { return (react_1.default.createElement("th", { key: "act" + index }, item.props.head)); })))),
+                react_1.default.createElement("tbody", null, dataFiltrada.length > 0 &&
+                    dataFiltrada.map(function (item, index1) {
+                        return item && (react_1.default.createElement("tr", __assign({}, item.argousProps, { key: index1, onClick: function () { return onClick && onClick(item, index1); }, onMouseDown: onMouseDown, onMouseEnter: wrap ? (function (e) { return _this.showFullContent(e); }) : undefined, onMouseLeave: wrap ? (function (e) { return _this.hideFullContent(e); }) : undefined }),
+                            alias &&
+                                alias.map(function (a, index2) { return (react_1.default.createElement("td", { key: index2, onClick: function () {
+                                        return _this.checkEditConfs(editConfs, a, index1, index2);
+                                    }, className: tdClassName, style: wrap ? wrapStyle : undefined }, _this.checkIfIsEditing(item, a, columnOptions, editConfs, index1, index2))); }),
+                            !alias &&
+                                item.map(function (a, index2) { return react_1.default.createElement("td", { key: index2 }, a); }),
+                            listaChildrens.map(function (act, index3) { return (react_1.default.createElement("td", { key: "act" + index3, className: tdClassName }, react_1.default.cloneElement(act, __assign(__assign({}, item.props), { item: item })))); })));
+                    }))),
+            nrPages > 0 && (react_1.default.createElement(Pagination_1.default, { pages: nrPages, initialPage: initialPage, onChange: changePage, className: 'pull-right' }))));
+    };
+    return SimpleTable;
+}(react_1.Component));
+SimpleTable.propTypes = {
+    field: prop_types_1.default.string.isRequired,
+    id: prop_types_1.default.string,
+    ref: prop_types_1.default.func,
+    alias: prop_types_1.default.array,
+    defaultValue: prop_types_1.default.oneOfType([
+        prop_types_1.default.number,
+        prop_types_1.default.string,
+        prop_types_1.default.object,
+        prop_types_1.default.array,
+    ]),
+    fieldListener: prop_types_1.default.func,
+    onPageChange: prop_types_1.default.func,
+    destroyOnUnmount: prop_types_1.default.bool,
+    head: prop_types_1.default.array,
+    className: prop_types_1.default.string,
+    rows: prop_types_1.default.number,
+    order: prop_types_1.default.string,
+    sort: prop_types_1.default.oneOf(['asc', 'desc']),
+    onClick: prop_types_1.default.func,
+    children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.element]),
+    initialPage: prop_types_1.default.number,
+    columnOptions: prop_types_1.default.array,
+    editConfs: prop_types_1.default.object,
+    filter: prop_types_1.default.array,
+    filterKeepLastValue: prop_types_1.default.func,
+    filterLastValue: prop_types_1.default.string,
+    filterPlaceholder: prop_types_1.default.string,
+    filterClasses: prop_types_1.default.string,
+    onMouseDown: prop_types_1.default.func,
+    tdClassName: prop_types_1.default.string,
+    wrap: prop_types_1.default.bool,
+    wrapWidth: prop_types_1.default.number,
+};
+exports.default = fieldsRedux_1.createField(SimpleTable, { disableInitField: true });

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

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

package/dist/components/SimpleTable/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = exports.default = void 0;
+var SimpleTable_1 = require("./SimpleTable");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SimpleTable_1).default; } });
+var SimpleTable_2 = require("./SimpleTable");
+Object.defineProperty(exports, "Action", { enumerable: true, get: function () { return SimpleTable_2.Action; } });

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

@@ -0,0 +1,54 @@
+import { OverrideProps, OverridableComponent } from '@material-ui/core/OverridableComponent';
+import * as React from 'react';
+import { IconType } from 'react-icons';
+
+export interface StepperTypeMap<P ={}, D extends React.ElementType = 'div'> {
+  props: P & {
+    /**
+     * Conteudo do Stepper
+     */
+    children?: React.ReactNode;
+    /**
+     * Array de passos para o stepper
+     */
+    steps?: [IconType, string, string?][];
+    /**
+     * Função chamada ao clicar em algum passo do stepper
+     */
+    onClick?: (index: number) => (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Função chamada ao clicar no botão de avançar
+     */
+    onNext?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Função chamada ao clicar no botão de voltar
+     */
+    onPrevious?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Função chamada ao clicar no botão de finalizar
+     */
+    onFinish?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Passo máximo permitido, utilizado para limitar ate onde o usuario pode ir
+     */
+    maxStep?: number;
+    /**
+     * Passo atual selecionado
+     */
+    activeStep?: number;
+    /**
+     * Array de booleans que mudam o passo para erro
+     */
+    errors?: boolean[];
+  };
+  defaultComponent: D;
+  classKey: StepperClassKey;
+}
+
+declare const Stepper: OverridableComponent<StepperTypeMap>;
+
+export type StepperClassKey = 'root' | 'header' | 'caption' | 'selectedCaption' | 'stepper' | 'icon' | 'mobileDivider'
+
+export type StepperProps<D extends React.ElementType = StepperTypeMap['defaultComponent'], P = {}> = OverrideProps<StepperTypeMap<P, D>, D>
+
+export default Stepper;

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,157 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 react_1 = __importDefault(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: {
+        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: '#ccc',
+        transition: 'all 400ms ease 100ms'
+    },
+    active: {
+        backgroundColor: theme.palette.primary.main,
+        boxShadow: theme.shadows[5],
+    },
+    completed: {
+        backgroundColor: theme.palette.secondary.main,
+    },
+    error: {
+        backgroundColor: theme.palette.error.main,
+    },
+    icon: {
+        '& path': {
+            stroke: '#FFF'
+        }
+    }
+}); })(function (_a) {
+    var _b;
+    var 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.active] = active,
+            _b[classes.completed] = completed,
+            _b[classes.error] = error,
+            _b)) },
+        react_1.default.createElement(lib_1.IconContext.Provider, { value: { className: classes.icon } }, icon)));
+});
+var stepperStyles = function (theme) {
+    var _a;
+    return ({
+        root: {
+            '&>div': {
+                minHeight: 'calc(100vh - 50px)'
+            }
+        },
+        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 = {},
+            _a[theme.breakpoints.down('sm')] = {
+                padding: 0
+            },
+            _a),
+        icon: {
+            fontSize: theme.typography.fontSize * 2,
+            '& path': {
+                stroke: theme.palette.text.primary
+            }
+        },
+        mobileDivider: {
+            marginBottom: theme.spacing(2)
+        }
+    });
+};
+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, props = __rest(_a, ["children", "classes", "steps", "onClick", "onNext", "onPrevious", "onFinish", "maxStep", "activeStep", "errors", "component", "backLabel", "nextLabel", "finishLabel", "disableFinish", "disableNext", "disablePrevious"]);
+    var maxSteps = steps.length;
+    var maxStep = maxStepProps || steps.length - 1;
+    var theme = core_1.useTheme();
+    var mobile = core_1.useMediaQuery(theme.breakpoints.down(Math.max(maxSteps * 100, theme.breakpoints.values.sm)));
+    return react_1.default.createElement(Component, __assign({}, props),
+        mobile ? (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, connector: react_1.default.createElement(ColorlibConnector, null) }, steps.map(function (_a, i) {
+            var _b;
+            var icon = _a[0], label = _a[1], description = _a[2];
+            return (react_1.default.createElement(core_1.Step, { key: label },
+                react_1.default.createElement(core_1.StepButton, { disabled: i > maxStep, onClick: onClick(i), optional: react_1.default.createElement(core_1.Typography, { variant: 'caption', className: clsx_1.default(classes.caption, (_b = {}, _b[classes.selectedCaption] = activeStep >= i, _b)) }, description) },
+                    react_1.default.createElement(core_1.StepLabel, { StepIconProps: { icon: icon, error: errors[i] }, disabled: i > maxStep, error: errors[i], StepIconComponent: ColorlibStepIcon }, label))));
+        }))),
+        react_1.default.createElement(core_1.Box, { padding: mobile ? 0 : 4, pt: 1, pb: 0 }, children),
+        mobile ? (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) })) : (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)))));
+};
+exports.default = core_1.withStyles(stepperStyles, { name: 'ArgousStepper' })(Stepper);

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

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

package/dist/components/Stepper/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Stepper_1 = require("./Stepper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Stepper_1).default; } });

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

@@ -0,0 +1,8 @@
+export interface TablePickerProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function TablePicker(props: TablePickerProps): JSX.Element
+
+export default TablePicker;