@popmenu/dashboard 0.126.0 → 0.126.2

package/build/{components → cjs/components}/ClickableTile/ClickableTile.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ClickableTileProps } from './ClickableTileProps';
-export declare const ClickableTile: {
-    (props: ClickableTileProps): JSX.Element;
-    defaultProps: {
-        link: boolean;
-    };
-};
+/// <reference types="react" />
+import { ClickableTileProps } from './ClickableTileProps';
+export declare const ClickableTile: {
+    (props: ClickableTileProps): JSX.Element;
+    defaultProps: {
+        link: boolean;
+    };
+};

package/build/{components → cjs/components}/ClickableTile/ClickableTileProps.d.ts

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

package/build/{components → cjs/components}/ClickableTile/ClickableTileStyles.d.ts

@@ -1 +1 @@
-export declare const useClickableTileStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "content">;
+export declare const useClickableTileStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "content">;

package/build/{components → cjs/components}/DashboardContainer/DashboardContainer.d.ts

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

package/build/{components → cjs/components}/DashboardContainer/index.d.ts

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

package/build/{components → cjs/components}/KpiMetric/KpiMetric.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { KpiMetricProps } from './KpiMetricProps';
-declare const defaultProps: {
-    trendStatus: string;
-};
-export declare const KpiMetric: {
-    (props: KpiMetricProps & typeof defaultProps): JSX.Element;
-    defaultProps: {
-        trendStatus: string;
-    };
-};
-export {};
+/// <reference types="react" />
+import { KpiMetricProps } from './KpiMetricProps';
+declare const defaultProps: {
+    trendStatus: string;
+};
+export declare const KpiMetric: {
+    (props: KpiMetricProps & typeof defaultProps): JSX.Element;
+    defaultProps: {
+        trendStatus: string;
+    };
+};
+export {};

package/build/{components → cjs/components}/KpiMetric/KpiMetricProps.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export interface KpiMetricProps {
-    /** The icon from @popmenu/web-icons to be rendered */
-    Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
-    /** A KPI metric name */
-    metric: string;
-    /** A KPI metric measurement */
-    value: string | undefined;
-    /** A KPI metric trend direction */
-    trend: 'up' | 'down' | 'level' | undefined;
-    /** A KPI metric trend description */
-    trendMessage: string | undefined;
-    /** Determines if the trend direction is diplayed as success or warning. When "natural", a trend of "up" is successful*/
-    trendStatus: 'natural' | 'inverted' | undefined;
-}
+import React from 'react';
+export interface KpiMetricProps {
+    /** The icon from @popmenu/web-icons to be rendered */
+    Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    /** A KPI metric name */
+    metric: string;
+    /** A KPI metric measurement */
+    value: string | undefined;
+    /** A KPI metric trend direction */
+    trend: 'up' | 'down' | 'level' | undefined;
+    /** A KPI metric trend description */
+    trendMessage: string | undefined;
+    /** Determines if the trend direction is diplayed as success or warning. When "natural", a trend of "up" is successful*/
+    trendStatus: 'natural' | 'inverted' | undefined;
+}

package/build/{components → cjs/components}/KpiMetric/KpiMetricStyles.d.ts

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

package/build/{components → cjs/components}/KpiMetric/index.d.ts

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

package/build/{components → cjs/components}/KpiMetricTile/KpiMetricTile.d.ts

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

package/build/{components → cjs/components}/KpiMetricTile/KpiMetricTileProps.d.ts

@@ -1,6 +1,6 @@
-import { ClickableTileProps } from '../ClickableTile/ClickableTileProps';
-import { KpiMetricProps } from '../KpiMetric/KpiMetricProps';
-import { TileProps } from '../Tile';
-export interface KpiMetricTileProps extends KpiMetricProps {
-    TileProps: TileProps | ClickableTileProps;
-}
+import { ClickableTileProps } from '../ClickableTile/ClickableTileProps';
+import { KpiMetricProps } from '../KpiMetric/KpiMetricProps';
+import { TileProps } from '../Tile';
+export interface KpiMetricTileProps extends KpiMetricProps {
+    TileProps: TileProps | ClickableTileProps;
+}

