@laerdal/life-react-components 2.0.1-dev.9 → 2.1.0-dev.3

package/dist/Table/TableBody.cjs

@@ -1,74 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = require("../Button");
-
 var _types = require("../types");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _InputFields = require("../InputFields");
-
 var _Iconbutton = _interopRequireDefault(require("../Button/Iconbutton"));
-
 var _HyperLink = require("../HyperLink");
-
 var _TableStyles = require("./TableStyles");
-
 var _common = require("../common");
-
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
 var _rooks = require("rooks");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var TableBody = function TableBody(props) {
   var _props$noRowsLabel;
-
   var _useDimensionsRef = (0, _rooks.useDimensionsRef)({
-    updateOnResize: true
-  }),
-      _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
-      scrollContainerRef = _useDimensionsRef2[0],
-      dimensions = _useDimensionsRef2[1],
-      node = _useDimensionsRef2[2];
-
+      updateOnResize: true
+    }),
+    _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
+    scrollContainerRef = _useDimensionsRef2[0],
+    dimensions = _useDimensionsRef2[1],
+    node = _useDimensionsRef2[2];
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      scrollable = _React$useState2[0],
-      setScrollable = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    scrollable = _React$useState2[0],
+    setScrollable = _React$useState2[1];
   React.useEffect(function () {
     var _node$clientWidth, _node$scrollWidth;
-
     var clientWidth = (_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0;
     var scrollWidth = (_node$scrollWidth = node === null || node === void 0 ? void 0 : node.scrollWidth) !== null && _node$scrollWidth !== void 0 ? _node$scrollWidth : 0;
     setScrollable(scrollWidth > clientWidth);
   }, [dimensions, node, props.columns, props.rows]);
-
   var renderCellBody = function renderCellBody(column, row) {
     switch (column.type) {
       case 'link':
@@ -78,7 +52,6 @@ var TableBody = function TableBody(props) {
             href: '#',
             tabIndex: props.showLoadingIndicator ? -1 : 0
           }, column.additionalProps);
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, _objectSpread(_objectSpread({
             style: column.colorFn && {
               color: column.colorFn(row, column.key)
@@ -92,7 +65,6 @@ var TableBody = function TableBody(props) {
             children: row[column.key]
           }));
         }
-
       case 'icon':
         {
           var _tmp = _objectSpread({
@@ -102,7 +74,6 @@ var TableBody = function TableBody(props) {
             tabIndex: props.showLoadingIndicator ? -1 : 0,
             useTransparentBackground: true
           }, column.additionalProps);
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Iconbutton.default, _objectSpread(_objectSpread({}, _tmp), {}, {
             action: function action(e) {
               e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -111,7 +82,6 @@ var TableBody = function TableBody(props) {
             children: column.icon
           }));
         }
-
       case 'button':
         {
           var _tmp2 = _objectSpread({
@@ -119,7 +89,6 @@ var TableBody = function TableBody(props) {
             size: _types.Size.Small,
             tabIndex: props.showLoadingIndicator ? -1 : 0
           }, column.additionalProps);
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
             style: column.colorFn && {
               color: column.colorFn(row, column.key)
@@ -132,16 +101,13 @@ var TableBody = function TableBody(props) {
             children: row[column.key]
           }));
         }
-
       case 'boolean':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.Checkbox, {
           selected: !!row[column.key],
           readOnly: true
         });
-
       case 'custom':
         return column.customContent && column.customContent(row, column.key);
-
       case 'number':
       case 'text':
       default:
@@ -154,13 +120,10 @@ var TableBody = function TableBody(props) {
         });
     }
   };
-
   var isSelected = function isSelected(row) {
     var _props$selected;
-
     return props.multiSelect && ((_props$selected = props.selected) === null || _props$selected === void 0 ? void 0 : _props$selected.indexOf(props.keyExpr ? row[props.keyExpr] : row)) > -1 || !props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableBodyWrapper, {
     ref: scrollContainerRef,
     className: scrollable ? 'scrollable' : '',
@@ -183,7 +146,6 @@ var TableBody = function TableBody(props) {
             })
           }), props.columns.map(function (column) {
             var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4;
-
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumn, {
               onMouseDown: _common.defaultOnMouseDownHandler,
               onClick: function onClick(e) {
@@ -264,7 +226,6 @@ var TableBody = function TableBody(props) {
     })
   });
 };
