@popmenu/admin-ui 0.61.0 → 0.63.0

package/build/components/index.d.ts

@@ -24,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';
@@ -178,10 +179,10 @@ function __rest(s, e) {
 
 var _path$H;
 
-function _extends$1D() { _extends$1D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
+function _extends$1C() { _extends$1C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1D({
+  return /*#__PURE__*/React.createElement("svg", _extends$1C({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -855,7 +856,7 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
-var _g$1i, _defs$K;
+var _g$1i, _defs$J;
 
 function _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }
 
@@ -874,7 +875,7 @@ function SvgCheckCircle(props) {
     d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M14.667 2.667L8 9.34l-2-2"
-  }))), _defs$K || (_defs$K = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$J || (_defs$J = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "check-circle_svg__clip0_8_5831"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -900,7 +901,7 @@ function SvgX(props) {
   })));
 }
 
-var _g$1a, _defs$D;
+var _g$1a, _defs$C;
 
 function _extends$25() { _extends$25 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$25.apply(this, arguments); }
 
@@ -919,7 +920,7 @@ function SvgHelp(props) {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6.06 6a2 2 0 013.887.667c0 1.333-2 2-2 2M8 11.334h.007"
-  }))), _defs$D || (_defs$D = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$C || (_defs$C = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "help_svg__clip0_8_5446"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -927,7 +928,7 @@ function SvgHelp(props) {
   })))));
 }
 
-var _g$18, _defs$C;
+var _g$18, _defs$B;
 
 function _extends$23() { _extends$23 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$23.apply(this, arguments); }
 
@@ -944,7 +945,7 @@ function SvgInfo(props) {
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
-  }))), _defs$C || (_defs$C = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$B || (_defs$B = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "info_svg__clip0_8_5377"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -952,24 +953,24 @@ function SvgInfo(props) {
   })))));
 }
 
-var _g$V, _defs$t;
+var _g$U, _defs$s;
 
-function _extends$1z() { _extends$1z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
+function _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
 
 function SvgError(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1z({
+  return /*#__PURE__*/React.createElement("svg", _extends$1y({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$V || (_g$V = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$U || (_g$U = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#error_svg__clip0_8_5411)",
     stroke: "currentColor"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
-  }))), _defs$t || (_defs$t = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$s || (_defs$s = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "error_svg__clip0_8_5411"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -979,10 +980,10 @@ function SvgError(props) {
 
 var _path$E;
 
-function _extends$1y() { _extends$1y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
+function _extends$1x() { _extends$1x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
 
 function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React.createElement("svg", _extends$1x({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
@@ -995,24 +996,24 @@ function SvgWarning(props) {
   })));
 }
 
-var _g$z, _defs$l;
+var _g$y, _defs$k;
 
-function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+function _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 
 function SvgCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     viewBox: "0 0 16 16",
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     width: "1em",
     height: "1em"
-  }, props), _g$z || (_g$z = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$y || (_g$y = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#circle_svg__clip0_8_2293)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z",
     stroke: "currentColor"
-  }))), _defs$l || (_defs$l = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$k || (_defs$k = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "circle_svg__clip0_8_2293"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
@@ -2170,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.
@@ -2197,35 +2207,47 @@ 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, FullScreenStepperActions, FullScreenStepperContent, FullScreenStepperContext, List, Page, PageBody, PageSection, PageSectionHead, PageSectionTitle, PageSections, SelectableCard, SettingsIndexCard, SettingsIndexCardGroup, StandardListItem, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useDialog, useFullScreenStepperContext, useSelectableCard };