@popmenu/dashboard 0.127.0 → 0.128.0

package/build/cjs/components/ClickableTile/ClickableTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ClickableTileProps } from './ClickableTileProps';
 export declare const ClickableTile: ({ CardContentProps, children, link, ...restProps }: ClickableTileProps) => JSX.Element;

package/build/cjs/components/ClickableTile/ClickableTileProps.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TileProps } from '../Tile';
 export interface ClickableTileProps extends TileProps {
     /** transforms the root DOM node an anchor element when true */
-    link: boolean;
+    link?: boolean;
     /** callback invoked for a click event */
     onClick: (event: React.MouseEvent<HTMLDivElement | HTMLAnchorElement>) => void;
 }

package/build/cjs/components/DashboardContainer/DashboardContainer.d.ts

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

package/build/cjs/components/KpiMetric/KpiMetric.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { KpiMetricProps } from './KpiMetricProps';
 export declare const KpiMetric: ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;

package/build/cjs/components/KpiMetric/index.d.ts

@@ -1,2 +1,2 @@
 export { KpiMetric } from './KpiMetric';
-export { KpiMetricProps } from './KpiMetricProps';
+export type { KpiMetricProps } from './KpiMetricProps';

package/build/cjs/components/KpiMetricTile/KpiMetricTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { KpiMetricTileProps } from './KpiMetricTileProps';
 export declare const KpiMetricTile: (props: KpiMetricTileProps) => JSX.Element;

package/build/cjs/components/KpiMetricTile/index.d.ts

@@ -1,2 +1,2 @@
 export { KpiMetricTile } from './KpiMetricTile';
-export { KpiMetricTileProps } from './KpiMetricTileProps';
+export type { KpiMetricTileProps } from './KpiMetricTileProps';

package/build/cjs/components/Leaderboard/Leaderboard.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LeaderboardProps } from './LeaderboardProps';
 export declare const Leaderboard: (props: LeaderboardProps) => JSX.Element;

package/build/cjs/components/Leaderboard/LeaderboardProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from '@material-ui/core';
 export interface LeaderboardFilterOptionProps {
     label: string;

package/build/cjs/components/Leaderboard/index.d.ts

@@ -1,2 +1,2 @@
 export { Leaderboard } from './Leaderboard';
-export { LeaderboardProps } from './LeaderboardProps';
+export type { LeaderboardProps } from './LeaderboardProps';

package/build/cjs/components/LeaderboardTile/LeaderboardTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LeaderboardTileProps } from './LeaderboardTileProps';
 export declare const LeaderboardTile: (props: LeaderboardTileProps) => JSX.Element;

package/build/cjs/components/LeaderboardTile/index.d.ts

@@ -1,2 +1,2 @@
 export { LeaderboardTile } from './LeaderboardTile';
-export { LeaderboardTileProps } from './LeaderboardTileProps';
+export type { LeaderboardTileProps } from './LeaderboardTileProps';

package/build/cjs/components/Tile/Tile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TileProps } from './TileProps';
 export declare const Tile: (props: TileProps) => JSX.Element;

