@aivenio/aquarium 1.53.0 → 1.54.0

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

@@ -36,8 +36,8 @@ export declare type ColumnBase<R> = {
      */
     headerTooltip?: Pick<TooltipProps, 'content' | 'placement'>;
 };
-declare type Tooltip<R> = (row: R, index: number, rows: R[]) => Pick<TooltipProps, 'content' | 'placement'>;
-declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
+declare type Tooltip<R> = (row: R, index: number, rows: R[] | undefined) => Pick<TooltipProps, 'content' | 'placement'>;
+declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[] | undefined) => string;
 declare type CustomSortable<R> = {
     /**
      * Optional compare function for sorting.
@@ -81,7 +81,7 @@ export declare type ActionColumn<R> = CustomSortable<R> & {
     /**
      * Callback function that resolves to Button props.
      */
-    action: (row: R, index: number, rows: R[]) => ActionType;
+    action: (row: R, index: number, rows: R[] | undefined) => ActionType;
 };
 export declare type CustomColumn<R> = CustomSortable<R> & {
     /**
@@ -92,7 +92,7 @@ export declare type CustomColumn<R> = CustomSortable<R> & {
      * Unsafe render method. Consider consulting the designer instead of using this.
      * Using render callback will also disallow sorting on that column.
      */
-    UNSAFE_render: (row: R, index: number, rows: R[]) => React.ReactNode;
+    UNSAFE_render: (row: R, index: number, rows: R[] | undefined) => React.ReactNode;
 };
 export declare type TableItem = RequireAtLeastOne<{
     title: React.ReactNode;
@@ -109,7 +109,7 @@ declare type ItemColumn<R> = Column & CustomSortable<R> & {
     /**
      * Callback function that resolves to TableItem props
      */
-    item: (row: R, index: number, rows: R[]) => TableItem | undefined;
+    item: (row: R, index: number, rows: R[] | undefined) => TableItem | undefined;
 };
 export declare type TableStatus = {
     status: ChipStatus;
@@ -123,7 +123,7 @@ declare type StatusColumn<R> = Column & CustomSortable<R> & {
     /**
      * Callback function that resolves to StatusChip props
      */
-    status: (row: R, index: number, rows: R[]) => TableStatus | undefined;
+    status: (row: R, index: number, rows: R[] | undefined) => TableStatus | undefined;
 };
 declare type ListColumn = Column & {
     /**
@@ -147,10 +147,14 @@ export declare type DataTableRow = Record<string, any> & {
      */
     id: number | string;
 };
+export declare type DataListGroupedRows<R extends DataTableRow> = {
+    [K in string]: DataListGroupedRows<R> | R[];
+};
 export declare type Sort<C> = {
     column: C;
     direction: SortDirection;
 };
+export declare const areRowsGrouped: <R extends DataTableRow>(rows: DataListGroupedRows<R> | R[]) => rows is DataListGroupedRows<R>;
 export declare const toSortDirection: (direction: SortDirection | undefined) => 'asc' | 'desc' | false;
 export declare type StickyColumn = 'left' | 'right';
 declare type CellProps = {

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

@@ -1,5 +1,10 @@
+import isArray from 'lodash/isArray';
+export const areRowsGrouped = (rows) => {
+    return !isArray(rows);
+};
 export const toSortDirection = (direction) => direction === 'ascending' ? 'asc' : direction === 'descending' ? 'desc' : false;
 export const cellProps = (column) => {
+    var _a;
     let align;
     switch (column.type) {
         case 'action':
@@ -16,7 +21,7 @@ export const cellProps = (column) => {
         }
     }
     return {
-        key: column.key || column.headerName,
+        key: (_a = column.key) !== null && _a !== void 0 ? _a : column.headerName,
         align,
         stickyColumn: column.sticky,
     };
@@ -25,4 +30,4 @@ export const columnIsFieldColumn = (column) => Boolean(column && column.field);
 export function isOnSortChangedDirection(value) {
     return value === undefined || ['ascending', 'descending'].includes(value);
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOExBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUU7SUFDbEUsSUFBSSxLQUE0QixDQUFDO0lBRWpDLFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNuQixLQUFLLFFBQVEsQ0FBQztRQUNkLEtBQUssUUFBUSxDQUFDLENBQUM7WUFDYixLQUFLLEdBQUcsT0FBTyxDQUFDO1lBQ2hCLE1BQU07U0FDUDtRQUVELEtBQUssUUFBUSxDQUFDLENBQUM7WUFDYixLQUFLLEdBQUcsU0FBUyxDQUFDO1lBQ2xCLE1BQU07U0FDUDtRQUVELE9BQU8sQ0FBQyxDQUFDO1lBQ1AsS0FBSyxHQUFHLE1BQU0sQ0FBQztTQUNoQjtLQUNGO0lBRUQsT0FBTztRQUNMLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO1FBQ3BDLEtBQUs7UUFDTCxZQUFZLEVBQUUsTUFBTSxDQUFDLE1BQU07S0FDNUIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLENBQXlCLE1BQTJCLEVBQTRCLEVBQUUsQ0FDbkgsT0FBTyxDQUFDLE1BQU0sSUFBSyxNQUF5QixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBMkJ0RCxNQUFNLFVBQVUsd0JBQXdCLENBQUMsS0FBeUI7SUFDaEUsT0FBTyxLQUFLLEtBQUssU0FBUyxJQUFJLENBQUMsV0FBVyxFQUFFLFlBQVksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUM1RSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFnTXJDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUM1QixJQUFrQyxFQUNGLEVBQUU7SUFDbEMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUN4QixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxTQUFvQyxFQUEwQixFQUFFLENBQzlGLFNBQVMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFVbEYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQW1CLE1BQVMsRUFBYSxFQUFFOztJQUNsRSxJQUFJLEtBQTRCLENBQUM7SUFFakMsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ25CLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNiLEtBQUssR0FBRyxPQUFPLENBQUM7WUFDaEIsTUFBTTtTQUNQO1FBRUQsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNiLEtBQUssR0FBRyxTQUFTLENBQUM7WUFDbEIsTUFBTTtTQUNQO1FBRUQsT0FBTyxDQUFDLENBQUM7WUFDUCxLQUFLLEdBQUcsTUFBTSxDQUFDO1NBQ2hCO0tBQ0Y7SUFFRCxPQUFPO1FBQ0wsR0FBRyxFQUFFLE1BQUEsTUFBTSxDQUFDLEdBQUcsbUNBQUksTUFBTSxDQUFDLFVBQVU7UUFDcEMsS0FBSztRQUNMLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtLQUM1QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBeUIsTUFBMkIsRUFBNEIsRUFBRSxDQUNuSCxPQUFPLENBQUMsTUFBTSxJQUFLLE1BQXlCLENBQUMsS0FBSyxDQUFDLENBQUM7QUEyQnRELE1BQU0sVUFBVSx3QkFBd0IsQ0FBQyxLQUF5QjtJQUNoRSxPQUFPLEtBQUssS0FBSyxTQUFTLElBQUksQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzVFLENBQUMifQ==

package/dist/styles.css

@@ -1653,9 +1653,6 @@ input[type='number'].no-arrows {
 .border-2{
   border-width: 2px;
 }
-.border-t{
-  border-top-width: 1px;
-}
 .border-b{
   border-bottom-width: 1px;
 }
@@ -3056,16 +3053,14 @@ input[type='number'].no-arrows {
   stroke: #e3e9ff;
   stroke: var(--aquarium-colors-primary-10, #e3e9ff);
 }
-.\[\&\>\.group\>\*\]\:bg-grey-0>.group>*{
+.\[\&\>\*\]\:bg-primary-5>*{
+  background-color: #f3f6ff;
+  background-color: var(--aquarium-colors-primary-5, #f3f6ff);
+}
+.\[\&\>\*\]\:hover\:bg-grey-0:hover>*{
   background-color: #f7f7fa;
   background-color: var(--aquarium-colors-grey-0, #f7f7fa);
 }
-.\[\&\>\.group\>\*\:first-child\]\:border-b-0>.group>*:first-child{
-  border-bottom-width: 0px;
-}
-.\[\&\:last-child\>\*\:first-child\]\:border-t:last-child>*:first-child{
-  border-top-width: 1px;
-}
 .\[\&\>button\]\:p-0>button{
   padding: 0;
 }