@auth0/quantum-charts 1.3.0 → 1.3.2

package/common/chart.js

@@ -25,6 +25,8 @@ var tickFormatter = function (value, scaleType) {
             return (0, date_fns_1.format)(new Date(value), 'LLL d');
         case 'datetime':
             return (0, date_fns_1.format)(new Date(value), 'LLL d p');
+        case 'datetime24hr':
+            return (0, date_fns_1.format)(new Date(value), 'LLL d HH:mm');
         case 'monthyear':
             return (0, date_fns_1.format)(new Date(value), 'LLL yyyy');
         default:

package/common/custom-tooltip.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { ICustomTooltipProps } from './chart';
-declare const CustomTooltip: (props: ICustomTooltipProps) => React.JSX.Element | null;
+export declare const CustomTooltip: (props: ICustomTooltipProps) => React.JSX.Element | null;
 export default CustomTooltip;

package/common/custom-tooltip.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTooltip = void 0;
 var React = __importStar(require("react"));
 var quantum_product_1 = require("@auth0/quantum-product");
 var custom_color_status_dot_1 = __importDefault(require("./custom-color-status-dot"));
@@ -76,4 +77,5 @@ var CustomTooltip = function (props) {
     }
     return null;
 };
-exports.default = CustomTooltip;
+exports.CustomTooltip = CustomTooltip;
+exports.default = exports.CustomTooltip;

package/esm/common/chart.js

@@ -22,6 +22,8 @@ export var tickFormatter = function (value, scaleType) {
             return format(new Date(value), 'LLL d');
         case 'datetime':
             return format(new Date(value), 'LLL d p');
+        case 'datetime24hr':
+            return format(new Date(value), 'LLL d HH:mm');
         case 'monthyear':
             return format(new Date(value), 'LLL yyyy');
         default:

package/esm/common/custom-tooltip.js

@@ -3,7 +3,7 @@ import { Box, RowLayout, StackLayout, Text, useTheme, AlertTriangleFilledIcon, A
 import StatusDot from './custom-color-status-dot';
 import { format } from 'date-fns';
 import { CustomTooltip as CustomTooltipStyled } from '../styles';
-var CustomTooltip = function (props) {
+export var CustomTooltip = function (props) {
     var _a, _b, _c, _d;
     var active = props.active, payload = props.payload, scaleType = props.scaleType, labelProp = props.label, tooltipProp = props.tooltipProp, showTotalValue = props.showTotalValue;
     var theme = useTheme();

package/esm/index.js

@@ -3,6 +3,7 @@ export * from './chart-card';
 export * from './chart-summary';
 export * from './common/chart';
 export * from './common/custom-legend';
+export * from './common/custom-tooltip';
 export * from './compare-aggregate';
 export * from './donut-chart';
 export * from './helpers/format-number';

package/index.d.ts

@@ -3,6 +3,7 @@ export * from './chart-card';
 export * from './chart-summary';
 export * from './common/chart';
 export * from './common/custom-legend';
+export * from './common/custom-tooltip';
 export * from './compare-aggregate';
 export * from './donut-chart';
 export * from './helpers/format-number';

package/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./chart-card"), exports);
 __exportStar(require("./chart-summary"), exports);
 __exportStar(require("./common/chart"), exports);
 __exportStar(require("./common/custom-legend"), exports);
+__exportStar(require("./common/custom-tooltip"), exports);
 __exportStar(require("./compare-aggregate"), exports);
 __exportStar(require("./donut-chart"), exports);
 __exportStar(require("./helpers/format-number"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-charts",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "sideEffects": false,
   "main": "./index.js",
   "types": "./index.d.ts",