@scality/core-ui 0.121.0 → 0.123.0

package/dist/components/tablev2/Search.js

@@ -34,15 +34,14 @@ export const TableItemCount = ({ entity, count, locale, }) => {
                         : (count === 1 || count === 0) && entity.singular] })] }));
 };
 export function TableSearch(props) {
-    const { onChange, value = '', displayTotalOf = true, displayedName, locale = 'en', totalCount, ...rest } = props;
-    const { setGlobalFilter, rows, preGlobalFilteredRows } = useTableContext();
+    const { onChange, value = '', locale = 'en', totalCount, ...rest } = props;
+    const { setGlobalFilter, rows, preGlobalFilteredRows, entityName = { en: { singular: 'result', plural: 'results' } }, } = useTableContext();
     const totalDispayedRows = totalCount ? totalCount : rows.length;
     React.useEffect(() => {
         setGlobalFilter(value);
     }, [value, setGlobalFilter, preGlobalFilteredRows]);
-    return (_jsxs(SearchContainer, { children: [displayTotalOf && (_jsx(TableItemCount, { entity: displayedName, count: totalDispayedRows, locale: locale })), _jsx(SearchInput, { value: value, placeholder: translations[locale].search, disableToggle: true, size: "2/3", onChange: (evt) => {
+    return (_jsxs(SearchContainer, { children: [_jsx(TableItemCount, { entity: entityName[locale] || entityName.en, count: totalDispayedRows, locale: locale }), _jsx(SearchInput, { value: value, placeholder: translations[locale].search, disableToggle: true, size: "1", onChange: (evt) => {
                     if (typeof onChange === 'function') {
-                        // @ts-ignore
                         onChange(evt.target.value);
                     }
                 }, ...rest })] }));

package/dist/components/tablev2/SingleSelectableContent.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
+import React from 'react';
 import { Row } from 'react-table';
 import { TableHeightKeyType, TableLocalType, TableVariantType } from './TableUtils';
 export type SingleSelectableContentProps<DATA_ROW extends Record<string, unknown> = Record<string, unknown>> = {
     rowHeight: TableHeightKeyType;
     separationLineVariant: TableVariantType;
-    backgroundVariant: TableVariantType;
     onRowSelected?: (row: Row<DATA_ROW>) => void;
     selectedId?: string;
     locale?: TableLocalType;
-    customItemKey?: (index: Number, data: DATA_ROW) => string;
+    customItemKey?: (index: number, data: DATA_ROW) => string;
     hasScrollbar?: boolean;
     isLoadingMoreItems?: boolean;
-    children?: (rows: JSX.Element) => JSX.Element;
+    children?: (rows: React.JSX.Element) => React.JSX.Element;
 };
-export declare function SingleSelectableContent<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ rowHeight, separationLineVariant, backgroundVariant, locale, selectedId, isLoadingMoreItems, onRowSelected, customItemKey, children, }: SingleSelectableContentProps<DATA_ROW>): JSX.Element;
+export declare function SingleSelectableContent<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ rowHeight, separationLineVariant, locale, selectedId, isLoadingMoreItems, onRowSelected, customItemKey, children, }: SingleSelectableContentProps<DATA_ROW>): JSX.Element;
 //# sourceMappingURL=SingleSelectableContent.d.ts.map

package/dist/components/tablev2/SingleSelectableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectableContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/SingleSelectableContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAUlC,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,4BAA4B,CACtC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,SAAS,EAAE,kBAAkB,CAAC;IAC9B,qBAAqB,EAAE,gBAAgB,CAAC;IACxC,iBAAiB,EAAE,gBAAgB,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC/C,CAAC;AAgBF,wBAAgB,uBAAuB,CACrC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,EACA,SAAiB,EACjB,qBAA0C,EAC1C,iBAAsC,EACtC,MAAa,EACb,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,CAAC,QAAQ,CAAC,eAyLxC"}
+{"version":3,"file":"SingleSelectableContent.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/SingleSelectableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AASlC,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,4BAA4B,CACtC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,SAAS,EAAE,kBAAkB,CAAC;IAC9B,qBAAqB,EAAE,gBAAgB,CAAC;IAExC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC3D,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,EACA,SAAiB,EACjB,qBAA0C,EAE1C,MAAa,EACb,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,CAAC,QAAQ,CAAC,eAmJxC"}

package/dist/components/tablev2/SingleSelectableContent.js

@@ -2,26 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { memo, useEffect } from 'react';
 import { areEqual } from 'react-window';
 import { useTableContext } from './Tablev2.component';
-import { HeadRow, TableRow, TableBody, TableHeader, NoResult, SortCaret, } from './Tablestyle';
-import { useTableScrollbar, VirtualizedRows } from './TableCommon';
+import { HeadRow, TableRow, TableBody, TableHeader, SortCaret, } from './Tablestyle';
+import { TableRows, useTableScrollbar } from './TableCommon';
 import useSyncedScroll from './useSyncedScroll';
 import { Loader } from '../loader/Loader.component';
 import { Box } from '../box/Box';
 import { spacing } from '../../spacing';
-const translations = {
-    en: {
-        noResult: 'No results found',
-    },
-    fr: {
-        noResult: `Aucun résultat`,
-    },
-};
-export function SingleSelectableContent({ rowHeight = 'h40', separationLineVariant = 'backgroundLevel3', backgroundVariant = 'backgroundLevel1', locale = 'en', selectedId, isLoadingMoreItems, onRowSelected, customItemKey, children, }) {
+export function SingleSelectableContent({ rowHeight = 'h40', separationLineVariant = 'backgroundLevel3', locale = 'en', selectedId, isLoadingMoreItems, onRowSelected, customItemKey, children, }) {
     if (selectedId && !onRowSelected) {
         console.error('Please specify the onRowSelected function.');
     }
-    const { bodyRef, headerRef } = useSyncedScroll();
-    const { headerGroups, prepareRow, rows, onBottom, onBottomOffset, setRowHeight, } = useTableContext();
+    const { headerRef } = useSyncedScroll();
+    const { headerGroups, prepareRow, rows, setRowHeight } = useTableContext();
     useEffect(() => {
         setRowHeight(rowHeight);
     }, [rowHeight, setRowHeight]);
@@ -55,7 +47,7 @@ export function SingleSelectableContent({ rowHeight = 'h40', separationLineVaria
                 },
             },
         };
-        return (_jsx(TableRow, { ...rowProps, isSelected: selectedId === row.id, "aria-selected": selectedId === row.id ? 'true' : 'false', separationLineVariant: separationLineVariant, backgroundVariant: backgroundVariant, selectedId: selectedId, className: "tr", children: row.cells.map((cell) => {
+        return (_jsx(TableRow, { ...rowProps, isSelected: selectedId === row.id, "aria-selected": selectedId === row.id ? 'true' : 'false', separationLineVariant: separationLineVariant, selectedId: selectedId, className: "tr", children: row.cells.map((cell) => {
                 let cellProps = cell.getCellProps({
                     style: {
                         ...cell.column.cellStyle,
@@ -69,14 +61,8 @@ export function SingleSelectableContent({ rowHeight = 'h40', separationLineVaria
                 return (_jsx("div", { ...cellProps, className: "td", children: cell.render('Cell') }));
             }) }));
     }, areEqual);
-    const { hasScrollbar, setHasScrollbar, scrollBarWidth, handleScrollbarWidth, } = useTableScrollbar();
-    function itemKey(index, data) {
-        if (typeof customItemKey === 'function') {
-            return customItemKey(index, data);
-        }
-        return index;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "thead", role: "rowgroup", children: headerGroups.map((headerGroup) => (_jsx(HeadRow, { ...headerGroup.getHeaderGroupProps(), ref: headerRef, hasScrollBar: hasScrollbar, scrollBarWidth: scrollBarWidth, rowHeight: rowHeight, style: { overflow: 'hidden' }, children: headerGroup.headers.map((column) => {
+    const { hasScrollbar, scrollBarWidth, handleScrollbarWidth } = useTableScrollbar();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "thead", role: "rowgroup", children: headerGroups.map((headerGroup) => (_jsx(HeadRow, { ...headerGroup.getHeaderGroupProps(), ref: headerRef, separationLineVariant: separationLineVariant, hasScrollBar: hasScrollbar, scrollBarWidth: scrollBarWidth, rowHeight: rowHeight, style: { overflow: 'hidden' }, children: headerGroup.headers.map((column) => {
                         const headerStyleProps = column.getHeaderProps(Object.assign(column.getSortByToggleProps(), {
                             style: { ...column.cellStyle, position: 'relative' },
                         }));
@@ -90,5 +76,5 @@ export function SingleSelectableContent({ rowHeight = 'h40', separationLineVaria
                                     headerStyleProps.onClick(event);
                                 }
                             }, children: _jsxs("div", { children: [column.render('Header'), _jsx(SortCaret, { column: column })] }) }));
-                    }) }))) }), _jsx(TableBody, { role: "rowgroup", className: "tbody", ref: handleScrollbarWidth, children: typeof children === 'function' ? (children(_jsx(VirtualizedRows, { rows: rows, listRef: bodyRef, itemKey: itemKey, rowHeight: rowHeight, setHasScrollbar: setHasScrollbar, onBottom: onBottom, onBottomOffset: onBottomOffset, RenderRow: RenderRow }))) : rows.length ? (_jsx(VirtualizedRows, { rows: rows, listRef: bodyRef, itemKey: itemKey, rowHeight: rowHeight, setHasScrollbar: setHasScrollbar, onBottom: onBottom, onBottomOffset: onBottomOffset, RenderRow: RenderRow })) : (_jsx(NoResult, { children: translations[locale].noResult })) }), isLoadingMoreItems && (_jsx(Box, { display: "flex", justifyContent: "center", marginTop: spacing.r16, marginBottom: spacing.r16, children: _jsx(Loader, { size: "large" }) }))] }));
+                    }) }))) }), _jsx(TableBody, { role: "rowgroup", className: "tbody", ref: handleScrollbarWidth, children: _jsx(TableRows, { locale: locale, children: children, customItemKey: customItemKey, RenderRow: RenderRow }) }), isLoadingMoreItems && (_jsx(Box, { display: "flex", justifyContent: "center", marginTop: spacing.r16, marginBottom: spacing.r16, children: _jsx(Loader, { size: "large" }) }))] }));
 }