package/build/{components → cjs/components}/KpiMetricTile/index.d.ts

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

package/build/{components → cjs/components}/Leaderboard/Leaderboard.d.ts

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

package/build/{components → cjs/components}/Leaderboard/LeaderboardProps.d.ts

@@ -1,56 +1,56 @@
-/// <reference types="react" />
-import { MenuProps } from '@material-ui/core';
-export interface LeaderboardFilterOptionProps {
-    label: string;
-    value: string;
-}
-export interface LeaderboardFilterProps extends MenuProps {
-    onChange: (event: any) => void;
-    options: LeaderboardFilterOptionProps[];
-    text: string;
-}
-export interface LeaderboardListItemProps {
-    /** The icon to be displayed. Should be an icon component from popmenu/web-icons */
-    Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
-    /** The image to be displayed. */
-    image?: {
-        /** alt attribute for the html img. */
-        alt: string;
-        /** src attribute for the html img. */
-        src: string;
-    };
-    /** Index used for styling */
-    index: number;
-    /** The subtitle to be displayed */
-    subtitle?: string;
-    /** The title to be displayed */
-    title: string;
-    /** Optional link to be attached to the list item */
-    to?: string;
-}
-export interface LeaderboardProps {
-    /** Data to be shown for each leaderboard list item */
-    data: LeaderboardListItemProps[];
-    /** Component to display when no data is present */
-    EmptyState: React.ReactNode;
-    /** Optional props for filter after the title/subtitle */
-    filterProps: LeaderboardFilterProps;
-    /** Optional link at bottom to redirect to another page. Intended as a link to more data within the leaderboard. */
-    moreLink?: {
-        /** Will display regardless of overflow */
-        show?: boolean;
-        /** Path to route to. */
-        to: string;
-        /** Text the link will have. */
-        text: string;
-    };
-    /** Subtitle to be displayed */
-    subtitle: string;
-    /** The title to be displayed */
-    title: string;
-}
-export interface MoreLinkProps {
-    show?: boolean;
-    text: string;
-    to: string;
-}
+/// <reference types="react" />
+import { MenuProps } from '@material-ui/core';
+export interface LeaderboardFilterOptionProps {
+    label: string;
+    value: string;
+}
+export interface LeaderboardFilterProps extends MenuProps {
+    onChange: (event: any) => void;
+    options: LeaderboardFilterOptionProps[];
+    text: string;
+}
+export interface LeaderboardListItemProps {
+    /** The icon to be displayed. Should be an icon component from popmenu/web-icons */
+    Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    /** The image to be displayed. */
+    image?: {
+        /** alt attribute for the html img. */
+        alt: string;
+        /** src attribute for the html img. */
+        src: string;
+    };
+    /** Index used for styling */
+    index: number;
+    /** The subtitle to be displayed */
+    subtitle?: string;
+    /** The title to be displayed */
+    title: string;
+    /** Optional link to be attached to the list item */
+    to?: string;
+}
+export interface LeaderboardProps {
+    /** Data to be shown for each leaderboard list item */
+    data: LeaderboardListItemProps[];
+    /** Component to display when no data is present */
+    EmptyState: React.ReactNode;
+    /** Optional props for filter after the title/subtitle */
+    filterProps: LeaderboardFilterProps;
+    /** Optional link at bottom to redirect to another page. Intended as a link to more data within the leaderboard. */
+    moreLink?: {
+        /** Will display regardless of overflow */
+        show?: boolean;
+        /** Path to route to. */
+        to: string;
+        /** Text the link will have. */
+        text: string;
+    };
+    /** Subtitle to be displayed */
+    subtitle: string;
+    /** The title to be displayed */
+    title: string;
+}
+export interface MoreLinkProps {
+    show?: boolean;
+    text: string;
+    to: string;
+}

package/build/{components → cjs/components}/Leaderboard/LeaderboardStyles.d.ts

