@popmenu/dashboard 0.31.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/README.md ADDED
@@ -0,0 +1,9 @@
1
+ # @popmenu/dashboard
2
+
3
+ Popmenu dashboard components
4
+
5
+ ## Installation
6
+
7
+ ```
8
+ yarn add @popmenu/dashboard
9
+ ```
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { KpiMetricProps } from './KpiMetricProps';
3
+ declare const defaultProps: {
4
+ trendStatus: string;
5
+ trendMessage: string;
6
+ };
7
+ export declare const KpiMetric: {
8
+ (props: KpiMetricProps & typeof defaultProps): JSX.Element;
9
+ defaultProps: {
10
+ trendStatus: string;
11
+ trendMessage: string;
12
+ };
13
+ };
14
+ export {};
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export interface KpiMetricProps {
3
+ /** The icon from @popmenu/web-icons to be rendered */
4
+ Icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
5
+ /** A KPI metric name */
6
+ metric: string;
7
+ /** A KPI metric measurement */
8
+ value: string | undefined;
9
+ /** A KPI metric trend direction */
10
+ trend: 'up' | 'down' | 'level' | undefined;
11
+ /** A KPI metric trend description */
12
+ trendMessage: string | undefined;
13
+ /** Determines if the trend direction is diplayed as success or warning. When "natural", a trend of "up" is successful*/
14
+ trendStatus: 'natural' | 'inverted' | undefined;
15
+ }
@@ -0,0 +1,2 @@
1
+ import { KpiMetricProps } from './KpiMetricProps';
2
+ export declare const useKpiMetricStyles: (props: KpiMetricProps) => import("@material-ui/styles").ClassNameMap<string>;
@@ -0,0 +1,2 @@
1
+ export { KpiMetric } from './KpiMetric';
2
+ export { KpiMetricProps } from './KpiMetricProps';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { KpiMetricTileProps } from './KpiMetricTileProps';
3
+ export declare const KpiMetricTile: (props: KpiMetricTileProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { TileProps } from '../Tile/TileProps';
2
+ import { KpiMetricProps } from '../KpiMetric/KpiMetricProps';
3
+ export interface KpiMetricTileProps extends KpiMetricProps {
4
+ TileProps: TileProps;
5
+ }
@@ -0,0 +1,2 @@
1
+ export { KpiMetricTile } from './KpiMetricTile';
2
+ export { KpiMetricTileProps } from './KpiMetricTileProps';
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { TileProps } from './TileProps';
3
+ export declare const Tile: (props: TileProps) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { CardProps, CardContentProps } from '@popmenu/common-ui';
3
+ export interface TileProps extends CardProps {
4
+ /** Props for the built in Card Content component */
5
+ CardContentProps?: CardContentProps;
6
+ children?: React.ReactNode;
7
+ }
@@ -0,0 +1 @@
1
+ export declare const useTileStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "content">;
@@ -0,0 +1,2 @@
1
+ export { Tile } from './Tile';
2
+ export { TileProps } from './TileProps';
@@ -0,0 +1,3 @@
1
+ export { KpiMetric, KpiMetricProps } from './KpiMetric';
2
+ export { KpiMetricTile, KpiMetricTileProps } from './KpiMetricTile';
3
+ export { Tile, TileProps } from './Tile';
@@ -0,0 +1 @@
1
+ export * from './components';