@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/src/Switcher/__tests__/SwitcherMenuItem.js

@@ -1,53 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from 'react';
-import { render } from '@testing-library/react';
-import { SwitcherMenuItem } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-describe('<SwitcherMenuItem />', function () {
-    it('Renders SwitcherMenuItem', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, queryByText, getByTestId, testMenuItem;
-        return __generator(this, function (_b) {
-            _a = render(React.createElement(SwitcherMenuItem, { label: "TestLabel", url: "/test", testId: "TestSwitcherMenuItem" })), queryByText = _a.queryByText, getByTestId = _a.getByTestId;
-            expect(queryByText('TestLabel')).toBeDefined();
-            testMenuItem = getByTestId('TestSwitcherMenuItem');
-            expect(testMenuItem).toHaveStyleRule('color', COLORS.neutral_600);
-            return [2 /*return*/];
-        });
-    }); });
-});

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

@@ -1,3 +0,0 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };

package/dist/src/Switcher/index.js

@@ -1,3 +0,0 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };

package/dist/src/Table/Table.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { TableProps } from './TableTypes';
-declare const Table: React.FunctionComponent<TableProps>;
-export default Table;

package/dist/src/Table/Table.js

@@ -1,292 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom components.
- */
-import { Size } from '../types';
-/**
- * Import custom styles.
- */
-import { StyledTableSpinner, TableWrapper } from './TableStyles';
-import { LoadingIndicator } from '../LoadingIndicator';
-import TableHeader from './TableHeaders';
-import TableFooter from './TableFooter';
-import TableBody from './TableBody';
-var Table = function (props) {
-    var onPreviousPageClick = props.onPreviousPageClick, onNextPageClick = props.onNextPageClick, onRowsPerPageChange = props.onRowsPerPageChange, onTriggerSortingChange = props.onTriggerSortingChange, columns = props.columns, rows = props.rows, remoteOperations = props.remoteOperations, pagination = props.pagination, showLoadingIndicator = props.showLoadingIndicator, selectable = props.selectable, multiSelect = props.multiSelect, keyExpr = props.keyExpr, sortProps = props.sortProps, accordion = props.accordion, _a = props.collapsed, collapsed = _a === void 0 ? true : _a, collapsedRows = props.collapsedRows, rowsPerPageLabel = props.rowsPerPageLabel, loaderZIndex = props.loaderZIndex;
-    // States used within the component
-    var _b = React.useState(10), rowsPerPage = _b[0], setRowsPerPage = _b[1];
-    var _c = React.useState([]), filteredRows = _c[0], setFilteredRows = _c[1];
-    var _d = React.useState([]), currentPageRows = _d[0], setCurrentPageRows = _d[1];
-    var _e = React.useState(1), currentPage = _e[0], setCurrentPage = _e[1];
-    var _f = React.useState(), sort = _f[0], setSort = _f[1];
-    var _g = React.useState(), from = _g[0], setFrom = _g[1];
-    var _h = React.useState(), to = _h[0], setTo = _h[1];
-    var _j = React.useState(), total = _j[0], setTotal = _j[1];
-    var _k = React.useState(true), isCollapsed = _k[0], setIsCollapsed = _k[1];
-    var _l = React.useState('none'), selectAllState = _l[0], setSelectAllState = _l[1];
-    var _m = React.useState(multiSelect ? [] : undefined), selected = _m[0], setSelected = _m[1];
-    React.useEffect(function () {
-        var _a, _b;
-        setSort({
-            column: (_a = sortProps === null || sortProps === void 0 ? void 0 : sortProps.column) !== null && _a !== void 0 ? _a : '',
-            direction: (_b = sortProps === null || sortProps === void 0 ? void 0 : sortProps.direction) !== null && _b !== void 0 ? _b : 'asc',
-            allowClearingSort: (sortProps === null || sortProps === void 0 ? void 0 : sortProps.allowClearingSort) === undefined ? true : sortProps.allowClearingSort
-        });
-    }, [sortProps]);
-    React.useEffect(function () {
-        setSelected(props.selectedRows || (multiSelect ? [] : undefined));
-    }, [props.selectedRows, multiSelect]);
-    /**
-     * update select all checkbox state
-     */
-    React.useEffect(function () {
-        if (multiSelect) {
-            var currentList_1 = currentPageRows.map(function (row) { return keyExpr ? row[keyExpr] : row; });
-            var count = selected.filter(function (item) { return currentList_1.includes(item); }).length;
-            setSelectAllState(count === currentList_1.length ? 'all' : count > 0 ? 'some' : 'none');
-        }
-    }, [currentPageRows, multiSelect, selected, keyExpr]);
-    /**
-     * Takes care of remote pagination.
-     * Works only in case remote pagination is set to true.
-     */
-    React.useEffect(function () {
-        if (remoteOperations) {
-            setCurrentPageRows(rows);
-            // Let's assign pagination values
-            setFrom(pagination === null || pagination === void 0 ? void 0 : pagination.from);
-            setTo(pagination === null || pagination === void 0 ? void 0 : pagination.to);
-            setTotal(pagination === null || pagination === void 0 ? void 0 : pagination.total);
-            setCurrentPage(pagination === null || pagination === void 0 ? void 0 : pagination.currentPage);
-            setRowsPerPage(pagination === null || pagination === void 0 ? void 0 : pagination.rowsPerPage);
-        }
-    }, [remoteOperations, pagination, rows]);
-    /**
-     * Sets number of rows to display when accordion.
-     */
-    React.useEffect(function () {
-        if (!accordion)
-            return;
-        setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);
-    }, [rows, accordion, collapsedRows, isCollapsed]);
-    React.useEffect(function () {
-        if (!accordion)
-            return;
-        setIsCollapsed(!!collapsed);
-    }, [accordion, collapsed]);
-    /**
-     * Filters out a rows by specific column filters and sorts them if any sorting is set.
-     * @returns Filtered and sorted rows.
-     */
-    var filterAndSortRows = function () {
-        var tmpFilteredRows = rows.filter(function (row) {
-            // Let's start with matched filter criteria
-            var matchFilterCriteria = true;
-            // Let's go through columns
-            for (var _i = 0, columns_1 = columns; _i < columns_1.length; _i++) {
-                var column = columns_1[_i];
-                // Let's check if filter value is specified for the column
-                // And if it doesn't match the current row column value
-                // Then let's update match filter criteria to failed
-                if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {
-                    matchFilterCriteria = false;
-                }
-            }
-            // Let's return row only in case match filter criteria succeeds
-            if (matchFilterCriteria) {
-                return row;
-            }
-        });
-        // Let's apply sorting if needed
-        if (!!(sort === null || sort === void 0 ? void 0 : sort.column) && !!(sort === null || sort === void 0 ? void 0 : sort.direction)) {
-            // Let's sort the rows
-            tmpFilteredRows.sort(function (a, b) {
-                if (a[sort.column] > b[sort.column]) {
-                    return sort.direction === 'asc' ? 1 : -1;
-                }
-                else if (a[sort.column] < b[sort.column]) {
-                    return sort.direction === 'asc' ? -1 : 1;
-                }
-                else {
-                    return 0;
-                }
-            });
-        }
-        // Let's return filtered rows
-        return tmpFilteredRows;
-    };
-    /**
-     * Takes care of local pagination.
-     * Works only in case remote pagination is not defined or is set to false.
-     */
-    React.useEffect(function () {
-        if (!remoteOperations) {
-            // Let's retrieve temporary filtered rows and update globally filtered rows
-            var tmpFilteredRows = filterAndSortRows();
-            setFilteredRows(tmpFilteredRows);
-            setTotal(tmpFilteredRows.length);
-            // Assign rows from and rows to
-            var rowsFrom = (currentPage - 1) * rowsPerPage;
-            var rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;
-            // Set from and to values
-            setFrom(rowsFrom + 1);
-            setTo(rowsTo);
-            // Filter out the rows
-            setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));
-        }
-    }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
-    /**
-     * Applies a specific sorting to a column.
-     * If no sorting exists, then applies ascending initially
-     * @param column - Column to which sorting should be applied.
-     */
-    var sortTableColumn = function (column) {
-        var columnKey = '';
-        var sortDirection = undefined;
-        if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
-            columnKey = column.key;
-            sortDirection = 'asc';
-        }
-        else {
-            if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' && (sort === null || sort === void 0 ? void 0 : sort.allowClearingSort)) {
-                columnKey = '';
-                sortDirection = undefined;
-            }
-            else {
-                columnKey = sort.column;
-                sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';
-            }
-        }
-        if (columnKey == '')
-            setSort({ column: '', direction: 'asc', allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort });
-        else
-            setSort({ column: columnKey, direction: sortDirection, allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort });
-        remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
-    };
-    /**
-     * Navigates user back to the previous page and updates the current table page.
-     */
-    var previousPage = function () {
-        if (remoteOperations) {
-            // Let's inform parent component about page change
-            if (onPreviousPageClick) {
-                onPreviousPageClick();
-            }
-        }
-        else {
-            // Let's change the page within the component
-            setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);
-        }
-    };
-    /**
-     * Navigates user to the next page and updates the current table page.
-     */
-    var nextPage = function () {
-        if (remoteOperations) {
-            // Let's inform parent component about page change
-            if (onNextPageClick) {
-                onNextPageClick();
-            }
-        }
-        else {
-            // Let's change the page within the component
-            setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);
-        }
-    };
-    /**
-     * Updates the rows per page value and refreshes the table content accordingly.
-     * @param value - Newly selected rows per page value.
-     */
-    var changeRowsPerPage = function (value) {
-        // Let's check if we are using remote pagination
-        if (remoteOperations) {
-            // Inform parent component about rows per page change
-            if (onRowsPerPageChange) {
-                onRowsPerPageChange(value);
-            }
-        }
-        else {
-            // Let's reset current page to 1
-            setCurrentPage(1);
-        }
-        // Let's set rows per page
-        setRowsPerPage(value);
-    };
-    /**
-     * Function which is called when a mouse click happens on a row to pass data to the parent component.
-     * @param row - Row in which the link is located.
-     */
-    var onRowClick = function (row) {
-        var _a;
-        var selectedText = (_a = window === null || window === void 0 ? void 0 : window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString();
-        if ((selectedText === null || selectedText === void 0 ? void 0 : selectedText.length) === 0 && selectable) {
-            var value = keyExpr ? row[keyExpr] : row;
-            var currentSelection = value;
-            if (!!multiSelect) {
-                var existing = selected === null || selected === void 0 ? void 0 : selected.indexOf(value);
-                if (existing > -1) {
-                    currentSelection = __spreadArray([], selected, true);
-                    currentSelection.splice(existing, 1);
-                }
-                else {
-                    currentSelection = __spreadArray(__spreadArray([], selected, true), [currentSelection], false);
-                }
-            }
-            setSelected(currentSelection);
-            props.onSelectionChange && props.onSelectionChange(currentSelection);
-        }
-    };
-    /**
-     * Function which is called when user clicks checkbox to select or deselect all rows.
-     */
-    var onSelectAllClick = function () {
-        var currentList = currentPageRows.map(function (row) { return keyExpr ? row[keyExpr] : row; });
-        switch (selectAllState) {
-            case 'all':
-                setSelected(__spreadArray([], selected, true).filter(function (item) { return !currentList.includes(item); }));
-                setSelectAllState('none');
-                break;
-            case 'none':
-                setSelected(__spreadArray(__spreadArray([], selected, true), currentList, true));
-                setSelectAllState('all');
-                break;
-            case 'some':
-                setSelected(__spreadArray(__spreadArray([], selected, true), currentList.filter(function (item) { return !selected.includes(item); }), true));
-                setSelectAllState('all');
-                break;
-        }
-    };
-    /**
-     * Return Table component.
-     */
-    return (React.createElement(TableWrapper, { className: props.border ? 'border' : undefined },
-        React.createElement(TableHeader, __assign({}, props)),
-        React.createElement(TableBody, __assign({}, props, { currentPageRows: currentPageRows, selected: selected, onRowClick: onRowClick, sortByColumn: sortTableColumn, onSelectAllClick: onSelectAllClick, sortProps: sort, selectAllState: selectAllState })),
-        React.createElement(TableFooter, __assign({}, props, { onRowsPerPageChange: changeRowsPerPage, rowsPerPage: rowsPerPage, setIsCollapsed: setIsCollapsed, isCollapsed: isCollapsed, from: from, to: to, total: total, nextPage: nextPage, prevPage: previousPage })),
-        showLoadingIndicator && (React.createElement(StyledTableSpinner, { zindex: loaderZIndex },
-            React.createElement(LoadingIndicator, { size: Size.Medium })))));
-};
-export default Table;

