@auth0/quantum-charts 0.1.2 → 0.2.1

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.
Files changed (8) hide show
  1. package/chart-summary/index.js +1 -1
  2. package/common/chart.d.ts +4 -0
  3. package/common/custom-color-status-dot.d.ts +2 -8
  4. package/donut-chart/decoupled-legend.d.ts +1 -1
  5. package/donut-chart/index.d.ts +1 -4
  6. package/esm/chart-summary/index.js +1 -1
  7. package/package.json +9 -9
  8. package/styles.d.ts +1 -1
package/chart-summary/index.js CHANGED
@@ -73,7 +73,7 @@ function ChartSummary(props) {
73
73
  color: 'textSecondary',
74
74
  } },
75
75
  React.createElement(quantum_product_1.HelpCircleIcon, { size: "16" })))))),
76
- dataTable && dataTable[0] && (React.createElement(quantum_product_1.IconButton, { onClick: function () { return setIsOpen(true); } },
76
+ dataTable && dataTable[0] && (React.createElement(quantum_product_1.IconButton, { label: "List button", onClick: function () { return setIsOpen(true); } },
77
77
  React.createElement(quantum_product_1.ListIcon, null)))), labelTypographyProps: { variant: 'subtitle1' }, description: React.createElement(quantum_product_1.StackLayout, { gutter: 1 },
78
78
  React.createElement(Aggregate, null, value),
79
79
  label) }),
package/common/chart.d.ts CHANGED
@@ -27,4 +27,8 @@ export interface IBaseChartProps<DataType = unknown> extends IChartCardProps {
27
27
  legend?: ILegendOptions;
28
28
  color?: 'categorical' | 'sequential';
29
29
  }
30
+ export declare type IDonutChartDataPoint<DataType = unknown> = {
31
+ name: string;
32
+ value?: number;
33
+ } & DataType;
30
34
  export declare const tickFormatter: (value: any, scaleType: any) => any;
package/common/custom-color-status-dot.d.ts CHANGED
@@ -1,12 +1,6 @@
1
1
  import * as React from 'react';
2
- declare const CustomColorStatusDot: React.FC<{
3
- label: React.ReactNode;
4
- color?: "default" | "warning" | "danger" | "success" | "info" | undefined;
5
- details?: React.ReactNode;
6
- textVariant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | "code1" | "code2" | undefined;
7
- textColor?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined>);
8
- classes?: Partial<Record<"dot" | "root", string>> | undefined;
9
- } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "details" | "label" | "ref" | "color" | "classes" | "textColor" | "textVariant"> & import("@auth0/quantum-product").IStyledCommonProps & {
2
+ import { IStatusDotProps } from '@auth0/quantum-product';
3
+ declare const CustomColorStatusDot: React.FC<IStatusDotProps & {
10
4
  dotColor: string;
11
5
  }>;
12
6
  export default CustomColorStatusDot;
package/donut-chart/decoupled-legend.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IDonutChartDataPoint } from './';
2
+ import { IDonutChartDataPoint } from '../common/chart';
3
3
  export declare type IDecoupledLegendProps<DataType = unknown> = {
4
4
  data: IDonutChartDataPoint<DataType>[];
5
5
  activeIndex?: number;
package/donut-chart/index.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { IChartCardProps } from '../chart-card';
3
- export declare type IDonutChartDataPoint<DataType = unknown> = {
4
- name: string;
5
- value?: number;
6
- } & DataType;
3
+ import { IDonutChartDataPoint } from '../common/chart';
7
4
  interface IDonutChartProps<DataType = unknown> extends IChartCardProps {
8
5
  data: IDonutChartDataPoint<DataType>[];
9
6
  displayType: 'absolute' | 'percent';
package/esm/chart-summary/index.js CHANGED
@@ -47,7 +47,7 @@ export function ChartSummary(props) {
47
47
  color: 'textSecondary',
48
48
  } },
49
49
  React.createElement(HelpCircleIcon, { size: "16" })))))),
50
- dataTable && dataTable[0] && (React.createElement(IconButton, { onClick: function () { return setIsOpen(true); } },
50
+ dataTable && dataTable[0] && (React.createElement(IconButton, { label: "List button", onClick: function () { return setIsOpen(true); } },
51
51
  React.createElement(ListIcon, null)))), labelTypographyProps: { variant: 'subtitle1' }, description: React.createElement(StackLayout, { gutter: 1 },
52
52
  React.createElement(Aggregate, null, value),
53
53
  label) }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auth0/quantum-charts",
3
- "version": "0.1.2",
3
+ "version": "0.2.1",
4
4
  "sideEffects": false,
5
5
  "main": "./index.js",
6
6
  "types": "./index.d.ts",
@@ -16,7 +16,7 @@
16
16
  "registry": "https://registry.npmjs.org/"
17
17
  },
18
18
  "dependencies": {
19
- "@auth0/quantum-product": "^1.5.3",
19
+ "@auth0/quantum-product": "^1.10.1",
20
20
  "@formatjs/intl": "^2.5.1",
21
21
  "date-fns": "^2.29.3",
22
22
  "recharts": "^2.0.7"
@@ -37,16 +37,16 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@babel/core": "^7.22.10",
40
- "@storybook/addon-actions": "^7.3.2",
41
- "@storybook/addon-essentials": "^7.3.2",
42
- "@storybook/addon-links": "^7.3.2",
43
- "@storybook/react": "^7.3.2",
44
- "@storybook/react-webpack5": "7.3.2",
45
- "@storybook/theming": "^7.3.2",
40
+ "@storybook/addon-actions": "^7.6.1",
41
+ "@storybook/addon-essentials": "^7.6.1",
42
+ "@storybook/addon-links": "^7.6.1",
43
+ "@storybook/react": "^7.6.1",
44
+ "@storybook/react-webpack5": "7.6.1",
45
+ "@storybook/theming": "^7.6.1",
46
46
  "@types/md5": "^2.3.2",
47
47
  "@types/node": "^18.16.19",
48
48
  "babel-loader": "^9.1.3",
49
- "storybook": "7.3.2"
49
+ "storybook": "7.6.1"
50
50
  },
51
51
  "module": "./esm/index.js"
52
52
  }
package/styles.d.ts CHANGED
@@ -4,4 +4,4 @@ export declare type IChartContainerProps = {
4
4
  };
5
5
  export declare const ChartContainer: import("styled-components").StyledComponent<"div", import("@auth0/quantum-product").ITheme, import("@mui/system").MUIStyledCommonProps<import("@auth0/quantum-product").ITheme> & IChartContainerProps, never>;
6
6
  export declare const CustomTooltip: import("styled-components").StyledComponent<"div", import("@auth0/quantum-product").ITheme, import("@mui/system").MUIStyledCommonProps<import("@auth0/quantum-product").ITheme>, never>;
7
- export declare const DefaultCursorBox: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("@auth0/quantum-product").ITheme, import("@mui/system").MUIStyledCommonProps<import("@auth0/quantum-product").ITheme>, never>;
7
+ export declare const DefaultCursorBox: import("styled-components").StyledComponent<import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>, import("@auth0/quantum-product").ITheme, import("@mui/system").MUIStyledCommonProps<import("@auth0/quantum-product").ITheme>, never>;