@popmenu/admin-ui 0.125.0 → 0.126.1

package/build/{components → esm/components}/SelectableCard/SelectableCardProps.d.ts

@@ -1,18 +1,18 @@
-import { Ref } from 'react';
-import { CardProps as MuiCardProps } from '@material-ui/core/Card';
-import { CardActionAreaProps } from '@material-ui/core';
-export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
-    /** Id of the DOM node serving as the label of the input. */
-    labelId: string;
-    /** Sets card selection state. */
-    selected?: boolean;
-    /** A reference to selection state managing a group of SelectableCards. */
-    selection?: Array<string>;
-    /** The value of a card in respects to selection state. */
-    value: string;
-    /** Callback for when the SelectableCard is clicked. */
-    onClick: (value: string) => void;
-    /** Props passed to the CardActionArea rendered by SelectableCard. */
-    CardActionAreaProps?: CardActionAreaProps;
-    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
-}
+import { Ref } from 'react';
+import { CardProps as MuiCardProps } from '@material-ui/core/Card';
+import { CardActionAreaProps } from '@material-ui/core';
+export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
+    /** Id of the DOM node serving as the label of the input. */
+    labelId: string;
+    /** Sets card selection state. */
+    selected?: boolean;
+    /** A reference to selection state managing a group of SelectableCards. */
+    selection?: Array<string>;
+    /** The value of a card in respects to selection state. */
+    value: string;
+    /** Callback for when the SelectableCard is clicked. */
+    onClick: (value: string) => void;
+    /** Props passed to the CardActionArea rendered by SelectableCard. */
+    CardActionAreaProps?: CardActionAreaProps;
+    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
+}

package/build/{components → esm/components}/SelectableCard/SelectableCardStyles.d.ts

@@ -1,2 +1,2 @@
-import { SelectableCardProps } from './SelectableCardProps';
-export declare const useSelectableCardStyles: (props: SelectableCardProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { SelectableCardProps } from './SelectableCardProps';
+export declare const useSelectableCardStyles: (props: SelectableCardProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/SelectableCard/SelectableCardStyles.js

@@ -0,0 +1,47 @@
+import { makeStyles, lighten } from '@material-ui/core/styles';
+
+var useSelectableCardStyles = makeStyles(function (theme) {
+    var _a = theme.palette, info = _a.info, grey = _a.grey, getContrastText = _a.getContrastText, spacing = theme.spacing;
+    var selectedBackgroundColor = lighten(theme.palette.info.light, 0.9);
+    var backgroundColor = theme.palette.surface.light;
+    return {
+        root: {
+            position: 'relative',
+            border: function (_a) {
+                var selected = _a.selected;
+                return (selected ? "1px solid " + info.light : "1px solid " + grey[700]);
+            },
+            backgroundColor: function (_a) {
+                var selected = _a.selected;
+                return (selected ? selectedBackgroundColor : backgroundColor);
+            },
+            color: function (_a) {
+                var selected = _a.selected;
+                return (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor));
+            },
+            transition: 'none',
+        },
+        cardContent: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginTop: spacing(2.5),
+        },
+        icon: {
+            position: 'absolute',
+            top: spacing(2),
+            left: spacing(2),
+            color: function (_a) {
+                var selected = _a.selected;
+                return (selected ? info.main : grey[700]);
+            },
+        },
+        focusHighlight: {
+            backgroundColor: 'inherit',
+        },
+    };
+});
+
+export { useSelectableCardStyles };
+//# sourceMappingURL=SelectableCardStyles.js.map

package/build/esm/components/SelectableCard/SelectableCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme, lighten } from '@material-ui/core/styles'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n  const {\n    palette: { info, grey, getContrastText },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n  const backgroundColor = theme.palette.surface.light\n  return {\n    root: {\n      position: 'relative',\n      border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n      backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n      color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n      transition: 'none',\n    },\n    cardContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: spacing(2.5),\n    },\n    icon: {\n      position: 'absolute',\n      top: spacing(2),\n      left: spacing(2),\n      color: ({ selected }) => (selected ? info.main : grey[700]),\n    },\n    focusHighlight: {\n      backgroundColor: 'inherit',\n    },\n  }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}

package/build/{components → esm/components}/SelectableCard/index.d.ts

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