package/dist/src/Table/TableBody.d.ts

@@ -1,12 +0,0 @@
-import { TableColumn, TableProps } from './TableTypes';
-import * as React from 'react';
-interface TableBodyProps extends TableProps {
-    currentPageRows: any[];
-    onRowClick?: (row: any) => void;
-    selected?: any | any[];
-    sortByColumn: (column: TableColumn) => void;
-    onSelectAllClick: () => void;
-    selectAllState: 'all' | 'some' | 'none';
-}
-declare const TableBody: React.FC<TableBodyProps>;
-export default TableBody;

package/dist/src/Table/TableBody.js

@@ -1,116 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { Button } from '../Button';
-import { Size } from '../types';
-import * as React from 'react';
-import { Checkbox } from '../InputFields';
-import IconButton from '../Button/Iconbutton';
-import { HyperLink } from '../HyperLink';
-import { StyledTableBody, StyledTableBodyRow, StyledTableCell, StyledTableCellContent, StyledTableCellIcon, StyledTableCellText, StyledTableHeaderColumn, StyledTableHeaderColumnContent, StyledTableHeaderColumns, StyledTableNoRowsLabelRow, StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection, StyledTableCellNoteText, StyledTableCellTextWrapper, } from './TableStyles';
-import { defaultOnMouseDownHandler } from '../common';
-import { SystemIcons } from '../icons';
-import { useDimensionsRef } from 'rooks';
-import styled from 'styled-components';
-var ColumnLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"], ["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
-var TableBody = function (props) {
-    var _a;
-    var _b = useDimensionsRef({ updateOnResize: true }), scrollContainerRef = _b[0], dimensions = _b[1], node = _b[2];
-    var _c = React.useState(false), scrollable = _c[0], setScrollable = _c[1];
-    React.useEffect(function () {
-        var _a, _b;
-        var clientWidth = (_a = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _a !== void 0 ? _a : 0;
-        var scrollWidth = (_b = node === null || node === void 0 ? void 0 : node.scrollWidth) !== null && _b !== void 0 ? _b : 0;
-        setScrollable(scrollWidth > clientWidth);
-    }, [dimensions, node, props.columns, props.rows]);
-    var renderCellBody = function (column, row) {
-        switch (column.type) {
-            case 'link': {
-                var tmp = __assign({ variant: 'default', href: '#', tabIndex: props.showLoadingIndicator ? -1 : 0 }, column.additionalProps);
-                return (React.createElement(HyperLink, __assign({ style: column.colorFn && { color: column.colorFn(row, column.key) } }, tmp, { onClick: function (e) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        column.action && column.action(row, e);
-                    } }), row[column.key]));
-            }
-            case 'icon': {
-                var tmp = __assign({ iconColor: column.colorFn && column.colorFn(row, column.key), variant: 'secondary', shape: 'circular', tabIndex: props.showLoadingIndicator ? -1 : 0, useTransparentBackground: true }, column.additionalProps);
-                return (React.createElement(IconButton, __assign({}, tmp, { action: function (e) {
-                        e === null || e === void 0 ? void 0 : e.stopPropagation();
-                        column.action && column.action(row, e);
-                    } }), column.icon));
-            }
-            case 'button': {
-                var tmp = __assign({ variant: 'tertiary', size: Size.Small, tabIndex: props.showLoadingIndicator ? -1 : 0 }, column.additionalProps);
-                return (React.createElement(Button, __assign({ style: column.colorFn && { color: column.colorFn(row, column.key) } }, tmp, { onClick: function (e) {
-                        e === null || e === void 0 ? void 0 : e.stopPropagation();
-                        column.action && column.action(row, e);
-                    } }), row[column.key]));
-            }
-            case 'boolean':
-                return React.createElement(Checkbox, { selected: !!row[column.key], readOnly: true });
-            case 'custom':
-                return column.customContent && column.customContent(row, column.key);
-            case 'number':
-            case 'text':
-            default:
-                return (React.createElement(React.Fragment, null,
-                    column.icon && React.createElement(StyledTableCellIcon, null, column.icon),
-                    React.createElement(StyledTableCellTextWrapper, { textWrap: !column.shortenText },
-                        React.createElement(StyledTableCellText, null, row[column.key]),
-                        Boolean(column.noteKey) && Boolean(row[column.noteKey]) && (React.createElement(React.Fragment, null,
-                            React.createElement(StyledTableCellNoteText, null, row[column.noteKey]))))));
-        }
-    };
-    var isSelected = function (row) {
-        var _a;
-        return ((props.multiSelect && ((_a = props.selected) === null || _a === void 0 ? void 0 : _a.indexOf(props.keyExpr ? row[props.keyExpr] : row)) > -1) ||
-            (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row)));
-    };
-    return (React.createElement(StyledTableBodyWrapper, { ref: scrollContainerRef, className: scrollable ? 'scrollable' : '' },
-        React.createElement(StyledTable, { cellPadding: "0", cellSpacing: "0", "data-testid": "TestTable", className: "table ".concat(props.layout || '') },
-            React.createElement(StyledTableHeaderRow, null,
-                React.createElement(StyledTableHeaderColumns, { "data-testid": "TestTableColumnHeaderRow" },
-                    props.multiSelect && (React.createElement(StyledTableHeaderColumn, null,
-                        React.createElement(StyledTableHeaderColumnContent, null,
-                            React.createElement(Checkbox, { selected: props.selectAllState === 'all', disabled: props.showLoadingIndicator, semiSelected: props.selectAllState === 'some', select: props.onSelectAllClick })))),
-                    props.columns.map(function (column) {
-                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-                        return (React.createElement(StyledTableHeaderColumn, { key: column.key, onMouseDown: defaultOnMouseDownHandler, onClick: function (e) { return column.sortable && props.sortByColumn(column); }, onKeyPress: function (e) {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                    column.sortable && props.sortByColumn(column);
-                                }
-                            }, "aria-pressed": column.key === ((_a = props.sortProps) === null || _a === void 0 ? void 0 : _a.column) && !!((_b = props.sortProps) === null || _b === void 0 ? void 0 : _b.direction) ? true : undefined, "aria-sort": column.key === ((_c = props.sortProps) === null || _c === void 0 ? void 0 : _c.column) && !!((_d = props.sortProps) === null || _d === void 0 ? void 0 : _d.direction) ? (((_e = props.sortProps) === null || _e === void 0 ? void 0 : _e.direction) == 'asc' ? 'ascending' : 'descending') : undefined, style: { width: column.width }, tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1, className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_f = props.sortProps) === null || _f === void 0 ? void 0 : _f.column) && !!((_g = props.sortProps) === null || _g === void 0 ? void 0 : _g.direction) ? 'sorted' : '', " ").concat(column.justify || '') },
-                            React.createElement(StyledTableHeaderColumnContent, null,
-                                React.createElement(ColumnLabel, null, column.name),
-                                column.key === ((_h = props.sortProps) === null || _h === void 0 ? void 0 : _h.column) && (React.createElement(StyledTableHeaderColumnSortDirection, null, ((_j = props.sortProps) === null || _j === void 0 ? void 0 : _j.direction) === 'asc' ? React.createElement(SystemIcons.ArrowLineUp, { size: '20px' }) : React.createElement(SystemIcons.ArrowLineDown, { size: '20px' }))))));
-                    }))),
-            React.createElement(StyledTableBody, null, props.currentPageRows.length > 0 ? (props.currentPageRows.map(function (row, index) { return (React.createElement(StyledTableBodyRow, { key: "row_".concat(index), className: "".concat(props.selectable ? 'selectable' : '', " ").concat(isSelected(row) ? 'selected' : ''), onClick: function () { return props.onRowClick && props.onRowClick(row); }, onMouseDown: defaultOnMouseDownHandler, onKeyPress: function (e) {
-                    if (e.key === 'Enter') {
-                        props.onRowClick && props.onRowClick(row);
-                    }
-                }, tabIndex: props.selectable && !props.showLoadingIndicator ? 0 : undefined, "data-testid": "TestTableDataRow" },
-                props.multiSelect && (React.createElement(StyledTableCell, null,
-                    React.createElement(StyledTableCellContent, null,
-                        React.createElement(Checkbox, { selected: isSelected(row) })))),
-                props.columns.map(function (column) { return (React.createElement(StyledTableCell, { key: "row_".concat(index, "_").concat(column.key), style: { maxWidth: column.width }, title: column.shortenText ? "".concat(row[column.key], " \n ").concat(column.noteKey ? row[column.noteKey] : '') : '' },
-                    React.createElement(StyledTableCellContent, { withNote: Boolean(column.noteKey), className: "".concat(column.shortenText ? "truncate-text" : '', " ").concat(column.justify || ''), style: {
-                            color: column.colorFn && column.colorFn(row, column.key),
-                        } }, renderCellBody(column, row)))); }))); })) : (React.createElement(StyledTableNoRowsLabelRow, { "data-testid": "TestTableNoDataRow" },
-                React.createElement(StyledTableCell, { colSpan: props.columns.length + (props.multiSelect ? 1 : 0) },
-                    React.createElement(StyledTableCellContent, { className: 'center' }, (_a = props.noRowsLabel) !== null && _a !== void 0 ? _a : 'There are no rows to display'))))))));
-};
-export default TableBody;
-var templateObject_1;