package/dist/components/tablev2/TableCommon.d.ts

@@ -1,7 +1,8 @@
-import { ComponentType, LegacyRef } from 'react';
+import React, { ComponentType, LegacyRef } from 'react';
 import { Row } from 'react-table';
 import { FixedSizeList, ListChildComponentProps, ListItemKeySelector } from 'react-window';
-import { TableHeightKeyType } from './TableUtils';
+import { TableHeightKeyType, TableLocalType } from './TableUtils';
+import { CSSProperties } from 'styled-components';
 type VirtualizedRowsType<DATA_ROW extends Record<string, unknown> = Record<string, unknown>> = {
     rows: Row<DATA_ROW>[];
     RenderRow: ComponentType<ListChildComponentProps<Row<DATA_ROW>[]>>;
@@ -16,9 +17,20 @@ type VirtualizedRowsType<DATA_ROW extends Record<string, unknown> = Record<strin
 export declare const VirtualizedRows: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ rows, rowHeight, setHasScrollbar, onBottom, onBottomOffset, RenderRow, listRef, itemKey, }: VirtualizedRowsType<DATA_ROW>) => JSX.Element;
 export declare const useTableScrollbar: () => {
     hasScrollbar: boolean;
-    setHasScrollbar: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setHasScrollbar: React.Dispatch<React.SetStateAction<boolean>>;
     scrollBarWidth: number;
     handleScrollbarWidth: (node: any) => void;
 };
