argous 1.2.153 → 1.2.156

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -61,6 +61,14 @@ export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any,
     * Parametro que define se terá paginação
     */
   favoritePage?: boolean,
+  /**
+   * Define a largura do listbox
+   */
+  widthListBox?: number|string,
+  /**
+   * Prop para utilizar grupo
+   */
+  group?: boolean,
   /**
     * Array contendo nome do grupo
     */

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -178,7 +178,7 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         }
     },
     popper: {
-        zIndex: 1,
+        zIndex: 1301,
         width: function (_a) {
             var widthListBox = _a.widthListBox;
             return widthListBox ? "" + widthListBox + (testWidth(widthListBox.toString()) ? 'px' : '') + " !important" : '';

package/dist/components/Stepper/Stepper.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __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)
@@ -27,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (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 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 ({
@@ -66,18 +85,32 @@ var ColorlibStepIcon = core_1.withStyles(function (theme) { return ({
         justifyContent: 'center',
         alignItems: 'center',
         fontSize: 24,
-        backgroundColor: '#ccc',
+        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: theme.palette.primary.main,
+        backgroundColor: function (_a) {
+            var ambienteTeste = _a.ambienteTeste;
+            return ambienteTeste ? '#f5781e !important' : '#00995D !important';
+        },
         boxShadow: theme.shadows[5],
     },
     completed: {
-        backgroundColor: theme.palette.secondary.main,
+        backgroundColor: '#2979ff !important',
     },
     error: {
-        backgroundColor: theme.palette.error.main,
+        backgroundColor: '#f44336 !important',
     },
     icon: {
         '& path': {
@@ -86,8 +119,9 @@ var ColorlibStepIcon = core_1.withStyles(function (theme) { return ({
     }
 }); })(function (_a) {
     var _b;
-    var active = _a.active, completed = _a.completed, icon = _a.icon, classes = _a.classes, error = _a.error;
+    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,
@@ -131,9 +165,12 @@ var stepperStyles = function (theme) {
     });
 };
 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 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, props = __rest(_a, ["children", "classes", "steps", "onClick", "onNext", "onPrevious", "onFinish", "maxStep", "activeStep", "errors", "component", "backLabel", "nextLabel", "finishLabel", "disableFinish", "disableNext", "disablePrevious", "showProgress"]);
     var maxSteps = steps.length;
     var maxStep = maxStepProps || steps.length - 1;
+    var _t = react_1.useState(-1), initialStep = _t[0], setInitialStep = _t[1];
+    react_1.useEffect(function () { return (activeStep > initialStep && showProgress) && setInitialStep(activeStep); }, [activeStep, initialStep, showProgress]);
+    var ambienteTeste = JSON.parse(window.localStorage.getItem('ambienteTeste'));
     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),
@@ -146,7 +183,7 @@ var Stepper = function (_a) {
             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.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(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,

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -61,6 +61,14 @@ export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any,
     * Parametro que define se terá paginação
     */
   favoritePage?: boolean,
+  /**
+   * Define a largura do listbox
+   */
+  widthListBox?: number|string,
+  /**
+   * Prop para utilizar grupo
+   */
+  group?: boolean,
   /**
     * Array contendo nome do grupo
     */

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -96,7 +96,7 @@ const useStyles = makeStyles((theme) => ({
     }
   },
   popper: {
-    zIndex: 1,
+    zIndex: 1301,
     width: ({ widthListBox }) => widthListBox ? `${widthListBox}${testWidth(widthListBox.toString()) ? 'px' : ''} !important` : '',
   }
 }));

package/lib/components/Stepper/Stepper.js

@@ -1,6 +1,6 @@
 import { Box, Button, DialogActions, Divider, ListItem, ListItemIcon, ListItemText, MobileStepper, Paper, Step, StepButton, StepConnector, StepLabel, Stepper as MuiStepper, Typography, useMediaQuery, useTheme, withStyles } from '@material-ui/core';
 import clsx from 'clsx';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { IconContext } from 'react-icons/lib';
 import { MdCheck, MdChevronLeft, MdChevronRight } from 'react-icons/md';
 
@@ -41,27 +41,33 @@ const ColorlibStepIcon = withStyles(theme => ({
     justifyContent: 'center',
     alignItems: 'center',
     fontSize: 24,
-    backgroundColor: '#ccc',
+    backgroundColor: theme.palette.type === 'light' ? '#ccc' : '#838383',
     transition: 'all 400ms ease 100ms'
   },
+  initial: theme.palette.type === 'light' ? {
+    backgroundColor: ({ ambienteTeste }) => ambienteTeste ? '#ffc7a2' : '#9acbb8'
+  } : {
+    backgroundColor: ({ ambienteTeste }) => ambienteTeste ? '#8b6751' : '#507265'
+  },
   active: {
-    backgroundColor: theme.palette.primary.main,
+    backgroundColor: ({ ambienteTeste }) => ambienteTeste ? '#f5781e !important' : '#00995D !important',
     boxShadow: theme.shadows[5],
   },
   completed: {
-    backgroundColor: theme.palette.secondary.main,
+    backgroundColor: '#2979ff !important',
   },
   error: {
-    backgroundColor: theme.palette.error.main,
+    backgroundColor: '#f44336 !important',
   },
   icon: {
     '& path': {
       stroke: '#FFF'
     }
   }
-}))(({ active, completed, icon, classes, error }) => (
+}))(({ initial, active, completed, icon, classes, error }) => (
   <div
     className={clsx(classes.root, {
+      [classes.initial]: initial,
       [classes.active]: active,
       [classes.completed]: completed,
       [classes.error]: error,
@@ -125,10 +131,16 @@ const Stepper = ({
   disableFinish = false,
   disableNext = false,
   disablePrevious = false,
+  showProgress = false,
   ...props
 }) => {
   const maxSteps = steps.length;
   const maxStep = maxStepProps || steps.length - 1;
+
+  const [initialStep, setInitialStep] = useState(-1);
+  useEffect(() => (activeStep > initialStep && showProgress) && setInitialStep(activeStep), [activeStep, initialStep, showProgress]);
+
+  const ambienteTeste = JSON.parse(window.localStorage.getItem('ambienteTeste'));
   
   const theme = useTheme();
   const mobile = useMediaQuery(theme.breakpoints.down(Math.max(maxSteps * 100, theme.breakpoints.values.sm)));
@@ -157,10 +169,11 @@ const Stepper = ({
                 {description}
               </Typography>}>
               <StepLabel 
-                StepIconProps={{ icon, error: errors[i] }} 
                 disabled={i > maxStep} 
                 error={errors[i]} 
-                StepIconComponent={ColorlibStepIcon}>
+                StepIconComponent={ColorlibStepIcon}
+                StepIconProps={{ icon, error: errors[i], initial: initialStep >= i, ambienteTeste }} 
+              >
                 {label}
               </StepLabel>
             </StepButton>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.153",
+  "version": "1.2.156",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",