package/build/{components → esm/components}/SettingsIndexCard/SettingsIndexCard.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { SettingsIndexCardProps } from './SettingsIndexCardProps';
-interface SettingsIndexCardType {
-    <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & {
-        component?: C;
-    }): React.ReactElement;
-    defaultProps?: Partial<SettingsIndexCardProps>;
-    displayName?: string;
-}
-export declare const SettingsIndexCard: SettingsIndexCardType;
-export {};
+import React from 'react';
+import { SettingsIndexCardProps } from './SettingsIndexCardProps';
+interface SettingsIndexCardType {
+    <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & {
+        component?: C;
+    }): React.ReactElement;
+    defaultProps?: Partial<SettingsIndexCardProps>;
+    displayName?: string;
+}
+export declare const SettingsIndexCard: SettingsIndexCardType;
+export {};

package/build/esm/components/SettingsIndexCard/SettingsIndexCard.js

@@ -0,0 +1,24 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { ButtonBase, Card, CardContent, Box, Icon, Typography } from '@popmenu/common-ui';
+import { Help } from '@popmenu/web-icons';
+import { useSettingsIndexCardStyles } from './SettingsIndexCardStyles.js';
+
+// eslint-disable-next-line react/display-name -- false positive
+var SettingsIndexCard = forwardRef(function (props, ref) {
+    var title = props.title, description = props.description, Icon$1 = props.Icon, onClick = props.onClick, statusLabel = props.statusLabel, restProps = __rest(props, ["title", "description", "Icon", "onClick", "statusLabel"]);
+    var classes = useSettingsIndexCardStyles(props);
+    var showStatusLabel = (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text) && (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color);
+    return (React.createElement(ButtonBase, __assign({ onClick: onClick, ref: ref }, restProps),
+        React.createElement(Card, { classes: { root: classes.cardRoot } },
+            React.createElement(CardContent, { classes: { root: classes.cardContentRoot } },
+                React.createElement(Box, { fontSize: "32px", display: "flex", justifyContent: 'space-between', alignItems: "center", paddingBottom: 2 },
+                    React.createElement(Icon, { icon: Icon$1 || Help, size: "inherit" }),
+                    showStatusLabel && (React.createElement(Typography, { weight: "semi-bold", variant: "body2", color: statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color }, statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text))),
+                React.createElement(Typography, { align: "left", variant: "h6", gutterBottom: true }, title),
+                description && (React.createElement(Typography, { align: "left", variant: "body2", color: "grey.700" }, description))))));
+});
+SettingsIndexCard.displayName = 'SettingsIndexCard';
+
+export { SettingsIndexCard };
+//# sourceMappingURL=SettingsIndexCard.js.map

