@aivenio/aquarium 1.14.0 → 1.15.0
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.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +162 -94
- package/dist/atoms.mjs +161 -94
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Button/Button.d.ts +1 -1
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +19 -6
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +18 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +10 -9
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +16 -1
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +24 -11
- package/dist/styles_timescaledb.css +24 -11
- package/dist/system.cjs +1570 -1395
- package/dist/system.mjs +1571 -1397
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
@@ -38,6 +38,7 @@ export * from './Modal/Modal';
|
|
38
38
|
export * from './MultiInput/MultiInput';
|
39
39
|
export * from './MultiSelect/MultiSelect';
|
40
40
|
export * from './NativeSelect/NativeSelect';
|
41
|
+
export * from './Navigation/Navigation';
|
41
42
|
export * from './PageHeader/PageHeader';
|
42
43
|
export * from './Pagination/Pagination';
|
43
44
|
export * from './Popover/Popover';
|
@@ -39,6 +39,7 @@ export * from './Modal/Modal';
|
|
39
39
|
export * from './MultiInput/MultiInput';
|
40
40
|
export * from './MultiSelect/MultiSelect';
|
41
41
|
export * from './NativeSelect/NativeSelect';
|
42
|
+
export * from './Navigation/Navigation';
|
42
43
|
export * from './PageHeader/PageHeader';
|
43
44
|
export * from './Pagination/Pagination';
|
44
45
|
export * from './Popover/Popover';
|
@@ -72,4 +73,4 @@ export * from '../utils/table/useTableSelect';
|
|
72
73
|
export * from '../utils/table/useTableSort';
|
73
74
|
export * from './Pagination/usePagination';
|
74
75
|
export const SelectItem = Select.Item;
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { type AriaAttributes } from 'react';
|
2
2
|
import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
|
3
|
+
import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
3
4
|
import { type Weight } from '../../../src/molecules/Template/Template';
|
4
5
|
import { type ActionType } from '../../../types/ActionType';
|
5
|
-
import { type RequireAtLeastOne } from '../../../types/utils';
|
6
|
+
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
6
7
|
import type React from 'react';
|
7
8
|
export declare type TextAlign = 'left' | 'center' | 'right';
|
8
9
|
export declare type SortDirection = AriaAttributes['aria-sort'];
|
@@ -145,4 +146,18 @@ declare type CellProps = {
|
|
145
146
|
};
|
146
147
|
export declare const cellProps: <C extends Column>(column: C) => CellProps;
|
147
148
|
export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
|
149
|
+
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
150
|
+
/**
|
151
|
+
* Menu items definition. Can either be static collection of items or callback function
|
152
|
+
* that returns the items.
|
153
|
+
*/
|
154
|
+
menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
|
155
|
+
/**
|
156
|
+
* Menu callback function that gets called whenever an item from the menu is selected.
|
157
|
+
* @param action menu item action type
|
158
|
+
* @param row currently selected row
|
159
|
+
* @param index currectly selected row index
|
160
|
+
*/
|
161
|
+
onAction: (action: string | number, row: R, index: number) => void;
|
162
|
+
}>;
|
148
163
|
export {};
|
@@ -5,4 +5,4 @@ export const cellProps = (column) => ({
|
|
5
5
|
stickyColumn: column.sticky,
|
6
6
|
});
|
7
7
|
export const columnIsFieldColumn = (column) => Boolean(column && column.field);
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0tBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
|
package/dist/styles.css
CHANGED
@@ -699,6 +699,9 @@ input[type='number'].no-arrows {
|
|
699
699
|
.collapse {
|
700
700
|
visibility: collapse;
|
701
701
|
}
|
702
|
+
.static {
|
703
|
+
position: static;
|
704
|
+
}
|
702
705
|
.fixed {
|
703
706
|
position: fixed;
|
704
707
|
}
|
@@ -837,6 +840,9 @@ input[type='number'].no-arrows {
|
|
837
840
|
.-mt-4 {
|
838
841
|
margin-top: -12px;
|
839
842
|
}
|
843
|
+
.mt-auto {
|
844
|
+
margin-top: auto;
|
845
|
+
}
|
840
846
|
.mt-1 {
|
841
847
|
margin-top: 2px;
|
842
848
|
}
|
@@ -930,6 +936,9 @@ input[type='number'].no-arrows {
|
|
930
936
|
.h-\[120px\] {
|
931
937
|
height: 120px;
|
932
938
|
}
|
939
|
+
.h-full {
|
940
|
+
height: 100%;
|
941
|
+
}
|
933
942
|
.h-2 {
|
934
943
|
height: 4px;
|
935
944
|
}
|
@@ -951,9 +960,6 @@ input[type='number'].no-arrows {
|
|
951
960
|
.h-\[50px\] {
|
952
961
|
height: 50px;
|
953
962
|
}
|
954
|
-
.h-full {
|
955
|
-
height: 100%;
|
956
|
-
}
|
957
963
|
.h-\[6px\] {
|
958
964
|
height: 6px;
|
959
965
|
}
|
@@ -1226,6 +1232,10 @@ input[type='number'].no-arrows {
|
|
1226
1232
|
grid-gap: 4px;
|
1227
1233
|
gap: 4px;
|
1228
1234
|
}
|
1235
|
+
.gap-0 {
|
1236
|
+
grid-gap: 0;
|
1237
|
+
gap: 0;
|
1238
|
+
}
|
1229
1239
|
.gap-8 {
|
1230
1240
|
grid-gap: 40px;
|
1231
1241
|
gap: 40px;
|
@@ -1309,6 +1319,9 @@ input[type='number'].no-arrows {
|
|
1309
1319
|
.border-2 {
|
1310
1320
|
border-width: 2px;
|
1311
1321
|
}
|
1322
|
+
.border-t-2 {
|
1323
|
+
border-top-width: 2px;
|
1324
|
+
}
|
1312
1325
|
.border-b-\[1px\] {
|
1313
1326
|
border-bottom-width: 1px;
|
1314
1327
|
}
|
@@ -1548,10 +1561,6 @@ input[type='number'].no-arrows {
|
|
1548
1561
|
padding-top: 24px;
|
1549
1562
|
padding-bottom: 24px;
|
1550
1563
|
}
|
1551
|
-
.px-5 {
|
1552
|
-
padding-left: 16px;
|
1553
|
-
padding-right: 16px;
|
1554
|
-
}
|
1555
1564
|
.px-6 {
|
1556
1565
|
padding-left: 24px;
|
1557
1566
|
padding-right: 24px;
|
@@ -1560,6 +1569,10 @@ input[type='number'].no-arrows {
|
|
1560
1569
|
padding-top: 16px;
|
1561
1570
|
padding-bottom: 16px;
|
1562
1571
|
}
|
1572
|
+
.px-5 {
|
1573
|
+
padding-left: 16px;
|
1574
|
+
padding-right: 16px;
|
1575
|
+
}
|
1563
1576
|
.py-\[6px\] {
|
1564
1577
|
padding-top: 6px;
|
1565
1578
|
padding-bottom: 6px;
|
@@ -2191,6 +2204,10 @@ input[type='number'].no-arrows {
|
|
2191
2204
|
--tw-bg-opacity: 1;
|
2192
2205
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity));
|
2193
2206
|
}
|
2207
|
+
.hover\:bg-grey-5:hover {
|
2208
|
+
--tw-bg-opacity: 1;
|
2209
|
+
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2210
|
+
}
|
2194
2211
|
.hover\:bg-grey-30:hover {
|
2195
2212
|
--tw-bg-opacity: 1;
|
2196
2213
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity));
|
@@ -2199,10 +2216,6 @@ input[type='number'].no-arrows {
|
|
2199
2216
|
--tw-bg-opacity: 1;
|
2200
2217
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity));
|
2201
2218
|
}
|
2202
|
-
.hover\:bg-grey-5:hover {
|
2203
|
-
--tw-bg-opacity: 1;
|
2204
|
-
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2205
|
-
}
|
2206
2219
|
.hover\:text-primary-70:hover {
|
2207
2220
|
--tw-text-opacity: 1;
|
2208
2221
|
color: rgb(255 53 84 / var(--tw-text-opacity));
|
@@ -698,6 +698,9 @@ input[type='number'].no-arrows {
|
|
698
698
|
.collapse {
|
699
699
|
visibility: collapse;
|
700
700
|
}
|
701
|
+
.static {
|
702
|
+
position: static;
|
703
|
+
}
|
701
704
|
.fixed {
|
702
705
|
position: fixed;
|
703
706
|
}
|
@@ -836,6 +839,9 @@ input[type='number'].no-arrows {
|
|
836
839
|
.-mt-4 {
|
837
840
|
margin-top: -12px;
|
838
841
|
}
|
842
|
+
.mt-auto {
|
843
|
+
margin-top: auto;
|
844
|
+
}
|
839
845
|
.mt-1 {
|
840
846
|
margin-top: 2px;
|
841
847
|
}
|
@@ -929,6 +935,9 @@ input[type='number'].no-arrows {
|
|
929
935
|
.h-\[120px\] {
|
930
936
|
height: 120px;
|
931
937
|
}
|
938
|
+
.h-full {
|
939
|
+
height: 100%;
|
940
|
+
}
|
932
941
|
.h-2 {
|
933
942
|
height: 4px;
|
934
943
|
}
|
@@ -950,9 +959,6 @@ input[type='number'].no-arrows {
|
|
950
959
|
.h-\[50px\] {
|
951
960
|
height: 50px;
|
952
961
|
}
|
953
|
-
.h-full {
|
954
|
-
height: 100%;
|
955
|
-
}
|
956
962
|
.h-\[6px\] {
|
957
963
|
height: 6px;
|
958
964
|
}
|
@@ -1225,6 +1231,10 @@ input[type='number'].no-arrows {
|
|
1225
1231
|
grid-gap: 4px;
|
1226
1232
|
gap: 4px;
|
1227
1233
|
}
|
1234
|
+
.gap-0 {
|
1235
|
+
grid-gap: 0;
|
1236
|
+
gap: 0;
|
1237
|
+
}
|
1228
1238
|
.gap-8 {
|
1229
1239
|
grid-gap: 40px;
|
1230
1240
|
gap: 40px;
|
@@ -1308,6 +1318,9 @@ input[type='number'].no-arrows {
|
|
1308
1318
|
.border-2 {
|
1309
1319
|
border-width: 2px;
|
1310
1320
|
}
|
1321
|
+
.border-t-2 {
|
1322
|
+
border-top-width: 2px;
|
1323
|
+
}
|
1311
1324
|
.border-b-\[1px\] {
|
1312
1325
|
border-bottom-width: 1px;
|
1313
1326
|
}
|
@@ -1547,10 +1560,6 @@ input[type='number'].no-arrows {
|
|
1547
1560
|
padding-top: 24px;
|
1548
1561
|
padding-bottom: 24px;
|
1549
1562
|
}
|
1550
|
-
.px-5 {
|
1551
|
-
padding-left: 16px;
|
1552
|
-
padding-right: 16px;
|
1553
|
-
}
|
1554
1563
|
.px-6 {
|
1555
1564
|
padding-left: 24px;
|
1556
1565
|
padding-right: 24px;
|
@@ -1559,6 +1568,10 @@ input[type='number'].no-arrows {
|
|
1559
1568
|
padding-top: 16px;
|
1560
1569
|
padding-bottom: 16px;
|
1561
1570
|
}
|
1571
|
+
.px-5 {
|
1572
|
+
padding-left: 16px;
|
1573
|
+
padding-right: 16px;
|
1574
|
+
}
|
1562
1575
|
.py-\[6px\] {
|
1563
1576
|
padding-top: 6px;
|
1564
1577
|
padding-bottom: 6px;
|
@@ -2190,6 +2203,10 @@ input[type='number'].no-arrows {
|
|
2190
2203
|
--tw-bg-opacity: 1;
|
2191
2204
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity));
|
2192
2205
|
}
|
2206
|
+
.hover\:bg-grey-5:hover {
|
2207
|
+
--tw-bg-opacity: 1;
|
2208
|
+
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2209
|
+
}
|
2193
2210
|
.hover\:bg-grey-30:hover {
|
2194
2211
|
--tw-bg-opacity: 1;
|
2195
2212
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity));
|
@@ -2198,10 +2215,6 @@ input[type='number'].no-arrows {
|
|
2198
2215
|
--tw-bg-opacity: 1;
|
2199
2216
|
background-color: rgb(3 153 227 / var(--tw-bg-opacity));
|
2200
2217
|
}
|
2201
|
-
.hover\:bg-grey-5:hover {
|
2202
|
-
--tw-bg-opacity: 1;
|
2203
|
-
background-color: rgb(237 237 240 / var(--tw-bg-opacity));
|
2204
|
-
}
|
2205
2218
|
.hover\:text-primary-70:hover {
|
2206
2219
|
--tw-text-opacity: 1;
|
2207
2220
|
color: rgb(3 153 227 / var(--tw-text-opacity));
|