@aivenio/aquarium 1.50.0 → 1.52.0

package/dist/src/utils/mocks/mockResizeObservable.js

@@ -0,0 +1,60 @@
+/*
+ * To make sure that the tests are working, it's important that you are using
+ * this implementation of ResizeObserver and DOMMatrixReadOnly
+ */
+class MockResizeObserver {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.disconnect = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.observe = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.unobserve = () => { };
+    }
+}
+class DOMMatrixReadOnly {
+    constructor(transform) {
+        var _a;
+        const scale = (_a = /scale\(([1-9.])\)/.exec(transform)) === null || _a === void 0 ? void 0 : _a[1];
+        this.m22 = scale !== undefined ? +scale : 1;
+    }
+}
+// Only run the shim once when requested
+let init = false;
+export const mockResizeObserver = () => {
+    if (init) {
+        return;
+    }
+    init = true;
+    Object.defineProperty(window, 'ResizeObserver', {
+        writable: true,
+        configurable: true,
+        value: MockResizeObserver,
+    });
+    Object.defineProperty(global, 'ResizeObserver', {
+        writable: true,
+        configurable: true,
+        value: MockResizeObserver,
+    });
+    // @ts-expect-error ---
+    global.DOMMatrixReadOnly = DOMMatrixReadOnly;
+    Object.defineProperties(global.HTMLElement.prototype, {
+        offsetHeight: {
+            get() {
+                return parseFloat(this.style.height) || 1;
+            },
+        },
+        offsetWidth: {
+            get() {
+                return parseFloat(this.style.width) || 1;
+            },
+        },
+    });
+    global.SVGElement.prototype.getBBox = () => ({
+        x: 0,
+        y: 0,
+        width: 1,
+        height: 1,
+    });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja1Jlc2l6ZU9ic2VydmFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja1Jlc2l6ZU9ic2VydmFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBQ0gsTUFBTSxrQkFBa0I7SUFBeEI7UUFDRSxnRUFBZ0U7UUFDaEUsZUFBVSxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUNsQyxnRUFBZ0U7UUFDaEUsWUFBTyxHQUE4QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsZ0VBQWdFO1FBQ2hFLGNBQVMsR0FBOEIsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7Q0FBQTtBQUVELE1BQU0saUJBQWlCO0lBRXJCLFlBQVksU0FBaUI7O1FBQzNCLE1BQU0sS0FBSyxHQUFHLE1BQUEsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQywwQ0FBRyxDQUFDLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsR0FBRyxHQUFHLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUMsQ0FBQztDQUNGO0FBRUQsd0NBQXdDO0FBQ3hDLElBQUksSUFBSSxHQUFHLEtBQUssQ0FBQztBQUVqQixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLEVBQUU7SUFDckMsSUFBSSxJQUFJLEVBQUU7UUFDUixPQUFPO0tBQ1I7SUFDRCxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBRVosTUFBTSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsZ0JBQWdCLEVBQUU7UUFDOUMsUUFBUSxFQUFFLElBQUk7UUFDZCxZQUFZLEVBQUUsSUFBSTtRQUNsQixLQUFLLEVBQUUsa0JBQWtCO0tBQzFCLENBQUMsQ0FBQztJQUVILE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFO1FBQzlDLFFBQVEsRUFBRSxJQUFJO1FBQ2QsWUFBWSxFQUFFLElBQUk7UUFDbEIsS0FBSyxFQUFFLGtCQUFrQjtLQUMxQixDQUFDLENBQUM7SUFFSCx1QkFBdUI7SUFDdkIsTUFBTSxDQUFDLGlCQUFpQixHQUFHLGlCQUFpQixDQUFDO0lBRTdDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRTtRQUNwRCxZQUFZLEVBQUU7WUFDWixHQUFHO2dCQUNELE9BQU8sVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVDLENBQUM7U0FDRjtRQUNELFdBQVcsRUFBRTtZQUNYLEdBQUc7Z0JBQ0QsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDM0MsQ0FBQztTQUNGO0tBQ0YsQ0FBQyxDQUFDO0lBRUYsTUFBTSxDQUFDLFVBQWtCLENBQUMsU0FBUyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ3BELENBQUMsRUFBRSxDQUFDO1FBQ0osQ0FBQyxFQUFFLENBQUM7UUFDSixLQUFLLEVBQUUsQ0FBQztRQUNSLE1BQU0sRUFBRSxDQUFDO0tBQ1YsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=

package/dist/src/utils/setupTests.js

@@ -1,23 +1,10 @@
 import '@testing-library/jest-dom';
-let id = 0;
-const generateID = () => `id-${++id}`;
-jest.mock('@react-aria/utils', () => (Object.assign(Object.assign({}, jest.requireActual('@react-aria/utils')), { useId: generateID })));
-jest.mock('lodash/uniqueId', () => {
-    return {
-        __esModule: true,
-        default: jest.fn(generateID),
-    };
-});
-beforeEach(() => {
-    id = 0;
-});
-beforeAll(() => {
-    Object.defineProperty(window, 'IntersectionObserver', {
-        writable: true,
-        value: jest.fn().mockImplementation(() => ({
-            observe: () => jest.fn(),
-            disconnect: () => jest.fn(),
-        })),
-    });
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dXBUZXN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9zZXR1cFRlc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBRVgsTUFBTSxVQUFVLEdBQUcsR0FBRyxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO0FBRXRDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLENBQUMsaUNBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsS0FDMUMsS0FBSyxFQUFFLFVBQVUsSUFDakIsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDaEMsT0FBTztRQUNMLFVBQVUsRUFBRSxJQUFJO1FBQ2hCLE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQztLQUM3QixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxVQUFVLENBQUMsR0FBRyxFQUFFO0lBQ2QsRUFBRSxHQUFHLENBQUMsQ0FBQztBQUNULENBQUMsQ0FBQyxDQUFDO0FBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtJQUNiLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLHNCQUFzQixFQUFFO1FBQ3BELFFBQVEsRUFBRSxJQUFJO1FBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1NBQzVCLENBQUMsQ0FBQztLQUNKLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
+import { mockDynamicIds } from './mocks/mockDynamicIds';
+import { mockIntersectionObserver } from './mocks/mockIntersectionObserver';
+import { mockRecharts } from './mocks/mockRecharts';
+import { mockResizeObserver } from './mocks/mockResizeObservable';
+mockDynamicIds();
+mockIntersectionObserver();
+mockResizeObserver();
+mockRecharts();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dXBUZXN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9zZXR1cFRlc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVsRSxjQUFjLEVBQUUsQ0FBQztBQUNqQix3QkFBd0IsRUFBRSxDQUFDO0FBQzNCLGtCQUFrQixFQUFFLENBQUM7QUFDckIsWUFBWSxFQUFFLENBQUMifQ==

package/dist/src/utils/table/types.d.ts

@@ -178,4 +178,6 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<
      */
     onAction: (action: Key, row: R, index: number) => void;
 }>;
+export declare type OnSortChangedDirection = Extract<SortDirection, 'ascending' | 'descending' | undefined>;
+export declare function isOnSortChangedDirection(value: string | undefined): value is OnSortChangedDirection;
 export {};

package/dist/src/utils/table/types.js

@@ -5,4 +5,7 @@ export const cellProps = (column) => ({
     stickyColumn: column.sticky,
 });
 export const columnIsFieldColumn = (column) => Boolean(column && column.field);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOExBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
+export function isOnSortChangedDirection(value) {
+    return value === undefined || ['ascending', 'descending'].includes(value);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOExBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQTJCdEQsTUFBTSxVQUFVLHdCQUF3QixDQUFDLEtBQXlCO0lBQ2hFLE9BQU8sS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDNUUsQ0FBQyJ9

package/dist/src/utils/table/useTableSort.d.ts

@@ -1,4 +1,11 @@
-import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
-declare type DefaultSort<C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow> = Sort<C>;
-export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>(defaultSort?: DefaultSort<C, R> | undefined) => [Sort<C> | undefined, (column: C) => void];
+import { type DataListColumn, type DataTableColumn, type DataTableRow, type OnSortChangedDirection, type Sort } from '../../../src/utils/table/types';
+declare type OnSortChangedCallback = (args: {
+    key: string | undefined;
+    direction: OnSortChangedDirection;
+} | null) => void;
+declare type UseTableSortOptions<C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow> = Sort<C> | {
+    defaultSort?: Sort<C>;
+    onSortChanged?: OnSortChangedCallback;
+};
+export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>(props?: UseTableSortOptions<C, R> | undefined) => [Sort<C> | undefined, (column: C) => void];
 export {};

package/dist/src/utils/table/useTableSort.js

@@ -1,19 +1,37 @@
 import React from 'react';
-export const useTableSort = (defaultSort) => {
-    const [sort, setSort] = React.useState(defaultSort);
+import { isOnSortChangedDirection, } from '../../../src/utils/table/types';
+const getDefaultSort = (props) => 'defaultSort' in props
+    ? props.defaultSort
+    : 'column' in props && 'direction' in props && Object.keys(props).length === 2
+        ? { column: props.column, direction: props.direction }
+        : undefined;
+export const useTableSort = (props) => {
+    const onSortChanged = props && 'onSortChanged' in props ? props.onSortChanged : undefined;
+    const [sort, setSort] = React.useState(props && getDefaultSort(props));
+    const setSortAndEmitOnSortChangedEvent = (sort) => {
+        setSort(sort);
+        if (onSortChanged) {
+            if (sort && isOnSortChangedDirection(sort.direction)) {
+                onSortChanged({ key: sort.column.key, direction: sort === null || sort === void 0 ? void 0 : sort.direction });
+            }
+            else {
+                onSortChanged(null);
+            }
+        }
+    };
     const handleSortClick = (column) => {
         if (sort && sort.column.headerName === column.headerName) {
             if (sort.direction === 'ascending') {
-                setSort({ column, direction: 'descending' });
+                setSortAndEmitOnSortChangedEvent({ column, direction: 'descending' });
             }
             else {
-                setSort(undefined);
+                setSortAndEmitOnSortChangedEvent(undefined);
             }
         }
         else {
-            setSort({ column, direction: 'ascending' });
+            setSortAndEmitOnSortChangedEvent({ column, direction: 'ascending' });
         }
     };
     return [sort, handleSortClick];
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBTTFCLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUMxQixXQUErQixFQUNhLEVBQUU7SUFDOUMsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFzQixXQUFXLENBQUMsQ0FBQztJQUN6RSxNQUFNLGVBQWUsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ3BDLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDeEQsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLFdBQVcsRUFBRTtnQkFDbEMsT0FBTyxDQUFDLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO2FBQzlDO2lCQUFNO2dCQUNMLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNwQjtTQUNGO2FBQU07WUFDTCxPQUFPLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7U0FDN0M7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFibGVTb3J0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVRhYmxlU29ydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFJTCx3QkFBd0IsR0FHekIsTUFBTSx1QkFBdUIsQ0FBQztBQWdCL0IsTUFBTSxjQUFjLEdBQUcsQ0FDckIsS0FBZ0MsRUFDWCxFQUFFLENBQ3ZCLGFBQWEsSUFBSSxLQUFLO0lBQ3BCLENBQUMsQ0FBQyxLQUFLLENBQUMsV0FBVztJQUNuQixDQUFDLENBQUMsUUFBUSxJQUFJLEtBQUssSUFBSSxXQUFXLElBQUksS0FBSyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxLQUFLLENBQUM7UUFDOUUsQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEVBQUU7UUFDdEQsQ0FBQyxDQUFDLFNBQVMsQ0FBQztBQUVoQixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FDMUIsS0FBaUMsRUFDVyxFQUFFO0lBQzlDLE1BQU0sYUFBYSxHQUFHLEtBQUssSUFBSSxlQUFlLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDMUYsTUFBTSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFzQixLQUFLLElBQUksY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDNUYsTUFBTSxnQ0FBZ0MsR0FBRyxDQUFDLElBQXlCLEVBQUUsRUFBRTtRQUNyRSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDZCxJQUFJLGFBQWEsRUFBRTtZQUNqQixJQUFJLElBQUksSUFBSSx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQ3BELGFBQWEsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7YUFDckU7aUJBQU07Z0JBQ0wsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3JCO1NBQ0Y7SUFDSCxDQUFDLENBQUM7SUFDRixNQUFNLGVBQWUsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ3BDLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDeEQsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLFdBQVcsRUFBRTtnQkFDbEMsZ0NBQWdDLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7YUFDdkU7aUJBQU07Z0JBQ0wsZ0NBQWdDLENBQUMsU0FBUyxDQUFDLENBQUM7YUFDN0M7U0FDRjthQUFNO1lBQ0wsZ0NBQWdDLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7U0FDdEU7SUFDSCxDQUFDLENBQUM7SUFFRixPQUFPLENBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9

package/dist/styles.css

@@ -611,6 +611,24 @@ input[type='number'].no-arrows {
   line-height: 1.5;
   text-transform: none;
 }
+.recharts-legend-item{
+  margin-left: 32px;
+}
+.recharts-legend-item:first-child{
+  margin-left: 0;
+}
+.recharts-legend-item{
+  margin-right: 0 !important;
+}
+.recharts-legend-item-text{
+  margin-left: 2px;
+  margin-right: 0 !important;
+  color: #4a4b57 !important;
+  color: var(--aquarium-colors-grey-70, #4a4b57) !important;
+}
+.recharts-sector.inactive,.recharts-rectangle.inactive{
+  opacity: 0.5;
+}
 .focusable.focus-visible{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -991,8 +1009,8 @@ input[type='number'].no-arrows {
 .right-0{
   right: 0;
 }
-.top-\[20px\]{
-  top: 20px;
+.top-\[24px\]{
+  top: 24px;
 }
 .right-\[28px\]{
   right: 28px;
@@ -1070,10 +1088,6 @@ input[type='number'].no-arrows {
   margin-left: -12px;
   margin-right: -12px;
 }
-.mx-7{
-  margin-left: 32px;
-  margin-right: 32px;
-}
 .my-1{
   margin-top: 2px;
   margin-bottom: 2px;
@@ -1179,6 +1193,9 @@ input[type='number'].no-arrows {
 .hidden{
   display: none;
 }
+.\!hidden{
+  display: none !important;
+}
 .aspect-square{
   aspect-ratio: 1 / 1;
 }
@@ -1203,12 +1220,12 @@ input[type='number'].no-arrows {
 .h-\[1px\]{
   height: 1px;
 }
-.h-\[120px\]{
-  height: 120px;
-}
 .h-full{
   height: 100%;
 }
+.h-\[120px\]{
+  height: 120px;
+}
 .h-2{
   height: 4px;
 }
@@ -1275,6 +1292,15 @@ input[type='number'].no-arrows {
 .w-5{
   width: 16px;
 }
+.w-\[360px\]{
+  width: 360px;
+}
+.w-\[560px\]{
+  width: 560px;
+}
+.w-\[1080px\]{
+  width: 1080px;
+}
 .w-\[32px\]{
   width: 32px;
 }
@@ -1515,14 +1541,14 @@ input[type='number'].no-arrows {
   grid-gap: 8px;
   gap: 8px;
 }
-.gap-2{
-  grid-gap: 4px;
-  gap: 4px;
-}
 .gap-0{
   grid-gap: 0;
   gap: 0;
 }
+.gap-2{
+  grid-gap: 4px;
+  gap: 4px;
+}
 .gap-8{
   grid-gap: 40px;
   gap: 40px;
@@ -1575,6 +1601,9 @@ input[type='number'].no-arrows {
 .scroll-smooth{
   scroll-behavior: smooth;
 }
+.text-ellipsis{
+  text-overflow: ellipsis;
+}
 .whitespace-nowrap{
   white-space: nowrap;
 }
@@ -1923,14 +1952,14 @@ input[type='number'].no-arrows {
   padding-top: 32px;
   padding-bottom: 32px;
 }
-.px-7{
-  padding-left: 32px;
-  padding-right: 32px;
-}
 .py-6{
   padding-top: 24px;
   padding-bottom: 24px;
 }
+.px-7{
+  padding-left: 32px;
+  padding-right: 32px;
+}
 .px-6{
   padding-left: 24px;
   padding-right: 24px;
@@ -1986,18 +2015,21 @@ input[type='number'].no-arrows {
 .pt-3{
   padding-top: 8px;
 }
-.pb-6{
-  padding-bottom: 24px;
-}
 .pl-7{
   padding-left: 32px;
 }
-.pr-7{
-  padding-right: 32px;
+.pr-\[64px\]{
+  padding-right: 64px;
+}
+.pb-6{
+  padding-bottom: 24px;
 }
 .pb-3{
   padding-bottom: 8px;
 }
+.pr-7{
+  padding-right: 32px;
+}
 .pr-4{
   padding-right: 12px;
 }