package/dist/src/Table/TableFooter.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { TableProps } from './TableTypes';
-interface TableFooterProps extends TableProps {
-    onRowsPerPageChange: (value: number) => void;
-    rowsPerPage: number;
-    from?: number;
-    to?: number;
-    total?: number;
-    nextPage: () => void;
-    prevPage: () => void;
-    setIsCollapsed: (isCollapsed: boolean) => void;
-    isCollapsed: boolean;
-}
-declare const TableFooter: React.FunctionComponent<TableFooterProps>;
-export default TableFooter;

package/dist/src/Table/TableFooter.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { DropdownButton } from '../Dropdown';
-import { IconButton } from '../Button';
-import { SystemIcons } from '../icons';
-import { COLORS } from '../styles';
-import { StyledTableFooter, StyledTableFooterCollapseButton, StyledTableFooterContent, StyledTableFooterControls, StyledTableFooterCurrentInfo } from './TableStyles';
-import { defaultOnMouseDownHandler } from '../common';
-var TableFooter = function (props) {
-    var _a, _b, _c;
-    var rowsPerPageValues = [{ value: '10' }, { value: '20' }, { value: '50' }, { value: '100' }];
-    var dropDownText = "".concat((_a = props.rowsPerPageLabel) !== null && _a !== void 0 ? _a : 'Rows per page', " : ").concat(props.rowsPerPage);
-    return (React.createElement(StyledTableFooter, { "data-testid": "TestTableFooterRow" },
-        props.accordion &&
-            React.createElement(StyledTableFooterCollapseButton, { onClick: function () { return props.setIsCollapsed(!props.isCollapsed); }, onMouseDown: defaultOnMouseDownHandler, disabled: props.isCollapsed && props.rows.length <= props.rowsPerPage },
-                props.isCollapsed &&
-                    React.createElement(React.Fragment, null,
-                        React.createElement("span", null, (_b = props.showMoreLabel) !== null && _b !== void 0 ? _b : 'Show more',
-                            " (",
-                            props.rows.length - props.rowsPerPage,
-                            ")"),
-                        React.createElement(SystemIcons.ArrowDropDown, null)),
-                !props.isCollapsed &&
-                    React.createElement(React.Fragment, null,
-                        React.createElement("span", null, (_c = props.showFewerLabel) !== null && _c !== void 0 ? _c : 'Show fewer'),
-                        React.createElement(SystemIcons.ArrowDropUp, null))),
-        !props.accordion &&
-            React.createElement(StyledTableFooterContent, null,
-                React.createElement(DropdownButton, { type: 'text', items: rowsPerPageValues, disabled: props.showLoadingIndicator, value: ["".concat(props.rowsPerPage)], onClick: function (value) { return props.onRowsPerPageChange(+value[0]); }, label: dropDownText, keepLabel: true }),
-                React.createElement(StyledTableFooterCurrentInfo, null,
-                    props.total === 0 ? 0 : props.from,
-                    "-",
-                    props.to,
-                    " of ",
-                    props.total),
-                React.createElement(StyledTableFooterControls, null,
-                    React.createElement(IconButton, { variant: "secondary", shape: "circular", action: function () { return props.prevPage(); }, disabled: props.from === 1 || props.showLoadingIndicator },
-                        React.createElement(SystemIcons.ChevronLeft, { size: "24", color: COLORS.neutral_600 })),
-                    React.createElement(IconButton, { variant: "secondary", shape: "circular", action: function () { return props.nextPage(); }, disabled: props.to === props.total || props.showLoadingIndicator },
-                        React.createElement(SystemIcons.ChevronRight, { size: "24", color: COLORS.neutral_600 }))))));
-};
-export default TableFooter;