-
 TableBody.propTypes = {
   currentPageRows: _propTypes.default.arrayOf(_propTypes.default.any).isRequired,
   onRowClick: _propTypes.default.func,

package/dist/Table/TableBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs","names":["TableBody","props","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","React","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","defaultOnMouseDownHandler","sortable","sortByColumn","width","sortProps","direction","justify","name","currentPageRows","length","index","selectable","onRowClick","undefined","maxWidth","shortenText","noRowsLabel"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import {TableColumn, TableProps, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {Button} from '../Button';\nimport {Size} from '../types';\nimport * as React from 'react';\nimport {Checkbox} from '../InputFields';\nimport {ButtonProps} from '../Button/Button';\nimport IconButton, {IconButtonProps} from '../Button/Iconbutton';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {HyperLink} from '../HyperLink';\nimport {\n  StyledTableBody,\n  StyledTableBodyRow,\n  StyledTableCell,\n  StyledTableCellContent,\n  StyledTableCellIcon,\n  StyledTableCellText,\n  StyledTableHeaderColumn,\n  StyledTableHeaderColumnContent,\n  StyledTableHeaderColumns,\n  StyledTableNoRowsLabelRow,\n  StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {ArrowLineDown, ArrowLineUp} from \"../icons/systemicons/SystemIcons\";\nimport {useDimensionsRef} from \"rooks\";\n\n\ninterface TableBodyProps extends TableProps {\n  currentPageRows: any[];\n  onRowClick?: (row: any) => void;\n  selected?: any | any[];\n  sortByColumn: (column: TableColumn) => void;\n  onSelectAllClick: () => void;\n  selectAllState: 'all' | 'some' | 'none';\n}\n\nconst TableBody: React.FC<TableBodyProps> = (props) => {\n\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({updateOnResize: true});\n  const [scrollable, setScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const clientWidth = node?.clientWidth ?? 0;\n    const scrollWidth = node?.scrollWidth ?? 0;\n    setScrollable(scrollWidth > clientWidth);\n  }, [dimensions, node, props.columns, props.rows]);\n\n\n  const renderCellBody = (column: TableColumn, row: any) => {\n      switch (column.type) {\n        case 'link': {\n          const tmp = ({\n            variant: 'default',\n            href: '#',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as HyperlinkProps;\n          return (\n            <HyperLink style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                       {...tmp}\n                       onClick={(e) => {\n                         e.preventDefault();\n                         e.stopPropagation();\n                         column.action && column.action(row, e);\n                       }}>\n              {row[column.key]}\n            </HyperLink>\n          );\n        }\n        case 'icon': {\n          const tmp = ({\n            iconColor: column.colorFn && column.colorFn(row, column.key),\n            variant: 'secondary',\n            shape: 'circular',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            useTransparentBackground: true,\n            ...column.additionalProps\n          }) as IconButtonProps;\n          return <IconButton  {...tmp}\n                              action={(e) => {\n                                e?.stopPropagation();\n                                column.action && column.action(row, e);\n                              }}>\n            {column.icon}\n          </IconButton>\n        }\n        case 'button': {\n          const tmp = ({\n            variant: 'tertiary',\n            size: Size.Small,\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as ButtonProps;\n          return <Button style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                         {...tmp}\n                         onClick={(e) => {\n                           e?.stopPropagation();\n                           column.action && column.action(row, e);\n                         }}>\n            {row[column.key]}\n          </Button>\n        }\n        case 'boolean':\n          return <Checkbox selected={!!row[column.key]} readOnly={true}/>;\n        case 'custom':\n          return column.customContent && column.customContent(row, column.key);\n        case 'number':\n        case 'text':\n        default:\n          return (\n            <>\n              {\n                column.icon &&\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\n              }\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\n            </>\n          );\n      }\n    }\n\n  const isSelected = (row: any) => {\n    return (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row));\n  }\n\n  return (\n      <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n          <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\n          <StyledTableHeaderRow>\n            <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\n            {\n              props.multiSelect &&\n                <StyledTableHeaderColumn>\n                    <StyledTableHeaderColumnContent>\n                        <Checkbox selected={props.selectAllState === 'all'}\n                                  disabled={props.showLoadingIndicator}\n                                  semiSelected={props.selectAllState === 'some'}\n                                  select={props.onSelectAllClick}/>\n                    </StyledTableHeaderColumnContent>\n                </StyledTableHeaderColumn>\n            }\n            {props.columns.map((column: TableColumn) => (\n              <StyledTableHeaderColumn key={column.key}\n                                       onMouseDown={defaultOnMouseDownHandler}\n                                       onClick={(e) => column.sortable && props.sortByColumn(column)}\n                                       onKeyPress={(e) => {\n                                         if (e.key === 'Enter' || e.key === ' ') {\n                                           column.sortable && props.sortByColumn(column)\n                                         }\n                                       }}\n                                       style={{width: column.width}}\n                                       tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\n                                       className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`}>\n                <StyledTableHeaderColumnContent>\n                <span>\n                  {column.name}\n                </span>\n                  {\n                    column.key === props.sortProps?.column &&\n                    (\n                      <StyledTableHeaderColumnSortDirection>\n                        {\n                          props.sortProps?.direction === 'asc'\n                            ?  <ArrowLineUp size={'24px'}/>\n                            : <ArrowLineDown size={'24px'}/>\n                        }\n                      </StyledTableHeaderColumnSortDirection>\n                    )\n                  }\n                </StyledTableHeaderColumnContent>\n              </StyledTableHeaderColumn>\n            ))}\n          </StyledTableHeaderColumns>\n          </StyledTableHeaderRow>\n          <StyledTableBody>\n            {props.currentPageRows.length > 0 ? (\n              props.currentPageRows.map((row: any, index: number) => (\n                <StyledTableBodyRow key={`row_${index}`}\n                                    className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\n                                    onClick={() => props.onRowClick && props.onRowClick(row)}\n                                    onMouseDown={defaultOnMouseDownHandler}\n                                    onKeyPress={(e) => {\n                                      if (e.key === 'Enter') {\n                                        props.onRowClick && props.onRowClick(row);\n                                      }\n                                    }}\n                                    tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\n                                    data-testid=\"TestTableDataRow\">\n                  {\n                    props.multiSelect &&\n                      <StyledTableCell>\n                          <StyledTableCellContent>\n                              <Checkbox selected={isSelected(row)}/>\n                          </StyledTableCellContent>\n                      </StyledTableCell>\n                  }\n                  {props.columns.map((column: TableColumn) => (\n                    <StyledTableCell key={`row_${index}_${column.key}`}\n                                     style={{maxWidth: column.width}}\n                                     title={column.shortenText && row[column.key]}>\n                      <StyledTableCellContent\n                        className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\n                        style={{\n                          color: column.colorFn && column.colorFn(row, column.key),\n                        }}>\n                        {renderCellBody(column, row)}\n                      </StyledTableCellContent>\n                    </StyledTableCell>\n                  ))}\n                </StyledTableBodyRow>\n              ))\n            ) : (\n              <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\n                <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\n                  <StyledTableCellContent className={'center'}>\n                    {props.noRowsLabel ?? 'There are no rows to display'}\n                  </StyledTableCellContent>\n                </StyledTableCell>\n              </StyledTableNoRowsLabelRow>\n            )}\n\n          </StyledTableBody>\n        </StyledTable>\n      </StyledTableBodyWrapper>\n    );\n  }\n;\n\nexport default TableBody;\n"],"mappings":"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"}
+{"version":3,"file":"TableBody.cjs","names":["TableBody","props","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","React","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","defaultOnMouseDownHandler","sortable","sortByColumn","width","sortProps","direction","justify","name","currentPageRows","length","index","selectable","onRowClick","undefined","maxWidth","shortenText","noRowsLabel"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import {TableColumn, TableProps, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {Button} from '../Button';\nimport {Size} from '../types';\nimport * as React from 'react';\nimport {Checkbox} from '../InputFields';\nimport {ButtonProps} from '../Button/Button';\nimport IconButton, {IconButtonProps} from '../Button/Iconbutton';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {HyperLink} from '../HyperLink';\nimport {\n  StyledTableBody,\n  StyledTableBodyRow,\n  StyledTableCell,\n  StyledTableCellContent,\n  StyledTableCellIcon,\n  StyledTableCellText,\n  StyledTableHeaderColumn,\n  StyledTableHeaderColumnContent,\n  StyledTableHeaderColumns,\n  StyledTableNoRowsLabelRow,\n  StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {ArrowLineDown, ArrowLineUp} from \"../icons/systemicons/SystemIcons\";\nimport {useDimensionsRef} from \"rooks\";\n\n\ninterface TableBodyProps extends TableProps {\n  currentPageRows: any[];\n  onRowClick?: (row: any) => void;\n  selected?: any | any[];\n  sortByColumn: (column: TableColumn) => void;\n  onSelectAllClick: () => void;\n  selectAllState: 'all' | 'some' | 'none';\n}\n\nconst TableBody: React.FC<TableBodyProps> = (props) => {\n\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({updateOnResize: true});\n  const [scrollable, setScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const clientWidth = node?.clientWidth ?? 0;\n    const scrollWidth = node?.scrollWidth ?? 0;\n    setScrollable(scrollWidth > clientWidth);\n  }, [dimensions, node, props.columns, props.rows]);\n\n\n  const renderCellBody = (column: TableColumn, row: any) => {\n      switch (column.type) {\n        case 'link': {\n          const tmp = ({\n            variant: 'default',\n            href: '#',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as HyperlinkProps;\n          return (\n            <HyperLink style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                       {...tmp}\n                       onClick={(e) => {\n                         e.preventDefault();\n                         e.stopPropagation();\n                         column.action && column.action(row, e);\n                       }}>\n              {row[column.key]}\n            </HyperLink>\n          );\n        }\n        case 'icon': {\n          const tmp = ({\n            iconColor: column.colorFn && column.colorFn(row, column.key),\n            variant: 'secondary',\n            shape: 'circular',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            useTransparentBackground: true,\n            ...column.additionalProps\n          }) as IconButtonProps;\n          return <IconButton  {...tmp}\n                              action={(e) => {\n                                e?.stopPropagation();\n                                column.action && column.action(row, e);\n                              }}>\n            {column.icon}\n          </IconButton>\n        }\n        case 'button': {\n          const tmp = ({\n            variant: 'tertiary',\n            size: Size.Small,\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as ButtonProps;\n          return <Button style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                         {...tmp}\n                         onClick={(e) => {\n                           e?.stopPropagation();\n                           column.action && column.action(row, e);\n                         }}>\n            {row[column.key]}\n          </Button>\n        }\n        case 'boolean':\n          return <Checkbox selected={!!row[column.key]} readOnly={true}/>;\n        case 'custom':\n          return column.customContent && column.customContent(row, column.key);\n        case 'number':\n        case 'text':\n        default:\n          return (\n            <>\n              {\n                column.icon &&\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\n              }\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\n            </>\n          );\n      }\n    }\n\n  const isSelected = (row: any) => {\n    return (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row));\n  }\n\n  return (\n      <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n          <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\n          <StyledTableHeaderRow>\n            <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\n            {\n              props.multiSelect &&\n                <StyledTableHeaderColumn>\n                    <StyledTableHeaderColumnContent>\n                        <Checkbox selected={props.selectAllState === 'all'}\n                                  disabled={props.showLoadingIndicator}\n                                  semiSelected={props.selectAllState === 'some'}\n                                  select={props.onSelectAllClick}/>\n                    </StyledTableHeaderColumnContent>\n                </StyledTableHeaderColumn>\n            }\n            {props.columns.map((column: TableColumn) => (\n              <StyledTableHeaderColumn key={column.key}\n                                       onMouseDown={defaultOnMouseDownHandler}\n                                       onClick={(e) => column.sortable && props.sortByColumn(column)}\n                                       onKeyPress={(e) => {\n                                         if (e.key === 'Enter' || e.key === ' ') {\n                                           column.sortable && props.sortByColumn(column)\n                                         }\n                                       }}\n                                       style={{width: column.width}}\n                                       tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\n                                       className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`}>\n                <StyledTableHeaderColumnContent>\n                <span>\n                  {column.name}\n                </span>\n                  {\n                    column.key === props.sortProps?.column &&\n                    (\n                      <StyledTableHeaderColumnSortDirection>\n                        {\n                          props.sortProps?.direction === 'asc'\n                            ?  <ArrowLineUp size={'24px'}/>\n                            : <ArrowLineDown size={'24px'}/>\n                        }\n                      </StyledTableHeaderColumnSortDirection>\n                    )\n                  }\n                </StyledTableHeaderColumnContent>\n              </StyledTableHeaderColumn>\n            ))}\n          </StyledTableHeaderColumns>\n          </StyledTableHeaderRow>\n          <StyledTableBody>\n            {props.currentPageRows.length > 0 ? (\n              props.currentPageRows.map((row: any, index: number) => (\n                <StyledTableBodyRow key={`row_${index}`}\n                                    className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\n                                    onClick={() => props.onRowClick && props.onRowClick(row)}\n                                    onMouseDown={defaultOnMouseDownHandler}\n                                    onKeyPress={(e) => {\n                                      if (e.key === 'Enter') {\n                                        props.onRowClick && props.onRowClick(row);\n                                      }\n                                    }}\n                                    tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\n                                    data-testid=\"TestTableDataRow\">\n                  {\n                    props.multiSelect &&\n                      <StyledTableCell>\n                          <StyledTableCellContent>\n                              <Checkbox selected={isSelected(row)}/>\n                          </StyledTableCellContent>\n                      </StyledTableCell>\n                  }\n                  {props.columns.map((column: TableColumn) => (\n                    <StyledTableCell key={`row_${index}_${column.key}`}\n                                     style={{maxWidth: column.width}}\n                                     title={column.shortenText && row[column.key]}>\n                      <StyledTableCellContent\n                        className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\n                        style={{\n                          color: column.colorFn && column.colorFn(row, column.key),\n                        }}>\n                        {renderCellBody(column, row)}\n                      </StyledTableCellContent>\n                    </StyledTableCell>\n                  ))}\n                </StyledTableBodyRow>\n              ))\n            ) : (\n              <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\n                <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\n                  <StyledTableCellContent className={'center'}>\n                    {props.noRowsLabel ?? 'There are no rows to display'}\n                  </StyledTableCellContent>\n                </StyledTableCell>\n              </StyledTableNoRowsLabelRow>\n            )}\n\n          </StyledTableBody>\n        </StyledTable>\n      </StyledTableBodyWrapper>\n    );\n  }\n;\n\nexport default TableBody;\n"],"mappings":"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"}

package/dist/Table/TableBody.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _pt from "prop-types";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { Button } from '../Button';
 import { Size } from '../types';
 import * as React from 'react';
@@ -19,31 +16,25 @@ import { useDimensionsRef } from "rooks";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var TableBody = function TableBody(props) {
   var _props$noRowsLabel;
-
   var _useDimensionsRef = useDimensionsRef({
-    updateOnResize: true
-  }),
-      _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
-      scrollContainerRef = _useDimensionsRef2[0],
-      dimensions = _useDimensionsRef2[1],
-      node = _useDimensionsRef2[2];
-
+      updateOnResize: true
+    }),
+    _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
+    scrollContainerRef = _useDimensionsRef2[0],
+    dimensions = _useDimensionsRef2[1],
+    node = _useDimensionsRef2[2];
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      scrollable = _React$useState2[0],
-      setScrollable = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollable = _React$useState2[0],
+    setScrollable = _React$useState2[1];
   React.useEffect(function () {
     var _node$clientWidth, _node$scrollWidth;
-
     var clientWidth = (_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0;
     var scrollWidth = (_node$scrollWidth = node === null || node === void 0 ? void 0 : node.scrollWidth) !== null && _node$scrollWidth !== void 0 ? _node$scrollWidth : 0;
     setScrollable(scrollWidth > clientWidth);
   }, [dimensions, node, props.columns, props.rows]);
-
   var renderCellBody = function renderCellBody(column, row) {
     switch (column.type) {
       case 'link':
@@ -53,7 +44,6 @@ var TableBody = function TableBody(props) {
             href: '#',
             tabIndex: props.showLoadingIndicator ? -1 : 0
           }, column.additionalProps);
-
           return /*#__PURE__*/_jsx(HyperLink, _objectSpread(_objectSpread({
             style: column.colorFn && {
               color: column.colorFn(row, column.key)
@@ -67,7 +57,6 @@ var TableBody = function TableBody(props) {
             children: row[column.key]
           }));
         }
-
       case 'icon':
         {
           var _tmp = _objectSpread({
@@ -77,7 +66,6 @@ var TableBody = function TableBody(props) {
             tabIndex: props.showLoadingIndicator ? -1 : 0,
             useTransparentBackground: true
           }, column.additionalProps);
-
           return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, _tmp), {}, {
             action: function action(e) {
               e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -86,7 +74,6 @@ var TableBody = function TableBody(props) {
             children: column.icon
           }));
         }
-
       case 'button':
         {
           var _tmp2 = _objectSpread({
@@ -94,7 +81,6 @@ var TableBody = function TableBody(props) {
             size: Size.Small,
             tabIndex: props.showLoadingIndicator ? -1 : 0
           }, column.additionalProps);
-
           return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
             style: column.colorFn && {
               color: column.colorFn(row, column.key)
@@ -107,16 +93,13 @@ var TableBody = function TableBody(props) {
             children: row[column.key]
           }));
         }
-
       case 'boolean':
         return /*#__PURE__*/_jsx(Checkbox, {
           selected: !!row[column.key],
           readOnly: true
         });
-
       case 'custom':
         return column.customContent && column.customContent(row, column.key);
-
       case 'number':
       case 'text':
       default:
@@ -129,13 +112,10 @@ var TableBody = function TableBody(props) {
         });
     }
   };
-
   var isSelected = function isSelected(row) {
     var _props$selected;
-
     return props.multiSelect && ((_props$selected = props.selected) === null || _props$selected === void 0 ? void 0 : _props$selected.indexOf(props.keyExpr ? row[props.keyExpr] : row)) > -1 || !props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row);
   };
-
   return /*#__PURE__*/_jsx(StyledTableBodyWrapper, {
     ref: scrollContainerRef,
     className: scrollable ? 'scrollable' : '',
@@ -158,7 +138,6 @@ var TableBody = function TableBody(props) {
             })
           }), props.columns.map(function (column) {
             var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4;
-
             return /*#__PURE__*/_jsx(StyledTableHeaderColumn, {
               onMouseDown: defaultOnMouseDownHandler,
               onClick: function onClick(e) {
@@ -239,7 +218,6 @@ var TableBody = function TableBody(props) {
     })
   });
 };
-
 TableBody.propTypes = {
   currentPageRows: _pt.arrayOf(_pt.any).isRequired,
   onRowClick: _pt.func,

package/dist/Table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":["Button","Size","React","Checkbox","IconButton","HyperLink","StyledTableBody","StyledTableBodyRow","StyledTableCell","StyledTableCellContent","StyledTableCellIcon","StyledTableCellText","StyledTableHeaderColumn","StyledTableHeaderColumnContent","StyledTableHeaderColumns","StyledTableNoRowsLabelRow","StyledTable","StyledTableBodyWrapper","StyledTableHeaderRow","StyledTableHeaderColumnSortDirection","defaultOnMouseDownHandler","ArrowLineDown","ArrowLineUp","useDimensionsRef","TableBody","props","updateOnResize","scrollContainerRef","dimensions","node","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","sortable","sortByColumn","width","sortProps","direction","justify","name","currentPageRows","length","index","selectable","onRowClick","undefined","maxWidth","shortenText","noRowsLabel"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import {TableColumn, TableProps, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {Button} from '../Button';\nimport {Size} from '../types';\nimport * as React from 'react';\nimport {Checkbox} from '../InputFields';\nimport {ButtonProps} from '../Button/Button';\nimport IconButton, {IconButtonProps} from '../Button/Iconbutton';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {HyperLink} from '../HyperLink';\nimport {\n  StyledTableBody,\n  StyledTableBodyRow,\n  StyledTableCell,\n  StyledTableCellContent,\n  StyledTableCellIcon,\n  StyledTableCellText,\n  StyledTableHeaderColumn,\n  StyledTableHeaderColumnContent,\n  StyledTableHeaderColumns,\n  StyledTableNoRowsLabelRow,\n  StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {ArrowLineDown, ArrowLineUp} from \"../icons/systemicons/SystemIcons\";\nimport {useDimensionsRef} from \"rooks\";\n\n\ninterface TableBodyProps extends TableProps {\n  currentPageRows: any[];\n  onRowClick?: (row: any) => void;\n  selected?: any | any[];\n  sortByColumn: (column: TableColumn) => void;\n  onSelectAllClick: () => void;\n  selectAllState: 'all' | 'some' | 'none';\n}\n\nconst TableBody: React.FC<TableBodyProps> = (props) => {\n\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({updateOnResize: true});\n  const [scrollable, setScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const clientWidth = node?.clientWidth ?? 0;\n    const scrollWidth = node?.scrollWidth ?? 0;\n    setScrollable(scrollWidth > clientWidth);\n  }, [dimensions, node, props.columns, props.rows]);\n\n\n  const renderCellBody = (column: TableColumn, row: any) => {\n      switch (column.type) {\n        case 'link': {\n          const tmp = ({\n            variant: 'default',\n            href: '#',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as HyperlinkProps;\n          return (\n            <HyperLink style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                       {...tmp}\n                       onClick={(e) => {\n                         e.preventDefault();\n                         e.stopPropagation();\n                         column.action && column.action(row, e);\n                       }}>\n              {row[column.key]}\n            </HyperLink>\n          );\n        }\n        case 'icon': {\n          const tmp = ({\n            iconColor: column.colorFn && column.colorFn(row, column.key),\n            variant: 'secondary',\n            shape: 'circular',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            useTransparentBackground: true,\n            ...column.additionalProps\n          }) as IconButtonProps;\n          return <IconButton  {...tmp}\n                              action={(e) => {\n                                e?.stopPropagation();\n                                column.action && column.action(row, e);\n                              }}>\n            {column.icon}\n          </IconButton>\n        }\n        case 'button': {\n          const tmp = ({\n            variant: 'tertiary',\n            size: Size.Small,\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as ButtonProps;\n          return <Button style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                         {...tmp}\n                         onClick={(e) => {\n                           e?.stopPropagation();\n                           column.action && column.action(row, e);\n                         }}>\n            {row[column.key]}\n          </Button>\n        }\n        case 'boolean':\n          return <Checkbox selected={!!row[column.key]} readOnly={true}/>;\n        case 'custom':\n          return column.customContent && column.customContent(row, column.key);\n        case 'number':\n        case 'text':\n        default:\n          return (\n            <>\n              {\n                column.icon &&\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\n              }\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\n            </>\n          );\n      }\n    }\n\n  const isSelected = (row: any) => {\n    return (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row));\n  }\n\n  return (\n      <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n          <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\n          <StyledTableHeaderRow>\n            <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\n            {\n              props.multiSelect &&\n                <StyledTableHeaderColumn>\n                    <StyledTableHeaderColumnContent>\n                        <Checkbox selected={props.selectAllState === 'all'}\n                                  disabled={props.showLoadingIndicator}\n                                  semiSelected={props.selectAllState === 'some'}\n                                  select={props.onSelectAllClick}/>\n                    </StyledTableHeaderColumnContent>\n                </StyledTableHeaderColumn>\n            }\n            {props.columns.map((column: TableColumn) => (\n              <StyledTableHeaderColumn key={column.key}\n                                       onMouseDown={defaultOnMouseDownHandler}\n                                       onClick={(e) => column.sortable && props.sortByColumn(column)}\n                                       onKeyPress={(e) => {\n                                         if (e.key === 'Enter' || e.key === ' ') {\n                                           column.sortable && props.sortByColumn(column)\n                                         }\n                                       }}\n                                       style={{width: column.width}}\n                                       tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\n                                       className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`}>\n                <StyledTableHeaderColumnContent>\n                <span>\n                  {column.name}\n                </span>\n                  {\n                    column.key === props.sortProps?.column &&\n                    (\n                      <StyledTableHeaderColumnSortDirection>\n                        {\n                          props.sortProps?.direction === 'asc'\n                            ?  <ArrowLineUp size={'24px'}/>\n                            : <ArrowLineDown size={'24px'}/>\n                        }\n                      </StyledTableHeaderColumnSortDirection>\n                    )\n                  }\n                </StyledTableHeaderColumnContent>\n              </StyledTableHeaderColumn>\n            ))}\n          </StyledTableHeaderColumns>\n          </StyledTableHeaderRow>\n          <StyledTableBody>\n            {props.currentPageRows.length > 0 ? (\n              props.currentPageRows.map((row: any, index: number) => (\n                <StyledTableBodyRow key={`row_${index}`}\n                                    className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\n                                    onClick={() => props.onRowClick && props.onRowClick(row)}\n                                    onMouseDown={defaultOnMouseDownHandler}\n                                    onKeyPress={(e) => {\n                                      if (e.key === 'Enter') {\n                                        props.onRowClick && props.onRowClick(row);\n                                      }\n                                    }}\n                                    tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\n                                    data-testid=\"TestTableDataRow\">\n                  {\n                    props.multiSelect &&\n                      <StyledTableCell>\n                          <StyledTableCellContent>\n                              <Checkbox selected={isSelected(row)}/>\n                          </StyledTableCellContent>\n                      </StyledTableCell>\n                  }\n                  {props.columns.map((column: TableColumn) => (\n                    <StyledTableCell key={`row_${index}_${column.key}`}\n                                     style={{maxWidth: column.width}}\n                                     title={column.shortenText && row[column.key]}>\n                      <StyledTableCellContent\n                        className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\n                        style={{\n                          color: column.colorFn && column.colorFn(row, column.key),\n                        }}>\n                        {renderCellBody(column, row)}\n                      </StyledTableCellContent>\n                    </StyledTableCell>\n                  ))}\n                </StyledTableBodyRow>\n              ))\n            ) : (\n              <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\n                <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\n                  <StyledTableCellContent className={'center'}>\n                    {props.noRowsLabel ?? 'There are no rows to display'}\n                  </StyledTableCellContent>\n                </StyledTableCell>\n              </StyledTableNoRowsLabelRow>\n            )}\n\n          </StyledTableBody>\n        </StyledTable>\n      </StyledTableBodyWrapper>\n    );\n  }\n;\n\nexport default TableBody;\n"],"mappings":"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"}
+{"version":3,"file":"TableBody.js","names":["Button","Size","React","Checkbox","IconButton","HyperLink","StyledTableBody","StyledTableBodyRow","StyledTableCell","StyledTableCellContent","StyledTableCellIcon","StyledTableCellText","StyledTableHeaderColumn","StyledTableHeaderColumnContent","StyledTableHeaderColumns","StyledTableNoRowsLabelRow","StyledTable","StyledTableBodyWrapper","StyledTableHeaderRow","StyledTableHeaderColumnSortDirection","defaultOnMouseDownHandler","ArrowLineDown","ArrowLineUp","useDimensionsRef","TableBody","props","updateOnResize","scrollContainerRef","dimensions","node","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","sortable","sortByColumn","width","sortProps","direction","justify","name","currentPageRows","length","index","selectable","onRowClick","undefined","maxWidth","shortenText","noRowsLabel"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import {TableColumn, TableProps, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {Button} from '../Button';\nimport {Size} from '../types';\nimport * as React from 'react';\nimport {Checkbox} from '../InputFields';\nimport {ButtonProps} from '../Button/Button';\nimport IconButton, {IconButtonProps} from '../Button/Iconbutton';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {HyperLink} from '../HyperLink';\nimport {\n  StyledTableBody,\n  StyledTableBodyRow,\n  StyledTableCell,\n  StyledTableCellContent,\n  StyledTableCellIcon,\n  StyledTableCellText,\n  StyledTableHeaderColumn,\n  StyledTableHeaderColumnContent,\n  StyledTableHeaderColumns,\n  StyledTableNoRowsLabelRow,\n  StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {ArrowLineDown, ArrowLineUp} from \"../icons/systemicons/SystemIcons\";\nimport {useDimensionsRef} from \"rooks\";\n\n\ninterface TableBodyProps extends TableProps {\n  currentPageRows: any[];\n  onRowClick?: (row: any) => void;\n  selected?: any | any[];\n  sortByColumn: (column: TableColumn) => void;\n  onSelectAllClick: () => void;\n  selectAllState: 'all' | 'some' | 'none';\n}\n\nconst TableBody: React.FC<TableBodyProps> = (props) => {\n\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({updateOnResize: true});\n  const [scrollable, setScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const clientWidth = node?.clientWidth ?? 0;\n    const scrollWidth = node?.scrollWidth ?? 0;\n    setScrollable(scrollWidth > clientWidth);\n  }, [dimensions, node, props.columns, props.rows]);\n\n\n  const renderCellBody = (column: TableColumn, row: any) => {\n      switch (column.type) {\n        case 'link': {\n          const tmp = ({\n            variant: 'default',\n            href: '#',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as HyperlinkProps;\n          return (\n            <HyperLink style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                       {...tmp}\n                       onClick={(e) => {\n                         e.preventDefault();\n                         e.stopPropagation();\n                         column.action && column.action(row, e);\n                       }}>\n              {row[column.key]}\n            </HyperLink>\n          );\n        }\n        case 'icon': {\n          const tmp = ({\n            iconColor: column.colorFn && column.colorFn(row, column.key),\n            variant: 'secondary',\n            shape: 'circular',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            useTransparentBackground: true,\n            ...column.additionalProps\n          }) as IconButtonProps;\n          return <IconButton  {...tmp}\n                              action={(e) => {\n                                e?.stopPropagation();\n                                column.action && column.action(row, e);\n                              }}>\n            {column.icon}\n          </IconButton>\n        }\n        case 'button': {\n          const tmp = ({\n            variant: 'tertiary',\n            size: Size.Small,\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as ButtonProps;\n          return <Button style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                         {...tmp}\n                         onClick={(e) => {\n                           e?.stopPropagation();\n                           column.action && column.action(row, e);\n                         }}>\n            {row[column.key]}\n          </Button>\n        }\n        case 'boolean':\n          return <Checkbox selected={!!row[column.key]} readOnly={true}/>;\n        case 'custom':\n          return column.customContent && column.customContent(row, column.key);\n        case 'number':\n        case 'text':\n        default:\n          return (\n            <>\n              {\n                column.icon &&\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\n              }\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\n            </>\n          );\n      }\n    }\n\n  const isSelected = (row: any) => {\n    return (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row));\n  }\n\n  return (\n      <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n          <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\n          <StyledTableHeaderRow>\n            <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\n            {\n              props.multiSelect &&\n                <StyledTableHeaderColumn>\n                    <StyledTableHeaderColumnContent>\n                        <Checkbox selected={props.selectAllState === 'all'}\n                                  disabled={props.showLoadingIndicator}\n                                  semiSelected={props.selectAllState === 'some'}\n                                  select={props.onSelectAllClick}/>\n                    </StyledTableHeaderColumnContent>\n                </StyledTableHeaderColumn>\n            }\n            {props.columns.map((column: TableColumn) => (\n              <StyledTableHeaderColumn key={column.key}\n                                       onMouseDown={defaultOnMouseDownHandler}\n                                       onClick={(e) => column.sortable && props.sortByColumn(column)}\n                                       onKeyPress={(e) => {\n                                         if (e.key === 'Enter' || e.key === ' ') {\n                                           column.sortable && props.sortByColumn(column)\n                                         }\n                                       }}\n                                       style={{width: column.width}}\n                                       tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\n                                       className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`}>\n                <StyledTableHeaderColumnContent>\n                <span>\n                  {column.name}\n                </span>\n                  {\n                    column.key === props.sortProps?.column &&\n                    (\n                      <StyledTableHeaderColumnSortDirection>\n                        {\n                          props.sortProps?.direction === 'asc'\n                            ?  <ArrowLineUp size={'24px'}/>\n                            : <ArrowLineDown size={'24px'}/>\n                        }\n                      </StyledTableHeaderColumnSortDirection>\n                    )\n                  }\n                </StyledTableHeaderColumnContent>\n              </StyledTableHeaderColumn>\n            ))}\n          </StyledTableHeaderColumns>\n          </StyledTableHeaderRow>\n          <StyledTableBody>\n            {props.currentPageRows.length > 0 ? (\n              props.currentPageRows.map((row: any, index: number) => (\n                <StyledTableBodyRow key={`row_${index}`}\n                                    className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\n                                    onClick={() => props.onRowClick && props.onRowClick(row)}\n                                    onMouseDown={defaultOnMouseDownHandler}\n                                    onKeyPress={(e) => {\n                                      if (e.key === 'Enter') {\n                                        props.onRowClick && props.onRowClick(row);\n                                      }\n                                    }}\n                                    tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\n                                    data-testid=\"TestTableDataRow\">\n                  {\n                    props.multiSelect &&\n                      <StyledTableCell>\n                          <StyledTableCellContent>\n                              <Checkbox selected={isSelected(row)}/>\n                          </StyledTableCellContent>\n                      </StyledTableCell>\n                  }\n                  {props.columns.map((column: TableColumn) => (\n                    <StyledTableCell key={`row_${index}_${column.key}`}\n                                     style={{maxWidth: column.width}}\n                                     title={column.shortenText && row[column.key]}>\n                      <StyledTableCellContent\n                        className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\n                        style={{\n                          color: column.colorFn && column.colorFn(row, column.key),\n                        }}>\n                        {renderCellBody(column, row)}\n                      </StyledTableCellContent>\n                    </StyledTableCell>\n                  ))}\n                </StyledTableBodyRow>\n              ))\n            ) : (\n              <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\n                <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\n                  <StyledTableCellContent className={'center'}>\n                    {props.noRowsLabel ?? 'There are no rows to display'}\n                  </StyledTableCellContent>\n                </StyledTableCell>\n              </StyledTableNoRowsLabelRow>\n            )}\n\n          </StyledTableBody>\n        </StyledTable>\n      </StyledTableBodyWrapper>\n    );\n  }\n;\n\nexport default TableBody;\n"],"mappings":"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"}

package/dist/Table/TableFooter.cjs

@@ -1,35 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Dropdown = require("../Dropdown");
-
 var _Button = require("../Button");
-
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
 var _styles = require("../styles");
-
 var _TableStyles = require("./TableStyles");
-
 var _icons = require("../icons");
-
 var _common = require("../common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var TableFooter = function TableFooter(props) {
   var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
-
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -98,7 +85,6 @@ var TableFooter = function TableFooter(props) {
     })]
   });
 };