package/build/esm/components/SettingsIndexCard/SettingsIndexCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIndexCard.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ButtonBase, Card, CardContent, Typography } from '@popmenu/common-ui'\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\nimport { Icon as CommonIcon, Box } from '@popmenu/common-ui'\nimport { Help } from '@popmenu/web-icons'\nimport { useSettingsIndexCardStyles } from './SettingsIndexCardStyles'\n\ninterface SettingsIndexCardType {\n  <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<SettingsIndexCardProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const SettingsIndexCard = forwardRef<HTMLButtonElement, SettingsIndexCardProps>((props, ref) => {\n  const { title, description, Icon, onClick, statusLabel, ...restProps } = props\n  const classes = useSettingsIndexCardStyles(props)\n  const showStatusLabel = statusLabel?.text && statusLabel?.color\n  return (\n    <ButtonBase onClick={onClick} ref={ref} {...restProps}>\n      <Card classes={{ root: classes.cardRoot }}>\n        <CardContent classes={{ root: classes.cardContentRoot }}>\n          <Box fontSize=\"32px\" display=\"flex\" justifyContent={'space-between'} alignItems=\"center\" paddingBottom={2}>\n            <CommonIcon icon={Icon || Help} size=\"inherit\" />\n            {showStatusLabel && (\n              <Typography weight=\"semi-bold\" variant=\"body2\" color={statusLabel?.color}>\n                {statusLabel?.text}\n              </Typography>\n            )}\n          </Box>\n          <Typography align=\"left\" variant=\"h6\" gutterBottom>\n            {title}\n          </Typography>\n          {description && (\n            <Typography align=\"left\" variant=\"body2\" color=\"grey.700\">\n              {description}\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </ButtonBase>\n  )\n}) as SettingsIndexCardType\n\nSettingsIndexCard.displayName = 'SettingsIndexCard'\n"],"names":["Icon","CommonIcon"],"mappings":";;;;;;AAaA;IACa,iBAAiB,GAAG,UAAU,CAA4C,UAAC,KAAK,EAAE,GAAG,EAAA;AACxF,IAAA,IAAA,KAAK,GAA4D,KAAK,CAAA,KAAjE,EAAE,WAAW,GAA+C,KAAK,CAApD,WAAA,EAAEA,MAAI,GAAyC,KAAK,CAA9C,IAAA,EAAE,OAAO,GAAgC,KAAK,CAAA,OAArC,EAAE,WAAW,GAAmB,KAAK,CAAA,WAAxB,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAxE,CAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,CAAgE,CAAF;AACpE,IAAA,IAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;AACjD,IAAA,IAAM,eAAe,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,WAAW,CAAE,IAAI,MAAI,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,CAAA;AAC/D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA;QACnD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAA;YACvC,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE,EAAA;gBACrD,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,EAAA;oBACvG,KAAC,CAAA,aAAA,CAAAC,IAAU,EAAC,EAAA,IAAI,EAAED,MAAI,IAAI,IAAI,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAChD,oBAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,MAAM,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,KAAK,IACrE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,IAAI,CACP,CACd,CACG;AACN,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,EAAA,IAAA,EAAA,EAC/C,KAAK,CACK;gBACZ,WAAW,KACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAA,EACtD,WAAW,CACD,CACd,CACW,CACT,CACI;AAEjB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/{components → esm/components}/SettingsIndexCard/SettingsIndexCardProps.d.ts

@@ -1,20 +1,20 @@
-import { ThemeColors } from '@popmenu/common-ui/build/components/Typography/TypographyProps';
-import React from 'react';
-import { ButtonBaseProps } from '@material-ui/core';
-export declare type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
-    component?: C;
-}> & {
-    /** The icon from @popmenu/web-icons to be rendered */
-    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
-    /** Sets the title of the card */
-    title: string;
-    /** Displays the given card description */
-    description?: string;
-    /** Event callback for the Card click event  */
-    onClick?: (event: any) => void;
-    /** Sets the text and color of the label  */
-    statusLabel?: {
-        text: string;
-        color: ThemeColors;
-    };
-};
+import { ButtonBaseProps } from '@material-ui/core';
+import { ThemeColors } from '@popmenu/common-ui';
+import React from 'react';
+export declare type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
+    component?: C;
+}> & {
+    /** The icon from @popmenu/web-icons to be rendered */
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Sets the title of the card */
+    title: string;
+    /** Displays the given card description */
+    description?: string;
+    /** Event callback for the Card click event  */
+    onClick?: (event: any) => void;
+    /** Sets the text and color of the label  */
+    statusLabel?: {
+        text: string;
+        color: ThemeColors;
+    };
+};

package/build/{components → esm/components}/SettingsIndexCard/SettingsIndexCardStyles.d.ts

@@ -1,2 +1,2 @@
-import { SettingsIndexCardProps } from './SettingsIndexCardProps';
-export declare const useSettingsIndexCardStyles: (props: SettingsIndexCardProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { SettingsIndexCardProps } from './SettingsIndexCardProps';
+export declare const useSettingsIndexCardStyles: (props: SettingsIndexCardProps<"button">) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useSettingsIndexCardStyles = makeStyles(function (theme) { return ({
+    cardRoot: {
+        border: "1px solid " + theme.palette.grey[300],
+        alignSelf: 'stretch',
+        flexGrow: 1,
+        '&:hover': {
+            backgroundColor: '#52B7FF1A',
+        },
+    },
+    cardContentRoot: {
+        padding: theme.spacing(4),
+        '&:last-child': {
+            paddingBottom: theme.spacing(4),
+        },
+    },
+}); });
+
+export { useSettingsIndexCardStyles };
+//# sourceMappingURL=SettingsIndexCardStyles.js.map

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n  cardRoot: {\n    border: `1px solid ${theme.palette.grey[300]}`,\n    alignSelf: 'stretch',\n    flexGrow: 1,\n    '&:hover': {\n      backgroundColor: '#52B7FF1A',\n    },\n  },\n  cardContentRoot: {\n    padding: theme.spacing(4),\n    '&:last-child': {\n      paddingBottom: theme.spacing(4),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/SettingsIndexCard/index.d.ts

@@ -1,2 +1,2 @@
-export { SettingsIndexCard } from './SettingsIndexCard';
-export { SettingsIndexCardProps } from './SettingsIndexCardProps';
+export { SettingsIndexCard } from './SettingsIndexCard';
+export { SettingsIndexCardProps } from './SettingsIndexCardProps';

package/build/{components → esm/components}/SettingsIndexCardGroup/SettingsIndexCardGroup.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { BoxProps } from '@popmenu/common-ui';
-export declare const SettingsIndexCardGroup: (props: BoxProps) => JSX.Element;
+/// <reference types="react" />
+import { BoxProps } from '@popmenu/common-ui';
+export declare const SettingsIndexCardGroup: (props: BoxProps) => JSX.Element;

package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js

@@ -0,0 +1,11 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Box } from '@popmenu/common-ui';
+
+var SettingsIndexCardGroup = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    return (React.createElement(Box, __assign({ display: "grid", gridGap: 16, gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))" }, restProps), children));
+};
+
+export { SettingsIndexCardGroup };
+//# sourceMappingURL=SettingsIndexCardGroup.js.map

package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIndexCardGroup.js","sources":["../../../../src/components/SettingsIndexCardGroup/SettingsIndexCardGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const SettingsIndexCardGroup = (props: BoxProps) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"grid\" gridGap={16} gridTemplateColumns=\"repeat(auto-fill, minmax(250px, 1fr))\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,sBAAsB,GAAG,UAAC,KAAe,EAAA;IAC5C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,oBAAC,GAAG,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAC,uCAAuC,EAAA,EAAK,SAAS,CACvG,EAAA,QAAQ,CACL;AAEV;;;;"}

package/build/{components → esm/components}/SettingsIndexCardGroup/index.d.ts

@@ -1 +1 @@
-export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
+export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';

package/build/{components → esm/components}/StandardListItem/StandardListItem.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { StandardListItemProps } from './StandardListItemProps';
-/**
- * TODO
- * - clean props util
- * - Avatar size and shape
- */
-export declare const StandardListItem: (props: StandardListItemProps) => JSX.Element;
-export declare const Test: () => JSX.Element;
+/// <reference types="react" />
+import { StandardListItemProps } from './StandardListItemProps';
+/**
+ * TODO
+ * - clean props util
+ * - Avatar size and shape
+ */
+export declare const StandardListItem: (props: StandardListItemProps) => JSX.Element;
+export declare const Test: () => JSX.Element;

package/build/esm/components/StandardListItem/StandardListItem.js

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { makeStyles, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton } from '@material-ui/core';
+import { Avatar, Icon, Typography } from '@popmenu/common-ui';
+
+var useStyles = makeStyles(function (theme) { return ({
+    chipRoot: {
+        marginRight: theme.spacing(4),
+        cursor: 'pointer',
+    },
+    body: {
+        paddingTop: '4px',
+    },
+    listItemText: {
+        marginRight: '32px',
+    },
+}); });
+/**
+ * TODO
+ * - clean props util
+ * - Avatar size and shape
+ */
+var StandardListItem = function (props) {
+    props.itemId; var title = props.title, meta = props.meta, body = props.body, image = props.image, status = props.status, secondaryAction = props.secondaryAction, onClick = props.onClick, restProps = __rest(props, ["itemId", "title", "meta", "body", "image", "status", "secondaryAction", "onClick"]);
+    var classes = useStyles(props);
+    return (React.createElement(ListItem, __assign({ button: Boolean(onClick), onClick: function (e) { return onClick && onClick(e, props); } }, restProps),
+        image && (React.createElement(ListItemAvatar, null,
+            React.createElement(Avatar, { src: image.src, alt: image.alt }, image.Icon && React.createElement(Icon, { icon: image.Icon })))),
+        React.createElement(ListItemText, { disableTypography: true, className: classes.listItemText },
+            React.createElement(Typography, { variant: "h6" }, title),
+            meta && (React.createElement(Typography, { variant: "body2", color: "secondary.light" }, meta)),
+            body && (React.createElement(Typography, { variant: "body2", color: "grey.700", className: classes.body }, body))),
+        status && (React.createElement(Chip, { classes: { root: classes.chipRoot }, icon: status.Icon && React.createElement(Icon, { icon: status.Icon }), label: status.text })),
+        secondaryAction && (React.createElement(ListItemSecondaryAction, null,
+            React.createElement(IconButton, { style: { color: 'black' }, "aria-label": secondaryAction['aria-label'], onClick: function (e) { return secondaryAction.onClick(e, props); } },
+                React.createElement(Icon, { icon: secondaryAction.Icon }))))));
+};
+
+export { StandardListItem };
+//# sourceMappingURL=StandardListItem.js.map

package/build/esm/components/StandardListItem/StandardListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardListItem.js","sources":["../../../../src/components/StandardListItem/StandardListItem.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Chip,\n  IconButton,\n  ListItem as MuiListItem,\n  ListItemAvatar,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core'\nimport { Avatar, Icon, Typography } from '@popmenu/common-ui'\nimport { StandardListItemProps } from './StandardListItemProps'\n\nconst useStyles = makeStyles((theme) => ({\n  chipRoot: {\n    marginRight: theme.spacing(4),\n    cursor: 'pointer',\n  },\n  body: {\n    paddingTop: '4px',\n  },\n  listItemText: {\n    marginRight: '32px',\n  },\n}))\n\n/**\n * TODO\n * - clean props util\n * - Avatar size and shape\n */\n\nexport const StandardListItem = (props: StandardListItemProps) => {\n  const { itemId, title, meta, body, image, status, secondaryAction, onClick, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiListItem button={Boolean(onClick) as any} onClick={(e) => onClick && onClick(e, props)} {...restProps}>\n      {image && (\n        <ListItemAvatar>\n          <Avatar src={image.src} alt={image.alt}>\n            {image.Icon && <Icon icon={image.Icon} />}\n          </Avatar>\n        </ListItemAvatar>\n      )}\n      <ListItemText disableTypography className={classes.listItemText}>\n        <Typography variant=\"h6\">{title}</Typography>\n        {meta && (\n          <Typography variant=\"body2\" color=\"secondary.light\">\n            {meta}\n          </Typography>\n        )}\n        {body && (\n          <Typography variant=\"body2\" color=\"grey.700\" className={classes.body}>\n            {body}\n          </Typography>\n        )}\n      </ListItemText>\n      {status && (\n        <Chip\n          classes={{ root: classes.chipRoot }}\n          icon={status.Icon && <Icon icon={status.Icon} />}\n          label={status.text}\n        />\n      )}\n      {secondaryAction && (\n        <ListItemSecondaryAction>\n          <IconButton\n            style={{ color: 'black' }}\n            aria-label={secondaryAction['aria-label']}\n            onClick={(e) => secondaryAction.onClick(e, props)}\n          >\n            <Icon icon={secondaryAction.Icon} />\n          </IconButton>\n        </ListItemSecondaryAction>\n      )}\n    </MuiListItem>\n  )\n}\n\nexport const Test = () => <MuiListItem button={undefined} />\n"],"names":["MuiListItem"],"mappings":"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"}

package/build/{components → esm/components}/StandardListItem/StandardListItemProps.d.ts

@@ -1,25 +1,25 @@
-import { FC, MouseEvent as ReactMouseEvent, SVGProps } from 'react';
-import { ListItemProps } from '@material-ui/core';
-export interface StandardListItemProps extends Omit<ListItemProps, 'onClick'> {
-    title: string;
-    itemId?: string | number;
-    meta?: string;
-    body?: string;
-    image?: {
-        src?: string;
-        alt?: string;
-        Icon?: FC<SVGProps<SVGSVGElement>>;
-        shape?: 'circle' | 'square';
-    };
-    status?: {
-        text: string;
-        severity?: string;
-        Icon?: FC<SVGProps<SVGSVGElement>>;
-    };
-    secondaryAction?: {
-        Icon: FC<SVGProps<SVGSVGElement>>;
-        'aria-label': string;
-        onClick: (event: ReactMouseEvent<HTMLButtonElement, MouseEvent>, listItem: StandardListItemProps) => void;
-    };
-    onClick?: (event: ReactMouseEvent<HTMLButtonElement | HTMLLIElement, MouseEvent>, listItem: StandardListItemProps) => void;
-}
+import { FC, MouseEvent as ReactMouseEvent, SVGProps } from 'react';
+import { ListItemProps } from '@material-ui/core';
+export interface StandardListItemProps extends Omit<ListItemProps, 'onClick'> {
+    title: string;
+    itemId?: string | number;
+    meta?: string;
+    body?: string;
+    image?: {
+        src?: string;
+        alt?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+        shape?: 'circle' | 'square';
+    };
+    status?: {
+        text: string;
+        severity?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+    secondaryAction?: {
+        Icon: FC<SVGProps<SVGSVGElement>>;
+        'aria-label': string;
+        onClick: (event: ReactMouseEvent<HTMLButtonElement, MouseEvent>, listItem: StandardListItemProps) => void;
+    };
+    onClick?: (event: ReactMouseEvent<HTMLButtonElement | HTMLLIElement, MouseEvent>, listItem: StandardListItemProps) => void;
+}

package/build/{components → esm/components}/StandardListItem/index.d.ts

@@ -1,2 +1,2 @@
-export { StandardListItem } from './StandardListItem';
-export { StandardListItemProps } from './StandardListItemProps';
+export { StandardListItem } from './StandardListItem';
+export { StandardListItemProps } from './StandardListItemProps';

package/build/{components → esm/components}/Toast/Toast.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { ToastProps } from './ToastProps';
-export declare const Toast: FC<ToastProps>;
+import { FC } from 'react';
+import { ToastProps } from './ToastProps';
+export declare const Toast: FC<ToastProps>;

package/build/esm/components/Toast/Toast.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import MuiSnackbar from '@material-ui/core/Snackbar';
+import { Alert } from '../Alert/Alert.js';
+import { useToastStyles } from './ToastStyles.js';
+
+var Toast = function (props) {
+    var children = props.children, AlertProps = props.AlertProps, severity = props.severity, muiProps = __rest(props, ["children", "AlertProps", "severity"]);
+    var classes = useToastStyles(props);
+    return (React.createElement(MuiSnackbar, __assign({ ClickAwayListenerProps: { mouseEvent: false } }, muiProps),
+        React.createElement(Alert, __assign({ className: classes.root, action: null, severity: severity }, AlertProps), children)));
+};
+Toast.defaultProps = {
+    AlertProps: {},
+    autoHideDuration: 5000,
+};
+Toast.displayName = 'Toast';
+
+export { Toast };
+//# sourceMappingURL=Toast.js.map

package/build/esm/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport MuiSnackbar from '@material-ui/core/Snackbar'\n\nimport Alert from '../Alert'\nimport { useToastStyles } from './ToastStyles'\nimport { ToastProps } from './ToastProps'\n\nexport const Toast: FC<ToastProps> = (props) => {\n  const { children, AlertProps, severity, ...muiProps } = props\n  const classes = useToastStyles(props)\n  return (\n    <MuiSnackbar ClickAwayListenerProps={{ mouseEvent: false }} {...muiProps}>\n      <Alert className={classes.root} action={null} severity={severity} {...AlertProps}>\n        {children}\n      </Alert>\n    </MuiSnackbar>\n  )\n}\n\nToast.defaultProps = {\n  AlertProps: {},\n  autoHideDuration: 5000,\n}\n\nToast.displayName = 'Toast'\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,KAAK,GAAmB,UAAC,KAAK,EAAA;IACjC,IAAA,QAAQ,GAAwC,KAAK,CAAA,QAA7C,EAAE,UAAU,GAA4B,KAAK,CAAjC,UAAA,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAvD,CAA+C,UAAA,EAAA,YAAA,EAAA,UAAA,CAAA,CAAF;AACnD,IAAA,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC;AACrC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EAAC,sBAAsB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,EAAM,QAAQ,CAAA;QACtE,KAAC,CAAA,aAAA,CAAA,KAAK,aAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAM,EAAA,UAAU,GAC7E,QAAQ,CACH,CACI;AAElB;AAEA,KAAK,CAAC,YAAY,GAAG;AACnB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,gBAAgB,EAAE,IAAI;CACvB;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/{components → esm/components}/Toast/ToastProps.d.ts

@@ -1,10 +1,10 @@
-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'>;
-    /** The severity of the Alert. */
-    severity: 'error' | 'warning' | 'info' | 'success';
-    /** @ignore */
-    ref?: SnackbarProps['ref'];
-}
+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'>;
+    /** The severity of the Alert. */
+    severity: 'error' | 'warning' | 'info' | 'success';
+    /** @ignore */
+    ref?: SnackbarProps['ref'];
+}

package/build/{components → esm/components}/Toast/ToastStyles.d.ts

@@ -1,2 +1,2 @@
-import { ToastProps } from './ToastProps';
-export declare const useToastStyles: (props: ToastProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { ToastProps } from './ToastProps';
+export declare const useToastStyles: (props: ToastProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/Toast/ToastStyles.js

@@ -0,0 +1,16 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useToastStyles = makeStyles(function (theme) { return ({
+    root: {
+        boxSizing: 'border-box',
+        padding: theme.spacing(0, 1.5),
+        /** TODO: design to define responsive width value. */
+        width: '350px',
+        '& > div:first-child': {
+            alignItems: 'center',
+        },
+    },
+}); });
+
+export { useToastStyles };
+//# sourceMappingURL=ToastStyles.js.map

package/build/esm/components/Toast/ToastStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStyles.js","sources":["../../../../src/components/Toast/ToastStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { ToastProps } from './ToastProps'\n\nexport const useToastStyles = makeStyles<Theme, ToastProps>((theme) => ({\n  root: {\n    boxSizing: 'border-box',\n    padding: theme.spacing(0, 1.5),\n    /** TODO: design to define responsive width value. */\n    width: '350px',\n    '& > div:first-child': {\n      alignItems: 'center',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAAoB,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;;AAE9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,qBAAqB,EAAE;AACrB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/Toast/index.d.ts

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

package/build/{components → esm/components}/index.d.ts

@@ -1,27 +1,27 @@
-export { default as Alert, AlertProps } from './Alert';
-export { default as AlertDialog, AlertDialogProps } from './AlertDialog';
-export { default as AlertDialogHeader } from './AlertDialogHeader';
-export { default as AlertTitle, AlertTitleProps } from './AlertTitle';
-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';
-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 { PageBody } from './PageBody';
-export { PageSection } from './PageSection';
-export { PageSections } from './PageSections';
-export { PageSectionHead } from './PageSectionHead';
-export { PageSectionTitle } from './PageSectionTitle';
-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';
+export { default as Alert, AlertProps } from './Alert';
+export { default as AlertDialog, AlertDialogProps } from './AlertDialog';
+export { default as AlertDialogHeader } from './AlertDialogHeader';
+export { default as AlertTitle, AlertTitleProps } from './AlertTitle';
+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';
+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 { PageBody } from './PageBody';
+export { PageSection } from './PageSection';
+export { PageSections } from './PageSections';
+export { PageSectionHead } from './PageSectionHead';
+export { PageSectionTitle } from './PageSectionTitle';
+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/{hooks → esm/hooks}/index.d.ts

@@ -1,3 +1,3 @@
-export { useFullScreenStepperContext } from './useFullScreenStepperContext';
-export { useSelectableCard } from './useSelectableCard';
-export { useDialog } from './useDialog';
+export { useFullScreenStepperContext } from './useFullScreenStepperContext';
+export { useSelectableCard } from './useSelectableCard';
+export { useDialog } from './useDialog';

package/build/{hooks → esm/hooks}/useDialog.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export declare const useDialog: () => ({
-    onClick: () => void;
-} | {
-    open: boolean;
-    onClose: () => void;
-} | {
-    open: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    toggle: () => void;
-    close: () => void;
-})[];
+/// <reference types="react" />
+export declare const useDialog: () => ({
+    onClick: () => void;
+} | {
+    open: boolean;
+    onClose: () => void;
+} | {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    toggle: () => void;
+    close: () => void;
+})[];

package/build/esm/hooks/useDialog.js

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+
+var useDialog = function () {
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var toggle = function () { return setOpen(function (current) { return !current; }); };
+    var close = function () { return setOpen(false); };
+    var triggerProps = { onClick: toggle };
+    var dialogProps = { open: open, onClose: close };
+    return [triggerProps, dialogProps, { open: open, setOpen: setOpen, toggle: toggle, close: close }];
+};
+
+export { useDialog };
+//# sourceMappingURL=useDialog.js.map