package/dist/src/Table/TableHeaders.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TableProps } from './TableTypes';
-interface TableHeaderProps extends TableProps {
-}
-declare const TableHeader: React.FunctionComponent<TableHeaderProps>;
-export default TableHeader;

package/dist/src/Table/TableHeaders.js

@@ -1,26 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { DropdownButton } from '../Dropdown';
-import { SystemIcons } from '../icons';
-import { Size } from '../types';
-import { StyledTableHeaderTitleContent } from './TableStyles';
-import { StyledTableHeaderTitle, StyledTableHeader } from "./TableStyles";
-var TableHeader = function (props) {
-    return (React.createElement(StyledTableHeader, null, (!!props.title || !!props.menu) &&
-        React.createElement(StyledTableHeaderTitle, { "data-testid": "TestTableHeaderRow" },
-            React.createElement(StyledTableHeaderTitleContent, null,
-                React.createElement("span", null, props.title),
-                props.menu &&
-                    React.createElement(DropdownButton, __assign({ className: 'title-menu', type: 'icon', disabled: props.showLoadingIndicator, icon: React.createElement(SystemIcons.MoreVertical, null), size: Size.Medium }, props.menu))))));
-};
-export default TableHeader;

package/dist/src/Table/TableStyles.d.ts

@@ -1,35 +0,0 @@
-/**
- * Table styles
- */
-export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTable: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const StyledTableHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableHeaderTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableHeaderTitleContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableHeaderRow: import("styled-components").StyledComponent<"thead", any, {}, never>;
-export declare const StyledTableHeaderColumns: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const StyledTableHeaderColumnContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableHeaderColumnSortDirection: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTableHeaderColumn: import("styled-components").StyledComponent<"th", any, {}, never>;
-export declare const StyledTableBodyRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const StyledTableNoRowsLabelRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const StyledTableBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
-export declare const StyledTableCell: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const StyledTableCellContent: import("styled-components").StyledComponent<"div", any, {
-    withNote?: boolean | undefined;
-}, never>;
-export declare const StyledTableCellIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableCellText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTableCellTextWrapper: import("styled-components").StyledComponent<"div", any, {
-    textWrap?: boolean | undefined;
-}, never>;
-export declare const StyledTableCellNoteText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTableFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableFooterCurrentInfo: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTableFooterControls: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTableSpinner: import("styled-components").StyledComponent<"div", any, {
-    zindex?: string | undefined;
-}, never>;
-export declare const StyledTableFooterCollapseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledTableBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;