-
 TableFooter.propTypes = {
   onRowsPerPageChange: _propTypes.default.func.isRequired,
   rowsPerPage: _propTypes.default.number.isRequired,

package/dist/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":["TableFooter","props","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","defaultOnMouseDownHandler","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","COLORS","neutral_600","nextPage"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {TableProps} from './TableTypes';\nimport {DropdownButton, DropdownItem} from '../Dropdown';\nimport {IconButton} from '../Button';\nimport {ChevronLeft, ChevronRight} from '../icons/systemicons/SystemIcons';\nimport {COLORS} from '../styles';\nimport {\n  StyledTableFooter, StyledTableFooterCollapseButton,\n  StyledTableFooterContent,\n  StyledTableFooterControls,\n  StyledTableFooterCurrentInfo\n} from './TableStyles';\nimport {SystemIcons} from '../icons';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\ninterface TableFooterProps extends TableProps {\n  onRowsPerPageChange: (value: number) => void;\n  rowsPerPage: number;\n  from?: number;\n  to?: number;\n  total?: number;\n  nextPage: () => void;\n  prevPage: () => void;\n  setIsCollapsed: (isCollapsed: boolean) => void;\n  isCollapsed: boolean;\n}\n\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\n\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\n\n  return (\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\n          {\n            props.accordion &&\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\n                                             onMouseDown={defaultOnMouseDownHandler}\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\n              {\n                props.isCollapsed &&\n                <>\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\n                  <SystemIcons.ArrowDropDown/>\n                </>\n              }\n              {\n                !props.isCollapsed &&\n                <>\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\n                  <SystemIcons.ArrowDropUp/>\n                </>\n              }\n            </StyledTableFooterCollapseButton>\n          }\n          {\n            !props.accordion &&\n            <StyledTableFooterContent>\n              <DropdownButton\n                type={'text'}\n                items={rowsPerPageValues}\n                disabled={props.showLoadingIndicator}\n                value={[`${props.rowsPerPage}`]}\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\n                label={dropDownText}\n                keepLabel={true}\n              />\n              <StyledTableFooterCurrentInfo>\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\n              </StyledTableFooterCurrentInfo>\n              <StyledTableFooterControls>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\n                  <ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\n                  <ChevronRight size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n              </StyledTableFooterControls>\n            </StyledTableFooterContent>\n          }\n    </StyledTableFooter>\n  );\n};\n\n\nexport default TableFooter;\n"],"mappings":"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"}
+{"version":3,"file":"TableFooter.cjs","names":["TableFooter","props","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","defaultOnMouseDownHandler","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","COLORS","neutral_600","nextPage"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {TableProps} from './TableTypes';\nimport {DropdownButton, DropdownItem} from '../Dropdown';\nimport {IconButton} from '../Button';\nimport {ChevronLeft, ChevronRight} from '../icons/systemicons/SystemIcons';\nimport {COLORS} from '../styles';\nimport {\n  StyledTableFooter, StyledTableFooterCollapseButton,\n  StyledTableFooterContent,\n  StyledTableFooterControls,\n  StyledTableFooterCurrentInfo\n} from './TableStyles';\nimport {SystemIcons} from '../icons';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\ninterface TableFooterProps extends TableProps {\n  onRowsPerPageChange: (value: number) => void;\n  rowsPerPage: number;\n  from?: number;\n  to?: number;\n  total?: number;\n  nextPage: () => void;\n  prevPage: () => void;\n  setIsCollapsed: (isCollapsed: boolean) => void;\n  isCollapsed: boolean;\n}\n\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\n\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\n\n  return (\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\n          {\n            props.accordion &&\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\n                                             onMouseDown={defaultOnMouseDownHandler}\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\n              {\n                props.isCollapsed &&\n                <>\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\n                  <SystemIcons.ArrowDropDown/>\n                </>\n              }\n              {\n                !props.isCollapsed &&\n                <>\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\n                  <SystemIcons.ArrowDropUp/>\n                </>\n              }\n            </StyledTableFooterCollapseButton>\n          }\n          {\n            !props.accordion &&\n            <StyledTableFooterContent>\n              <DropdownButton\n                type={'text'}\n                items={rowsPerPageValues}\n                disabled={props.showLoadingIndicator}\n                value={[`${props.rowsPerPage}`]}\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\n                label={dropDownText}\n                keepLabel={true}\n              />\n              <StyledTableFooterCurrentInfo>\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\n              </StyledTableFooterCurrentInfo>\n              <StyledTableFooterControls>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\n                  <ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\n                  <ChevronRight size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n              </StyledTableFooterControls>\n            </StyledTableFooterContent>\n          }\n    </StyledTableFooter>\n  );\n};\n\n\nexport default TableFooter;\n"],"mappings":"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"}

package/dist/Table/TableFooter.js

@@ -10,10 +10,8 @@ import { defaultOnMouseDownHandler } from '../common';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 var TableFooter = function TableFooter(props) {
   var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
-
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -82,7 +80,6 @@ var TableFooter = function TableFooter(props) {
     })]
   });
 };
-
 TableFooter.propTypes = {
   onRowsPerPageChange: _pt.func.isRequired,
   rowsPerPage: _pt.number.isRequired,