@popmenu/dashboard 0.129.0 → 0.131.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/KpiMetric/KpiMetric.d.ts +1 -1
- package/build/cjs/components/KpiMetric/KpiMetricProps.d.ts +6 -0
- package/build/cjs/index.js +10 -5
- package/build/cjs/index.js.map +1 -1
- package/build/esm/components/KpiMetric/KpiMetric.d.ts +1 -1
- package/build/esm/components/KpiMetric/KpiMetric.js +12 -5
- package/build/esm/components/KpiMetric/KpiMetric.js.map +1 -1
- package/build/esm/components/KpiMetric/KpiMetricProps.d.ts +6 -0
- package/build/esm/components/KpiMetric/KpiMetricStyles.js +0 -2
- package/build/esm/components/KpiMetric/KpiMetricStyles.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { KpiMetricProps } from './KpiMetricProps';
|
|
2
|
-
export declare const KpiMetric: ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;
|
|
2
|
+
export declare const KpiMetric: ({ Icon: KpiIcon, iconColor, iconBackgroundColor, metric, metricTooltip, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;
|
|
@@ -2,8 +2,14 @@ import React from 'react';
|
|
|
2
2
|
export interface KpiMetricProps {
|
|
3
3
|
/** The icon from @popmenu/web-icons to be rendered */
|
|
4
4
|
Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
|
|
5
|
+
/** The color of the icon */
|
|
6
|
+
iconColor?: string;
|
|
7
|
+
/** The background color of the icon */
|
|
8
|
+
iconBackgroundColor?: string;
|
|
5
9
|
/** A KPI metric name */
|
|
6
10
|
metric: string;
|
|
11
|
+
/** A KPI metric tooltip text */
|
|
12
|
+
metricTooltip?: string;
|
|
7
13
|
/** A KPI metric measurement */
|
|
8
14
|
value: string | undefined;
|
|
9
15
|
/** A KPI metric trend direction */
|
package/build/cjs/index.js
CHANGED
|
@@ -139,8 +139,6 @@ const useKpiMetricStyles = core.makeStyles((theme) => ({
|
|
|
139
139
|
iconContainer: {
|
|
140
140
|
fontSize: theme.spacing(3),
|
|
141
141
|
display: 'flex',
|
|
142
|
-
backgroundColor: theme.palette.grey[100],
|
|
143
|
-
color: theme.palette.secondary.light,
|
|
144
142
|
borderRadius: '50%',
|
|
145
143
|
padding: theme.spacing(2),
|
|
146
144
|
marginBottom: theme.spacing(2),
|
|
@@ -161,14 +159,21 @@ const useKpiMetricStyles = core.makeStyles((theme) => ({
|
|
|
161
159
|
},
|
|
162
160
|
}));
|
|
163
161
|
|
|
164
|
-
const KpiMetric = ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus = 'natural', value, }) => {
|
|
162
|
+
const KpiMetric = ({ Icon: KpiIcon, iconColor, iconBackgroundColor, metric, metricTooltip, trend, trendMessage, trendStatus = 'natural', value, }) => {
|
|
165
163
|
const classes = useKpiMetricStyles();
|
|
166
164
|
const trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
|
|
167
165
|
const trendColorMap = { up: 0, down: 1, level: 2 };
|
|
166
|
+
const theme = commonUi.useTheme();
|
|
167
|
+
const defaultBackgroundColor = theme.palette.grey[100];
|
|
168
|
+
const defaultIconColor = theme.palette.secondary.light;
|
|
168
169
|
return (React.createElement(commonUi.Box, { className: classes.root },
|
|
169
|
-
KpiIcon && (React.createElement(commonUi.Box, { className: classes.iconContainer },
|
|
170
|
+
KpiIcon && (React.createElement(commonUi.Box, { className: classes.iconContainer, bgcolor: iconBackgroundColor || defaultBackgroundColor, color: iconColor || defaultIconColor },
|
|
170
171
|
React.createElement(commonUi.Icon, { icon: KpiIcon, size: "inherit" }))),
|
|
171
|
-
React.createElement(commonUi.
|
|
172
|
+
React.createElement(commonUi.Box, { display: "flex", flex: 1, alignItems: "center", gridColumnGap: theme.spacing(0.5) },
|
|
173
|
+
React.createElement(commonUi.Typography, { color: "secondary.light", variant: "body2" }, metric),
|
|
174
|
+
metricTooltip && (React.createElement(commonUi.Tooltip, { title: metricTooltip, key: metricTooltip, placement: "top" },
|
|
175
|
+
React.createElement(commonUi.Box, { component: "span", display: "inline-flex" },
|
|
176
|
+
React.createElement(commonUi.Icon, { icon: webIcons.Info, size: "medium", color: "info" }))))),
|
|
172
177
|
React.createElement(commonUi.Typography, { color: "secondary", variant: "h4" }, value ? value : '-'),
|
|
173
178
|
trendMessage && (React.createElement(commonUi.Typography, { style: { fontSize: 'inherit' }, variant: "body2", color: trend ? trendColors[trendColorMap[trend]] : 'grey.500' },
|
|
174
179
|
trend === 'up' && React.createElement(commonUi.Icon, { className: classes.trendIcon, icon: webIcons.Trend, size: "inherit" }),
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +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","List","RouterLink","ListItem","ListItemAvatar","Avatar","Icon","ListItemText","useState","ChevronDown","Menu","MenuItem","Card","CardContent","Trend","TrendDown","GitCommit","CardActionArea"],"mappings":"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"}
|
|
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","List","RouterLink","ListItem","ListItemAvatar","Avatar","Icon","ListItemText","useState","ChevronDown","Menu","MenuItem","Card","CardContent","useTheme","Tooltip","Info","Trend","TrendDown","GitCommit","CardActionArea"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { KpiMetricProps } from './KpiMetricProps';
|
|
2
|
-
export declare const KpiMetric: ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;
|
|
2
|
+
export declare const KpiMetric: ({ Icon: KpiIcon, iconColor, iconBackgroundColor, metric, metricTooltip, trend, trendMessage, trendStatus, value, }: KpiMetricProps) => JSX.Element;
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Box, Icon, Typography } from '@popmenu/common-ui';
|
|
3
|
-
import { Trend, TrendDown, GitCommit } from '@popmenu/web-icons';
|
|
2
|
+
import { useTheme, Box, Icon, Typography, Tooltip } from '@popmenu/common-ui';
|
|
3
|
+
import { Info, Trend, TrendDown, GitCommit } from '@popmenu/web-icons';
|
|
4
4
|
import { useKpiMetricStyles } from './KpiMetricStyles.js';
|
|
5
5
|
|
|
6
|
-
const KpiMetric = ({ Icon: KpiIcon, metric, trend, trendMessage, trendStatus = 'natural', value, }) => {
|
|
6
|
+
const KpiMetric = ({ Icon: KpiIcon, iconColor, iconBackgroundColor, metric, metricTooltip, trend, trendMessage, trendStatus = 'natural', value, }) => {
|
|
7
7
|
const classes = useKpiMetricStyles();
|
|
8
8
|
const trendColors = trendStatus === 'natural' ? ['success', 'warning', 'grey.500'] : ['warning', 'success', 'grey.500'];
|
|
9
9
|
const trendColorMap = { up: 0, down: 1, level: 2 };
|
|
10
|
+
const theme = useTheme();
|
|
11
|
+
const defaultBackgroundColor = theme.palette.grey[100];
|
|
12
|
+
const defaultIconColor = theme.palette.secondary.light;
|
|
10
13
|
return (React.createElement(Box, { className: classes.root },
|
|
11
|
-
KpiIcon && (React.createElement(Box, { className: classes.iconContainer },
|
|
14
|
+
KpiIcon && (React.createElement(Box, { className: classes.iconContainer, bgcolor: iconBackgroundColor || defaultBackgroundColor, color: iconColor || defaultIconColor },
|
|
12
15
|
React.createElement(Icon, { icon: KpiIcon, size: "inherit" }))),
|
|
13
|
-
React.createElement(
|
|
16
|
+
React.createElement(Box, { display: "flex", flex: 1, alignItems: "center", gridColumnGap: theme.spacing(0.5) },
|
|
17
|
+
React.createElement(Typography, { color: "secondary.light", variant: "body2" }, metric),
|
|
18
|
+
metricTooltip && (React.createElement(Tooltip, { title: metricTooltip, key: metricTooltip, placement: "top" },
|
|
19
|
+
React.createElement(Box, { component: "span", display: "inline-flex" },
|
|
20
|
+
React.createElement(Icon, { icon: Info, size: "medium", color: "info" }))))),
|
|
14
21
|
React.createElement(Typography, { color: "secondary", variant: "h4" }, value ? value : '-'),
|
|
15
22
|
trendMessage && (React.createElement(Typography, { style: { fontSize: 'inherit' }, variant: "body2", color: trend ? trendColors[trendColorMap[trend]] : 'grey.500' },
|
|
16
23
|
trend === 'up' && React.createElement(Icon, { className: classes.trendIcon, icon: Trend, size: "inherit" }),
|
|
@@ -1 +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
|
|
1
|
+
{"version":3,"file":"KpiMetric.js","sources":["../../../../src/components/KpiMetric/KpiMetric.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Icon, ThemeColors, Tooltip, Typography, useTheme } from '@popmenu/common-ui'\nimport { GitCommit, Info, Trend, TrendDown } from '@popmenu/web-icons'\nimport { KpiMetricProps } from './KpiMetricProps'\nimport { useKpiMetricStyles } from './KpiMetricStyles'\n\nexport const KpiMetric = ({\n Icon: KpiIcon,\n iconColor,\n iconBackgroundColor,\n metric,\n metricTooltip,\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\n const theme = useTheme()\n const defaultBackgroundColor = theme.palette.grey[100]\n const defaultIconColor = theme.palette.secondary.light\n\n return (\n <Box className={classes.root}>\n {KpiIcon && (\n <Box\n className={classes.iconContainer}\n bgcolor={iconBackgroundColor || defaultBackgroundColor}\n color={iconColor || defaultIconColor}\n >\n <Icon icon={KpiIcon} size=\"inherit\" />\n </Box>\n )}\n <Box display=\"flex\" flex={1} alignItems=\"center\" gridColumnGap={theme.spacing(0.5)}>\n <Typography color=\"secondary.light\" variant=\"body2\">\n {metric}\n </Typography>\n {metricTooltip && (\n <Tooltip title={metricTooltip} key={metricTooltip} placement=\"top\">\n <Box component=\"span\" display=\"inline-flex\">\n <Icon icon={Info} size=\"medium\" color=\"info\" />\n </Box>\n </Tooltip>\n )}\n </Box>\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":"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"}
|
|
@@ -2,8 +2,14 @@ import React from 'react';
|
|
|
2
2
|
export interface KpiMetricProps {
|
|
3
3
|
/** The icon from @popmenu/web-icons to be rendered */
|
|
4
4
|
Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
|
|
5
|
+
/** The color of the icon */
|
|
6
|
+
iconColor?: string;
|
|
7
|
+
/** The background color of the icon */
|
|
8
|
+
iconBackgroundColor?: string;
|
|
5
9
|
/** A KPI metric name */
|
|
6
10
|
metric: string;
|
|
11
|
+
/** A KPI metric tooltip text */
|
|
12
|
+
metricTooltip?: string;
|
|
7
13
|
/** A KPI metric measurement */
|
|
8
14
|
value: string | undefined;
|
|
9
15
|
/** A KPI metric trend direction */
|
|
@@ -4,8 +4,6 @@ const useKpiMetricStyles = makeStyles((theme) => ({
|
|
|
4
4
|
iconContainer: {
|
|
5
5
|
fontSize: theme.spacing(3),
|
|
6
6
|
display: 'flex',
|
|
7
|
-
backgroundColor: theme.palette.grey[100],
|
|
8
|
-
color: theme.palette.secondary.light,
|
|
9
7
|
borderRadius: '50%',
|
|
10
8
|
padding: theme.spacing(2),
|
|
11
9
|
marginBottom: theme.spacing(2),
|
|
@@ -1 +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
|
|
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 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;AACf,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@popmenu/dashboard",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.131.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Popmenu Design System Team",
|
|
6
6
|
"description": "React dashboard components for admin app.",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"react-table": "^7.7.0"
|
|
34
34
|
},
|
|
35
35
|
"sideEffects": false,
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "20d5d1131c685ca5f1869ee2f91155db4c44dda1"
|
|
37
37
|
}
|