@auth0/quantum-charts 1.3.3 → 1.3.5

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 (7) hide show
  1. package/common/chart.d.ts +1 -0
  2. package/esm/helpers/dataSampleFactory.js +4 -2
  3. package/esm/line-chart/index.js +2 -2
  4. package/helpers/dataSampleFactory.d.ts +1 -1
  5. package/helpers/dataSampleFactory.js +4 -2
  6. package/line-chart/index.js +2 -2
  7. package/package.json +1 -1
package/common/chart.d.ts CHANGED
@@ -24,6 +24,7 @@ export interface IAxisOptions<DataType = unknown> {
24
24
  scaleType?: ScaleType;
25
25
  mapsTo?: keyof IChartDataPoint<DataType>;
26
26
  title?: React.ReactNode;
27
+ allowDecimals?: boolean;
27
28
  }
28
29
  export interface IBaseChartProps<DataType = unknown> extends IChartCardProps {
29
30
  height?: number;
package/esm/helpers/dataSampleFactory.js CHANGED
@@ -34,7 +34,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
34
34
  }
35
35
  return to.concat(ar || Array.prototype.slice.call(from));
36
36
  };
37
- export var dataSampleFactory = function (numberOfGroups, numberOfTicks) {
37
+ export var dataSampleFactory = function (numberOfGroups, numberOfTicks, randomMax, randomAdd) {
38
+ if (randomMax === void 0) { randomMax = 100; }
39
+ if (randomAdd === void 0) { randomAdd = 100; }
38
40
  var count = numberOfTicks;
39
41
  var precision = 60 * 60 * 24 * 30.4;
40
42
  var dates = Array.from(Array(count).keys()).map(function (x) { return ({
@@ -44,7 +46,7 @@ export var dataSampleFactory = function (numberOfGroups, numberOfTicks) {
44
46
  var graphs = [];
45
47
  var _loop_1 = function (index) {
46
48
  var graph = dates.map(function (x) {
47
- return __assign(__assign({}, x), { group: groups[index], value: Math.ceil(Math.random() * 100 + 100) });
49
+ return __assign(__assign({}, x), { group: groups[index], value: Math.ceil(Math.random() * randomMax + randomAdd) });
48
50
  });
49
51
  graphs.push.apply(graphs, __spreadArray([], __read(graph), false));
50
52
  };
package/esm/line-chart/index.js CHANGED
@@ -153,8 +153,8 @@ export function LineChart(props) {
153
153
  bottom: 24,
154
154
  } },
155
155
  React.createElement(CartesianGrid, { vertical: false, stroke: theme.tokens.color_border_default }),
156
- React.createElement(XAxis, { tickFormatter: function (value) { return tickFormatter(value, bottomAxis.scaleType); }, dataKey: bottomAxisDataKey, height: 30, interval: "preserveStartEnd", minTickGap: theme.spacingPX(14), tickMargin: theme.spacingPX(3), axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold } }),
157
- React.createElement(YAxis, { tickFormatter: function (value) { return tickFormatter(value, leftAxis.scaleType); }, domain: ['auto', 'auto'], width: 78, axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold } }),
156
+ React.createElement(XAxis, { tickFormatter: function (value) { return tickFormatter(value, bottomAxis.scaleType); }, dataKey: bottomAxisDataKey, height: 30, interval: "equidistantPreserveStart", minTickGap: theme.spacingPX(14), tickMargin: theme.spacingPX(3), axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold }, allowDecimals: bottomAxis.allowDecimals }),
157
+ React.createElement(YAxis, { tickFormatter: function (value) { return tickFormatter(value, leftAxis.scaleType); }, domain: ['auto', 'auto'], width: 78, axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold }, allowDecimals: leftAxis.allowDecimals }),
158
158
  React.createElement(Tooltip, { wrapperStyle: { outline: 'none' }, content: React.createElement(CustomTooltip, { active: undefined, payload: undefined, scaleType: bottomAxis.scaleType }) }),
159
159
  legend && isVertical ? (React.createElement(Legend, { align: "right", verticalAlign: "top", layout: "vertical", iconSize: 14, wrapperStyle: {
160
160
  minWidth: '280px',
package/helpers/dataSampleFactory.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const dataSampleFactory: (numberOfGroups: any, numberOfTicks: any) => any;
1
+ export declare const dataSampleFactory: (numberOfGroups: any, numberOfTicks: any, randomMax?: number, randomAdd?: number) => any;
package/helpers/dataSampleFactory.js CHANGED
@@ -37,7 +37,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
37
37
  };
38
38
  Object.defineProperty(exports, "__esModule", { value: true });
39
39
  exports.dataSampleFactory = void 0;
40
- var dataSampleFactory = function (numberOfGroups, numberOfTicks) {
40
+ var dataSampleFactory = function (numberOfGroups, numberOfTicks, randomMax, randomAdd) {
41
+ if (randomMax === void 0) { randomMax = 100; }
42
+ if (randomAdd === void 0) { randomAdd = 100; }
41
43
  var count = numberOfTicks;
42
44
  var precision = 60 * 60 * 24 * 30.4;
43
45
  var dates = Array.from(Array(count).keys()).map(function (x) { return ({
@@ -47,7 +49,7 @@ var dataSampleFactory = function (numberOfGroups, numberOfTicks) {
47
49
  var graphs = [];
48
50
  var _loop_1 = function (index) {
49
51
  var graph = dates.map(function (x) {
50
- return __assign(__assign({}, x), { group: groups[index], value: Math.ceil(Math.random() * 100 + 100) });
52
+ return __assign(__assign({}, x), { group: groups[index], value: Math.ceil(Math.random() * randomMax + randomAdd) });
51
53
  });
52
54
  graphs.push.apply(graphs, __spreadArray([], __read(graph), false));
53
55
  };
package/line-chart/index.js CHANGED
@@ -182,8 +182,8 @@ function LineChart(props) {
182
182
  bottom: 24,
183
183
  } },
184
184
  React.createElement(recharts_1.CartesianGrid, { vertical: false, stroke: theme.tokens.color_border_default }),
185
- React.createElement(recharts_1.XAxis, { tickFormatter: function (value) { return (0, chart_1.tickFormatter)(value, bottomAxis.scaleType); }, dataKey: bottomAxisDataKey, height: 30, interval: "preserveStartEnd", minTickGap: theme.spacingPX(14), tickMargin: theme.spacingPX(3), axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold } }),
186
- React.createElement(recharts_1.YAxis, { tickFormatter: function (value) { return (0, chart_1.tickFormatter)(value, leftAxis.scaleType); }, domain: ['auto', 'auto'], width: 78, axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold } }),
185
+ React.createElement(recharts_1.XAxis, { tickFormatter: function (value) { return (0, chart_1.tickFormatter)(value, bottomAxis.scaleType); }, dataKey: bottomAxisDataKey, height: 30, interval: "equidistantPreserveStart", minTickGap: theme.spacingPX(14), tickMargin: theme.spacingPX(3), axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold }, allowDecimals: bottomAxis.allowDecimals }),
186
+ React.createElement(recharts_1.YAxis, { tickFormatter: function (value) { return (0, chart_1.tickFormatter)(value, leftAxis.scaleType); }, domain: ['auto', 'auto'], width: 78, axisLine: { stroke: theme.tokens.color_border_bold }, tickLine: { stroke: theme.tokens.color_border_bold }, allowDecimals: leftAxis.allowDecimals }),
187
187
  React.createElement(recharts_1.Tooltip, { wrapperStyle: { outline: 'none' }, content: React.createElement(custom_tooltip_1.default, { active: undefined, payload: undefined, scaleType: bottomAxis.scaleType }) }),
188
188
  legend && isVertical ? (React.createElement(recharts_1.Legend, { align: "right", verticalAlign: "top", layout: "vertical", iconSize: 14, wrapperStyle: {
189
189
  minWidth: '280px',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@auth0/quantum-charts",
3
- "version": "1.3.3",
3
+ "version": "1.3.5",
4
4
  "sideEffects": false,
5
5
  "main": "./index.js",
6
6
  "types": "./index.d.ts",