@aivenio/aquarium 2.3.1 → 2.4.0

package/dist/src/charts/Tooltip/TooltipContentWrapper.js

@@ -0,0 +1,37 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import isFunction from 'lodash/isFunction';
+import { DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
+export const TooltipContentWrapper = (_a) => {
+    var _b;
+    var { content, tooltipColor = 'stroke' } = _a, props = __rest(_a, ["content", "tooltipColor"]);
+    const { getDefaultColor } = React.useContext(DefaultPaletteContext);
+    const payload = (_b = props.payload) === null || _b === void 0 ? void 0 : _b.map((entry) => {
+        var _a, _b, _c, _d, _e, _f;
+        const stroke = (_b = (_a = entry.payload) === null || _a === void 0 ? void 0 : _a.stroke) !== null && _b !== void 0 ? _b : entry.stroke;
+        // Entry might also have 'fill' property, but it's not exposed in the types.
+        const fill = (_d = (_c = entry.payload) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : entry.fill;
+        const color = tooltipColor === 'stroke' ? stroke : fill;
+        return Object.assign(Object.assign({}, entry), { color: color !== null && color !== void 0 ? color : getDefaultColor((_f = (_e = entry.dataKey) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : 'unknown') });
+    });
+    const propsWithPayload = Object.assign(Object.assign({}, props), { payload });
+    if (React.isValidElement(content)) {
+        return React.cloneElement(content, propsWithPayload);
+    }
+    if (isFunction(content)) {
+        return React.createElement(content, propsWithPayload);
+    }
+    return React.createElement(Tooltip.DefaultContent, Object.assign({}, props, { payload: payload }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcENvbnRlbnRXcmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9Ub29sdGlwL1Rvb2x0aXBDb250ZW50V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLE9BQU8sRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztBQVF4RSxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxDQUFtRCxFQU92RixFQUFFLEVBQUU7O1FBUG1GLEVBQ3RGLE9BQU8sRUFDUCxZQUFZLEdBQUcsUUFBUSxPQUt4QixFQUpJLEtBQUssY0FIOEUsMkJBSXZGLENBRFM7SUFLUixNQUFNLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sT0FBTyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sMENBQUUsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7O1FBQzNDLE1BQU0sTUFBTSxHQUFHLE1BQUEsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxNQUFNLG1DQUFJLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDckQsNEVBQTRFO1FBQzVFLE1BQU0sSUFBSSxHQUFHLE1BQUEsTUFBQSxLQUFLLENBQUMsT0FBTywwQ0FBRSxJQUFJLG1DQUFLLEtBQWEsQ0FBQyxJQUFJLENBQUM7UUFDeEQsTUFBTSxLQUFLLEdBQUcsWUFBWSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFFeEQsdUNBQ0ssS0FBSyxLQUNSLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxlQUFlLENBQUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxPQUFPLDBDQUFFLFFBQVEsRUFBRSxtQ0FBSSxTQUFTLENBQUMsSUFDdkU7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sZ0JBQWdCLG1DQUFRLEtBQUssS0FBRSxPQUFPLEdBQUUsQ0FBQztJQUUvQyxJQUFJLEtBQUssQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztRQUNsQyxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLGdCQUFnQixDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELElBQUksVUFBVSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7UUFDeEIsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLE9BQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxPQUFPLG9CQUFDLE9BQU8sQ0FBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLENBQUM7QUFDakUsQ0FBQyxDQUFDIn0=

package/dist/src/charts/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useDefaultColor } from './useDefaultColor';

package/dist/src/charts/hooks/index.js

@@ -0,0 +1,2 @@
+export { useDefaultColor } from './useDefaultColor';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2hvb2tzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQyJ9

package/dist/src/charts/hooks/useDefaultColor.d.ts

@@ -0,0 +1 @@
+export declare const useDefaultColor: (key: string, color: string | undefined) => string | undefined;

package/dist/src/charts/hooks/useDefaultColor.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DefaultPaletteContext } from '../../../src/charts/DefaultPalette/DefaultPalette';
+export const useDefaultColor = (key, color) => {
+    const ctx = React.useContext(DefaultPaletteContext);
+    return color !== null && color !== void 0 ? color : ctx.getDefaultColor(key);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRGVmYXVsdENvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9ob29rcy91c2VEZWZhdWx0Q29sb3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxHQUFXLEVBQUUsS0FBeUIsRUFBc0IsRUFBRTtJQUM1RixNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7SUFDcEQsT0FBTyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQzNDLENBQUMsQ0FBQyJ9

package/dist/src/charts/hooks/useDefaultColor.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/charts/hooks/useDefaultColor.spec.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { renderHook } from '@testing-library/react';
+import { DefaultPalette } from '../../../src/charts/DefaultPalette/DefaultPalette';
+import tokens from '../../../src/tokens/tokens.json';
+import { useDefaultColor } from './useDefaultColor';
+describe('useDefaultColor', () => {
+    const wrapper = ({ children }) => (React.createElement(DefaultPalette, { palette: "primary" }, children));
+    it('should always return the same color for the same key', () => {
+        const initialProps = { key: 'key', color: undefined };
+        const { result, rerender } = renderHook(({ key, color }) => useDefaultColor(key, color), { initialProps, wrapper });
+        expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
+        // Re-rendering with the same key should return the same color
+        rerender({ key: 'key', color: undefined });
+        expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
+        // Re-rendering with a different key should return a different color
+        rerender({ key: 'key2', color: undefined });
+        expect(result.current).toEqual(tokens.chartColors.primaryCategorical[1]);
+    });
+    it('should not override the color if it is provided', () => {
+        const initialProps = { key: 'key', color: 'red' };
+        const { result, rerender } = renderHook(({ key, color }) => useDefaultColor(key, color), { initialProps, wrapper });
+        expect(result.current).toEqual('red');
+        // Re-rendering with the same key without a color should return default color
+        rerender({ key: 'key', color: undefined });
+        expect(result.current).toEqual(tokens.chartColors.primaryCategorical[0]);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlRGVmYXVsdENvbG9yLnNwZWMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2hvb2tzL3VzZURlZmF1bHRDb2xvci5zcGVjLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXBELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMxRSxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQztBQUU1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFPcEQsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtJQUMvQixNQUFNLE9BQU8sR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNuRSxvQkFBQyxjQUFjLElBQUMsT0FBTyxFQUFDLFNBQVMsSUFBRSxRQUFRLENBQWtCLENBQzlELENBQUM7SUFFRixFQUFFLENBQUMsc0RBQXNELEVBQUUsR0FBRyxFQUFFO1FBQzlELE1BQU0sWUFBWSxHQUFjLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDakUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxVQUFVLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3BILE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV6RSw4REFBOEQ7UUFDOUQsUUFBUSxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUMzQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFekUsb0VBQW9FO1FBQ3BFLFFBQVEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDNUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGlEQUFpRCxFQUFFLEdBQUcsRUFBRTtRQUN6RCxNQUFNLFlBQVksR0FBYyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQzdELE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsVUFBVSxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUNwSCxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV0Qyw2RUFBNkU7UUFDN0UsUUFBUSxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUMzQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/src/charts/index.d.ts

@@ -3,7 +3,9 @@ export * from './Axis/Axis';
 export * from './BarChart/BarChart';
 export * from './Cell/Cell';
 export * from './Container/Container';
+export * from './DefaultPalette/DefaultPalette';
 export * from './Grid/Grid';
+export * from './hooks';
 export * from './Label/Label';
 export * from './Legend/Legend';
 export * from './lib/timeIntervals';

package/dist/src/charts/index.js

@@ -3,7 +3,9 @@ export * from './Axis/Axis';
 export * from './BarChart/BarChart';
 export * from './Cell/Cell';
 export * from './Container/Container';
+export * from './DefaultPalette/DefaultPalette';
 export * from './Grid/Grid';
+export * from './hooks';
 export * from './Label/Label';
 export * from './Legend/Legend';
 export * from './lib/timeIntervals';
@@ -13,4 +15,4 @@ export * from './PieChart/DoughnutChart';
 export * from './PieChart/PieChart';
 export * from './Reference/Reference';
 export * from './Tooltip/Tooltip';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2hhcnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxtQkFBbUIsQ0FBQyJ9

package/dist/src/charts/lib/utils.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
 import { type Numeric } from 'd3-array';
+import { type XAxisProps, type XTimeAxisProps } from '../../../src/charts/Axis/Axis';
+import type { LineChart as CategoricalChart } from 'recharts';
 import type { AxisDomain } from 'recharts/types/util/types';
-import type { XAxisProps, XTimeAxisProps } from '../../../src/charts/Axis/Axis';
 export declare const CHART_MARGIN_BOTTOM = 15;
 export declare const CHART_YLABEL_DEFAULT_OFFSET = 10;
 export declare const CHART_XLABEL_DEFAULT_OFFSET: number;
@@ -13,7 +15,9 @@ export declare const DEFAULT_MARGINS: {
 export type ChartProps = {
     data?: Array<Record<string, unknown>>;
 };
+export type CategoricalChartProps = React.ComponentProps<typeof CategoricalChart>;
 export declare const getDisplayName: (Comp: React.ComponentType | string) => string;
+export declare const renderChartChildren: (child: React.ReactElement | null | undefined, chartProps: CategoricalChartProps) => React.JSX.Element | null | undefined;
 export declare const getXAxisTicks: ({ dataKey, ticks, domain }: XAxisProps | XTimeAxisProps, chartProps: ChartProps) => Array<number | string> | undefined;
 export declare const extractChildByDisplayName: (_children: React.ReactElement | React.ReactElement[], name?: string) => [React.ReactElement | undefined, React.ReactElement[]];
 export declare const normalizeAxisDomain: (domain: AxisDomain | [Date, Date] | undefined) => AxisDomain | undefined;

package/dist/src/charts/lib/utils.js

@@ -1,7 +1,11 @@
+import React from 'react';
 import { extent } from 'd3-array';
 import { scaleUtc } from 'd3-scale';
 import castArray from 'lodash/castArray';
 import isDate from 'lodash/isDate';
+import { Axis, renderXAxis, renderXTimeAxis, renderYAxis, } from '../../../src/charts/Axis/Axis';
+import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
+import { TooltipContentWrapper } from '../../../src/charts/Tooltip/TooltipContentWrapper';
 export const CHART_MARGIN_BOTTOM = 15;
 export const CHART_YLABEL_DEFAULT_OFFSET = 10;
 export const CHART_XLABEL_DEFAULT_OFFSET = CHART_YLABEL_DEFAULT_OFFSET * -1; // has to be negative and less than CHART_MARGIN_BOTTOM value
@@ -28,6 +32,28 @@ export const getDisplayName = (Comp) => {
 };
 const isDateArray = (arr) => Array.isArray(arr) && arr.every(isDate);
 const isNumberOrDate = (value) => Number.isFinite(value) || isDate(value);
+export const renderChartChildren = (child, chartProps) => {
+    if (!child) {
+        return child;
+    }
+    switch (getDisplayName(child.type)) {
+        case Axis.XAxis.displayName: {
+            return renderXAxis(child, chartProps);
+        }
+        case Axis.XAxis.Time.displayName: {
+            return renderXTimeAxis(child, chartProps);
+        }
+        case Axis.YAxis.displayName: {
+            return renderYAxis(child, chartProps);
+        }
+        case Tooltip.displayName: {
+            return React.cloneElement(child, { content: React.createElement(TooltipContentWrapper, { content: child.props.content }) });
+        }
+        default: {
+            return child;
+        }
+    }
+};
 export const getXAxisTicks = ({ dataKey, ticks, domain }, chartProps) => {
     var _a;
     // Either ticks are not provided or we don't have to process them.
@@ -81,4 +107,4 @@ const domainExtent = (domain) => {
     const [min, max] = domain;
     return Number.isFinite(min) && Number.isFinite(max) ? [min, max] : undefined;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFnQixNQUFNLFVBQVUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sTUFBTSxNQUFNLGVBQWUsQ0FBQztBQUtuQyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxFQUFFLENBQUM7QUFDdEMsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQUcsRUFBRSxDQUFDO0FBQzlDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLDJCQUEyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsNkRBQTZEO0FBRTFJOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUc7SUFDN0IsR0FBRyxFQUFFLEVBQUU7SUFDUCxLQUFLLEVBQUUsRUFBRTtJQUNULElBQUksRUFBRSxFQUFFO0lBQ1IsTUFBTSxFQUFFLG1CQUFtQjtDQUM1QixDQUFDO0FBTUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsSUFBa0MsRUFBRSxFQUFFO0lBQ25FLElBQUksT0FBTyxJQUFJLEtBQUssUUFBUSxFQUFFLENBQUM7UUFDN0IsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsdUVBQXVFO0lBQ3ZFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNWLE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQztBQUN0RCxDQUFDLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxDQUFDLEdBQVEsRUFBaUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL2xpYi91dGlscy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQWdCLE1BQU0sVUFBVSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxNQUFNLE1BQU0sZUFBZSxDQUFDO0FBRW5DLE9BQU8sRUFDTCxJQUFJLEVBQ0osV0FBVyxFQUNYLGVBQWUsRUFDZixXQUFXLEdBR1osTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFNakYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsRUFBRSxDQUFDO0FBQ3RDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLEVBQUUsQ0FBQztBQUM5QyxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRywyQkFBMkIsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLDZEQUE2RDtBQUUxSTs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHO0lBQzdCLEdBQUcsRUFBRSxFQUFFO0lBQ1AsS0FBSyxFQUFFLEVBQUU7SUFDVCxJQUFJLEVBQUUsRUFBRTtJQUNSLE1BQU0sRUFBRSxtQkFBbUI7Q0FDNUIsQ0FBQztBQVFGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUFDLElBQWtDLEVBQUUsRUFBRTtJQUNuRSxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzdCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELHVFQUF1RTtJQUN2RSxJQUFJ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

package/dist/src/molecules/DatePicker/DatePicker.d.ts

@@ -4,9 +4,10 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
 export type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
     disabled?: boolean;
     valid?: boolean;
+    errorMessage?: string;
 };
-export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
-export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
+export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
+export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
 export type DatePickerProps<T extends DateValue> = DatePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
 export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
 export declare const DateTimePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;

package/dist/src/molecules/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { DatePicker as AriaDatePicker, DatePickerStateContext, } from 'react-aria-components';
+import { DatePicker as AriaDatePicker, DatePickerStateContext, Text, } from 'react-aria-components';
 import { useLabel } from '@react-aria/label';
 import { useId } from '@react-aria/utils';
 import omit from 'lodash/omit';
@@ -28,7 +28,7 @@ import { Dialog } from './Dialog';
 import { Popover } from './Popover';
 const createDatePickerBase = (variant) => (_a) => {
     var _b, _c;
-    var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
+    var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage"]);
     const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
     return (React.createElement(AriaDatePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false, 
         // Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
@@ -38,11 +38,12 @@ const createDatePickerBase = (variant) => (_a) => {
             React.createElement(DateInput, { className: tw('flex-1') }),
             React.createElement(Button, null,
                 React.createElement(Icon, { icon: calendarIcon }))),
-        React.createElement(Popover, { offset: 1 },
+        React.createElement(Popover, { offset: 0 },
             React.createElement(Dialog, null,
-                React.createElement(Spacing, { gap: "6" },
+                React.createElement(Spacing, { gap: "3" },
                     React.createElement(Calendar, null),
-                    variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }))))));
+                    variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }),
+                    errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
 };
 export const DatePickerBase = createDatePickerBase('date');
 export const DateTimePickerBase = createDatePickerBase('datetime');
@@ -51,14 +52,17 @@ const PickerTimeField = ({ granularity }) => {
     return (React.createElement(TimeField, { labelText: "Time", granularity: granularity !== 'day' ? granularity : undefined, value: state.timeValue, onChange: state.setTimeValue, reserveSpaceForError: false }));
 };
 const createDatePicker = (variant) => (props) => {
+    var _a;
     const { labelProps, fieldProps } = useLabel({ label: props.labelText });
     const errorMessageId = useId();
-    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
-    const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
+    const errorProps = props.valid === false
+        ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
+        : {};
+    const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
     const baseProps = omit(props, Object.keys(labelControlProps));
     const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
     return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DatePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimePickerBase, Object.assign({}, allProps))));
 };
 export const DatePicker = createDatePicker('date');
 export const DateTimePicker = createDatePicker('datetime');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEdBRXZCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBc0JwQyxNQUFNLG9CQUFvQixHQUN4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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEVBRXRCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxZQUFZLE1BQU0sb0JBQW9CLENBQUM7QUFFOUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQXVCcEMsTUFBTSxv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

package/dist/src/molecules/DatePicker/DateRangePicker.d.ts

@@ -4,9 +4,10 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
 export type DateRangePickerBaseProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
     disabled?: boolean;
     valid?: boolean;
+    errorMessage?: string;
 };
-export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
-export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
+export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
+export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
 export type DateRangePickerProps<T extends DateValue> = DateRangePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
 export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
 export declare const DateTimeRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;

package/dist/src/molecules/DatePicker/DateRangePicker.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, } from 'react-aria-components';
+import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, Text, } from 'react-aria-components';
 import { useLabel } from '@react-aria/label';
 import { useId } from '@react-aria/utils';
 import omit from 'lodash/omit';
@@ -28,7 +28,7 @@ import { Popover } from './Popover';
 import { RangeCalendar } from './RangeCalendar';
 const createDateRangePickerBase = (variant) => (_a) => {
     var _b, _c;
-    var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
+    var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage"]);
     const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
     return (React.createElement(AriaDateRangePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false, 
         // Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
@@ -40,13 +40,14 @@ const createDateRangePickerBase = (variant) => (_a) => {
             React.createElement(DateInput, { slot: "end", className: tw('flex-1 px-2 py-1') }),
             React.createElement(Button, null,
                 React.createElement(Icon, { icon: calendarIcon }))),
-        React.createElement(Popover, null,
+        React.createElement(Popover, { offset: 0 },
             React.createElement(Dialog, null,
-                React.createElement(Spacing, { gap: "6" },
+                React.createElement(Spacing, { gap: "3" },
                     React.createElement(RangeCalendar, null),
                     variant === 'datetime' && (React.createElement(Spacing, { gap: "6", row: true },
                         React.createElement(PickerTimeField, { granularity: granularity, part: "start" }),
-                        React.createElement(PickerTimeField, { granularity: granularity, part: "end" }))))))));
+                        React.createElement(PickerTimeField, { granularity: granularity, part: "end" }))),
+                    errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
 };
 const PickerTimeField = ({ granularity, part }) => {
     var _a;
@@ -56,14 +57,17 @@ const PickerTimeField = ({ granularity, part }) => {
 export const DateRangePickerBase = createDateRangePickerBase('date');
 export const DateTimeRangePickerBase = createDateRangePickerBase('datetime');
 const createDateRangePicker = (variant) => (props) => {
+    var _a;
     const { labelProps, fieldProps } = useLabel({ label: props.labelText });
     const errorMessageId = useId();
-    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
-    const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
+    const errorProps = props.valid === false
+        ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
+        : {};
+    const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
     const baseProps = omit(props, Object.keys(labelControlProps));
     const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
     return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DateRangePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimeRangePickerBase, Object.assign({}, allProps))));
 };
 export const DateRangePicker = createDateRangePicker('date');
 export const DateTimeRangePicker = createDateRangePicker('datetime');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGVBQWUsSUFBSSxtQkFBbUIsRUFFdEMsMkJBQTJCLEdBRTVCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNwQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFzQmhELE1B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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGVBQWUsSUFBSSxtQkFBbUIsRUFFdEMsMkJBQTJCLEVBRTNCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxZQUFZLE1BQU0sb0JBQW9CLENBQUM7QUFFOUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFD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

package/dist/src/molecules/PageHeader/PageHeader.d.ts

@@ -36,7 +36,7 @@ export type PageHeaderProps = CommonPageHeaderProps & {
      * This can either be a callback function or a link.
      * Use "menu" props instead if there are more than 2 secondary actions.
      */
-    secondaryActions?: AsyncActionType | LinkActionType | [AsyncActionType | LinkActionType, AsyncActionType | LinkActionType] | [AsyncActionType | LinkActionType];
+    secondaryActions?: Array<AsyncActionType | LinkActionType> | AsyncActionType | LinkActionType;
     /**
      * Optional list of chips, which will be rendered as chips underneath the page title.
      */

package/dist/src/molecules/PageHeader/PageHeader.js

@@ -44,4 +44,4 @@ PageHeader.displayName = 'PageHeader';
 const SubHeader = (props) => React.createElement(CommonPageHeader, Object.assign({}, props, { isSubHeader: true }));
 PageHeader.SubHeader = SubHeader;
 PageHeader.SubHeader.displayName = 'PageHeader.SubHeader';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQWtDLDhCQUE4QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFdEcsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFrRWxDLE1BQU0sZ0JBQWdCLEdBQTBELENBQUMsRUFDL0UsS0FBSyxFQUNMLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixlQUFlLEVBQ2YsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2xFLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1Qs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQWtDLDhCQUE4QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFdEcsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUE4RGxDLE1BQU0sZ0JBQWdCLEdBQTBELENBQUMsRUFDL0UsS0FBSyxFQUNMLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixlQUFlLEVBQ2YsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2xFLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1Qs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

package/dist/src/tokens/tokens.json

@@ -93,6 +93,61 @@
             "intense": "rgba(197,0,1,1)"
         }
     },
+    "chartColors": {
+        "default": "rgba(180, 180, 187, 1)",
+        "primaryCategorical": {
+            "0": "rgba(88, 101, 205, 1)",
+            "1": "rgba(255, 53, 84, 1)",
+            "2": "rgba(40, 180, 244, 1)",
+            "3": "rgba(249, 106, 2, 1)",
+            "4": "rgba(0, 179, 0, 1)",
+            "5": "rgba(255, 193, 7, 1)"
+        },
+        "secondaryCategorical": {
+            "0": "rgba(53, 69, 190, 1)",
+            "1": "rgba(253, 159, 0, 1)",
+            "2": "rgba(255, 53, 84, 1)",
+            "3": "rgba(0, 179, 0, 1)",
+            "4": "rgba(243, 88, 13, 1)",
+            "5": "rgba(3, 153, 227, 1)",
+            "6": "rgba(231, 0, 0, 1)",
+            "7": "rgba(34, 47, 149, 1)",
+            "8": "rgba(255, 144, 3, 1)",
+            "9": "rgba(228, 26, 74, 1)",
+            "10": "rgba(0, 159, 0, 1)",
+            "11": "rgba(235, 70, 16, 1)",
+            "12": "rgba(1, 116, 186, 1)",
+            "13": "rgba(197, 0, 1, 1)",
+            "14": "rgba(225, 29, 22, 1)",
+            "15": "rgba(170, 0, 0, 1)",
+            "16": "rgba(2, 86, 154, 1)",
+            "17": "rgba(167, 0, 69, 1)",
+            "18": "rgba(0, 111, 0, 1)",
+            "19": "rgba(254, 109, 0, 1)",
+            "20": "rgba(14, 22, 82, 1)",
+            "21": "rgba(88, 101, 205, 1)",
+            "22": "rgba(255, 179, 0, 1)",
+            "23": "rgba(255, 82, 117, 1)",
+            "24": "rgba(0, 195, 0, 1)",
+            "25": "rgba(249, 106, 2, 1)",
+            "26": "rgba(40, 180, 244, 1)",
+            "27": "rgba(230, 39, 40, 1)",
+            "28": "rgba(129, 142, 236, 1)",
+            "29": "rgba(255, 193, 7, 1)",
+            "30": "rgba(255, 111, 148, 1)",
+            "31": "rgba(96, 219, 87, 1)",
+            "32": "rgba(252, 135, 26, 1)",
+            "33": "rgba(127, 209, 247, 1)",
+            "34": "rgba(224, 80, 79, 1)",
+            "35": "rgba(185, 197, 239, 1)",
+            "36": "rgba(253, 212, 77, 1)",
+            "37": "rgba(255, 169, 201, 1)",
+            "38": "rgba(137, 235, 128, 1)",
+            "39": "rgba(250, 178, 110, 1)",
+            "40": "rgba(180, 229, 251, 1)",
+            "41": "rgba(255, 173, 179, 1)"
+        }
+    },
     "colors": {
         "white": "white",
         "black": "black",

package/dist/styles.css

@@ -539,6 +539,55 @@ img,video {
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-black: black;
   --aquarium-colors-white: white;
+  --aquarium-chart-colors-secondary-categorical-41: rgba(255, 173, 179, 1);
+  --aquarium-chart-colors-secondary-categorical-40: rgba(180, 229, 251, 1);
+  --aquarium-chart-colors-secondary-categorical-39: rgba(250, 178, 110, 1);
+  --aquarium-chart-colors-secondary-categorical-38: rgba(137, 235, 128, 1);
+  --aquarium-chart-colors-secondary-categorical-37: rgba(255, 169, 201, 1);
+  --aquarium-chart-colors-secondary-categorical-36: rgba(253, 212, 77, 1);
+  --aquarium-chart-colors-secondary-categorical-35: rgba(185, 197, 239, 1);
+  --aquarium-chart-colors-secondary-categorical-34: rgba(224, 80, 79, 1);
+  --aquarium-chart-colors-secondary-categorical-33: rgba(127, 209, 247, 1);
+  --aquarium-chart-colors-secondary-categorical-32: rgba(252, 135, 26, 1);
+  --aquarium-chart-colors-secondary-categorical-31: rgba(96, 219, 87, 1);
+  --aquarium-chart-colors-secondary-categorical-30: rgba(255, 111, 148, 1);
+  --aquarium-chart-colors-secondary-categorical-29: rgba(255, 193, 7, 1);
+  --aquarium-chart-colors-secondary-categorical-28: rgba(129, 142, 236, 1);
+  --aquarium-chart-colors-secondary-categorical-27: rgba(230, 39, 40, 1);
+  --aquarium-chart-colors-secondary-categorical-26: rgba(40, 180, 244, 1);
+  --aquarium-chart-colors-secondary-categorical-25: rgba(249, 106, 2, 1);
+  --aquarium-chart-colors-secondary-categorical-24: rgba(0, 195, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-23: rgba(255, 82, 117, 1);
+  --aquarium-chart-colors-secondary-categorical-22: rgba(255, 179, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-21: rgba(88, 101, 205, 1);
+  --aquarium-chart-colors-secondary-categorical-20: rgba(14, 22, 82, 1);
+  --aquarium-chart-colors-secondary-categorical-19: rgba(254, 109, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-18: rgba(0, 111, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-17: rgba(167, 0, 69, 1);
+  --aquarium-chart-colors-secondary-categorical-16: rgba(2, 86, 154, 1);
+  --aquarium-chart-colors-secondary-categorical-15: rgba(170, 0, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-14: rgba(225, 29, 22, 1);
+  --aquarium-chart-colors-secondary-categorical-13: rgba(197, 0, 1, 1);
+  --aquarium-chart-colors-secondary-categorical-12: rgba(1, 116, 186, 1);
+  --aquarium-chart-colors-secondary-categorical-11: rgba(235, 70, 16, 1);
+  --aquarium-chart-colors-secondary-categorical-10: rgba(0, 159, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-9: rgba(228, 26, 74, 1);
+  --aquarium-chart-colors-secondary-categorical-8: rgba(255, 144, 3, 1);
+  --aquarium-chart-colors-secondary-categorical-7: rgba(34, 47, 149, 1);
+  --aquarium-chart-colors-secondary-categorical-6: rgba(231, 0, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-5: rgba(3, 153, 227, 1);
+  --aquarium-chart-colors-secondary-categorical-4: rgba(243, 88, 13, 1);
+  --aquarium-chart-colors-secondary-categorical-3: rgba(0, 179, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-2: rgba(255, 53, 84, 1);
+  --aquarium-chart-colors-secondary-categorical-1: rgba(253, 159, 0, 1);
+  --aquarium-chart-colors-secondary-categorical-0: rgba(53, 69, 190, 1);
+  --aquarium-chart-colors-primary-categorical-5: rgba(255, 193, 7, 1);
+  --aquarium-chart-colors-primary-categorical-4: rgba(0, 179, 0, 1);
+  --aquarium-chart-colors-primary-categorical-3: rgba(249, 106, 2, 1);
+  --aquarium-chart-colors-primary-categorical-2: rgba(40, 180, 244, 1);
+  --aquarium-chart-colors-primary-categorical-1: rgba(255, 53, 84, 1);
+  --aquarium-chart-colors-primary-categorical-0: rgba(88, 101, 205, 1);
+  --aquarium-chart-colors-default: rgba(180, 180, 187, 1);
   --aquarium-background-color-icon-button-hover: rgba(25,25,29,.05);
   --aquarium-border-width-default: 1px;
   --aquarium-border-width-8: 8px;
@@ -670,18 +719,19 @@ input[type='number'].no-arrows {
   text-anchor: middle;
 }
 .recharts-tooltip-wrapper{
-  font: normal 400 16px/1.5 Inter;
+  font: normal 400 12px/1.26 Inter;
   color: rgba(74,75,87,1);
   color: var(--aquarium-text-color-default);
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 .recharts-tooltip-label{
-  font: normal 500 16px/1.5 Inter;
+  font: normal 400 12px/1.26 Inter;
+  font-weight: 500;
   padding-bottom: 4px;
 }
 .recharts-tooltip-item{
-  font: normal 400 16px/1.5 Inter;
+  font: normal 400 12px/1.26 Inter;
   align-items: center;
 }
 .recharts-tooltip-item::before{
@@ -692,8 +742,8 @@ input[type='number'].no-arrows {
   border-radius: 9999px;
   border-radius: var(--aquarium-border-radius-full);
   content: ' ';
-  width: 14px;
-  height: 14px;
+  width: 8px;
+  height: 8px;
 }
 .recharts-tooltip-item>span{
   color: rgba(74,75,87,1);
@@ -707,7 +757,8 @@ input[type='number'].no-arrows {
   display: none;
 }
 .recharts-tooltip-item-value{
-  font: normal 500 16px/1.5 Inter;
+  font: normal 400 12px/1.26 Inter;
+  font-weight: 500;
 }
 .recharts-legend-item{
   margin-left: 32px;