@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/Table/TableBody.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Button } from '../Button';
@@ -16,17 +14,19 @@ import { SystemIcons } from '../icons';
 import { useDimensionsRef } from 'rooks';
 import styled from 'styled-components';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const ColumnLabel = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n"])));
+const ColumnLabel = styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+`;
 const TableBody = props => {
-  var _props$noRowsLabel;
   const [scrollContainerRef, dimensions, node] = useDimensionsRef({
     updateOnResize: true
   });
   const [scrollable, setScrollable] = React.useState(false);
   React.useEffect(() => {
-    var _node$clientWidth, _node$scrollWidth;
-    const clientWidth = (_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0;
-    const scrollWidth = (_node$scrollWidth = node === null || node === void 0 ? void 0 : node.scrollWidth) !== null && _node$scrollWidth !== void 0 ? _node$scrollWidth : 0;
+    const clientWidth = node?.clientWidth ?? 0;
+    const scrollWidth = node?.scrollWidth ?? 0;
     setScrollable(scrollWidth > clientWidth);
   }, [dimensions, node, props.columns, props.rows]);
   const renderCellBody = (column, row) => {
@@ -62,7 +62,7 @@ const TableBody = props => {
           }, column.additionalProps);
           return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, tmp), {}, {
             action: e => {
-              e === null || e === void 0 || e.stopPropagation();
+              e?.stopPropagation();
               column.action && column.action(row, e);
             },
             children: column.icon
@@ -81,7 +81,7 @@ const TableBody = props => {
             }
           }, tmp), {}, {
             onClick: e => {
-              e === null || e === void 0 || e.stopPropagation();
+              e?.stopPropagation();
               column.action && column.action(row, e);
             },
             children: row[column.key]
@@ -114,8 +114,7 @@ const TableBody = props => {
     }
   };
   const 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 props.multiSelect && 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,
@@ -124,7 +123,7 @@ const TableBody = props => {
       cellPadding: "0",
       cellSpacing: "0",
       "data-testid": "TestTable",
-      className: "table ".concat(props.layout || ''),
+      className: `table ${props.layout || ''}`,
       children: [/*#__PURE__*/_jsx(StyledTableHeaderRow, {
         children: /*#__PURE__*/_jsxs(StyledTableHeaderColumns, {
           "data-testid": "TestTableColumnHeaderRow",
@@ -137,40 +136,37 @@ const TableBody = props => {
                 select: props.onSelectAllClick
               })
             })
-          }), props.columns.map(column => {
-            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4, _props$sortProps5, _props$sortProps6, _props$sortProps7, _props$sortProps8, _props$sortProps9;
-            return /*#__PURE__*/_jsx(StyledTableHeaderColumn, {
-              onMouseDown: defaultOnMouseDownHandler,
-              onClick: e => column.sortable && props.sortByColumn(column),
-              onKeyPress: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                  column.sortable && props.sortByColumn(column);
-                }
-              },
-              "aria-selected": column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? true : undefined,
-              "aria-sort": column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && !!((_props$sortProps4 = props.sortProps) !== null && _props$sortProps4 !== void 0 && _props$sortProps4.direction) ? ((_props$sortProps5 = props.sortProps) === null || _props$sortProps5 === void 0 ? void 0 : _props$sortProps5.direction) == 'asc' ? 'ascending' : 'descending' : undefined,
-              style: {
-                width: column.width
-              },
-              tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1,
-              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps6 = props.sortProps) === null || _props$sortProps6 === void 0 ? void 0 : _props$sortProps6.column) && !!((_props$sortProps7 = props.sortProps) !== null && _props$sortProps7 !== void 0 && _props$sortProps7.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
-              children: /*#__PURE__*/_jsxs(StyledTableHeaderColumnContent, {
-                children: [/*#__PURE__*/_jsx(ColumnLabel, {
-                  children: column.name
-                }), column.key === ((_props$sortProps8 = props.sortProps) === null || _props$sortProps8 === void 0 ? void 0 : _props$sortProps8.column) && /*#__PURE__*/_jsx(StyledTableHeaderColumnSortDirection, {
-                  children: ((_props$sortProps9 = props.sortProps) === null || _props$sortProps9 === void 0 ? void 0 : _props$sortProps9.direction) === 'asc' ? /*#__PURE__*/_jsx(SystemIcons.ArrowLineUp, {
-                    size: '20px'
-                  }) : /*#__PURE__*/_jsx(SystemIcons.ArrowLineDown, {
-                    size: '20px'
-                  })
-                })]
-              })
-            }, column.key);
-          })]
+          }), props.columns.map(column => /*#__PURE__*/_jsx(StyledTableHeaderColumn, {
+            onMouseDown: defaultOnMouseDownHandler,
+            onClick: e => column.sortable && props.sortByColumn(column),
+            onKeyPress: e => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                column.sortable && props.sortByColumn(column);
+              }
+            },
+            "aria-selected": column.key === props.sortProps?.column && !!props.sortProps?.direction ? true : undefined,
+            "aria-sort": column.key === props.sortProps?.column && !!props.sortProps?.direction ? props.sortProps?.direction == 'asc' ? 'ascending' : 'descending' : undefined,
+            style: {
+              width: column.width
+            },
+            tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1,
+            className: `${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`,
+            children: /*#__PURE__*/_jsxs(StyledTableHeaderColumnContent, {
+              children: [/*#__PURE__*/_jsx(ColumnLabel, {
+                children: column.name
+              }), column.key === props.sortProps?.column && /*#__PURE__*/_jsx(StyledTableHeaderColumnSortDirection, {
+                children: props.sortProps?.direction === 'asc' ? /*#__PURE__*/_jsx(SystemIcons.ArrowLineUp, {
+                  size: '20px'
+                }) : /*#__PURE__*/_jsx(SystemIcons.ArrowLineDown, {
+                  size: '20px'
+                })
+              })]
+            })
+          }, column.key))]
         })
       }), /*#__PURE__*/_jsx(StyledTableBody, {
         children: props.currentPageRows.length > 0 ? props.currentPageRows.map((row, index) => /*#__PURE__*/_jsxs(StyledTableBodyRow, {
-          className: "".concat(props.selectable ? 'selectable' : '', " ").concat(isSelected(row) ? 'selected' : ''),
+          className: `${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`,
           onClick: () => props.onRowClick && props.onRowClick(row),
           onMouseDown: defaultOnMouseDownHandler,
           onKeyPress: e => {
@@ -190,23 +186,23 @@ const TableBody = props => {
             style: {
               maxWidth: column.width
             },
-            title: column.shortenText ? "".concat(row[column.key], " \n ").concat(column.noteKey ? row[column.noteKey] : '') : '',
+            title: column.shortenText ? `${row[column.key]} \n ${column.noteKey ? row[column.noteKey] : ''}` : '',
             children: /*#__PURE__*/_jsx(StyledTableCellContent, {
               $withNote: Boolean(column.noteKey),
-              className: "".concat(column.shortenText ? "truncate-text" : '', " ").concat(column.justify || ''),
+              className: `${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`,
               style: {
                 color: column.colorFn && column.colorFn(row, column.key)
               },
               children: renderCellBody(column, row)
             })
-          }, "row_".concat(index, "_").concat(column.key)))]
-        }, "row_".concat(index))) : /*#__PURE__*/_jsx(StyledTableNoRowsLabelRow, {
+          }, `row_${index}_${column.key}`))]
+        }, `row_${index}`)) : /*#__PURE__*/_jsx(StyledTableNoRowsLabelRow, {
           "data-testid": "TestTableNoDataRow",
           children: /*#__PURE__*/_jsx(StyledTableCell, {
             colSpan: props.columns.length + (props.multiSelect ? 1 : 0),
             children: /*#__PURE__*/_jsx(StyledTableCellContent, {
               className: 'center',
-              children: (_props$noRowsLabel = props.noRowsLabel) !== null && _props$noRowsLabel !== void 0 ? _props$noRowsLabel : 'There are no rows to display'
+              children: props.noRowsLabel ?? 'There are no rows to display'
             })
           })
         })

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","StyledTableCellNoteText","StyledTableCellTextWrapper","defaultOnMouseDownHandler","SystemIcons","useDimensionsRef","styled","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ColumnLabel","span","_templateObject","_taggedTemplateLiteral","TableBody","props","_props$noRowsLabel","scrollContainerRef","dimensions","node","updateOnResize","scrollable","setScrollable","useState","useEffect","_node$clientWidth","_node$scrollWidth","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","_objectSpread","variant","href","tabIndex","showLoadingIndicator","additionalProps","style","colorFn","color","key","onClick","e","preventDefault","stopPropagation","action","children","iconColor","shape","useTransparentBackground","icon","size","Small","selected","readOnly","customContent","$textWrap","shortenText","Boolean","noteKey","isSelected","_props$selected","multiSelect","indexOf","keyExpr","ref","className","cellPadding","cellSpacing","concat","layout","selectAllState","disabled","semiSelected","select","onSelectAllClick","map","_props$sortProps","_props$sortProps2","_props$sortProps3","_props$sortProps4","_props$sortProps5","_props$sortProps6","_props$sortProps7","_props$sortProps8","_props$sortProps9","onMouseDown","sortable","sortByColumn","onKeyPress","sortProps","direction","undefined","width","justify","name","ArrowLineUp","ArrowLineDown","currentPageRows","length","index","selectable","onRowClick","maxWidth","title","$withNote","colSpan","noRowsLabel","propTypes","_pt","arrayOf","any","isRequired","func","oneOf"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import { TableColumn, TableProps } from './TableTypes';\r\nimport { Button } from '../Button';\r\nimport { Size } from '../types';\r\nimport * as React from 'react';\r\nimport { Checkbox } from '../InputFields';\r\nimport { ButtonProps } from '../Button/Button';\r\nimport IconButton, { IconButtonProps } from '../Button/Iconbutton';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { HyperLink } from '../HyperLink';\r\nimport {\r\n  StyledTableBody,\r\n  StyledTableBodyRow,\r\n  StyledTableCell,\r\n  StyledTableCellContent,\r\n  StyledTableCellIcon,\r\n  StyledTableCellText,\r\n  StyledTableHeaderColumn,\r\n  StyledTableHeaderColumnContent,\r\n  StyledTableHeaderColumns,\r\n  StyledTableNoRowsLabelRow,\r\n  StyledTable,\r\n  StyledTableBodyWrapper,\r\n  StyledTableHeaderRow,\r\n  StyledTableHeaderColumnSortDirection,\r\n  StyledTableCellNoteText,\r\n  StyledTableCellTextWrapper,\r\n} from './TableStyles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { SystemIcons } from '../icons';\r\nimport { useDimensionsRef } from 'rooks';\r\nimport styled from 'styled-components';\r\n\r\ninterface TableBodyProps extends TableProps {\r\n  currentPageRows: any[];\r\n  onRowClick?: (row: any) => void;\r\n  selected?: any | any[];\r\n  sortByColumn: (column: TableColumn) => void;\r\n  onSelectAllClick: () => void;\r\n  selectAllState: 'all' | 'some' | 'none';\r\n}\r\n\r\nconst ColumnLabel = styled.span`\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst TableBody: React.FC<TableBodyProps> = (props) => {\r\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    const clientWidth = node?.clientWidth ?? 0;\r\n    const scrollWidth = node?.scrollWidth ?? 0;\r\n    setScrollable(scrollWidth > clientWidth);\r\n  }, [dimensions, node, props.columns, props.rows]);\r\n\r\n  const renderCellBody = (column: TableColumn, row: any) => {\r\n    switch (column.type) {\r\n      case 'link': {\r\n        const tmp = {\r\n          variant: 'default',\r\n          href: '#',\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          ...column.additionalProps,\r\n        } as HyperlinkProps;\r\n        return (\r\n          <HyperLink\r\n            style={column.colorFn && { color: column.colorFn(row, column.key) }}\r\n            {...tmp}\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              e.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {row[column.key]}\r\n          </HyperLink>\r\n        );\r\n      }\r\n      case 'icon': {\r\n        const tmp = {\r\n          iconColor: column.colorFn && column.colorFn(row, column.key),\r\n          variant: 'secondary',\r\n          shape: 'circular',\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          useTransparentBackground: true,\r\n          ...column.additionalProps,\r\n        } as IconButtonProps;\r\n        return (\r\n          <IconButton\r\n            {...tmp}\r\n            action={(e) => {\r\n              e?.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {column.icon}\r\n          </IconButton>\r\n        );\r\n      }\r\n      case 'button': {\r\n        const tmp = {\r\n          variant: 'tertiary',\r\n          size: Size.Small,\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          ...column.additionalProps,\r\n        } as ButtonProps;\r\n        return (\r\n          <Button\r\n            style={column.colorFn && { color: column.colorFn(row, column.key) }}\r\n            {...tmp}\r\n            onClick={(e) => {\r\n              e?.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {row[column.key]}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'boolean':\r\n        return <Checkbox selected={!!row[column.key]} readOnly={true} />;\r\n      case 'custom':\r\n        return column.customContent && column.customContent(row, column.key);\r\n      case 'number':\r\n      case 'text':\r\n      default:\r\n        return (\r\n          <>\r\n            {column.icon && <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>}\r\n            <StyledTableCellTextWrapper $textWrap={!column.shortenText}>\r\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\r\n              {Boolean(column.noteKey) && Boolean(row[column.noteKey!]) && (\r\n                <>\r\n                  <StyledTableCellNoteText>{row[column.noteKey!]}</StyledTableCellNoteText>\r\n                </>\r\n              )}\r\n            </StyledTableCellTextWrapper>\r\n          </>\r\n        );\r\n    }\r\n  };\r\n\r\n  const isSelected = (row: any) => {\r\n    return (\r\n      (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\r\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row))\r\n    );\r\n  };\r\n\r\n  return (\r\n    <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n      <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\r\n        <StyledTableHeaderRow>\r\n          <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\r\n            {props.multiSelect && (\r\n              <StyledTableHeaderColumn>\r\n                <StyledTableHeaderColumnContent>\r\n                  <Checkbox\r\n                    selected={props.selectAllState === 'all'}\r\n                    disabled={props.showLoadingIndicator}\r\n                    semiSelected={props.selectAllState === 'some'}\r\n                    select={props.onSelectAllClick}\r\n                  />\r\n                </StyledTableHeaderColumnContent>\r\n              </StyledTableHeaderColumn>\r\n            )}\r\n            {props.columns.map((column: TableColumn) => (\r\n              <StyledTableHeaderColumn\r\n                key={column.key}\r\n                onMouseDown={defaultOnMouseDownHandler}\r\n                onClick={(e) => column.sortable && props.sortByColumn(column)}\r\n                onKeyPress={(e) => {\r\n                  if (e.key === 'Enter' || e.key === ' ') {\r\n                    column.sortable && props.sortByColumn(column);\r\n                  }\r\n                }}\r\n                aria-selected={column.key === props.sortProps?.column && !!props.sortProps?.direction ? true : undefined}\r\n                aria-sort={column.key === props.sortProps?.column && !!props.sortProps?.direction ? (props.sortProps?.direction == 'asc' ? 'ascending' : 'descending') : undefined}\r\n                style={{ width: column.width }}\r\n                tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\r\n                className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${\r\n                  column.justify || ''\r\n                }`}>\r\n                <StyledTableHeaderColumnContent>\r\n                  <ColumnLabel>{column.name}</ColumnLabel>\r\n                  {column.key === props.sortProps?.column && (\r\n                    <StyledTableHeaderColumnSortDirection>\r\n                      {props.sortProps?.direction === 'asc' ? <SystemIcons.ArrowLineUp size={'20px'} /> : <SystemIcons.ArrowLineDown size={'20px'} />}\r\n                    </StyledTableHeaderColumnSortDirection>\r\n                  )}\r\n                </StyledTableHeaderColumnContent>\r\n              </StyledTableHeaderColumn>\r\n            ))}\r\n          </StyledTableHeaderColumns>\r\n        </StyledTableHeaderRow>\r\n        <StyledTableBody>\r\n          {props.currentPageRows.length > 0 ? (\r\n            props.currentPageRows.map((row: any, index: number) => (\r\n              <StyledTableBodyRow\r\n                key={`row_${index}`}\r\n                className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\r\n                onClick={() => props.onRowClick && props.onRowClick(row)}\r\n                onMouseDown={defaultOnMouseDownHandler}\r\n                onKeyPress={(e) => {\r\n                  if (e.key === 'Enter') {\r\n                    props.onRowClick && props.onRowClick(row);\r\n                  }\r\n                }}\r\n                tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\r\n                data-testid=\"TestTableDataRow\">\r\n                {props.multiSelect && (\r\n                  <StyledTableCell>\r\n                    <StyledTableCellContent>\r\n                      <Checkbox selected={isSelected(row)} />\r\n                    </StyledTableCellContent>\r\n                  </StyledTableCell>\r\n                )}\r\n                {props.columns.map((column: TableColumn) => (\r\n                  <StyledTableCell key={`row_${index}_${column.key}`} style={{ maxWidth: column.width }} title={column.shortenText ? `${row[column.key]} \\n ${column.noteKey ? row[column.noteKey!] : ''}` : ''}>\r\n                    <StyledTableCellContent\r\n                      $withNote={Boolean(column.noteKey)}\r\n                      className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\r\n                      style={{\r\n                        color: column.colorFn && column.colorFn(row, column.key),\r\n                      }}>\r\n                      {renderCellBody(column, row)}\r\n                    </StyledTableCellContent>\r\n                  </StyledTableCell>\r\n                ))}\r\n              </StyledTableBodyRow>\r\n            ))\r\n          ) : (\r\n            <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\r\n              <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\r\n                <StyledTableCellContent className={'center'}>{props.noRowsLabel ?? 'There are no rows to display'}</StyledTableCellContent>\r\n              </StyledTableCell>\r\n            </StyledTableNoRowsLabelRow>\r\n          )}\r\n        </StyledTableBody>\r\n      </StyledTable>\r\n    </StyledTableBodyWrapper>\r\n  );\r\n};\r\nexport default TableBody;\r\n"],"mappings":"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","ignoreList":[]}
+{"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","StyledTableCellNoteText","StyledTableCellTextWrapper","defaultOnMouseDownHandler","SystemIcons","useDimensionsRef","styled","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ColumnLabel","span","TableBody","props","scrollContainerRef","dimensions","node","updateOnResize","scrollable","setScrollable","useState","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","_objectSpread","variant","href","tabIndex","showLoadingIndicator","additionalProps","style","colorFn","color","key","onClick","e","preventDefault","stopPropagation","action","children","iconColor","shape","useTransparentBackground","icon","size","Small","selected","readOnly","customContent","$textWrap","shortenText","Boolean","noteKey","isSelected","multiSelect","indexOf","keyExpr","ref","className","cellPadding","cellSpacing","layout","selectAllState","disabled","semiSelected","select","onSelectAllClick","map","onMouseDown","sortable","sortByColumn","onKeyPress","sortProps","direction","undefined","width","justify","name","ArrowLineUp","ArrowLineDown","currentPageRows","length","index","selectable","onRowClick","maxWidth","title","$withNote","colSpan","noRowsLabel","propTypes","_pt","arrayOf","any","isRequired","func","oneOf"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import { TableColumn, TableProps } from './TableTypes';\r\nimport { Button } from '../Button';\r\nimport { Size } from '../types';\r\nimport * as React from 'react';\r\nimport { Checkbox } from '../InputFields';\r\nimport { ButtonProps } from '../Button/Button';\r\nimport IconButton, { IconButtonProps } from '../Button/Iconbutton';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { HyperLink } from '../HyperLink';\r\nimport {\r\n  StyledTableBody,\r\n  StyledTableBodyRow,\r\n  StyledTableCell,\r\n  StyledTableCellContent,\r\n  StyledTableCellIcon,\r\n  StyledTableCellText,\r\n  StyledTableHeaderColumn,\r\n  StyledTableHeaderColumnContent,\r\n  StyledTableHeaderColumns,\r\n  StyledTableNoRowsLabelRow,\r\n  StyledTable,\r\n  StyledTableBodyWrapper,\r\n  StyledTableHeaderRow,\r\n  StyledTableHeaderColumnSortDirection,\r\n  StyledTableCellNoteText,\r\n  StyledTableCellTextWrapper,\r\n} from './TableStyles';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { SystemIcons } from '../icons';\r\nimport { useDimensionsRef } from 'rooks';\r\nimport styled from 'styled-components';\r\n\r\ninterface TableBodyProps extends TableProps {\r\n  currentPageRows: any[];\r\n  onRowClick?: (row: any) => void;\r\n  selected?: any | any[];\r\n  sortByColumn: (column: TableColumn) => void;\r\n  onSelectAllClick: () => void;\r\n  selectAllState: 'all' | 'some' | 'none';\r\n}\r\n\r\nconst ColumnLabel = styled.span`\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst TableBody: React.FC<TableBodyProps> = (props) => {\r\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    const clientWidth = node?.clientWidth ?? 0;\r\n    const scrollWidth = node?.scrollWidth ?? 0;\r\n    setScrollable(scrollWidth > clientWidth);\r\n  }, [dimensions, node, props.columns, props.rows]);\r\n\r\n  const renderCellBody = (column: TableColumn, row: any) => {\r\n    switch (column.type) {\r\n      case 'link': {\r\n        const tmp = {\r\n          variant: 'default',\r\n          href: '#',\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          ...column.additionalProps,\r\n        } as HyperlinkProps;\r\n        return (\r\n          <HyperLink\r\n            style={column.colorFn && { color: column.colorFn(row, column.key) }}\r\n            {...tmp}\r\n            onClick={(e) => {\r\n              e.preventDefault();\r\n              e.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {row[column.key]}\r\n          </HyperLink>\r\n        );\r\n      }\r\n      case 'icon': {\r\n        const tmp = {\r\n          iconColor: column.colorFn && column.colorFn(row, column.key),\r\n          variant: 'secondary',\r\n          shape: 'circular',\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          useTransparentBackground: true,\r\n          ...column.additionalProps,\r\n        } as IconButtonProps;\r\n        return (\r\n          <IconButton\r\n            {...tmp}\r\n            action={(e) => {\r\n              e?.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {column.icon}\r\n          </IconButton>\r\n        );\r\n      }\r\n      case 'button': {\r\n        const tmp = {\r\n          variant: 'tertiary',\r\n          size: Size.Small,\r\n          tabIndex: props.showLoadingIndicator ? -1 : 0,\r\n          ...column.additionalProps,\r\n        } as ButtonProps;\r\n        return (\r\n          <Button\r\n            style={column.colorFn && { color: column.colorFn(row, column.key) }}\r\n            {...tmp}\r\n            onClick={(e) => {\r\n              e?.stopPropagation();\r\n              column.action && column.action(row, e);\r\n            }}>\r\n            {row[column.key]}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'boolean':\r\n        return <Checkbox selected={!!row[column.key]} readOnly={true} />;\r\n      case 'custom':\r\n        return column.customContent && column.customContent(row, column.key);\r\n      case 'number':\r\n      case 'text':\r\n      default:\r\n        return (\r\n          <>\r\n            {column.icon && <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>}\r\n            <StyledTableCellTextWrapper $textWrap={!column.shortenText}>\r\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\r\n              {Boolean(column.noteKey) && Boolean(row[column.noteKey!]) && (\r\n                <>\r\n                  <StyledTableCellNoteText>{row[column.noteKey!]}</StyledTableCellNoteText>\r\n                </>\r\n              )}\r\n            </StyledTableCellTextWrapper>\r\n          </>\r\n        );\r\n    }\r\n  };\r\n\r\n  const isSelected = (row: any) => {\r\n    return (\r\n      (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\r\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row))\r\n    );\r\n  };\r\n\r\n  return (\r\n    <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n      <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\r\n        <StyledTableHeaderRow>\r\n          <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\r\n            {props.multiSelect && (\r\n              <StyledTableHeaderColumn>\r\n                <StyledTableHeaderColumnContent>\r\n                  <Checkbox\r\n                    selected={props.selectAllState === 'all'}\r\n                    disabled={props.showLoadingIndicator}\r\n                    semiSelected={props.selectAllState === 'some'}\r\n                    select={props.onSelectAllClick}\r\n                  />\r\n                </StyledTableHeaderColumnContent>\r\n              </StyledTableHeaderColumn>\r\n            )}\r\n            {props.columns.map((column: TableColumn) => (\r\n              <StyledTableHeaderColumn\r\n                key={column.key}\r\n                onMouseDown={defaultOnMouseDownHandler}\r\n                onClick={(e) => column.sortable && props.sortByColumn(column)}\r\n                onKeyPress={(e) => {\r\n                  if (e.key === 'Enter' || e.key === ' ') {\r\n                    column.sortable && props.sortByColumn(column);\r\n                  }\r\n                }}\r\n                aria-selected={column.key === props.sortProps?.column && !!props.sortProps?.direction ? true : undefined}\r\n                aria-sort={column.key === props.sortProps?.column && !!props.sortProps?.direction ? (props.sortProps?.direction == 'asc' ? 'ascending' : 'descending') : undefined}\r\n                style={{ width: column.width }}\r\n                tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\r\n                className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${\r\n                  column.justify || ''\r\n                }`}>\r\n                <StyledTableHeaderColumnContent>\r\n                  <ColumnLabel>{column.name}</ColumnLabel>\r\n                  {column.key === props.sortProps?.column && (\r\n                    <StyledTableHeaderColumnSortDirection>\r\n                      {props.sortProps?.direction === 'asc' ? <SystemIcons.ArrowLineUp size={'20px'} /> : <SystemIcons.ArrowLineDown size={'20px'} />}\r\n                    </StyledTableHeaderColumnSortDirection>\r\n                  )}\r\n                </StyledTableHeaderColumnContent>\r\n              </StyledTableHeaderColumn>\r\n            ))}\r\n          </StyledTableHeaderColumns>\r\n        </StyledTableHeaderRow>\r\n        <StyledTableBody>\r\n          {props.currentPageRows.length > 0 ? (\r\n            props.currentPageRows.map((row: any, index: number) => (\r\n              <StyledTableBodyRow\r\n                key={`row_${index}`}\r\n                className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\r\n                onClick={() => props.onRowClick && props.onRowClick(row)}\r\n                onMouseDown={defaultOnMouseDownHandler}\r\n                onKeyPress={(e) => {\r\n                  if (e.key === 'Enter') {\r\n                    props.onRowClick && props.onRowClick(row);\r\n                  }\r\n                }}\r\n                tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\r\n                data-testid=\"TestTableDataRow\">\r\n                {props.multiSelect && (\r\n                  <StyledTableCell>\r\n                    <StyledTableCellContent>\r\n                      <Checkbox selected={isSelected(row)} />\r\n                    </StyledTableCellContent>\r\n                  </StyledTableCell>\r\n                )}\r\n                {props.columns.map((column: TableColumn) => (\r\n                  <StyledTableCell key={`row_${index}_${column.key}`} style={{ maxWidth: column.width }} title={column.shortenText ? `${row[column.key]} \\n ${column.noteKey ? row[column.noteKey!] : ''}` : ''}>\r\n                    <StyledTableCellContent\r\n                      $withNote={Boolean(column.noteKey)}\r\n                      className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\r\n                      style={{\r\n                        color: column.colorFn && column.colorFn(row, column.key),\r\n                      }}>\r\n                      {renderCellBody(column, row)}\r\n                    </StyledTableCellContent>\r\n                  </StyledTableCell>\r\n                ))}\r\n              </StyledTableBodyRow>\r\n            ))\r\n          ) : (\r\n            <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\r\n              <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\r\n                <StyledTableCellContent className={'center'}>{props.noRowsLabel ?? 'There are no rows to display'}</StyledTableCellContent>\r\n              </StyledTableCell>\r\n            </StyledTableNoRowsLabelRow>\r\n          )}\r\n        </StyledTableBody>\r\n      </StyledTable>\r\n    </StyledTableBodyWrapper>\r\n  );\r\n};\r\nexport default TableBody;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Table/TableFooter.cjs

@@ -16,7 +16,6 @@ var _common = require("../common");
 var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
 const TableFooter = props => {
-  var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
   const theme = (0, _styledComponents.useTheme)();
   const rowsPerPageValues = [{
     value: '10'
@@ -27,7 +26,7 @@ const TableFooter = props => {
   }, {
     value: '100'
   }];
-  const dropDownText = "".concat((_props$rowsPerPageLab = props.rowsPerPageLabel) !== null && _props$rowsPerPageLab !== void 0 ? _props$rowsPerPageLab : 'Rows per page', " : ").concat(props.rowsPerPage);
+  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.StyledTableFooter, {
     "data-testid": "TestTableFooterRow",
     children: [props.accordion && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.StyledTableFooterCollapseButton, {
@@ -36,11 +35,11 @@ const TableFooter = props => {
       disabled: props.isCollapsed && props.rows.length <= props.rowsPerPage,
       children: [props.isCollapsed && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: [(_props$showMoreLabel = props.showMoreLabel) !== null && _props$showMoreLabel !== void 0 ? _props$showMoreLabel : 'Show more', " (", props.rows.length - props.rowsPerPage, ")"]
+          children: [props.showMoreLabel ?? 'Show more', " (", props.rows.length - props.rowsPerPage, ")"]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropDown, {})]
       }), !props.isCollapsed && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: (_props$showFewerLabel = props.showFewerLabel) !== null && _props$showFewerLabel !== void 0 ? _props$showFewerLabel : 'Show fewer'
+          children: props.showFewerLabel ?? 'Show fewer'
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowDropUp, {})]
       })]
     }), !props.accordion && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.StyledTableFooterContent, {
@@ -48,7 +47,7 @@ const TableFooter = props => {
         type: 'text',
         items: rowsPerPageValues,
         disabled: props.showLoadingIndicator,
-        value: ["".concat(props.rowsPerPage)],
+        value: [`${props.rowsPerPage}`],
         onClick: value => props.onRowsPerPageChange(+value[0]),
         label: dropDownText,
         keepLabel: true

package/dist/Table/TableFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_styledComponents","_jsxRuntime","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","theme","useTheme","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","jsxs","StyledTableFooter","children","accordion","StyledTableFooterCollapseButton","onClick","setIsCollapsed","isCollapsed","onMouseDown","defaultOnMouseDownHandler","disabled","rows","length","Fragment","showMoreLabel","jsx","SystemIcons","ArrowDropDown","showFewerLabel","ArrowDropUp","StyledTableFooterContent","DropdownButton","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","StyledTableFooterCurrentInfo","total","from","to","StyledTableFooterControls","IconButton","variant","shape","action","prevPage","ChevronLeft","size","color","COLORS","getColor","nextPage","ChevronRight","propTypes","_propTypes","default","func","isRequired","number","bool","_default","exports"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft aria-label='Previous' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight aria-label='Next' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAMA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAA6C,IAAAQ,WAAA,GAAAR,OAAA;AAe7C,MAAMS,WAAsD,GAAIC,KAAK,IAAK;EAAA,IAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA;EACxE,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,MAAMC,iBAAiC,GAAG,CAAC;IAACC,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAK,CAAC,CAAC;EAEvG,MAAMC,YAAY,MAAAC,MAAA,EAAAR,qBAAA,GAAMD,KAAK,CAACU,gBAAgB,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,eAAe,SAAAQ,MAAA,CAAMT,KAAK,CAACW,WAAW,CAAE;EAE1F,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAkB,iBAAiB;IAAC,eAAY,oBAAoB;IAAAC,QAAA,GAE3Cd,KAAK,CAACe,SAAS,iBACf,IAAAjB,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAqB,+BAA+B;MAACC,OAAO,EAAEA,CAAA,KAAMjB,KAAK,CAACkB,cAAc,CAAC,CAAClB,KAAK,CAACmB,WAAW,CAAE;MACxDC,WAAW,EAAEC,iCAA0B;MACvCC,QAAQ,EAAEtB,KAAK,CAACmB,WAAW,IAAInB,KAAK,CAACuB,IAAI,CAACC,MAAM,IAAIxB,KAAK,CAACW,WAAY;MAAAG,QAAA,GAEnGd,KAAK,CAACmB,WAAW,iBACjB,IAAArB,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAA2B,QAAA;QAAAX,QAAA,gBACE,IAAAhB,WAAA,CAAAc,IAAA;UAAAE,QAAA,IAAAZ,oBAAA,GAAOF,KAAK,CAAC0B,aAAa,cAAAxB,oBAAA,cAAAA,oBAAA,GAAI,WAAW,EAAC,IAAE,EAACF,KAAK,CAACuB,IAAI,CAACC,MAAM,GAAGxB,KAAK,CAACW,WAAW,EAAC,GAAC;QAAA,CAAM,CAAC,eAC3F,IAAAb,WAAA,CAAA6B,GAAA,EAAClC,MAAA,CAAAmC,WAAW,CAACC,aAAa,IAAC,CAAC;MAAA,CAC5B,CAAC,EAGH,CAAC7B,KAAK,CAACmB,WAAW,iBAClB,IAAArB,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAA2B,QAAA;QAAAX,QAAA,gBACE,IAAAhB,WAAA,CAAA6B,GAAA;UAAAb,QAAA,GAAAX,qBAAA,GAAOH,KAAK,CAAC8B,cAAc,cAAA3B,qBAAA,cAAAA,qBAAA,GAAI;QAAY,CAAO,CAAC,eACnD,IAAAL,WAAA,CAAA6B,GAAA,EAAClC,MAAA,CAAAmC,WAAW,CAACG,WAAW,IAAC,CAAC;MAAA,CAC1B,CAAC;IAAA,CAE0B,CAAC,EAGlC,CAAC/B,KAAK,CAACe,SAAS,iBAChB,IAAAjB,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAqC,wBAAwB;MAAAlB,QAAA,gBACvB,IAAAhB,WAAA,CAAA6B,GAAA,EAACpC,SAAA,CAAA0C,cAAc;QACbC,IAAI,EAAE,MAAO;QACbC,KAAK,EAAE7B,iBAAkB;QACzBgB,QAAQ,EAAEtB,KAAK,CAACoC,oBAAqB;QACrC7B,KAAK,EAAE,IAAAE,MAAA,CAAIT,KAAK,CAACW,WAAW,EAAI;QAChCM,OAAO,EAAGV,KAAK,IAAKP,KAAK,CAACqC,mBAAmB,CAAC,CAAC9B,KAAK,CAAC,CAAC,CAAC,CAAE;QACzD+B,KAAK,EAAE9B,YAAa;QACpB+B,SAAS,EAAE;MAAK,CACjB,CAAC,eACF,IAAAzC,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAA6C,4BAA4B;QAAA1B,QAAA,GAC1Bd,KAAK,CAACyC,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGzC,KAAK,CAAC0C,IAAI,EAAC,GAAC,EAAC1C,KAAK,CAAC2C,EAAE,EAAC,MAAI,EAAC3C,KAAK,CAACyC,KAAK;MAAA,CACnC,CAAC,eAC/B,IAAA3C,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAiD,yBAAyB;QAAA9B,QAAA,gBACxB,IAAAhB,WAAA,CAAA6B,GAAA,EAACnC,OAAA,CAAAqD,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAEA,CAAA,KAAMhD,KAAK,CAACiD,QAAQ,CAAC,CAAE;UACpE3B,QAAQ,EAAEtB,KAAK,CAAC0C,IAAI,KAAK,CAAC,IAAI1C,KAAK,CAACoC,oBAAqB;UAAAtB,QAAA,eACnE,IAAAhB,WAAA,CAAA6B,GAAA,EAAClC,MAAA,CAAAmC,WAAW,CAACsB,WAAW;YAAC,cAAW,UAAU;YAACC,IAAI,EAAC,IAAI;YAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAElD,KAAK;UAAE,CAAC;QAAC,CAC9F,CAAC,eACb,IAAAN,WAAA,CAAA6B,GAAA,EAACnC,OAAA,CAAAqD,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAEA,CAAA,KAAMhD,KAAK,CAACuD,QAAQ,CAAC,CAAE;UACpEjC,QAAQ,EAAEtB,KAAK,CAAC2C,EAAE,KAAK3C,KAAK,CAACyC,KAAK,IAAIzC,KAAK,CAACoC,oBAAqB;UAAAtB,QAAA,eAC3E,IAAAhB,WAAA,CAAA6B,GAAA,EAAClC,MAAA,CAAAmC,WAAW,CAAC4B,YAAY;YAAC,cAAW,MAAM;YAACL,IAAI,EAAC,IAAI;YAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAElD,KAAK;UAAE,CAAC;QAAC,CAC3F,CAAC;MAAA,CACY,CAAC;IAAA,CACJ,CAAC;EAAA,CAEhB,CAAC;AAExB,CAAC;AAACL,WAAA,CAAA0D,SAAA;EArEApB,mBAAmB,EAAAqB,UAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAC,UAAA;EACnBlD,WAAW,EAAA+C,UAAA,CAAAC,OAAA,CAAAG,MAAA,CAAAD,UAAA;EACXnB,IAAI,EAAAgB,UAAA,CAAAC,OAAA,CAAAG,MAAA;EACJnB,EAAE,EAAAe,UAAA,CAAAC,OAAA,CAAAG,MAAA;EACFrB,KAAK,EAAAiB,UAAA,CAAAC,OAAA,CAAAG,MAAA;EACLP,QAAQ,EAAAG,UAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAC,UAAA;EACRZ,QAAQ,EAAAS,UAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAC,UAAA;EACR3C,cAAc,EAAAwC,UAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAC,UAAA;EACd1C,WAAW,EAAAuC,UAAA,CAAAC,OAAA,CAAAI,IAAA,CAAAF;AAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAgEE5D,WAAW","ignoreList":[]}
+{"version":3,"file":"TableFooter.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_Button","_icons","_styles","_TableStyles","_common","_styledComponents","_jsxRuntime","TableFooter","props","theme","useTheme","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","jsxs","StyledTableFooter","children","accordion","StyledTableFooterCollapseButton","onClick","setIsCollapsed","isCollapsed","onMouseDown","defaultOnMouseDownHandler","disabled","rows","length","Fragment","showMoreLabel","jsx","SystemIcons","ArrowDropDown","showFewerLabel","ArrowDropUp","StyledTableFooterContent","DropdownButton","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","StyledTableFooterCurrentInfo","total","from","to","StyledTableFooterControls","IconButton","variant","shape","action","prevPage","ChevronLeft","size","color","COLORS","getColor","nextPage","ChevronRight","propTypes","_propTypes","default","func","isRequired","number","bool","_default","exports"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft aria-label='Previous' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight aria-label='Next' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Table/TableFooter.d.ts

@@ -1,15 +1,15 @@
-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;
+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/Table/TableFooter.js

@@ -9,7 +9,6 @@ import { defaultOnMouseDownHandler } from '../common';
 import { useTheme } from 'styled-components';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const TableFooter = props => {
-  var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
   const theme = useTheme();
   const rowsPerPageValues = [{
     value: '10'
@@ -20,7 +19,7 @@ const TableFooter = props => {
   }, {
     value: '100'
   }];
-  const dropDownText = "".concat((_props$rowsPerPageLab = props.rowsPerPageLabel) !== null && _props$rowsPerPageLab !== void 0 ? _props$rowsPerPageLab : 'Rows per page', " : ").concat(props.rowsPerPage);
+  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;
   return /*#__PURE__*/_jsxs(StyledTableFooter, {
     "data-testid": "TestTableFooterRow",
     children: [props.accordion && /*#__PURE__*/_jsxs(StyledTableFooterCollapseButton, {
@@ -29,11 +28,11 @@ const TableFooter = props => {
       disabled: props.isCollapsed && props.rows.length <= props.rowsPerPage,
       children: [props.isCollapsed && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsxs("span", {
-          children: [(_props$showMoreLabel = props.showMoreLabel) !== null && _props$showMoreLabel !== void 0 ? _props$showMoreLabel : 'Show more', " (", props.rows.length - props.rowsPerPage, ")"]
+          children: [props.showMoreLabel ?? 'Show more', " (", props.rows.length - props.rowsPerPage, ")"]
         }), /*#__PURE__*/_jsx(SystemIcons.ArrowDropDown, {})]
       }), !props.isCollapsed && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("span", {
-          children: (_props$showFewerLabel = props.showFewerLabel) !== null && _props$showFewerLabel !== void 0 ? _props$showFewerLabel : 'Show fewer'
+          children: props.showFewerLabel ?? 'Show fewer'
         }), /*#__PURE__*/_jsx(SystemIcons.ArrowDropUp, {})]
       })]
     }), !props.accordion && /*#__PURE__*/_jsxs(StyledTableFooterContent, {
@@ -41,7 +40,7 @@ const TableFooter = props => {
         type: 'text',
         items: rowsPerPageValues,
         disabled: props.showLoadingIndicator,
-        value: ["".concat(props.rowsPerPage)],
+        value: [`${props.rowsPerPage}`],
         onClick: value => props.onRowsPerPageChange(+value[0]),
         label: dropDownText,
         keepLabel: true

package/dist/Table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","theme","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","children","accordion","onClick","setIsCollapsed","isCollapsed","onMouseDown","disabled","rows","length","showMoreLabel","ArrowDropDown","showFewerLabel","ArrowDropUp","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","total","from","to","variant","shape","action","prevPage","ChevronLeft","size","color","getColor","nextPage","ChevronRight","propTypes","_pt","func","isRequired","number","bool"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft aria-label='Previous' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight aria-label='Next' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","theme","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","children","accordion","onClick","setIsCollapsed","isCollapsed","onMouseDown","disabled","rows","length","showMoreLabel","ArrowDropDown","showFewerLabel","ArrowDropUp","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","total","from","to","variant","shape","action","prevPage","ChevronLeft","size","color","getColor","nextPage","ChevronRight","propTypes","_pt","func","isRequired","number","bool"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft aria-label='Previous' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight aria-label='Next' size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAqB,aAAa;AACxD,SAAQC,UAAU,QAAO,WAAW;AACpC,SAASC,WAAW,QAAO,UAAU;AACrC,SAAQC,MAAM,QAAO,WAAW;AAChC,SACEC,iBAAiB,EAAEC,+BAA+B,EAClDC,wBAAwB,EACxBC,yBAAyB,EACzBC,4BAA4B,QACvB,eAAe;AACtB,SAAQC,yBAAyB,QAAO,WAAW;AACnD,SAASC,QAAQ,QAAQ,mBAAmB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAe7C,MAAMC,WAAsD,GAAIC,KAAK,IAAK;EACxE,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,iBAAiC,GAAG,CAAC;IAACC,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAI,CAAC,EAAE;IAACA,KAAK,EAAE;EAAK,CAAC,CAAC;EAEvG,MAAMC,YAAY,GAAG,GAAGJ,KAAK,CAACK,gBAAgB,IAAI,eAAe,MAAML,KAAK,CAACM,WAAW,EAAE;EAE1F,oBACEZ,KAAA,CAACR,iBAAiB;IAAC,eAAY,oBAAoB;IAAAqB,QAAA,GAE3CP,KAAK,CAACQ,SAAS,iBACfd,KAAA,CAACP,+BAA+B;MAACsB,OAAO,EAAEA,CAAA,KAAMT,KAAK,CAACU,cAAc,CAAC,CAACV,KAAK,CAACW,WAAW,CAAE;MACxDC,WAAW,EAAErB,yBAA0B;MACvCsB,QAAQ,EAAEb,KAAK,CAACW,WAAW,IAAIX,KAAK,CAACc,IAAI,CAACC,MAAM,IAAIf,KAAK,CAACM,WAAY;MAAAC,QAAA,GAEnGP,KAAK,CAACW,WAAW,iBACjBjB,KAAA,CAAAI,SAAA;QAAAS,QAAA,gBACEb,KAAA;UAAAa,QAAA,GAAOP,KAAK,CAACgB,aAAa,IAAI,WAAW,EAAC,IAAE,EAAChB,KAAK,CAACc,IAAI,CAACC,MAAM,GAAGf,KAAK,CAACM,WAAW,EAAC,GAAC;QAAA,CAAM,CAAC,eAC3FV,IAAA,CAACZ,WAAW,CAACiC,aAAa,IAAC,CAAC;MAAA,CAC5B,CAAC,EAGH,CAACjB,KAAK,CAACW,WAAW,iBAClBjB,KAAA,CAAAI,SAAA;QAAAS,QAAA,gBACEX,IAAA;UAAAW,QAAA,EAAOP,KAAK,CAACkB,cAAc,IAAI;QAAY,CAAO,CAAC,eACnDtB,IAAA,CAACZ,WAAW,CAACmC,WAAW,IAAC,CAAC;MAAA,CAC1B,CAAC;IAAA,CAE0B,CAAC,EAGlC,CAACnB,KAAK,CAACQ,SAAS,iBAChBd,KAAA,CAACN,wBAAwB;MAAAmB,QAAA,gBACvBX,IAAA,CAACd,cAAc;QACbsC,IAAI,EAAE,MAAO;QACbC,KAAK,EAAEnB,iBAAkB;QACzBW,QAAQ,EAAEb,KAAK,CAACsB,oBAAqB;QACrCnB,KAAK,EAAE,CAAC,GAAGH,KAAK,CAACM,WAAW,EAAE,CAAE;QAChCG,OAAO,EAAGN,KAAK,IAAKH,KAAK,CAACuB,mBAAmB,CAAC,CAACpB,KAAK,CAAC,CAAC,CAAC,CAAE;QACzDqB,KAAK,EAAEpB,YAAa;QACpBqB,SAAS,EAAE;MAAK,CACjB,CAAC,eACF/B,KAAA,CAACJ,4BAA4B;QAAAiB,QAAA,GAC1BP,KAAK,CAAC0B,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG1B,KAAK,CAAC2B,IAAI,EAAC,GAAC,EAAC3B,KAAK,CAAC4B,EAAE,EAAC,MAAI,EAAC5B,KAAK,CAAC0B,KAAK;MAAA,CACnC,CAAC,eAC/BhC,KAAA,CAACL,yBAAyB;QAAAkB,QAAA,gBACxBX,IAAA,CAACb,UAAU;UAAC8C,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAEA,CAAA,KAAM/B,KAAK,CAACgC,QAAQ,CAAC,CAAE;UACpEnB,QAAQ,EAAEb,KAAK,CAAC2B,IAAI,KAAK,CAAC,IAAI3B,KAAK,CAACsB,oBAAqB;UAAAf,QAAA,eACnEX,IAAA,CAACZ,WAAW,CAACiD,WAAW;YAAC,cAAW,UAAU;YAACC,IAAI,EAAC,IAAI;YAACC,KAAK,EAAElD,MAAM,CAACmD,QAAQ,CAAC,aAAa,EAAEnC,KAAK;UAAE,CAAC;QAAC,CAC9F,CAAC,eACbL,IAAA,CAACb,UAAU;UAAC8C,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAEA,CAAA,KAAM/B,KAAK,CAACqC,QAAQ,CAAC,CAAE;UACpExB,QAAQ,EAAEb,KAAK,CAAC4B,EAAE,KAAK5B,KAAK,CAAC0B,KAAK,IAAI1B,KAAK,CAACsB,oBAAqB;UAAAf,QAAA,eAC3EX,IAAA,CAACZ,WAAW,CAACsD,YAAY;YAAC,cAAW,MAAM;YAACJ,IAAI,EAAC,IAAI;YAACC,KAAK,EAAElD,MAAM,CAACmD,QAAQ,CAAC,aAAa,EAAEnC,KAAK;UAAE,CAAC;QAAC,CAC3F,CAAC;MAAA,CACY,CAAC;IAAA,CACJ,CAAC;EAAA,CAEhB,CAAC;AAExB,CAAC;AAACF,WAAA,CAAAwC,SAAA;EArEAhB,mBAAmB,EAAAiB,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACnBpC,WAAW,EAAAkC,GAAA,CAAAG,MAAA,CAAAD,UAAA;EACXf,IAAI,EAAAa,GAAA,CAAAG,MAAA;EACJf,EAAE,EAAAY,GAAA,CAAAG,MAAA;EACFjB,KAAK,EAAAc,GAAA,CAAAG,MAAA;EACLN,QAAQ,EAAAG,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACRV,QAAQ,EAAAQ,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACRhC,cAAc,EAAA8B,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACd/B,WAAW,EAAA6B,GAAA,CAAAI,IAAA,CAAAF;AAAA;AAgEb,eAAe3C,WAAW","ignoreList":[]}

package/dist/Table/TableHeaders.d.ts

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