+export type RenderRowType = {
+    index: number;
+    style: CSSProperties;
+};
+type TableRowsProps<DATA_ROW extends Record<string, unknown> = Record<string, unknown>> = {
+    locale?: TableLocalType;
+    children?: (children: JSX.Element) => JSX.Element;
+    customItemKey?: (index: number, data: DATA_ROW) => string;
+    RenderRow: React.MemoExoticComponent<({ index, style }: RenderRowType) => JSX.Element>;
+};
+export declare function TableRows<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ locale, children, customItemKey, RenderRow }: TableRowsProps<DATA_ROW>): JSX.Element | null;
 export {};
 //# sourceMappingURL=TableCommon.d.ts.map

package/dist/components/tablev2/TableCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCommon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EACL,aAAa,EAEb,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,kBAAkB,EAEnB,MAAM,cAAc,CAAC;AAEtB,KAAK,mBAAmB,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IACtB,SAAS,EAAE,aAAa,CAAC,uBAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe,kNA8C3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAwB7B,CAAC"}
+{"version":3,"file":"TableCommon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableCommon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EACL,aAAa,EAEb,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,mBAAmB,CACtB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;IACtB,SAAS,EAAE,aAAa,CAAC,uBAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe,kNA8C3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAwB7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,CACjB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAChE;IACF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC1D,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAClC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CACjD,CAAC;CACH,CAAC;AACF,wBAAgB,SAAS,CACvB,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,sBAuEzE"}

