@popmenu/admin-ui 0.23.0 → 0.25.0

package/build/components/Page/Page.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Page: (props: {
+    children?: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export { Page } from './Page';

package/build/components/PageContent/PageContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageContent: (props: {
+    children?: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export { PageContent } from './PageContent';

package/build/components/PageSection/PageSection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageSection: (props: {
+    children?: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export { PageSection } from './PageSection';

package/build/components/Toast/ToastProps.d.ts

@@ -2,7 +2,7 @@ import { SnackbarProps } from '@material-ui/core/Snackbar';
 import { AlertProps as MuiAlertProps } from '@material-ui/lab/Alert';
 export interface ToastProps extends SnackbarProps {
     /** Applied to the built in [Alert](?path=/docs/admin-ui-alert--props) Component. */
-    AlertProps: Omit<MuiAlertProps, 'ref'>;
+    AlertProps?: Omit<MuiAlertProps, 'ref'>;
     /** The severity of the Alert. */
     severity: 'error' | 'warning' | 'info' | 'success';
     /** @ignore */

package/build/components/index.d.ts

@@ -13,3 +13,6 @@ export { DialogTitle, DialogTitleProps } from './DialogTitle';
 export { DialogActions, DialogActionsProps } from './DialogActions';
 export { Dialog, DialogProps } from './Dialog';
 export { DialogContent, DialogContentProps } from './DialogContent';
+export { Page } from './Page';
+export { PageContent } from './PageContent';
+export { PageSection } from './PageSection';

package/build/index.es.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import React__default, { createElement, forwardRef, createContext, useState, useContext } from 'react';
 import CommonAlert from '@material-ui/lab/Alert';
-import { makeStyles, Paper as Paper$1, Link as Link$1, Box } from '@material-ui/core';
+import { makeStyles, Typography as Typography$1, Paper as Paper$1, Link as Link$1, Box } from '@material-ui/core';
 import '@material-ui/core/AppBar';
 import MuiIconButton from '@material-ui/core/IconButton';
-import MuiTypography from '@material-ui/core/Typography';
 import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
 import MuiAvatar from '@material-ui/core/Avatar';
 import '@material-ui/core/Badge';
@@ -176,20 +175,20 @@ function __rest(s, e) {
     return t;
 }
 
-var _path$2O;
+var _path$3l;
 
-function _extends$32() { _extends$32 = 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$32.apply(this, arguments); }
+function _extends$3C() { _extends$3C = 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$3C.apply(this, arguments); }
 
 function SvgUser(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$32({
+  return /*#__PURE__*/React.createElement("svg", _extends$3C({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$2O || (_path$2O = /*#__PURE__*/React.createElement("path", {
+    height: "1em",
+    fill: "none"
+  }, props), _path$3l || (_path$3l = /*#__PURE__*/React.createElement("path", {
     d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z"
   })));
 }
@@ -316,29 +315,29 @@ IconButton.defaultProps = {
     color: 'secondary',
 };
 
-var useTypographyStyles = makeStyles$1(function () {
-    var _a;
-    return ({
-        root: (_a = {},
-            _a["& ." + iconStaticClassName] = {
-                position: 'relative',
-                top: '0.125em',
-                padding: '0 0.125em',
-                boxSizing: 'content-box',
-            },
-            _a),
-        caption: {
-            display: 'inline',
-        },
-        overline: {
-            display: 'inline',
-        },
-    });
-});
+var useTypographyStyles = makeStyles$1(function () { return ({
+    root: function (_a) {
+        var _b;
+        var weight = _a.weight;
+        return (__assign((_b = {}, _b["& ." + iconStaticClassName] = {
+            position: 'relative',
+            top: '0.125em',
+            padding: '0 0.125em',
+            boxSizing: 'content-box',
+        }, _b), (weight && { fontWeight: (weight === 'semi-bold' && 600) || (weight === 'bold' && 700) || 400 })));
+    },
+    caption: {
+        display: 'inline',
+    },
+    overline: {
+        display: 'inline',
+    },
+}); });
 
 var Typography = forwardRef(function (props, ref) {
+    props.weight; var restProps = __rest(props, ["weight"]);
     var classes = useTypographyStyles(props);
-    return React__default.createElement(MuiTypography, __assign({ ref: ref, classes: classes }, props));
+    return React__default.createElement(Typography$1, __assign({ ref: ref, classes: classes }, restProps));
 });
 Typography.displayName = 'Typography';
 
@@ -745,113 +744,113 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
-var _path$3R, _path2$1a;
+var _path$4o, _path2$1q;
 
-function _extends$45() { _extends$45 = 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$45.apply(this, arguments); }
+function _extends$4F() { _extends$4F = 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$4F.apply(this, arguments); }
 
 function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$45({
+  return /*#__PURE__*/React.createElement("svg", _extends$4F({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$3R || (_path$3R = /*#__PURE__*/React.createElement("path", {
-    d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
-  })), _path2$1a || (_path2$1a = /*#__PURE__*/React.createElement("path", {
+    height: "1em",
+    fill: "none"
+  }, props), _path$4o || (_path$4o = /*#__PURE__*/React.createElement("path", {
+    d: "M14.667 7.387V8a6.666 6.666 0 11-3.954-6.093"
+  })), _path2$1q || (_path2$1q = /*#__PURE__*/React.createElement("path", {
     d: "M14.667 2.667L8 9.34l-2-2"
   })));
 }
 
-var _path$3O;
+var _path$4l;
 
-function _extends$42() { _extends$42 = 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$42.apply(this, arguments); }
+function _extends$4C() { _extends$4C = 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$4C.apply(this, arguments); }
 
 function SvgX(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$42({
+  return /*#__PURE__*/React.createElement("svg", _extends$4C({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$3O || (_path$3O = /*#__PURE__*/React.createElement("path", {
+    height: "1em",
+    fill: "none"
+  }, props), _path$4l || (_path$4l = /*#__PURE__*/React.createElement("path", {
     d: "M12 4l-8 8m0-8l8 8"
   })));
 }
 
-var _path$3t;
+var _path$40;
 
-function _extends$3J() { _extends$3J = 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$3J.apply(this, arguments); }
+function _extends$4h() { _extends$4h = 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$4h.apply(this, arguments); }
 
 function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3J({
+  return /*#__PURE__*/React.createElement("svg", _extends$4h({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$3t || (_path$3t = /*#__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"
+    height: "1em",
+    fill: "none"
+  }, props), _path$40 || (_path$40 = /*#__PURE__*/React.createElement("path", {
+    d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334zm0-4V8m0-2.667h.007"
   })));
 }
 
-var _path$2E;
+var _path$3b;
 
-function _extends$2T() { _extends$2T = 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$2T.apply(this, arguments); }
+function _extends$3r() { _extends$3r = 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$3r.apply(this, arguments); }
 
 function SvgError(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2T({
+  return /*#__PURE__*/React.createElement("svg", _extends$3r({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$2E || (_path$2E = /*#__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"
+    height: "1em",
+    fill: "none"
+  }, props), _path$3b || (_path$3b = /*#__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.667h.008"
   })));
 }
 
-var _path$2D;
+var _path$3a;
 
-function _extends$2S() { _extends$2S = 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$2S.apply(this, arguments); }
+function _extends$3q() { _extends$3q = 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$3q.apply(this, arguments); }
 
 function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2S({
+  return /*#__PURE__*/React.createElement("svg", _extends$3q({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$2D || (_path$2D = /*#__PURE__*/React.createElement("path", {
-    d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007"
+    height: "1em",
+    fill: "none"
+  }, props), _path$3a || (_path$3a = /*#__PURE__*/React.createElement("path", {
+    d: "M6.86 2.573L1.213 12a1.333 1.333 0 001.14 2h11.294a1.334 1.334 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.666h.007"
   })));
 }
 
-var _path$R;
+var _path$T;
 
-function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
+function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
 
 function SvgCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$U({
+  return /*#__PURE__*/React.createElement("svg", _extends$11({
     viewBox: "0 0 16 16",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     stroke: "currentColor",
-    fill: "none",
     width: "1em",
-    height: "1em"
-  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
-    d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
+    height: "1em",
+    fill: "none"
+  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
+    d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334z"
   })));
 }
 
@@ -1563,6 +1562,22 @@ var DialogActions = function (props) {
     return React__default.createElement(CommonDialogActions, __assign$1({ classes: classes }, props));
 };
 
+var Page = function (props) {
+    var children = props.children;
+    return React__default.createElement(Box, { marginTop: 8 }, children);
+};
+
+var PageContent = function (props) {
+    var children = props.children;
+    return (React__default.createElement(Box, { py: 2, px: 5.5 }, children));
+};
+
+var PageSection = function (props) {
+    var children = props.children;
+    return (React__default.createElement(Card, null,
+        React__default.createElement(CardContent, null, children)));
+};
+
 var useFullScreenStepperContext = function () { return useContext(FullScreenStepperContext); };
 
 /**
@@ -1823,5 +1838,5 @@ var adminLight = createTheme(adminLightOptions);
 var adminDarkOptions = __assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Dark', palette: __assign$1(__assign$1({}, basePalette), adminDarkPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
 var adminDark = createTheme(adminDarkOptions);
 
-export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, DialogActions, FeatureIntro, FullScreenStepper, FullScreenStepperContent, FullScreenStepperContext, SelectableCard, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useFullScreenStepperContext, useSelectableCard };
+export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, DialogActions, FeatureIntro, FullScreenStepper, FullScreenStepperContent, FullScreenStepperContext, Page, PageContent, PageSection, SelectableCard, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useFullScreenStepperContext, useSelectableCard };
 //# sourceMappingURL=index.es.js.map