@popmenu/admin-ui 0.60.0 → 0.62.0

package/build/components/FullScreenStepper/FullScreenStepperProps.d.ts

@@ -30,6 +30,8 @@ export declare namespace FullScreenStepperSubProps {
     interface Step {
         /** Group of props for modifying the ActionBar region of FullScreenStepper. */
         actionBar?: ActionBar;
+        /** When false; disables the ActionBar of a step */
+        displayActionBar?: boolean;
         /** The name of a given step. Used to match with a provided content component. */
         name: string;
         /** Text displayed as the title of a step. */
@@ -43,6 +45,8 @@ export interface FullScreenStepperProps extends DialogProps {
     context?: Record<string, unknown>;
     /** Specifies which step the dialog will initialize at. */
     defaultStepCursor?: number;
+    /** When false; disables the ActionBar across all the FullScreenStepper */
+    displayActionBar?: boolean;
     /** Controls whether or not the "Cancel" button is displayed. */
     displayCancelButton?: boolean;
     /** Controls whether or not the "Previous" button is displayed. */

package/build/components/FullScreenStepperActions/FullScreenStepperActionsProps.d.ts

@@ -1,13 +1,22 @@
 import { FullScreenStepperSubProps } from '../FullScreenStepper/FullScreenStepperProps';
 import { FullScreenStepperTypes } from '../FullScreenStepper/types';
 export interface FullScreenStepperActionsProps extends Partial<FullScreenStepperSubProps.ActionBar> {
+    /** The callback args for custom actions */
     callbackArgs: FullScreenStepperTypes.EventCallbackArgs;
+    /** When false; hides the "Cancel" button */
     displayCancelButton: boolean;
+    /** When false; hides the "Previous" button */
     displayPreviousButton: boolean;
+    /** The total number of steps */
     stepCount: FullScreenStepperTypes.StepCount;
+    /** The current value of step cursor */
     stepCursor: FullScreenStepperTypes.StepCursor;
+    /** The setter for value of step cursor */
     setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    /** Callback triggered when the "Cancel" button is clicked. */
     handleCancelClick: () => Promise<void>;
+    /** Callback triggered when the "Next" button is clicked. */
     handleNextClick: () => Promise<void>;
+    /** Callback triggered when the "Previous" button is clicked. */
     handlePreviousClick: () => Promise<void>;
 }

package/build/components/FullScreenStepperActions/index.d.ts

@@ -1 +1,2 @@
 export { FullScreenStepperActions as default } from './FullScreenStepperActions';
+export { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps';

package/build/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as Button, ButtonProps } from './Button';
 export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
 export { default as FeatureIntro, FeatureIntroProps } from './FeatureIntro';
 export { default as FullScreenStepper, FullScreenStepperProps, FullScreenStepperContext } from './FullScreenStepper';
+export { default as FullScreenStepperActions, FullScreenStepperActionsProps } from './FullScreenStepperActions';
 export { default as FullScreenStepperContent } from './FullScreenStepperContent';
 export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
 export { default as Toast, ToastProps } from './Toast';
@@ -23,3 +24,4 @@ export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
 export { SettingsIndexCard, SettingsIndexCardProps } from './SettingsIndexCard';
 export { List, ListProps } from './List';
 export { StandardListItem, StandardListItemProps } from './StandardListItem';
+export { Switch, SwitchProps, TextField, TextFieldProps, MenuItem, MenuItemProps, CircularProgress, CircularProgressProps, } from '@material-ui/core';

package/build/index.es.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import React__default, { createElement, forwardRef, createContext, useState, useContext } from 'react';
 import CommonAlert from '@material-ui/lab/Alert';
 import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, useTheme as useTheme$1, ButtonBase, List as List$1, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton as IconButton$1 } from '@material-ui/core';
+export { CircularProgress, MenuItem, Switch, TextField } from '@material-ui/core';
 import '@material-ui/core/AppBar';
 import MuiAvatar from '@material-ui/core/Avatar';
 import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
@@ -1542,11 +1543,12 @@ var FullScreenStepperContext = createContext({});
  * - loading?
  */
 var FullScreenStepper = function (props) {
-    var children = props.children, _a = props.context, context = _a === void 0 ? {} : _a, _b = props.defaultStepCursor, defaultStepCursor = _b === void 0 ? 1 : _b, _c = props.displayCancelButton, displayCancelButton = _c === void 0 ? true : _c, _d = props.displayPreviousButton, displayPreviousButton = _d === void 0 ? true : _d, _e = props.resetStepCursorOnCancel, resetStepCursorOnCancel = _e === void 0 ? true : _e, _f = props.resetStepCursorOnClose, resetStepCursorOnClose = _f === void 0 ? true : _f, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest$1(props, ["children", "context", "defaultStepCursor", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnCancel", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
-    var _g = useState(defaultStepCursor), stepCursor = _g[0], setStepCursor = _g[1];
+    var children = props.children, _a = props.context, context = _a === void 0 ? {} : _a, _b = props.defaultStepCursor, defaultStepCursor = _b === void 0 ? 1 : _b, _c = props.displayActionBar, displayActionBar = _c === void 0 ? true : _c, _d = props.displayCancelButton, displayCancelButton = _d === void 0 ? true : _d, _e = props.displayPreviousButton, displayPreviousButton = _e === void 0 ? true : _e, _f = props.resetStepCursorOnCancel, resetStepCursorOnCancel = _f === void 0 ? true : _f, _g = props.resetStepCursorOnClose, resetStepCursorOnClose = _g === void 0 ? true : _g, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest$1(props, ["children", "context", "defaultStepCursor", "displayActionBar", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnCancel", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
+    var _h = useState(defaultStepCursor), stepCursor = _h[0], setStepCursor = _h[1];
     var stepCount = steps.length;
     var stepIndex = stepCursor - 1;
     var step = steps[stepIndex];
+    var _j = step.displayActionBar, displayStepActionBar = _j === void 0 ? true : _j;
     var isFinalStep = stepCursor / stepCount === 1;
     var callbackArgs = { setStepCursor: setStepCursor, step: step, stepCount: stepCount, stepIndex: stepIndex, steps: steps };
     var mergedContext = __assign$1(__assign$1({}, context), callbackArgs);
@@ -1626,7 +1628,7 @@ var FullScreenStepper = function (props) {
             React__default.createElement(Box$1, { display: "flex", flexDirection: "column", flexGrow: 1 },
                 React__default.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
                 React__default.createElement(Box$1, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
-                React__default.createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
+                displayActionBar && displayStepActionBar && (React__default.createElement(FullScreenStepperActions, __assign$1({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick })))))));
 };
 FullScreenStepper.displayName = 'FullScreenStepper';
 
@@ -2169,6 +2171,15 @@ var dataVizPalette = {
     },
 };
 
+var props = {
+    MuiSwitch: {
+        color: 'default',
+    },
+    MuiTextField: {
+        variant: 'outlined',
+    },
+};
+
 /**
  * These theme properties should be considered legacy. Make efforts to avoid new usage as well as refactor out existing
  * usage.
@@ -2196,36 +2207,48 @@ var adminThemeZIndex = {
 /** The defaults for MuiInputBase and MuiInputLabel can be removed once the BasicForm & 'shared' inputs have either:
  * 1. been refactored to use secondary color.
  * 2. been replaced with new common components.
+ *
+ * props as imported from './props' are part updated design system.
  */
 var adminThemeDefaultProps = {
-    props: {
+    props: __assign$1(__assign$1({}, props), { 
+        // Legacy below
         MuiCard: {
             elevation: 0,
-        },
-        MuiTooltip: {
+        }, MuiTooltip: {
             title: '',
             placement: 'right',
-        },
-        MuiPaper: {
+        }, MuiPaper: {
             elevation: 0,
-        },
-        MuiAppBar: {
+        }, MuiAppBar: {
             position: 'static',
-        },
-        MuiInputBase: {
+        }, MuiInputBase: {
             color: 'secondary',
-        },
-        MuiInputLabel: {
+        }, MuiInputLabel: {
             color: 'secondary',
+        } }),
+};
+
+var overrides = {
+    MuiSwitch: {
+        checked: {},
+        track: {},
+        switchBase: {
+            '&$checked': {
+                color: basePalette.success.main,
+                '& + $track': {
+                    background: basePalette.success.light,
+                },
+            },
         },
     },
 };
 
-var adminLightOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Light', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminLightPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography }, adminLightPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
+var adminLightOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Light', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminLightPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminLightPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
 var adminLight = createTheme(adminLightOptions);
 
-var adminDarkOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Dark', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminDarkPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
+var adminDarkOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Dark', palette: __assign$1(__assign$1(__assign$1({}, basePalette), adminDarkPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
 var adminDark = createTheme(adminDarkOptions);
 
-export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, DialogActions, FeatureIntro, FullScreenStepper, FullScreenStepperContent, FullScreenStepperContext, List, Page, PageBody, PageSection, PageSectionHead, PageSectionTitle, PageSections, SelectableCard, SettingsIndexCard, SettingsIndexCardGroup, StandardListItem, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useDialog, useFullScreenStepperContext, useSelectableCard };
+export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, DialogActions, FeatureIntro, FullScreenStepper, FullScreenStepperActions, FullScreenStepperContent, FullScreenStepperContext, List, Page, PageBody, PageSection, PageSectionHead, PageSectionTitle, PageSections, SelectableCard, SettingsIndexCard, SettingsIndexCardGroup, StandardListItem, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useDialog, useFullScreenStepperContext, useSelectableCard };
 //# sourceMappingURL=index.es.js.map