package/dist/components/tablev2/TableCommon.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList as List, } from 'react-window';
-import { convertRemToPixels, tableRowHeight, } from './TableUtils';
+import { convertRemToPixels, translatedMessages, tableRowHeight, } from './TableUtils';
+import { useTableContext } from './Tablev2.component';
+import { NoResult } from './Tablestyle';
+import { Loader } from '../loader/Loader.component';
+import { Text } from '../text/Text.component';
+import { Icon } from '../icon/Icon.component';
+import useSyncedScroll from './useSyncedScroll';
 export const VirtualizedRows = ({ rows, rowHeight, setHasScrollbar, onBottom, onBottomOffset, RenderRow, listRef, itemKey, }) => (_jsx(AutoSizer, { children: ({ height, width }) => {
         return (_jsx(List, { height: height, itemCount: rows.length, itemSize: convertRemToPixels(tableRowHeight[rowHeight]), width: width, itemKey: itemKey, itemData: rows, ref: listRef, onItemsRendered: ({ visibleStartIndex, visibleStopIndex, overscanStopIndex, }) => {
                 setHasScrollbar(visibleStopIndex - visibleStartIndex < overscanStopIndex);
@@ -33,3 +39,32 @@ export const useTableScrollbar = () => {
         handleScrollbarWidth,
     };
 };
+export function TableRows({ locale, children, customItemKey, RenderRow }) {
+    const { setHasScrollbar } = useTableScrollbar();
+    const { rows, status, entityName, rowHeight, onBottom, onBottomOffset } = useTableContext();
+    const { bodyRef } = useSyncedScroll();
+    function itemKey(index, data) {
+        if (typeof customItemKey === 'function') {
+            return customItemKey(index, data);
+        }
+        return index;
+    }
+    if (status === 'idle' || status === 'loading') {
+        return (_jsxs(NoResult, { rowHeight: rowHeight, children: [_jsx(Loader, {}), _jsx(Text, { color: "textSecondary", children: translatedMessages('loading', entityName, locale) })] }));
+    }
+    if (status === 'error') {
+        return (_jsxs(NoResult, { rowHeight: rowHeight, children: [_jsx(Icon, { name: "Exclamation-circle", color: "statusWarning" }), _jsx(Text, { color: "textSecondary", children: translatedMessages('error', entityName, locale) })] }));
+    }
+    if (status === 'success' || status === undefined) {
+        if (typeof children === 'function') {
+            return children(_jsx(VirtualizedRows, { rows: rows, listRef: bodyRef, itemKey: itemKey, rowHeight: rowHeight, setHasScrollbar: setHasScrollbar, onBottom: onBottom, onBottomOffset: onBottomOffset, RenderRow: RenderRow }));
+        }
+        else if (rows.length) {
+            return (_jsx(VirtualizedRows, { rows: rows, listRef: bodyRef, setHasScrollbar: setHasScrollbar, onBottom: onBottom, onBottomOffset: onBottomOffset, itemKey: itemKey, rowHeight: rowHeight, RenderRow: RenderRow }));
+        }
+        else {
+            return (_jsx(NoResult, { rowHeight: rowHeight, children: translatedMessages('noResult', entityName, locale) }));
+        }
+    }
+    return null;
+}

package/dist/components/tablev2/TableUtils.d.ts

@@ -14,5 +14,16 @@ export declare const tableRowHeight: {
     h48: string;
     h64: string;
 };
+type TableMessagesType = 'error' | 'loading' | 'noResult';
+export declare const translatedMessages: (type: TableMessagesType, entityName?: {
+    en: {
+        singular: string;
+        plural: string;
+    };
+    fr?: {
+        singular: string;
+        plural: string;
+    };
+}, locale?: TableLocalType) => string;
 export {};
 //# sourceMappingURL=TableUtils.d.ts.map

package/dist/components/tablev2/TableUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableUtils.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableUtils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,aAAa,CAAC;AACnC,QAAA,MAAM,cAAc,YAAY,CAAC;AACjC,QAAA,MAAM,WAAW,SAAS,CAAC;AAC3B,QAAA,MAAM,aAAa,YAAY,CAAC;AAEhC,KAAK,UAAU,GACX,OAAO,eAAe,GACtB,OAAO,cAAc,GACrB,OAAO,WAAW,GAClB,OAAO,aAAa,CAAC;AAGzB,wBAAgB,aAAa,CAC3B,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,GAClB,MAAM,GAAG,SAAS,CAuBpB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,KAAA,UAErC;AACD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GACxB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,CAAC;AAGvB,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC"}
+{"version":3,"file":"TableUtils.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/TableUtils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,eAAe,aAAa,CAAC;AACnC,QAAA,MAAM,cAAc,YAAY,CAAC;AACjC,QAAA,MAAM,WAAW,SAAS,CAAC;AAC3B,QAAA,MAAM,aAAa,YAAY,CAAC;AAEhC,KAAK,UAAU,GACX,OAAO,eAAe,GACtB,OAAO,cAAc,GACrB,OAAO,WAAW,GAClB,OAAO,aAAa,CAAC;AAGzB,wBAAgB,aAAa,CAC3B,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,GAClB,MAAM,GAAG,SAAS,CAuBpB;AAED,wBAAgB,kBAAkB,CAAC,GAAG,KAAA,UAErC;AACD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GACxB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,CAAC;AAGvB,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE1D,eAAO,MAAM,kBAAkB,SACvB,iBAAiB,eACV;IACX,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,EAAE,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C,WACQ,cAAc,WA2BxB,CAAC"}

package/dist/components/tablev2/TableUtils.js

@@ -30,3 +30,26 @@ export const tableRowHeight = {
     h48: '3.428', //2 line
     h64: '4.572', //3 line
 };
+export const translatedMessages = (type, entityName, locale) => {
+    var _a, _b, _c;
+    if (type === 'error') {
+        if (locale === 'fr') {
+            return `Erreur lors du chargement des ${((_a = entityName === null || entityName === void 0 ? void 0 : entityName.fr) === null || _a === void 0 ? void 0 : _a.plural) || 'données'}, veuillez rafraîchir la page.`;
+        }
+        return `An error occurred while loading ${entityName ? `the ${entityName.en.plural}` : 'data'}, please refresh the
+    page.`;
+    }
+    if (type === 'loading') {
+        if (locale === 'fr') {
+            return `Chargement des ${((_b = entityName === null || entityName === void 0 ? void 0 : entityName.fr) === null || _b === void 0 ? void 0 : _b.plural) || 'données'}...`;
+        }
+        return `Loading ${(entityName === null || entityName === void 0 ? void 0 : entityName.en.plural) || 'data'}...`;
+    }
+    if (type === 'noResult') {
+        if (locale === 'fr') {
+            return `Aucun ${((_c = entityName === null || entityName === void 0 ? void 0 : entityName.fr) === null || _c === void 0 ? void 0 : _c.singular) || 'résultat'} trouvé`;
+        }
+        return `No ${(entityName === null || entityName === void 0 ? void 0 : entityName.en.plural) || 'results'} found`;
+    }
+    return '';
+};

package/dist/components/tablev2/Tablestyle.d.ts

@@ -11,25 +11,28 @@ type HeadRowType = {
     hasScrollBar: boolean;
     scrollBarWidth: number;
     rowHeight: TableHeightKeyType;
+    separationLineVariant: TableVariantType;
 };
 export declare const HeadRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HeadRowType, never>;
 type TableRowType = {
     isSelected: boolean;
     selectedId?: string;
     separationLineVariant: TableVariantType;
-    backgroundVariant: TableVariantType;
 };
 export declare const TableRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TableRowType, never>;
 type TableRowMultiSelectableType = {
     isSelected: boolean;
     separationLineVariant: TableVariantType;
-    backgroundVariant: TableVariantType;
 };
 export declare const TableRowMultiSelectable: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TableRowMultiSelectableType, never>;
 export declare const TableBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TooltipContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const NoResult: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NoResult: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BordersProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    gap?: string | number | undefined;
+} & {
+    rowHeight: TableHeightKeyType;
+}, never>;
 export declare const SortCaret: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ column, }: {
     column: HeaderGroup<DATA_ROW>;
 }) => JSX.Element | null;

package/dist/components/tablev2/Tablestyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tablestyle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablestyle.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,kBAAkB,EAElB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1C,eAAO,MAAM,aAAa,0GAGzB,CAAC;AACF,eAAO,MAAM,gBAAgB,0GAG5B,CAAC;AACF,eAAO,MAAM,WAAW;;cAEZ,MAAM,GAAG,SAAS;SAkB7B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAanB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,gBAAgB,CAAC;IACxC,iBAAiB,EAAE,gBAAgB,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,QAAQ,mHAwCpB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,gBAAgB,CAAC;IACxC,iBAAiB,EAAE,gBAAgB,CAAC;CACrC,CAAC;AACF,eAAO,MAAM,uBAAuB,kIA8BnC,CAAC;AAEF,eAAO,MAAM,SAAS,yGAIrB,CAAC;AACF,eAAO,MAAM,YAAY,yGAKxB,CAAC;AACF,eAAO,MAAM,cAAc,yGAI1B,CAAC;AAEF,eAAO,MAAM,QAAQ,yGAMpB,CAAC;AAEF,eAAO,MAAM,SAAS;;wBAsBrB,CAAC"}
+{"version":3,"file":"Tablestyle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablestyle.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,EAElB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,eAAO,MAAM,aAAa,0GAGzB,CAAC;AACF,eAAO,MAAM,gBAAgB,0GAG5B,CAAC;AACF,eAAO,MAAM,WAAW;;cAEZ,MAAM,GAAG,SAAS;SAkB7B,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,qBAAqB,EAAE,gBAAgB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,OAAO,kHAmBnB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,gBAAgB,CAAC;CACzC,CAAC;AACF,eAAO,MAAM,QAAQ,mHAmCpB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,EAAE,gBAAgB,CAAC;CACzC,CAAC;AACF,eAAO,MAAM,uBAAuB,kIAqBnC,CAAC;AAEF,eAAO,MAAM,SAAS,yGAKrB,CAAC;AACF,eAAO,MAAM,YAAY,yGAKxB,CAAC;AACF,eAAO,MAAM,cAAc,yGAI1B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;eAA4B,kBAAkB;SAOlE,CAAC;AAEF,eAAO,MAAM,SAAS;;wBAsBrB,CAAC"}

package/dist/components/tablev2/Tablestyle.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from 'styled-components';
-import { spacing } from '../../style/theme';
 import { tableRowHeight, } from './TableUtils';
 import { Icon } from '../icon/Icon.component';
 import { FocusVisibleStyle } from '../buttonv2/Buttonv2.component';
+import { spacing } from '../../spacing';
+import { Box } from '../box/Box';
 const borderSize = '4px';
 export const SortIncentive = styled.span `
   position: absolute;
   display: none;
 `;
 export const SortCaretWrapper = styled.span `
-  padding-left: ${spacing.sp4};
+  padding-left: ${spacing.r4};
   position: absolute;
 `;
 export const TableHeader = styled.div `
@@ -31,8 +32,10 @@ export const TableHeader = styled.div `
   }
 `;
 export const HeadRow = styled.div `
+  box-sizing: border-box;
   display: flex;
   align-items: center;
+  gap: ${spacing.r16};
   height: 2.286rem;
   width: ${(props) => props.hasScrollBar
     ? `calc(100% - ${props.scrollBarWidth}px - ${borderSize} )!important` // -4px for border
@@ -42,16 +45,20 @@ export const HeadRow = styled.div `
   color: ${(props) => props.theme.textPrimary};
   font-weight: bold;
   overflow: hidden;
+  border-bottom: 1px solid
+    ${(props) => props.theme[props.separationLineVariant]};
+  padding-right: ${borderSize};
+  padding-left: ${spacing.r16};
 `;
 export const TableRow = styled.div `
   color: ${(props) => props.theme.textPrimary};
-  border-top: 1px solid ${(props) => props.theme[props.separationLineVariant]};
-  :last-child {
-    border-bottom: 1px solid
-      ${(props) => props.theme[props.separationLineVariant]};
-  }
+  gap: ${spacing.r16};
+  border-bottom: 1px solid
+    ${(props) => props.theme[props.separationLineVariant]};
   cursor: default;
   box-sizing: border-box;
+  padding-left: ${spacing.r16};
+  padding-right: ${borderSize};
 
   // single selectable case
   ${(props) => {
@@ -77,31 +84,13 @@ export const TableRow = styled.div `
         border-right: ${borderSize} solid ${props.theme.selectedActive};
       `;
     }
-    else {
-        const color = props.theme[props.backgroundVariant];
-        return css `
-        border-right: ${borderSize} solid ${color};
-      `;
-    }
 }}
 `;
 export const TableRowMultiSelectable = styled.div `
   color: ${(props) => props.theme.textPrimary};
-  border-top: 1px solid ${(props) => props.theme[props.separationLineVariant]};
-  :last-child {
-    border-bottom: 1px solid
-      ${(props) => props.theme[props.separationLineVariant]};
-  }
-
+  border-bottom: 1px solid
+    ${(props) => props.theme[props.separationLineVariant]};
   box-sizing: border-box;
-
-  &:hover,
-  &:focus {
-    background-color: ${(props) => props.theme.highlight};
-    outline: none;
-    cursor: pointer;
-  }
-
   ${(props) => {
     if (props.isSelected) {
         return css `
@@ -109,15 +98,18 @@ export const TableRowMultiSelectable = styled.div `
         border-right: ${borderSize} solid ${props.theme.selectedActive};
       `;
     }
-    else {
-        const color = props.theme[props.backgroundVariant];
-        return css `
-        border-right: ${borderSize} solid ${color};
-      `;
-    }
 }}
+  padding-right: ${borderSize};
+  padding-left: ${spacing.r16};
+  &:hover,
+  &:focus {
+    background-color: ${(props) => props.theme.highlight};
+    outline: none;
+    cursor: pointer;
+  }
 `;
 export const TableBody = styled.div `
+  box-sizing: border-box;
   display: block;
   flex-grow: 1;
   height: 100%;
@@ -133,12 +125,13 @@ export const TooltipContent = styled.div `
   font-weight: bold;
   min-width: 60px;
 `;
-export const NoResult = styled.div `
+export const NoResult = styled(Box) `
   display: flex;
   justify-content: center;
+  align-items: center;
   color: ${(props) => props.theme.textSecondary};
-  padding-top: ${spacing.sp8};
-  border-top: 1px solid ${(props) => props.theme.backgroundLevel3};
+  height: ${(props) => tableRowHeight[props.rowHeight]}rem;
+  gap: ${spacing.r8};
 `;
 export const SortCaret = ({ column, }) => {
     return !column.disableSortBy ? (_jsx(SortCaretWrapper, { children: column.isSorted ? (column.isSortedDesc ? (_jsx(Icon, { name: "Sort-down" })) : (_jsx(Icon, { name: "Sort-up" }))) : (_jsx(SortIncentive, { children: _jsx(Icon, { name: "Sort" }) })) })) : null;

package/dist/components/tablev2/Tablev2.component.d.ts

@@ -21,6 +21,17 @@ export type TableProps<DATA_ROW extends Record<string, unknown> = Record<string,
         id: string;
         value: string;
     }[];
+    status?: 'idle' | 'loading' | 'error' | 'success';
+    entityName?: {
+        en: {
+            singular: string;
+            plural: string;
+        };
+        fr?: {
+            singular: string;
+            plural: string;
+        };
+    };
     initiallySelectedRowsIds?: Set<string | number>;
 } & UpdateTableData<DATA_ROW>;
 type setHiddenColumnFuncType = (oldHidden: string[]) => string[];
@@ -42,22 +53,32 @@ type TableContextType<DATA_ROW extends Record<string, unknown> = Record<string,
     setHiddenColumns: (param: string[] | setHiddenColumnFuncType) => void;
     isAllRowsSelected?: boolean;
     toggleAllRowsSelected: (value?: boolean) => void;
+    status?: 'idle' | 'loading' | 'error' | 'success';
+    entityName?: {
+        en: {
+            singular: string;
+            plural: string;
+        };
+        fr?: {
+            singular: string;
+            plural: string;
+        };
+    };
 };
 export declare const useTableContext: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>() => TableContextType<DATA_ROW>;
 export declare const EmptyCell: ({ tooltipContent, mr, }: {
     tooltipContent?: string | JSX.Element | undefined;
     mr?: number | undefined;
 }) => JSX.Element;
-declare function Table<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ columns, data, defaultSortingKey, getRowId, children, sortTypes, globalFilter, allFilters, onBottom, onBottomOffset, initiallySelectedRowsIds, updateTableData, }: TableProps<DATA_ROW>): JSX.Element;
+declare function Table<DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ columns, data, defaultSortingKey, getRowId, children, sortTypes, globalFilter, allFilters, onBottom, onBottomOffset, initiallySelectedRowsIds, updateTableData, status, entityName, }: TableProps<DATA_ROW>): JSX.Element;
 declare namespace Table {
     var SingleSelectableContent: typeof import("./SingleSelectableContent").SingleSelectableContent;
-    var MultiSelectableContent: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ onMultiSelectionChanged, onSingleRowSelected, onToggleAll, rowHeight, separationLineVariant, backgroundVariant, locale, customItemKey, isLoadingMoreItems, children, }: {
+    var MultiSelectableContent: <DATA_ROW extends Record<string, unknown> = Record<string, unknown>>({ onMultiSelectionChanged, onSingleRowSelected, onToggleAll, rowHeight, separationLineVariant, locale, customItemKey, isLoadingMoreItems, children, }: {
         onMultiSelectionChanged?: ((rows: Row<DATA_ROW>[]) => void) | undefined;
         onSingleRowSelected?: ((row: Row<DATA_ROW>) => void) | undefined;
         onToggleAll?: ((selected: boolean) => void) | undefined;
         rowHeight?: TableHeightKeyType | undefined;
         separationLineVariant?: import("./TableUtils").TableVariantType | undefined;
-        backgroundVariant?: import("./TableUtils").TableVariantType | undefined;
         locale?: import("./TableUtils").TableLocalType | undefined;
         customItemKey?: ((index: number, data: DATA_ROW) => string) | undefined;
         hasScrollbar?: boolean | undefined;

package/dist/components/tablev2/Tablev2.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tablev2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablev2.component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tablev2.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tablev2/Tablev2.component.tsx"],"names":[],"mappings":"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"}

package/dist/components/tablev2/Tablev2.component.js

@@ -41,7 +41,7 @@ const DefaultRenderer = ({ value }) => {
     }
     return value;
 };
-function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes, globalFilter, allFilters, onBottom, onBottomOffset = 10, initiallySelectedRowsIds, updateTableData, }) {
+function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes, globalFilter, allFilters, onBottom, onBottomOffset = 10, initiallySelectedRowsIds, updateTableData, status, entityName, }) {
     sortTypes = {
         health: (row1, row2) => {
             return compareHealth(row2.values.health, row1.values.health) || 0;
@@ -130,6 +130,8 @@ function Table({ columns, data, defaultSortingKey, getRowId, children, sortTypes
         setHiddenColumns,
         isAllRowsSelected,
         toggleAllRowsSelected,
+        status,
+        entityName,
     };
     return (_jsx(TableContext.Provider
     //@ts-ignore

package/dist/components/tabsv2/StyledTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/StyledTabs.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,yGAGlB,CAAC;AACF,eAAO,MAAM,OAAO;;;;;;SAkDnB,CAAC;AACF,eAAO,MAAM,aAAa;;oBAER,MAAM;SAwBtB,CAAC;AACH,eAAO,MAAM,UAAU;;SAMtB,CAAC;AACF,eAAO,MAAM,mBAAmB,yGAE/B,CAAC;AACF,eAAO,MAAM,YAAY,yGAYxB,CAAC"}
+{"version":3,"file":"StyledTabs.d.ts","sourceRoot":"","sources":["../../../src/lib/components/tabsv2/StyledTabs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,yGAGlB,CAAC;AACF,eAAO,MAAM,OAAO;;;;;;SAkDnB,CAAC;AACF,eAAO,MAAM,aAAa;;oBAER,MAAM;SAwBvB,CAAC;AACF,eAAO,MAAM,UAAU;;SAMtB,CAAC;AACF,eAAO,MAAM,mBAAmB,yGAE/B,CAAC;AACF,eAAO,MAAM,YAAY,yGAYxB,CAAC"}

package/dist/components/tabsv2/StyledTabs.js

@@ -1,22 +1,22 @@
 import styled from 'styled-components';
-import { spacing } from '../../style/theme';
 import { getThemePropSelector } from '../../utils';
+import { spacing } from '../../spacing';
 export const TabBar = styled.div `
   display: flex;
-  height: ${spacing.sp40};
+  height: ${spacing.r40};
 `;
 export const TabItem = styled.div `
   display: flex;
   align-items: center;
-  padding: 0 ${spacing.sp24} 0 ${spacing.sp24};
-  border-radius: ${spacing.sp4} ${spacing.sp4} 0 0;
-  border: ${spacing.sp1} solid transparent;
+  padding: 0 ${spacing.r24} 0 ${spacing.r24};
+  border-radius: ${spacing.r4} ${spacing.r4} 0 0;
+  border: ${spacing.r1} solid transparent;
   min-width: 5rem;
 
   &:focus-visible {
     outline: 0;
     position: relative;
-    border: ${spacing.sp1} dashed ${getThemePropSelector('selectedActive')};
+    border: ${spacing.r1} dashed ${getThemePropSelector('selectedActive')};
   }
 
   &:focus-within {
@@ -32,19 +32,19 @@ export const TabItem = styled.div `
           content: "";
           background: ${props.activeTabSeparator || selectedActive};
           position: absolute;
-          border-radius: ${spacing.sp2} ${spacing.sp2} 0 0;
+          border-radius: ${spacing.r2} ${spacing.r2} 0 0;
           bottom: 0;
           right: 0;
-          left: calc(50% - ${spacing.sp16});
-          height: ${spacing.sp2};
-          width: ${spacing.sp32};
+          left: calc(50% - ${spacing.r16});
+          height: ${spacing.r2};
+          width: ${spacing.r32};
         }
       `
         : `
         background-color: ${props.inactiveTabColor || backgroundLevel3};
         &:hover {
           cursor: pointer;
-          border: ${spacing.sp1} solid ${props.tabHoverColor || highlight};
+          border: ${spacing.r1} solid ${props.tabHoverColor || highlight};
         }
       `;
 }}