package/build/cjs/components/Tile/TileProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps, CardContentProps } from '@popmenu/common-ui';
 export interface TileProps extends CardProps {
     /** Props applied to the built in CardContent component */

package/build/cjs/components/Tile/index.d.ts

@@ -1,2 +1,2 @@
 export { Tile } from './Tile';
-export { TileProps } from './TileProps';
+export type { TileProps } from './TileProps';

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

@@ -1,5 +1,10 @@
-export { Leaderboard, LeaderboardProps } from './Leaderboard';
-export { LeaderboardTile, LeaderboardTileProps } from './LeaderboardTile';
-export { KpiMetric, KpiMetricProps } from './KpiMetric';
-export { KpiMetricTile, KpiMetricTileProps } from './KpiMetricTile';
-export { Tile, TileProps } from './Tile';
+export { Leaderboard } from './Leaderboard';
+export type { LeaderboardProps } from './Leaderboard';
+export { LeaderboardTile } from './LeaderboardTile';
+export type { LeaderboardTileProps } from './LeaderboardTile';
+export { KpiMetric } from './KpiMetric';
+export type { KpiMetricProps } from './KpiMetric';
+export { KpiMetricTile } from './KpiMetricTile';
+export type { KpiMetricTileProps } from './KpiMetricTile';
+export { Tile } from './Tile';
+export type { TileProps } from './Tile';

package/build/cjs/index.js

@@ -1,23 +1,22 @@
 'use strict';
 
-var tslib = require('tslib');
 var React = require('react');
 var core = require('@material-ui/core');
 var commonUi = require('@popmenu/common-ui');
 var reactRouterDom = require('react-router-dom');
 var webIcons = require('@popmenu/web-icons');
 
-var useLeaderboardStyles = core.makeStyles(function (theme) { return ({
+const useLeaderboardStyles = core.makeStyles((theme) => ({
     root: {
         '& >:nth-child(even) > li': {
             background: theme.palette.grey[100],
         },
     },
-}); });
-var useLeaderboardListItemStyles = core.makeStyles(function (theme) { return ({
+}));
+const useLeaderboardListItemStyles = core.makeStyles((theme) => ({
     fallbackIcon: {
         background: 'white',
-        border: "1px solid " + theme.palette.grey[300],
+        border: `1px solid ${theme.palette.grey[300]}`,
         color: theme.palette.grey[500],
     },
     link: {
@@ -27,8 +26,8 @@ var useLeaderboardListItemStyles = core.makeStyles(function (theme) { return ({
     subtitle: {
         color: theme.palette.secondary.light,
     },
-}); });
-var useLeaderboardFilterStyles = core.makeStyles(function (theme) { return ({
+}));
+const useLeaderboardFilterStyles = core.makeStyles((theme) => ({
     filterWrapper: {
         alignItems: 'center',
         cursor: 'pointer',
@@ -39,57 +38,57 @@ var useLeaderboardFilterStyles = core.makeStyles(function (theme) { return ({
         fontSize: '.75rem',
         paddingRight: theme.spacing(1),
     },
-}); });
-var useMoreLinkStyles = core.makeStyles(function (theme) { return ({
+}));
+const useMoreLinkStyles = core.makeStyles((theme) => ({
     link: {
         color: theme.palette.info.main,
         textDecoration: 'none',
     },
-}); });
+}));
 
-var Leaderboard = function (props) {
-    var data = props.data, EmptyState = props.EmptyState, filterProps = props.filterProps, title = props.title, moreLink = props.moreLink, subtitle = props.subtitle;
-    var classes = useLeaderboardStyles(props);
-    var isEmpty = data.length === 0;
-    var slicedData = data.slice(0, 5);
-    var isOverflow = data.length > 5;
-    var showMoreButton = !isEmpty && ((moreLink === null || moreLink === void 0 ? void 0 : moreLink.show) || isOverflow);
+const Leaderboard = (props) => {
+    const { data, EmptyState, filterProps, title, moreLink, subtitle } = props;
+    const classes = useLeaderboardStyles(props);
+    const isEmpty = data.length === 0;
+    const slicedData = data.slice(0, 5);
+    const isOverflow = data.length > 5;
+    const showMoreButton = !isEmpty && (moreLink?.show || isOverflow);
     return (React.createElement(commonUi.Box, { display: "flex", flexDirection: "column" },
         React.createElement(commonUi.Box, { alignItems: "left" },
             React.createElement(commonUi.Typography, { variant: "h5" }, title),
             React.createElement(commonUi.Typography, { className: classes.text }, subtitle),
-            filterProps && React.createElement(LeaderboardFilter, tslib.__assign({}, filterProps))),
-        !isEmpty ? (React.createElement(commonUi.List, { classes: classes }, slicedData.map(function (itemProps, index) { return (React.createElement(LeaderboardListItem, tslib.__assign({ key: "tile-list-item-" + index }, itemProps))); }))) : (EmptyState),
+            filterProps && React.createElement(LeaderboardFilter, { ...filterProps })),
+        !isEmpty ? (React.createElement(commonUi.List, { classes: classes }, slicedData.map((itemProps, index) => (React.createElement(LeaderboardListItem, { key: `tile-list-item-${index}`, ...itemProps }))))) : (EmptyState),
         moreLink && showMoreButton && React.createElement(MoreLink, { text: moreLink.text, to: moreLink.to })));
 };
-var LeaderboardListItem = function (props) {
-    var ItemIcon = props.Icon, image = props.image, to = props.to, subtitle = props.subtitle, title = props.title;
-    var classes = useLeaderboardListItemStyles(props);
-    var routeProps = { component: reactRouterDom.Link, to: to };
-    var showListItemAvatar = image || ItemIcon;
-    return (React.createElement(commonUi.Box, tslib.__assign({}, (to && routeProps), { className: to && routeProps ? classes.link : '' }),
+const LeaderboardListItem = (props) => {
+    const { Icon: ItemIcon, image, to, subtitle, title } = props;
+    const classes = useLeaderboardListItemStyles(props);
+    const routeProps = { component: reactRouterDom.Link, to };
+    const showListItemAvatar = image || ItemIcon;
+    return (React.createElement(commonUi.Box, { ...(to && routeProps), className: to && routeProps ? classes.link : '' },
         React.createElement(commonUi.ListItem, null,
             showListItemAvatar && (React.createElement(commonUi.ListItemAvatar, null,
-                React.createElement(commonUi.Avatar, tslib.__assign({ classes: { colorDefault: classes.fallbackIcon } }, image), ItemIcon && React.createElement(commonUi.Icon, { icon: ItemIcon })))),
+                React.createElement(commonUi.Avatar, { classes: { colorDefault: classes.fallbackIcon }, ...image }, ItemIcon && React.createElement(commonUi.Icon, { icon: ItemIcon })))),
             React.createElement(commonUi.ListItemText, { classes: { secondary: classes.subtitle }, primary: title, primaryTypographyProps: {
                     noWrap: true,
                 }, secondary: subtitle }))));
 };
-var LeaderboardFilter = function (props) {
-    var onChange = props.onChange, options = props.options, text = props.text;
-    var classes = useLeaderboardFilterStyles(props);
-    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
-    var _b = React.useState(null), menuAnchor = _b[0], setMenuAnchor = _b[1];
-    var _c = React.useState(null), selection = _c[0], setSelection = _c[1];
-    var handleOpen = function (event) {
+const LeaderboardFilter = (props) => {
+    const { onChange, options, text } = props;
+    const classes = useLeaderboardFilterStyles(props);
+    const [open, setOpen] = React.useState(false);
+    const [menuAnchor, setMenuAnchor] = React.useState(null);
+    const [selection, setSelection] = React.useState(null);
+    const handleOpen = (event) => {
         setMenuAnchor(event.currentTarget);
         setOpen(true);
     };
-    var handleClose = function () {
+    const handleClose = () => {
         setMenuAnchor(null);
         setOpen(false);
     };
-    var handleSelection = function (label, value) {
+    const handleSelection = (label, value) => {
         if (typeof onChange === 'function') {
             onChange(value);
         }
@@ -102,20 +101,17 @@ var LeaderboardFilter = function (props) {
         React.createElement(commonUi.Box, { className: classes.filterWrapper, pt: 1, onClick: handleOpen },
             React.createElement(commonUi.Typography, { className: classes.text }, selection || text),
             React.createElement(commonUi.Icon, { icon: webIcons.ChevronDown })),
-        React.createElement(core.Menu, { anchorEl: menuAnchor, onClose: handleClose, open: open }, options.map(function (_a) {
-            var label = _a.label, value = _a.value;
-            return (React.createElement(core.MenuItem, { key: value, onClick: function () { return handleSelection(label, value); } }, label));
-        }))));
+        React.createElement(core.Menu, { anchorEl: menuAnchor, onClose: handleClose, open: open }, options.map(({ label, value }) => (React.createElement(core.MenuItem, { key: value, onClick: () => handleSelection(label, value) }, label))))));
 };
-var MoreLink = function (props) {
-    var text = props.text, to = props.to;
-    var classes = useMoreLinkStyles(props);
-    var routeProps = { component: reactRouterDom.Link, to: to };
-    return (React.createElement(commonUi.Box, tslib.__assign({ display: "flex", justifyContent: "center" }, routeProps, { className: classes.link }),
+const MoreLink = (props) => {
+    const { text, to } = props;
+    const classes = useMoreLinkStyles(props);
+    const routeProps = { component: reactRouterDom.Link, to };
+    return (React.createElement(commonUi.Box, { display: "flex", justifyContent: "center", ...routeProps, className: classes.link },
         React.createElement(commonUi.Typography, { variant: "body2" }, text)));
 };
 
-var useTileStyles = core.makeStyles(function (theme) { return ({
+const useTileStyles = core.makeStyles((theme) => ({
     root: {
         borderRadius: theme.spacing(1),
         width: '100%',
@@ -124,22 +120,22 @@ var useTileStyles = core.makeStyles(function (theme) { return ({
         padding: theme.spacing(3),
         height: '100%',
     },
-}); });
+}));
 
-var Tile = function (props) {
-    var children = props.children, CardContentProps = props.CardContentProps, restProps = tslib.__rest(props, ["children", "CardContentProps"]);
-    var classes = useTileStyles(props);
-    return (React.createElement(commonUi.Card, tslib.__assign({ classes: { root: classes.root } }, restProps),
-        React.createElement(commonUi.CardContent, tslib.__assign({ classes: { root: classes.content } }, CardContentProps), children)));
+const Tile = (props) => {
+    const { children, CardContentProps, ...restProps } = props;
+    const classes = useTileStyles(props);
+    return (React.createElement(commonUi.Card, { classes: { root: classes.root }, ...restProps },
+        React.createElement(commonUi.CardContent, { classes: { root: classes.content }, ...CardContentProps }, children)));
 };
 
-var LeaderboardTile = function (props) {
-    var TileProps = props.TileProps, restProps = tslib.__rest(props, ["TileProps"]);
-    return (React.createElement(Tile, tslib.__assign({}, TileProps),
-        React.createElement(Leaderboard, tslib.__assign({}, restProps))));
+const LeaderboardTile = (props) => {
+    const { TileProps, ...restProps } = props;
+    return (React.createElement(Tile, { ...TileProps },
+        React.createElement(Leaderboard, { ...restProps })));
 };
 
-var useKpiMetricStyles = core.makeStyles(function (theme) { return ({
+const useKpiMetricStyles = core.makeStyles((theme) => ({
     iconContainer: {
         fontSize: theme.spacing(3),
         display: 'flex',
@@ -163,13 +159,12 @@ var useKpiMetricStyles = core.makeStyles(function (theme) { return ({
             paddingInlineEnd: theme.spacing(1),
         },
     },
-}); });
+}));
 
-var KpiMetric = function (_a) {
-    var KpiIcon = _a.Icon, metric = _a.metric, trend = _a.trend, trendMessage = _a.trendMessage, _b = _a.trendStatus, trendStatus = _b === void 0 ? 'natural' : _b, value = _a.value;
-    var classes = useKpiMetricStyles();
-    var trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
-    var trendColorMap = { up: 0, down: 1, level: 2 };
+const KpiMetric = ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus = 'natural', value, }) => {
+    const classes = useKpiMetricStyles();
+    const trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
+    const trendColorMap = { up: 0, down: 1, level: 2 };
     return (React.createElement(commonUi.Box, { className: classes.root },
         KpiIcon && (React.createElement(commonUi.Box, { className: classes.iconContainer },
             React.createElement(commonUi.Icon, { icon: KpiIcon, size: "inherit" }))),
@@ -182,7 +177,7 @@ var KpiMetric = function (_a) {
             trendMessage))));
 };
 
-var useClickableTileStyles = core.makeStyles(function (theme) { return ({
+const useClickableTileStyles = core.makeStyles((theme) => ({
     root: {
         textDecoration: 'none',
         borderRadius: theme.spacing(1),
@@ -192,21 +187,23 @@ var useClickableTileStyles = core.makeStyles(function (theme) { return ({
         padding: theme.spacing(3),
         height: '100%',
     },
-}); });
+}));
 
-var ClickableTile = function (_a) {
-    var CardContentProps = _a.CardContentProps, children = _a.children, _b = _a.link, link = _b === void 0 ? false : _b, restProps = tslib.__rest(_a, ["CardContentProps", "children", "link"]);
-    var classes = useClickableTileStyles();
-    return (React.createElement(core.Card, tslib.__assign({ classes: { root: classes.root } }, restProps),
+const ClickableTile = ({ CardContentProps, children, link = false, ...restProps }) => {
+    const classes = useClickableTileStyles();
+    return (React.createElement(core.Card, { classes: { root: classes.root }, ...restProps },
         React.createElement(core.CardActionArea, { component: link ? 'a' : 'div' },
-            React.createElement(core.CardContent, tslib.__assign({ classes: { root: classes.content } }, CardContentProps), children))));
+            React.createElement(core.CardContent, { classes: { root: classes.content }, ...CardContentProps }, children))));
 };
 
-var KpiMetricTile = function (props) {
-    var TileProps = props.TileProps, restProps = tslib.__rest(props, ["TileProps"]);
-    var DynamicTile = typeof (TileProps === null || TileProps === void 0 ? void 0 : TileProps.onClick) === 'function' ? ClickableTile : Tile;
-    return (React.createElement(DynamicTile, tslib.__assign({}, TileProps),
-        React.createElement(KpiMetric, tslib.__assign({}, restProps))));
+const KpiMetricTile = (props) => {
+    const { TileProps, ...restProps } = props;
+    if (typeof TileProps?.onClick === 'function') {
+        return (React.createElement(ClickableTile, { ...TileProps },
+            React.createElement(KpiMetric, { ...restProps })));
+    }
+    return (React.createElement(Tile, { ...TileProps },
+        React.createElement(KpiMetric, { ...restProps })));
 };
 
 exports.KpiMetric = KpiMetric;

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Leaderboard/LeaderboardStyles.ts","../../src/components/Leaderboard/Leaderboard.tsx","../../src/components/Tile/TileStyles.ts","../../src/components/Tile/Tile.tsx","../../src/components/LeaderboardTile/LeaderboardTile.tsx","../../src/components/KpiMetric/KpiMetricStyles.ts","../../src/components/KpiMetric/KpiMetric.tsx","../../src/components/ClickableTile/ClickableTileStyles.ts","../../src/components/ClickableTile/ClickableTile.tsx","../../src/components/KpiMetricTile/KpiMetricTile.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["makeStyles","Box","Typography","__assign","List","RouterLink","ListItem","ListItemAvatar","Avatar","Icon","ListItemText","useState","ChevronDown","Menu","MenuItem","__rest","Card","CardContent","Trend","TrendDown","GitCommit","CardActionArea"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/Leaderboard/LeaderboardStyles.ts","../../src/components/Leaderboard/Leaderboard.tsx","../../src/components/Tile/TileStyles.ts","../../src/components/Tile/Tile.tsx","../../src/components/LeaderboardTile/LeaderboardTile.tsx","../../src/components/KpiMetric/KpiMetricStyles.ts","../../src/components/KpiMetric/KpiMetric.tsx","../../src/components/ClickableTile/ClickableTileStyles.ts","../../src/components/ClickableTile/ClickableTile.tsx","../../src/components/KpiMetricTile/KpiMetricTile.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["makeStyles","Box","Typography","List","RouterLink","ListItem","ListItemAvatar","Avatar","Icon","ListItemText","useState","ChevronDown","Menu","MenuItem","Card","CardContent","Trend","TrendDown","GitCommit","CardActionArea"],"mappings":"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"}

package/build/esm/components/ClickableTile/ClickableTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ClickableTileProps } from './ClickableTileProps';
 export declare const ClickableTile: ({ CardContentProps, children, link, ...restProps }: ClickableTileProps) => JSX.Element;

package/build/esm/components/ClickableTile/ClickableTile.js

@@ -1,14 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Card, CardActionArea, CardContent } from '@material-ui/core';
 import { useClickableTileStyles } from './ClickableTileStyles.js';
 
-var ClickableTile = function (_a) {
-    var CardContentProps = _a.CardContentProps, children = _a.children, _b = _a.link, link = _b === void 0 ? false : _b, restProps = __rest(_a, ["CardContentProps", "children", "link"]);
-    var classes = useClickableTileStyles();
-    return (React.createElement(Card, __assign({ classes: { root: classes.root } }, restProps),
+const ClickableTile = ({ CardContentProps, children, link = false, ...restProps }) => {
+    const classes = useClickableTileStyles();
+    return (React.createElement(Card, { classes: { root: classes.root }, ...restProps },
         React.createElement(CardActionArea, { component: link ? 'a' : 'div' },
-            React.createElement(CardContent, __assign({ classes: { root: classes.content } }, CardContentProps), children))));
+            React.createElement(CardContent, { classes: { root: classes.content }, ...CardContentProps }, children))));
 };
 
 export { ClickableTile };

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

@@ -1 +1 @@
-{"version":3,"file":"ClickableTile.js","sources":["../../../../src/components/ClickableTile/ClickableTile.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, CardActionArea, CardContent } from '@material-ui/core'\nimport { ClickableTileProps } from './ClickableTileProps'\nimport { useClickableTileStyles } from './ClickableTileStyles'\n\nexport const ClickableTile = ({ CardContentProps, children, link = false, ...restProps }: ClickableTileProps) => {\n  const classes = useClickableTileStyles()\n\n  return (\n    <Card classes={{ root: classes.root }} {...restProps}>\n      <CardActionArea component={link ? 'a' : 'div'}>\n        <CardContent classes={{ root: classes.content }} {...CardContentProps}>\n          {children}\n        </CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,IAAM,aAAa,GAAG,UAAC,EAA8E,EAAA;AAA5E,IAAA,IAAA,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAY,GAAA,EAAA,CAAA,IAAA,EAAZ,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAxD,wCAA0D,CAAF;AACpF,IAAA,IAAM,OAAO,GAAG,sBAAsB,EAAE;AAExC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAM,SAAS,CAAA;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAE,IAAI,GAAG,GAAG,GAAG,KAAK,EAAA;AAC3C,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAA,EAAM,gBAAgB,CAClE,EAAA,QAAQ,CACG,CACC,CACZ;AAEX;;;;"}
+{"version":3,"file":"ClickableTile.js","sources":["../../../../src/components/ClickableTile/ClickableTile.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, CardActionArea, CardContent } from '@material-ui/core'\nimport { ClickableTileProps } from './ClickableTileProps'\nimport { useClickableTileStyles } from './ClickableTileStyles'\n\nexport const ClickableTile = ({ CardContentProps, children, link = false, ...restProps }: ClickableTileProps) => {\n  const classes = useClickableTileStyles()\n\n  return (\n    <Card classes={{ root: classes.root }} {...restProps}>\n      <CardActionArea component={link ? 'a' : 'div'}>\n        <CardContent classes={{ root: classes.content }} {...CardContentProps}>\n          {children}\n        </CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"names":[],"mappings":";;;;AAKa,MAAA,aAAa,GAAG,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,SAAS,EAAsB,KAAI;AAC9G,IAAA,MAAM,OAAO,GAAG,sBAAsB,EAAE;AAExC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,KAAM,SAAS,EAAA;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAE,IAAI,GAAG,GAAG,GAAG,KAAK,EAAA;AAC3C,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAA,GAAM,gBAAgB,EAClE,EAAA,QAAQ,CACG,CACC,CACZ;AAEX;;;;"}

package/build/esm/components/ClickableTile/ClickableTileProps.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TileProps } from '../Tile';
 export interface ClickableTileProps extends TileProps {
     /** transforms the root DOM node an anchor element when true */
-    link: boolean;
+    link?: boolean;
     /** callback invoked for a click event */
     onClick: (event: React.MouseEvent<HTMLDivElement | HTMLAnchorElement>) => void;
 }

package/build/esm/components/ClickableTile/ClickableTileStyles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useClickableTileStyles = makeStyles(function (theme) { return ({
+const useClickableTileStyles = makeStyles((theme) => ({
     root: {
         textDecoration: 'none',
         borderRadius: theme.spacing(1),
@@ -10,7 +10,7 @@ var useClickableTileStyles = makeStyles(function (theme) { return ({
         padding: theme.spacing(3),
         height: '100%',
     },
-}); });
+}));
 
 export { useClickableTileStyles };
 //# sourceMappingURL=ClickableTileStyles.js.map

package/build/esm/components/ClickableTile/ClickableTileStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickableTileStyles.js","sources":["../../../../src/components/ClickableTile/ClickableTileStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useClickableTileStyles = makeStyles((theme) => ({\n  root: {\n    textDecoration: 'none',\n    borderRadius: theme.spacing(1),\n    width: '100%',\n  },\n  content: {\n    padding: theme.spacing(3),\n    height: '100%',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,sBAAsB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC3D,IAAA,IAAI,EAAE;AACJ,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ClickableTileStyles.js","sources":["../../../../src/components/ClickableTile/ClickableTileStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useClickableTileStyles = makeStyles((theme) => ({\n  root: {\n    textDecoration: 'none',\n    borderRadius: theme.spacing(1),\n    width: '100%',\n  },\n  content: {\n    padding: theme.spacing(3),\n    height: '100%',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,sBAAsB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AAC3D,IAAA,IAAI,EAAE;AACJ,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/DashboardContainer/DashboardContainer.d.ts

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

package/build/esm/components/KpiMetric/KpiMetric.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { KpiMetricProps } from './KpiMetricProps';
 export declare const KpiMetric: ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;

package/build/esm/components/KpiMetric/KpiMetric.js

@@ -3,11 +3,10 @@ import { Box, Icon, Typography } from '@popmenu/common-ui';
 import { Trend, TrendDown, GitCommit } from '@popmenu/web-icons';
 import { useKpiMetricStyles } from './KpiMetricStyles.js';
 
-var KpiMetric = function (_a) {
-    var KpiIcon = _a.Icon, metric = _a.metric, trend = _a.trend, trendMessage = _a.trendMessage, _b = _a.trendStatus, trendStatus = _b === void 0 ? 'natural' : _b, value = _a.value;
-    var classes = useKpiMetricStyles();
-    var trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
-    var trendColorMap = { up: 0, down: 1, level: 2 };
+const KpiMetric = ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus = 'natural', value, }) => {
+    const classes = useKpiMetricStyles();
+    const trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
+    const trendColorMap = { up: 0, down: 1, level: 2 };
     return (React.createElement(Box, { className: classes.root },
         KpiIcon && (React.createElement(Box, { className: classes.iconContainer },
             React.createElement(Icon, { icon: KpiIcon, size: "inherit" }))),

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

@@ -1 +1 @@
-{"version":3,"file":"KpiMetric.js","sources":["../../../../src/components/KpiMetric/KpiMetric.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Icon, ThemeColors, Typography } from '@popmenu/common-ui'\nimport { GitCommit, Trend, TrendDown } from '@popmenu/web-icons'\nimport { KpiMetricProps } from './KpiMetricProps'\nimport { useKpiMetricStyles } from './KpiMetricStyles'\n\nexport const KpiMetric = ({\n  Icon: KpiIcon,\n  metric,\n  trend,\n  trendMessage,\n  trendStatus = 'natural',\n  value,\n}: KpiMetricProps) => {\n  const classes = useKpiMetricStyles()\n  const trendColors: Array<ThemeColors> =\n    trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500']\n  const trendColorMap = { up: 0, down: 1, level: 2 }\n  return (\n    <Box className={classes.root}>\n      {KpiIcon && (\n        <Box className={classes.iconContainer}>\n          <Icon icon={KpiIcon} size=\"inherit\" />\n        </Box>\n      )}\n      <Typography color=\"secondary.light\" variant=\"body2\">\n        {metric}\n      </Typography>\n      <Typography color=\"secondary\" variant=\"h4\">\n        {value ? value : '-'}\n      </Typography>\n      {trendMessage && (\n        <Typography\n          style={{ fontSize: 'inherit' }}\n          variant=\"body2\"\n          color={trend ? trendColors[trendColorMap[trend]] : 'grey.500'}\n        >\n          {trend === 'up' && <Icon className={classes.trendIcon} icon={Trend} size=\"inherit\" />}\n          {trend === 'down' && <Icon className={classes.trendIcon} icon={TrendDown} size=\"inherit\" />}\n          {trend === 'level' && <Icon className={classes.trendIcon} icon={GitCommit} size=\"inherit\" />}\n          {trendMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,SAAS,GAAG,UAAC,EAOT,EAAA;AANT,IAAA,IAAA,OAAO,UAAA,EACb,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,EAAA,GAAA,EAAA,CAAA,WAAuB,EAAvB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACvB,KAAK,GAAA,EAAA,CAAA,KAAA;AAEL,IAAA,IAAM,OAAO,GAAG,kBAAkB,EAAE;IACpC,IAAM,WAAW,GACf,WAAW,KAAK,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;AACrG,IAAA,IAAM,aAAa,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAClD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;QACzB,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa,EAAA;YACnC,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA,CAClC,CACP;QACD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAChD,EAAA,MAAM,CACI;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,IAAI,IACvC,KAAK,GAAG,KAAK,GAAG,GAAG,CACT;AACZ,QAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC9B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,EAAA;AAE5D,YAAA,KAAK,KAAK,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AACpF,YAAA,KAAK,KAAK,MAAM,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAC1F,YAAA,KAAK,KAAK,OAAO,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAC3F,YAAA,YAAY,CACF,CACd,CACG;AAEV;;;;"}
+{"version":3,"file":"KpiMetric.js","sources":["../../../../src/components/KpiMetric/KpiMetric.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Icon, ThemeColors, Typography } from '@popmenu/common-ui'\nimport { GitCommit, Trend, TrendDown } from '@popmenu/web-icons'\nimport { KpiMetricProps } from './KpiMetricProps'\nimport { useKpiMetricStyles } from './KpiMetricStyles'\n\nexport const KpiMetric = ({\n  Icon: KpiIcon,\n  metric,\n  trend,\n  trendMessage,\n  trendStatus = 'natural',\n  value,\n}: KpiMetricProps) => {\n  const classes = useKpiMetricStyles()\n  const trendColors: Array<ThemeColors> =\n    trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500']\n  const trendColorMap = { up: 0, down: 1, level: 2 }\n  return (\n    <Box className={classes.root}>\n      {KpiIcon && (\n        <Box className={classes.iconContainer}>\n          <Icon icon={KpiIcon} size=\"inherit\" />\n        </Box>\n      )}\n      <Typography color=\"secondary.light\" variant=\"body2\">\n        {metric}\n      </Typography>\n      <Typography color=\"secondary\" variant=\"h4\">\n        {value ? value : '-'}\n      </Typography>\n      {trendMessage && (\n        <Typography\n          style={{ fontSize: 'inherit' }}\n          variant=\"body2\"\n          color={trend ? trendColors[trendColorMap[trend]] : 'grey.500'}\n        >\n          {trend === 'up' && <Icon className={classes.trendIcon} icon={Trend} size=\"inherit\" />}\n          {trend === 'down' && <Icon className={classes.trendIcon} icon={TrendDown} size=\"inherit\" />}\n          {trend === 'level' && <Icon className={classes.trendIcon} icon={GitCommit} size=\"inherit\" />}\n          {trendMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;;MAMa,SAAS,GAAG,CAAC,EACxB,IAAI,EAAE,OAAO,EACb,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,GAAG,SAAS,EACvB,KAAK,GACU,KAAI;AACnB,IAAA,MAAM,OAAO,GAAG,kBAAkB,EAAE;IACpC,MAAM,WAAW,GACf,WAAW,KAAK,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;AACrG,IAAA,MAAM,aAAa,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAClD,QACE,oBAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAA;QACzB,OAAO,KACN,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa,EAAA;YACnC,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA,CAClC,CACP;QACD,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAC,OAAO,EAChD,EAAA,MAAM,CACI;AACb,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,IAAI,IACvC,KAAK,GAAG,KAAK,GAAG,GAAG,CACT;AACZ,QAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAC9B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,EAAA;AAE5D,YAAA,KAAK,KAAK,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AACpF,YAAA,KAAK,KAAK,MAAM,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAC1F,YAAA,KAAK,KAAK,OAAO,IAAI,oBAAC,IAAI,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAC3F,YAAA,YAAY,CACF,CACd,CACG;AAEV;;;;"}

package/build/esm/components/KpiMetric/KpiMetricStyles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useKpiMetricStyles = makeStyles(function (theme) { return ({
+const useKpiMetricStyles = makeStyles((theme) => ({
     iconContainer: {
         fontSize: theme.spacing(3),
         display: 'flex',
@@ -24,7 +24,7 @@ var useKpiMetricStyles = makeStyles(function (theme) { return ({
             paddingInlineEnd: theme.spacing(1),
         },
     },
-}); });
+}));
 
 export { useKpiMetricStyles };
 //# sourceMappingURL=KpiMetricStyles.js.map

package/build/esm/components/KpiMetric/KpiMetricStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiMetricStyles.js","sources":["../../../../src/components/KpiMetric/KpiMetricStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useKpiMetricStyles = makeStyles<Theme>((theme) => ({\n  iconContainer: {\n    fontSize: theme.spacing(3),\n    display: 'flex',\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.secondary.light,\n    borderRadius: '50%',\n    padding: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'space-between',\n    textAlign: 'center',\n    fontSize: '0.75rem',\n  },\n  trendIcon: {\n    '&&': {\n      paddingInlineEnd: theme.spacing(1),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,kBAAkB,GAAG,UAAU,CAAQ,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9D,IAAA,aAAa,EAAE;AACb,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,QAAA,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;AACpC,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE;AACJ,YAAA,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACnC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"KpiMetricStyles.js","sources":["../../../../src/components/KpiMetric/KpiMetricStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useKpiMetricStyles = makeStyles<Theme>((theme) => ({\n  iconContainer: {\n    fontSize: theme.spacing(3),\n    display: 'flex',\n    backgroundColor: theme.palette.grey[100],\n    color: theme.palette.secondary.light,\n    borderRadius: '50%',\n    padding: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'space-between',\n    textAlign: 'center',\n    fontSize: '0.75rem',\n  },\n  trendIcon: {\n    '&&': {\n      paddingInlineEnd: theme.spacing(1),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAkB,GAAG,UAAU,CAAQ,CAAC,KAAK,MAAM;AAC9D,IAAA,aAAa,EAAE;AACb,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,QAAA,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;AACpC,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE;AACJ,YAAA,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACnC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/KpiMetric/index.d.ts

@@ -1,2 +1,2 @@
 export { KpiMetric } from './KpiMetric';
-export { KpiMetricProps } from './KpiMetricProps';
+export type { KpiMetricProps } from './KpiMetricProps';

package/build/esm/components/KpiMetricTile/KpiMetricTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { KpiMetricTileProps } from './KpiMetricTileProps';
 export declare const KpiMetricTile: (props: KpiMetricTileProps) => JSX.Element;

package/build/esm/components/KpiMetricTile/KpiMetricTile.js

@@ -1,14 +1,16 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
-import { KpiMetric } from '../KpiMetric/KpiMetric.js';
 import { ClickableTile } from '../ClickableTile/ClickableTile.js';
+import { KpiMetric } from '../KpiMetric/KpiMetric.js';
 import { Tile } from '../Tile/Tile.js';
 
-var KpiMetricTile = function (props) {
-    var TileProps = props.TileProps, restProps = __rest(props, ["TileProps"]);
-    var DynamicTile = typeof (TileProps === null || TileProps === void 0 ? void 0 : TileProps.onClick) === 'function' ? ClickableTile : Tile;
-    return (React.createElement(DynamicTile, __assign({}, TileProps),
-        React.createElement(KpiMetric, __assign({}, restProps))));
+const KpiMetricTile = (props) => {
+    const { TileProps, ...restProps } = props;
+    if (typeof TileProps?.onClick === 'function') {
+        return (React.createElement(ClickableTile, { ...TileProps },
+            React.createElement(KpiMetric, { ...restProps })));
+    }
+    return (React.createElement(Tile, { ...TileProps },
+        React.createElement(KpiMetric, { ...restProps })));
 };
 
 export { KpiMetricTile };

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

@@ -1 +1 @@
-{"version":3,"file":"KpiMetricTile.js","sources":["../../../../src/components/KpiMetricTile/KpiMetricTile.tsx"],"sourcesContent":["import React from 'react'\nimport { KpiMetricTileProps } from './KpiMetricTileProps'\nimport { KpiMetric } from '../KpiMetric/KpiMetric'\nimport { ClickableTile } from '../ClickableTile/ClickableTile'\nimport { Tile } from '../Tile'\n\nexport const KpiMetricTile = (props: KpiMetricTileProps) => {\n  const { TileProps, ...restProps } = props\n  const DynamicTile = typeof TileProps?.onClick === 'function' ? ClickableTile : Tile\n\n  return (\n    <DynamicTile {...TileProps}>\n      <KpiMetric {...restProps} />\n    </DynamicTile>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAMO,IAAM,aAAa,GAAG,UAAC,KAAyB,EAAA;IAC7C,IAAA,SAAS,GAAmB,KAAK,CAAxB,SAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAnC,CAA2B,WAAA,CAAA,CAAF;IAC/B,IAAM,WAAW,GAAG,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,OAAO,CAAA,KAAK,UAAU,GAAG,aAAa,GAAG,IAAI;AAEnF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AACxB,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,CAAI,CAAA,CAChB;AAElB;;;;"}
+{"version":3,"file":"KpiMetricTile.js","sources":["../../../../src/components/KpiMetricTile/KpiMetricTile.tsx"],"sourcesContent":["import React from 'react'\nimport { ClickableTile } from '../ClickableTile/ClickableTile'\nimport { ClickableTileProps } from '../ClickableTile/ClickableTileProps'\nimport { KpiMetric } from '../KpiMetric/KpiMetric'\nimport { Tile } from '../Tile'\nimport { KpiMetricTileProps } from './KpiMetricTileProps'\n\nexport const KpiMetricTile = (props: KpiMetricTileProps) => {\n  const { TileProps, ...restProps } = props\n\n  if (typeof TileProps?.onClick === 'function') {\n    return (\n      <ClickableTile {...(TileProps as ClickableTileProps)}>\n        <KpiMetric {...restProps} />\n      </ClickableTile>\n    )\n  }\n\n  return (\n    <Tile {...TileProps}>\n      <KpiMetric {...restProps} />\n    </Tile>\n  )\n}\n"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAAC,KAAyB,KAAI;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEzC,IAAA,IAAI,OAAO,SAAS,EAAE,OAAO,KAAK,UAAU,EAAE;AAC5C,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAA,GAAM,SAAgC,EAAA;AAClD,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAK,EAAA,GAAA,SAAS,EAAI,CAAA,CACd;;AAIpB,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAK,EAAA,GAAA,SAAS,EAAI,CAAA,CACvB;AAEX;;;;"}

package/build/esm/components/KpiMetricTile/index.d.ts

@@ -1,2 +1,2 @@
 export { KpiMetricTile } from './KpiMetricTile';
-export { KpiMetricTileProps } from './KpiMetricTileProps';
+export type { KpiMetricTileProps } from './KpiMetricTileProps';

package/build/esm/components/Leaderboard/Leaderboard.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LeaderboardProps } from './LeaderboardProps';
 export declare const Leaderboard: (props: LeaderboardProps) => JSX.Element;

package/build/esm/components/Leaderboard/Leaderboard.js

@@ -1,4 +1,3 @@
-import { __assign } from 'tslib';
 import React, { useState } from 'react';
 import { Menu, MenuItem } from '@material-ui/core';
 import { Box, Typography, List, Icon, ListItem, ListItemAvatar, Avatar, ListItemText } from '@popmenu/common-ui';
@@ -6,49 +5,49 @@ import { Link } from 'react-router-dom';
 import { ChevronDown } from '@popmenu/web-icons';
 import { useLeaderboardStyles, useLeaderboardFilterStyles, useLeaderboardListItemStyles, useMoreLinkStyles } from './LeaderboardStyles.js';
 
-var Leaderboard = function (props) {
-    var data = props.data, EmptyState = props.EmptyState, filterProps = props.filterProps, title = props.title, moreLink = props.moreLink, subtitle = props.subtitle;
-    var classes = useLeaderboardStyles(props);
-    var isEmpty = data.length === 0;
-    var slicedData = data.slice(0, 5);
-    var isOverflow = data.length > 5;
-    var showMoreButton = !isEmpty && ((moreLink === null || moreLink === void 0 ? void 0 : moreLink.show) || isOverflow);
+const Leaderboard = (props) => {
+    const { data, EmptyState, filterProps, title, moreLink, subtitle } = props;
+    const classes = useLeaderboardStyles(props);
+    const isEmpty = data.length === 0;
+    const slicedData = data.slice(0, 5);
+    const isOverflow = data.length > 5;
+    const showMoreButton = !isEmpty && (moreLink?.show || isOverflow);
     return (React.createElement(Box, { display: "flex", flexDirection: "column" },
         React.createElement(Box, { alignItems: "left" },
             React.createElement(Typography, { variant: "h5" }, title),
             React.createElement(Typography, { className: classes.text }, subtitle),
-            filterProps && React.createElement(LeaderboardFilter, __assign({}, filterProps))),
-        !isEmpty ? (React.createElement(List, { classes: classes }, slicedData.map(function (itemProps, index) { return (React.createElement(LeaderboardListItem, __assign({ key: "tile-list-item-" + index }, itemProps))); }))) : (EmptyState),
+            filterProps && React.createElement(LeaderboardFilter, { ...filterProps })),
+        !isEmpty ? (React.createElement(List, { classes: classes }, slicedData.map((itemProps, index) => (React.createElement(LeaderboardListItem, { key: `tile-list-item-${index}`, ...itemProps }))))) : (EmptyState),
         moreLink && showMoreButton && React.createElement(MoreLink, { text: moreLink.text, to: moreLink.to })));
 };
-var LeaderboardListItem = function (props) {
-    var ItemIcon = props.Icon, image = props.image, to = props.to, subtitle = props.subtitle, title = props.title;
-    var classes = useLeaderboardListItemStyles(props);
-    var routeProps = { component: Link, to: to };
-    var showListItemAvatar = image || ItemIcon;
-    return (React.createElement(Box, __assign({}, (to && routeProps), { className: to && routeProps ? classes.link : '' }),
+const LeaderboardListItem = (props) => {
+    const { Icon: ItemIcon, image, to, subtitle, title } = props;
+    const classes = useLeaderboardListItemStyles(props);
+    const routeProps = { component: Link, to };
+    const showListItemAvatar = image || ItemIcon;
+    return (React.createElement(Box, { ...(to && routeProps), className: to && routeProps ? classes.link : '' },
         React.createElement(ListItem, null,
             showListItemAvatar && (React.createElement(ListItemAvatar, null,
-                React.createElement(Avatar, __assign({ classes: { colorDefault: classes.fallbackIcon } }, image), ItemIcon && React.createElement(Icon, { icon: ItemIcon })))),
+                React.createElement(Avatar, { classes: { colorDefault: classes.fallbackIcon }, ...image }, ItemIcon && React.createElement(Icon, { icon: ItemIcon })))),
             React.createElement(ListItemText, { classes: { secondary: classes.subtitle }, primary: title, primaryTypographyProps: {
                     noWrap: true,
                 }, secondary: subtitle }))));
 };
-var LeaderboardFilter = function (props) {
-    var onChange = props.onChange, options = props.options, text = props.text;
-    var classes = useLeaderboardFilterStyles(props);
-    var _a = useState(false), open = _a[0], setOpen = _a[1];
-    var _b = useState(null), menuAnchor = _b[0], setMenuAnchor = _b[1];
-    var _c = useState(null), selection = _c[0], setSelection = _c[1];
-    var handleOpen = function (event) {
+const LeaderboardFilter = (props) => {
+    const { onChange, options, text } = props;
+    const classes = useLeaderboardFilterStyles(props);
+    const [open, setOpen] = useState(false);
+    const [menuAnchor, setMenuAnchor] = useState(null);
+    const [selection, setSelection] = useState(null);
+    const handleOpen = (event) => {
         setMenuAnchor(event.currentTarget);
         setOpen(true);
     };
-    var handleClose = function () {
+    const handleClose = () => {
         setMenuAnchor(null);
         setOpen(false);
     };
-    var handleSelection = function (label, value) {
+    const handleSelection = (label, value) => {
         if (typeof onChange === 'function') {
             onChange(value);
         }
@@ -61,16 +60,13 @@ var LeaderboardFilter = function (props) {
         React.createElement(Box, { className: classes.filterWrapper, pt: 1, onClick: handleOpen },
             React.createElement(Typography, { className: classes.text }, selection || text),
             React.createElement(Icon, { icon: ChevronDown })),
-        React.createElement(Menu, { anchorEl: menuAnchor, onClose: handleClose, open: open }, options.map(function (_a) {
-            var label = _a.label, value = _a.value;
-            return (React.createElement(MenuItem, { key: value, onClick: function () { return handleSelection(label, value); } }, label));
-        }))));
+        React.createElement(Menu, { anchorEl: menuAnchor, onClose: handleClose, open: open }, options.map(({ label, value }) => (React.createElement(MenuItem, { key: value, onClick: () => handleSelection(label, value) }, label))))));
 };
-var MoreLink = function (props) {
-    var text = props.text, to = props.to;
-    var classes = useMoreLinkStyles(props);
-    var routeProps = { component: Link, to: to };
-    return (React.createElement(Box, __assign({ display: "flex", justifyContent: "center" }, routeProps, { className: classes.link }),
+const MoreLink = (props) => {
+    const { text, to } = props;
+    const classes = useMoreLinkStyles(props);
+    const routeProps = { component: Link, to };
+    return (React.createElement(Box, { display: "flex", justifyContent: "center", ...routeProps, className: classes.link },
         React.createElement(Typography, { variant: "body2" }, text)));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Leaderboard.js","sources":["../../../../src/components/Leaderboard/Leaderboard.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Menu, MenuItem } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { Avatar, Box, List, ListItem, ListItemAvatar, ListItemText, Typography } from '@popmenu/common-ui'\nimport { ChevronDown } from '@popmenu/web-icons'\n\nimport { LeaderboardFilterProps, LeaderboardListItemProps, LeaderboardProps, MoreLinkProps } from './LeaderboardProps'\nimport {\n  useLeaderboardStyles,\n  useLeaderboardListItemStyles,\n  useLeaderboardFilterStyles,\n  useMoreLinkStyles,\n} from './LeaderboardStyles'\n\nexport const Leaderboard = (props: LeaderboardProps) => {\n  const { data, EmptyState, filterProps, title, moreLink, subtitle } = props\n  const classes = useLeaderboardStyles(props)\n  const isEmpty = data.length === 0\n  const slicedData = data.slice(0, 5)\n  const isOverflow = data.length > 5\n  const showMoreButton = !isEmpty && (moreLink?.show || isOverflow)\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <Box alignItems=\"left\">\n        <Typography variant=\"h5\">{title}</Typography>\n        <Typography className={classes.text}>{subtitle}</Typography>\n        {filterProps && <LeaderboardFilter {...filterProps} />}\n      </Box>\n      {!isEmpty ? (\n        <List classes={classes}>\n          {slicedData.map((itemProps, index) => (\n            <LeaderboardListItem key={`tile-list-item-${index}`} {...itemProps} />\n          ))}\n        </List>\n      ) : (\n        EmptyState\n      )}\n      {moreLink && showMoreButton && <MoreLink text={moreLink.text} to={moreLink.to} />}\n    </Box>\n  )\n}\n\nconst LeaderboardListItem = (props: LeaderboardListItemProps) => {\n  const { Icon: ItemIcon, image, to, subtitle, title } = props\n  const classes = useLeaderboardListItemStyles(props)\n  const routeProps = { component: RouterLink, to }\n  const showListItemAvatar = image || ItemIcon\n\n  return (\n    <Box {...(to && routeProps)} className={to && routeProps ? classes.link : ''}>\n      <ListItem>\n        {showListItemAvatar && (\n          <ListItemAvatar>\n            <Avatar classes={{ colorDefault: classes.fallbackIcon }} {...image}>\n              {ItemIcon && <Icon icon={ItemIcon} />}\n            </Avatar>\n          </ListItemAvatar>\n        )}\n        <ListItemText\n          classes={{ secondary: classes.subtitle }}\n          primary={title}\n          primaryTypographyProps={{\n            noWrap: true,\n          }}\n          secondary={subtitle}\n        />\n      </ListItem>\n    </Box>\n  )\n}\n\nconst LeaderboardFilter = (props: LeaderboardFilterProps) => {\n  const { onChange, options, text } = props\n  const classes = useLeaderboardFilterStyles(props)\n  const [open, setOpen] = useState(false)\n  const [menuAnchor, setMenuAnchor] = useState<Element | null>(null)\n  const [selection, setSelection] = useState<string | null>(null)\n\n  const handleOpen = (event: React.SyntheticEvent) => {\n    setMenuAnchor(event.currentTarget)\n    setOpen(true)\n  }\n\n  const handleClose = () => {\n    setMenuAnchor(null)\n    setOpen(false)\n  }\n\n  const handleSelection = (label: string, value: string) => {\n    if (typeof onChange === 'function') {\n      onChange(value)\n    }\n    setSelection(label)\n    handleClose()\n  }\n\n  if (options.length < 1) return null\n\n  return (\n    <>\n      <Box className={classes.filterWrapper} pt={1} onClick={handleOpen}>\n        <Typography className={classes.text}>{selection || text}</Typography>\n        <Icon icon={ChevronDown} />\n      </Box>\n      <Menu anchorEl={menuAnchor} onClose={handleClose} open={open}>\n        {options.map(({ label, value }) => (\n          <MenuItem key={value} onClick={() => handleSelection(label, value)}>\n            {label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  )\n}\n\nconst MoreLink = (props: MoreLinkProps) => {\n  const { text, to } = props\n  const classes = useMoreLinkStyles(props)\n  const routeProps = { component: RouterLink, to }\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" {...routeProps} className={classes.link}>\n      <Typography variant=\"body2\">{text}</Typography>\n    </Box>\n  )\n}\n"],"names":["RouterLink"],"mappings":"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"}
+{"version":3,"file":"Leaderboard.js","sources":["../../../../src/components/Leaderboard/Leaderboard.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Menu, MenuItem } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { Link as RouterLink } from 'react-router-dom'\nimport { Avatar, Box, List, ListItem, ListItemAvatar, ListItemText, Typography } from '@popmenu/common-ui'\nimport { ChevronDown } from '@popmenu/web-icons'\n\nimport { LeaderboardFilterProps, LeaderboardListItemProps, LeaderboardProps, MoreLinkProps } from './LeaderboardProps'\nimport {\n  useLeaderboardStyles,\n  useLeaderboardListItemStyles,\n  useLeaderboardFilterStyles,\n  useMoreLinkStyles,\n} from './LeaderboardStyles'\n\nexport const Leaderboard = (props: LeaderboardProps) => {\n  const { data, EmptyState, filterProps, title, moreLink, subtitle } = props\n  const classes = useLeaderboardStyles(props)\n  const isEmpty = data.length === 0\n  const slicedData = data.slice(0, 5)\n  const isOverflow = data.length > 5\n  const showMoreButton = !isEmpty && (moreLink?.show || isOverflow)\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\">\n      <Box alignItems=\"left\">\n        <Typography variant=\"h5\">{title}</Typography>\n        <Typography className={classes.text}>{subtitle}</Typography>\n        {filterProps && <LeaderboardFilter {...filterProps} />}\n      </Box>\n      {!isEmpty ? (\n        <List classes={classes}>\n          {slicedData.map((itemProps, index) => (\n            <LeaderboardListItem key={`tile-list-item-${index}`} {...itemProps} />\n          ))}\n        </List>\n      ) : (\n        EmptyState\n      )}\n      {moreLink && showMoreButton && <MoreLink text={moreLink.text} to={moreLink.to} />}\n    </Box>\n  )\n}\n\nconst LeaderboardListItem = (props: LeaderboardListItemProps) => {\n  const { Icon: ItemIcon, image, to, subtitle, title } = props\n  const classes = useLeaderboardListItemStyles(props)\n  const routeProps = { component: RouterLink, to }\n  const showListItemAvatar = image || ItemIcon\n\n  return (\n    <Box {...(to && routeProps)} className={to && routeProps ? classes.link : ''}>\n      <ListItem>\n        {showListItemAvatar && (\n          <ListItemAvatar>\n            <Avatar classes={{ colorDefault: classes.fallbackIcon }} {...image}>\n              {ItemIcon && <Icon icon={ItemIcon} />}\n            </Avatar>\n          </ListItemAvatar>\n        )}\n        <ListItemText\n          classes={{ secondary: classes.subtitle }}\n          primary={title}\n          primaryTypographyProps={{\n            noWrap: true,\n          }}\n          secondary={subtitle}\n        />\n      </ListItem>\n    </Box>\n  )\n}\n\nconst LeaderboardFilter = (props: LeaderboardFilterProps) => {\n  const { onChange, options, text } = props\n  const classes = useLeaderboardFilterStyles(props)\n  const [open, setOpen] = useState(false)\n  const [menuAnchor, setMenuAnchor] = useState<Element | null>(null)\n  const [selection, setSelection] = useState<string | null>(null)\n\n  const handleOpen = (event: React.SyntheticEvent) => {\n    setMenuAnchor(event.currentTarget)\n    setOpen(true)\n  }\n\n  const handleClose = () => {\n    setMenuAnchor(null)\n    setOpen(false)\n  }\n\n  const handleSelection = (label: string, value: string) => {\n    if (typeof onChange === 'function') {\n      onChange(value)\n    }\n    setSelection(label)\n    handleClose()\n  }\n\n  if (options.length < 1) return null\n\n  return (\n    <>\n      <Box className={classes.filterWrapper} pt={1} onClick={handleOpen}>\n        <Typography className={classes.text}>{selection || text}</Typography>\n        <Icon icon={ChevronDown} />\n      </Box>\n      <Menu anchorEl={menuAnchor} onClose={handleClose} open={open}>\n        {options.map(({ label, value }) => (\n          <MenuItem key={value} onClick={() => handleSelection(label, value)}>\n            {label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  )\n}\n\nconst MoreLink = (props: MoreLinkProps) => {\n  const { text, to } = props\n  const classes = useMoreLinkStyles(props)\n  const routeProps = { component: RouterLink, to }\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" {...routeProps} className={classes.link}>\n      <Typography variant=\"body2\">{text}</Typography>\n    </Box>\n  )\n}\n"],"names":["RouterLink"],"mappings":"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"}

package/build/esm/components/Leaderboard/LeaderboardProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from '@material-ui/core';
 export interface LeaderboardFilterOptionProps {
     label: string;

package/build/esm/components/Leaderboard/LeaderboardStyles.js

@@ -1,16 +1,16 @@
 import { makeStyles } from '@material-ui/core';
 
-var useLeaderboardStyles = makeStyles(function (theme) { return ({
+const useLeaderboardStyles = makeStyles((theme) => ({
     root: {
         '& >:nth-child(even) > li': {
             background: theme.palette.grey[100],
         },
     },
-}); });
-var useLeaderboardListItemStyles = makeStyles(function (theme) { return ({
+}));
+const useLeaderboardListItemStyles = makeStyles((theme) => ({
     fallbackIcon: {
         background: 'white',
-        border: "1px solid " + theme.palette.grey[300],
+        border: `1px solid ${theme.palette.grey[300]}`,
         color: theme.palette.grey[500],
     },
     link: {
@@ -20,8 +20,8 @@ var useLeaderboardListItemStyles = makeStyles(function (theme) { return ({
     subtitle: {
         color: theme.palette.secondary.light,
     },
-}); });
-var useLeaderboardFilterStyles = makeStyles(function (theme) { return ({
+}));
+const useLeaderboardFilterStyles = makeStyles((theme) => ({
     filterWrapper: {
         alignItems: 'center',
         cursor: 'pointer',
@@ -32,13 +32,13 @@ var useLeaderboardFilterStyles = makeStyles(function (theme) { return ({
         fontSize: '.75rem',
         paddingRight: theme.spacing(1),
     },
-}); });
-var useMoreLinkStyles = makeStyles(function (theme) { return ({
+}));
+const useMoreLinkStyles = makeStyles((theme) => ({
     link: {
         color: theme.palette.info.main,
         textDecoration: 'none',
     },
-}); });
+}));
 
 export { useLeaderboardFilterStyles, useLeaderboardListItemStyles, useLeaderboardStyles, useMoreLinkStyles };
 //# sourceMappingURL=LeaderboardStyles.js.map

package/build/esm/components/Leaderboard/LeaderboardStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeaderboardStyles.js","sources":["../../../../src/components/Leaderboard/LeaderboardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { LeaderboardProps, LeaderboardListItemProps, LeaderboardFilterProps, MoreLinkProps } from './LeaderboardProps'\n\nexport const useLeaderboardStyles = makeStyles<Theme, LeaderboardProps>((theme) => ({\n  root: {\n    '& >:nth-child(even) > li': {\n      background: theme.palette.grey[100],\n    },\n  },\n}))\n\nexport const useLeaderboardListItemStyles = makeStyles<Theme, LeaderboardListItemProps>((theme) => ({\n  fallbackIcon: {\n    background: 'white',\n    border: `1px solid ${theme.palette.grey[300]}`,\n    color: theme.palette.grey[500],\n  },\n  link: {\n    color: theme.palette.info.main,\n    textDecoration: 'none',\n  },\n  subtitle: {\n    color: theme.palette.secondary.light,\n  },\n}))\n\nexport const useLeaderboardFilterStyles = makeStyles<Theme, LeaderboardFilterProps>((theme) => ({\n  filterWrapper: {\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'flex',\n  },\n  text: {\n    color: theme.palette.secondary.main,\n    fontSize: '.75rem',\n    paddingRight: theme.spacing(1),\n  },\n}))\n\nexport const useMoreLinkStyles = makeStyles<Theme, MoreLinkProps>((theme) => ({\n  link: {\n    color: theme.palette.info.main,\n    textDecoration: 'none',\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,oBAAoB,GAAG,UAAU,CAA0B,UAAC,KAAK,EAAK,EAAA,QAAC;AAClF,IAAA,IAAI,EAAE;AACJ,QAAA,0BAA0B,EAAE;YAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,4BAA4B,GAAG,UAAU,CAAkC,UAAC,KAAK,EAAK,EAAA,QAAC;AAClG,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;QAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,QAAA,cAAc,EAAE,MAAM;AACvB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;AACrC,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,aAAa,EAAE;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;AACnC,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,iBAAiB,GAAG,UAAU,CAAuB,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5E,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,QAAA,cAAc,EAAE,MAAM;AACvB,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"LeaderboardStyles.js","sources":["../../../../src/components/Leaderboard/LeaderboardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { LeaderboardProps, LeaderboardListItemProps, LeaderboardFilterProps, MoreLinkProps } from './LeaderboardProps'\n\nexport const useLeaderboardStyles = makeStyles<Theme, LeaderboardProps>((theme) => ({\n  root: {\n    '& >:nth-child(even) > li': {\n      background: theme.palette.grey[100],\n    },\n  },\n}))\n\nexport const useLeaderboardListItemStyles = makeStyles<Theme, LeaderboardListItemProps>((theme) => ({\n  fallbackIcon: {\n    background: 'white',\n    border: `1px solid ${theme.palette.grey[300]}`,\n    color: theme.palette.grey[500],\n  },\n  link: {\n    color: theme.palette.info.main,\n    textDecoration: 'none',\n  },\n  subtitle: {\n    color: theme.palette.secondary.light,\n  },\n}))\n\nexport const useLeaderboardFilterStyles = makeStyles<Theme, LeaderboardFilterProps>((theme) => ({\n  filterWrapper: {\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'flex',\n  },\n  text: {\n    color: theme.palette.secondary.main,\n    fontSize: '.75rem',\n    paddingRight: theme.spacing(1),\n  },\n}))\n\nexport const useMoreLinkStyles = makeStyles<Theme, MoreLinkProps>((theme) => ({\n  link: {\n    color: theme.palette.info.main,\n    textDecoration: 'none',\n  },\n}))\n"],"names":[],"mappings":";;AAGa,MAAA,oBAAoB,GAAG,UAAU,CAA0B,CAAC,KAAK,MAAM;AAClF,IAAA,IAAI,EAAE;AACJ,QAAA,0BAA0B,EAAE;YAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,4BAA4B,GAAG,UAAU,CAAkC,CAAC,KAAK,MAAM;AAClG,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA;QAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,QAAA,cAAc,EAAE,MAAM;AACvB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;AACrC,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,0BAA0B,GAAG,UAAU,CAAgC,CAAC,KAAK,MAAM;AAC9F,IAAA,aAAa,EAAE;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;AACnC,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC;AAEW,MAAA,iBAAiB,GAAG,UAAU,CAAuB,CAAC,KAAK,MAAM;AAC5E,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,QAAA,cAAc,EAAE,MAAM;AACvB,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Leaderboard/index.d.ts

@@ -1,2 +1,2 @@
 export { Leaderboard } from './Leaderboard';
-export { LeaderboardProps } from './LeaderboardProps';
+export type { LeaderboardProps } from './LeaderboardProps';

package/build/esm/components/LeaderboardTile/LeaderboardTile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LeaderboardTileProps } from './LeaderboardTileProps';
 export declare const LeaderboardTile: (props: LeaderboardTileProps) => JSX.Element;

package/build/esm/components/LeaderboardTile/LeaderboardTile.js

@@ -1,12 +1,11 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Tile } from '../Tile/Tile.js';
 import { Leaderboard } from '../Leaderboard/Leaderboard.js';
 
-var LeaderboardTile = function (props) {
-    var TileProps = props.TileProps, restProps = __rest(props, ["TileProps"]);
-    return (React.createElement(Tile, __assign({}, TileProps),
-        React.createElement(Leaderboard, __assign({}, restProps))));
+const LeaderboardTile = (props) => {
+    const { TileProps, ...restProps } = props;
+    return (React.createElement(Tile, { ...TileProps },
+        React.createElement(Leaderboard, { ...restProps })));
 };
 
 export { LeaderboardTile };

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

@@ -1 +1 @@
-{"version":3,"file":"LeaderboardTile.js","sources":["../../../../src/components/LeaderboardTile/LeaderboardTile.tsx"],"sourcesContent":["import React from 'react'\nimport { LeaderboardTileProps } from './LeaderboardTileProps'\nimport { Tile } from '../Tile'\nimport { Leaderboard } from '../Leaderboard'\n\nexport const LeaderboardTile = (props: LeaderboardTileProps) => {\n  const { TileProps, ...restProps } = props\n\n  return (\n    <Tile {...TileProps}>\n      <Leaderboard {...restProps} />\n    </Tile>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,IAAM,eAAe,GAAG,UAAC,KAA2B,EAAA;IACjD,IAAA,SAAS,GAAmB,KAAK,CAAxB,SAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAnC,CAA2B,WAAA,CAAA,CAAF;AAE/B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,CAAI,CAAA,CACzB;AAEX;;;;"}
+{"version":3,"file":"LeaderboardTile.js","sources":["../../../../src/components/LeaderboardTile/LeaderboardTile.tsx"],"sourcesContent":["import React from 'react'\nimport { LeaderboardTileProps } from './LeaderboardTileProps'\nimport { Tile } from '../Tile'\nimport { Leaderboard } from '../Leaderboard'\n\nexport const LeaderboardTile = (props: LeaderboardTileProps) => {\n  const { TileProps, ...restProps } = props\n\n  return (\n    <Tile {...TileProps}>\n      <Leaderboard {...restProps} />\n    </Tile>\n  )\n}\n"],"names":[],"mappings":";;;;AAKa,MAAA,eAAe,GAAG,CAAC,KAA2B,KAAI;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEzC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAA;AACjB,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAK,EAAA,GAAA,SAAS,EAAI,CAAA,CACzB;AAEX;;;;"}

package/build/esm/components/LeaderboardTile/index.d.ts

@@ -1,2 +1,2 @@
 export { LeaderboardTile } from './LeaderboardTile';
-export { LeaderboardTileProps } from './LeaderboardTileProps';
+export type { LeaderboardTileProps } from './LeaderboardTileProps';

package/build/esm/components/Tile/Tile.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TileProps } from './TileProps';
 export declare const Tile: (props: TileProps) => JSX.Element;

package/build/esm/components/Tile/Tile.js

@@ -1,13 +1,12 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Card, CardContent } from '@popmenu/common-ui';
 import { useTileStyles } from './TileStyles.js';
 
-var Tile = function (props) {
-    var children = props.children, CardContentProps = props.CardContentProps, restProps = __rest(props, ["children", "CardContentProps"]);
-    var classes = useTileStyles(props);
-    return (React.createElement(Card, __assign({ classes: { root: classes.root } }, restProps),
-        React.createElement(CardContent, __assign({ classes: { root: classes.content } }, CardContentProps), children)));
+const Tile = (props) => {
+    const { children, CardContentProps, ...restProps } = props;
+    const classes = useTileStyles(props);
+    return (React.createElement(Card, { classes: { root: classes.root }, ...restProps },
+        React.createElement(CardContent, { classes: { root: classes.content }, ...CardContentProps }, children)));
 };
 
 export { Tile };

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sources":["../../../../src/components/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { Card } from '@popmenu/common-ui'\nimport { CardContent } from '@popmenu/common-ui'\nimport { TileProps } from './TileProps'\nimport { useTileStyles } from './TileStyles'\n\nexport const Tile = (props: TileProps) => {\n  const { children, CardContentProps, ...restProps } = props\n  const classes = useTileStyles(props)\n  return (\n    <Card classes={{ root: classes.root }} {...restProps}>\n      <CardContent classes={{ root: classes.content }} {...CardContentProps}>\n        {children}\n      </CardContent>\n    </Card>\n  )\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAC3B,IAAA,IAAA,QAAQ,GAAqC,KAAK,CAA1C,QAAA,EAAE,gBAAgB,GAAmB,KAAK,CAAxB,gBAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAApD,CAAA,UAAA,EAAA,kBAAA,CAA4C,CAAF;AAChD,IAAA,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;AACpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAM,SAAS,CAAA;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,IAAM,gBAAgB,CAAA,EAClE,QAAQ,CACG,CACT;AAEX;;;;"}
+{"version":3,"file":"Tile.js","sources":["../../../../src/components/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { Card } from '@popmenu/common-ui'\nimport { CardContent } from '@popmenu/common-ui'\nimport { TileProps } from './TileProps'\nimport { useTileStyles } from './TileStyles'\n\nexport const Tile = (props: TileProps) => {\n  const { children, CardContentProps, ...restProps } = props\n  const classes = useTileStyles(props)\n  return (\n    <Card classes={{ root: classes.root }} {...restProps}>\n      <CardContent classes={{ root: classes.content }} {...CardContentProps}>\n        {children}\n      </CardContent>\n    </Card>\n  )\n}\n"],"names":[],"mappings":";;;;AAMa,MAAA,IAAI,GAAG,CAAC,KAAgB,KAAI;IACvC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAC1D,IAAA,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;AACpC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,KAAM,SAAS,EAAA;AAClD,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,KAAM,gBAAgB,EAAA,EAClE,QAAQ,CACG,CACT;AAEX;;;;"}

package/build/esm/components/Tile/TileProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps, CardContentProps } from '@popmenu/common-ui';
 export interface TileProps extends CardProps {
     /** Props applied to the built in CardContent component */

package/build/esm/components/Tile/TileStyles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core';
 
-var useTileStyles = makeStyles(function (theme) { return ({
+const useTileStyles = makeStyles((theme) => ({
     root: {
         borderRadius: theme.spacing(1),
         width: '100%',
@@ -9,7 +9,7 @@ var useTileStyles = makeStyles(function (theme) { return ({
         padding: theme.spacing(3),
         height: '100%',
     },
-}); });
+}));
 
 export { useTileStyles };
 //# sourceMappingURL=TileStyles.js.map

package/build/esm/components/Tile/TileStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileStyles.js","sources":["../../../../src/components/Tile/TileStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useTileStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: theme.spacing(1),\n    width: '100%',\n  },\n  content: {\n    padding: theme.spacing(3),\n    height: '100%',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,aAAa,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;AAClD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"TileStyles.js","sources":["../../../../src/components/Tile/TileStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useTileStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: theme.spacing(1),\n    width: '100%',\n  },\n  content: {\n    padding: theme.spacing(3),\n    height: '100%',\n  },\n}))\n"],"names":[],"mappings":";;AAEa,MAAA,aAAa,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AAClD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC;;;;"}

package/build/esm/components/Tile/index.d.ts

@@ -1,2 +1,2 @@
 export { Tile } from './Tile';
-export { TileProps } from './TileProps';
+export type { TileProps } from './TileProps';

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

@@ -1,5 +1,10 @@
-export { Leaderboard, LeaderboardProps } from './Leaderboard';
-export { LeaderboardTile, LeaderboardTileProps } from './LeaderboardTile';
-export { KpiMetric, KpiMetricProps } from './KpiMetric';
-export { KpiMetricTile, KpiMetricTileProps } from './KpiMetricTile';
-export { Tile, TileProps } from './Tile';
+export { Leaderboard } from './Leaderboard';
+export type { LeaderboardProps } from './Leaderboard';
+export { LeaderboardTile } from './LeaderboardTile';
+export type { LeaderboardTileProps } from './LeaderboardTile';
+export { KpiMetric } from './KpiMetric';
+export type { KpiMetricProps } from './KpiMetric';
+export { KpiMetricTile } from './KpiMetricTile';
+export type { KpiMetricTileProps } from './KpiMetricTile';
+export { Tile } from './Tile';
+export type { TileProps } from './Tile';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/dashboard",
-  "version": "0.127.0",
+  "version": "0.128.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React dashboard components for admin app.",
@@ -27,10 +27,11 @@
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@popmenu/common-ui": "^0.125.0",
     "@popmenu/web-icons": "^0.125.0",
+    "classnames": "^2.5.1",
     "react": "17.x",
     "react-router-dom": "^5.2.0",
     "react-table": "^7.7.0"
   },
   "sideEffects": false,
-  "gitHead": "f751088de93963397e3f7525b1b8b3102f5538a0"
+  "gitHead": "10a5cf520116ca9c4ba501072a77e74758f52814"
 }