@@ -1,5 +1,5 @@
-import { LeaderboardProps, LeaderboardListItemProps, LeaderboardFilterProps, MoreLinkProps } from './LeaderboardProps';
-export declare const useLeaderboardStyles: (props: LeaderboardProps) => import("@material-ui/styles").ClassNameMap<string>;
-export declare const useLeaderboardListItemStyles: (props: LeaderboardListItemProps) => import("@material-ui/styles").ClassNameMap<string>;
-export declare const useLeaderboardFilterStyles: (props: LeaderboardFilterProps) => import("@material-ui/styles").ClassNameMap<string>;
-export declare const useMoreLinkStyles: (props: MoreLinkProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { LeaderboardProps, LeaderboardListItemProps, LeaderboardFilterProps, MoreLinkProps } from './LeaderboardProps';
+export declare const useLeaderboardStyles: (props: LeaderboardProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useLeaderboardListItemStyles: (props: LeaderboardListItemProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useLeaderboardFilterStyles: (props: LeaderboardFilterProps) => import("@material-ui/styles").ClassNameMap<string>;
+export declare const useMoreLinkStyles: (props: MoreLinkProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/{components → cjs/components}/Leaderboard/index.d.ts

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

package/build/{components → cjs/components}/LeaderboardTile/LeaderboardTile.d.ts

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

package/build/{components → cjs/components}/LeaderboardTile/LeaderboardTileProps.d.ts

@@ -1,5 +1,5 @@
-import { TileProps } from '../Tile/TileProps';
-import { LeaderboardProps } from '../Leaderboard/LeaderboardProps';
-export interface LeaderboardTileProps extends LeaderboardProps {
-    TileProps: TileProps;
-}
+import { TileProps } from '../Tile/TileProps';
+import { LeaderboardProps } from '../Leaderboard/LeaderboardProps';
+export interface LeaderboardTileProps extends LeaderboardProps {
+    TileProps: TileProps;
+}

package/build/{components → cjs/components}/LeaderboardTile/index.d.ts

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

package/build/{components → cjs/components}/Tile/Tile.d.ts

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

package/build/{components → cjs/components}/Tile/TileProps.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { CardProps, CardContentProps } from '@popmenu/common-ui';
-export interface TileProps extends CardProps {
-    /** Props applied to the built in CardContent component */
-    CardContentProps?: CardContentProps;
-    /** Content of the Tile */
-    children?: React.ReactNode;
-}
+/// <reference types="react" />
+import { CardProps, CardContentProps } from '@popmenu/common-ui';
+export interface TileProps extends CardProps {
+    /** Props applied to the built in CardContent component */
+    CardContentProps?: CardContentProps;
+    /** Content of the Tile */
+    children?: React.ReactNode;
+}

package/build/{components → cjs/components}/Tile/TileStyles.d.ts

@@ -1 +1 @@
-export declare const useTileStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "content">;
+export declare const useTileStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "content">;

package/build/{components → cjs/components}/Tile/index.d.ts

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

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

@@ -1,5 +1,5 @@
-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, LeaderboardProps } from './Leaderboard';
+export { LeaderboardTile, LeaderboardTileProps } from './LeaderboardTile';
+export { KpiMetric, KpiMetricProps } from './KpiMetric';
+export { KpiMetricTile, KpiMetricTileProps } from './KpiMetricTile';
+export { Tile, TileProps } from './Tile';

package/build/{index.d.ts → cjs/index.d.ts}

@@ -1 +1 @@
-export * from './components';
+export * from './components';

package/build/cjs/index.js

@@ -0,0 +1,224 @@
+'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 ({
+    root: {
+        '& >:nth-child(even) > li': {
+            background: theme.palette.grey[100],
+        },
+    },
+}); });
+var useLeaderboardListItemStyles = core.makeStyles(function (theme) { return ({
+    fallbackIcon: {
+        background: 'white',
+        border: "1px solid " + theme.palette.grey[300],
+        color: theme.palette.grey[500],
+    },
+    link: {
+        color: theme.palette.info.main,
+        textDecoration: 'none',
+    },
+    subtitle: {
+        color: theme.palette.secondary.light,
+    },
+}); });
+var useLeaderboardFilterStyles = core.makeStyles(function (theme) { return ({
+    filterWrapper: {
+        alignItems: 'center',
+        cursor: 'pointer',
+        display: 'flex',
+    },
+    text: {
+        color: theme.palette.secondary.main,
+        fontSize: '.75rem',
+        paddingRight: theme.spacing(1),
+    },
+}); });
+var useMoreLinkStyles = core.makeStyles(function (theme) { return ({
+    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);
+    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),
+        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 : '' }),
+        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.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) {
+        setMenuAnchor(event.currentTarget);
+        setOpen(true);
+    };
+    var handleClose = function () {
+        setMenuAnchor(null);
+        setOpen(false);
+    };
+    var handleSelection = function (label, value) {
+        if (typeof onChange === 'function') {
+            onChange(value);
+        }
+        setSelection(label);
+        handleClose();
+    };
+    if (options.length < 1)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        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));
+        }))));
+};
+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 }),
+        React.createElement(commonUi.Typography, { variant: "body2" }, text)));
+};
+
+var useTileStyles = core.makeStyles(function (theme) { return ({
+    root: {
+        borderRadius: theme.spacing(1),
+        width: '100%',
+    },
+    content: {
+        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)));
+};
+
+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))));
+};
+
+var useKpiMetricStyles = core.makeStyles(function (theme) { return ({
+    iconContainer: {
+        fontSize: theme.spacing(3),
+        display: 'flex',
+        backgroundColor: theme.palette.grey[100],
+        color: theme.palette.secondary.light,
+        borderRadius: '50%',
+        padding: theme.spacing(2),
+        marginBottom: theme.spacing(2),
+    },
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        height: '100%',
+        justifyContent: 'space-between',
+        textAlign: 'center',
+        fontSize: '0.75rem',
+    },
+    trendIcon: {
+        '&&': {
+            paddingInlineEnd: theme.spacing(1),
+        },
+    },
+}); });
+
+var defaultProps = {
+    trendStatus: 'natural',
+};
+var KpiMetric = function (props) {
+    var KpiIcon = props.Icon, metric = props.metric, value = props.value, trend = props.trend, trendMessage = props.trendMessage, trendStatus = props.trendStatus;
+    var classes = useKpiMetricStyles(props);
+    var trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
+    var 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" }))),
+        React.createElement(commonUi.Typography, { color: "secondary.light", variant: "body2" }, metric),
+        React.createElement(commonUi.Typography, { color: "secondary", variant: "h4" }, value ? value : '-'),
+        trendMessage && (React.createElement(commonUi.Typography, { style: { fontSize: 'inherit' }, variant: "body2", color: trend ? trendColors[trendColorMap[trend]] : 'grey.500' },
+            trend === 'up' && React.createElement(commonUi.Icon, { className: classes.trendIcon, icon: webIcons.Trend, size: "inherit" }),
+            trend === 'down' && React.createElement(commonUi.Icon, { className: classes.trendIcon, icon: webIcons.TrendDown, size: "inherit" }),
+            trend === 'level' && React.createElement(commonUi.Icon, { className: classes.trendIcon, icon: webIcons.GitCommit, size: "inherit" }),
+            trendMessage))));
+};
+KpiMetric.defaultProps = defaultProps;
+
+var useClickableTileStyles = core.makeStyles(function (theme) { return ({
+    root: {
+        textDecoration: 'none',
+        borderRadius: theme.spacing(1),
+        width: '100%',
+    },
+    content: {
+        padding: theme.spacing(3),
+        height: '100%',
+    },
+}); });
+
+var ClickableTile = function (props) {
+    var children = props.children, CardContentProps = props.CardContentProps, link = props.link, restProps = tslib.__rest(props, ["children", "CardContentProps", "link"]);
+    var classes = useClickableTileStyles(props);
+    return (React.createElement(core.Card, tslib.__assign({ 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))));
+};
+ClickableTile.defaultProps = {
+    link: false,
+};
+
+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))));
+};
+
+exports.KpiMetric = KpiMetric;
+exports.KpiMetricTile = KpiMetricTile;
+exports.Leaderboard = Leaderboard;
+exports.LeaderboardTile = LeaderboardTile;
+exports.Tile = Tile;
+//# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -0,0 +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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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ClickableTileProps } from './ClickableTileProps';
+export declare const ClickableTile: {
+    (props: ClickableTileProps): JSX.Element;
+    defaultProps: {
+        link: boolean;
+    };
+};