@@ -62,16 +62,16 @@ export const TabsContainer = styled.div `
   }
 
   & ${TabItem}::before {
-    content: "";
+    content: '';
     background: ${(props) => props.separatorColor || props.theme.infoSecondary};
     position: absolute;
     bottom: 25%;
     right: 0;
-    height: ${spacing.sp16};
+    height: ${spacing.r16};
     width: 1px;
     margin-right: -1px;
   }
-}`;
+`;
 export const TabContent = styled.div `
   margin: 0;
   padding: 0;

package/dist/components/toast/Toast.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,aAAa,EAAkB,MAAM,wBAAwB,CAAC;AAKvE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAAY,MAAM,WAYnD,CAAC;AA6DF,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAsB,EACtB,MAAe,EACf,WAAkB,EAClB,QAAe,EACf,IAAsC,EACtC,KAAqB,EACrB,eAAuB,EACvB,KAAK,GACN,EAAE,UAAU,sBAiEZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Toast.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,aAAa,EAAkB,MAAM,wBAAwB,CAAC;AAKvE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAAY,MAAM,WAYnD,CAAC;AA6DF,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAsB,EACtB,MAAe,EACf,WAAkB,EAClB,QAAe,EACf,IAAsC,EACtC,KAAqB,EACrB,eAAuB,EACvB,KAAK,GACN,EAAE,UAAU,sBAkEZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}