@laerdal/life-react-components 3.5.1-uss.hackathon → 4.0.0

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","ColumnLabel","span","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","shortenText","Boolean","noteKey","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","sortable","sortByColumn","sortProps","direction","undefined","width","justify","name","currentPageRows","length","index","selectable","onRowClick","maxWidth","noRowsLabel"],"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-pressed={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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"}
+{"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","_useDimensionsRef","updateOnResize","_useDimensionsRef2","_slicedToArray","scrollContainerRef","dimensions","node","_React$useState","useState","_React$useState2","scrollable","setScrollable","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-pressed={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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _Dropdown = require("../Dropdown");
@@ -13,9 +13,11 @@ var _icons = require("../icons");
 var _styles = require("../styles");
 var _TableStyles = require("./TableStyles");
 var _common = require("../common");
+var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
 var TableFooter = function TableFooter(props) {
   var _props$rowsPerPageLab, _props$showMoreLabel, _props$showFewerLabel;
+  var theme = (0, _styledComponents.useTheme)();
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -66,7 +68,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.from === 1 || props.showLoadingIndicator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronLeft, {
             size: "24",
-            color: _styles.COLORS.neutral_600
+            color: _styles.COLORS.getColor('neutral_600', theme)
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
           variant: "secondary",
@@ -77,7 +79,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.to === props.total || props.showLoadingIndicator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronRight, {
             size: "24",
-            color: _styles.COLORS.neutral_600
+            color: _styles.COLORS.getColor('neutral_600', theme)
           })
         })]
       })]
@@ -85,16 +87,16 @@ var TableFooter = function TableFooter(props) {
   });
 };
 TableFooter.propTypes = {
-  onRowsPerPageChange: _propTypes.default.func.isRequired,
-  rowsPerPage: _propTypes.default.number.isRequired,
-  from: _propTypes.default.number,
-  to: _propTypes.default.number,
-  total: _propTypes.default.number,
-  nextPage: _propTypes.default.func.isRequired,
-  prevPage: _propTypes.default.func.isRequired,
-  setIsCollapsed: _propTypes.default.func.isRequired,
-  isCollapsed: _propTypes.default.bool.isRequired
+  onRowsPerPageChange: _propTypes["default"].func.isRequired,
+  rowsPerPage: _propTypes["default"].number.isRequired,
+  from: _propTypes["default"].number,
+  to: _propTypes["default"].number,
+  total: _propTypes["default"].number,
+  nextPage: _propTypes["default"].func.isRequired,
+  prevPage: _propTypes["default"].func.isRequired,
+  setIsCollapsed: _propTypes["default"].func.isRequired,
+  isCollapsed: _propTypes["default"].bool.isRequired
 };
 var _default = TableFooter;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=TableFooter.cjs.map

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';\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\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 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 size=\"24\" color={COLORS.neutral_600}/>\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 size=\"24\" color={COLORS.neutral_600}/>\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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"}
+{"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","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 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 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.js

@@ -6,11 +6,13 @@ import { SystemIcons } from '../icons';
 import { COLORS } from '../styles';
 import { StyledTableFooter, StyledTableFooterCollapseButton, StyledTableFooterContent, StyledTableFooterControls, StyledTableFooterCurrentInfo } from './TableStyles';
 import { defaultOnMouseDownHandler } from '../common';
+import { useTheme } from 'styled-components';
 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 theme = useTheme();
   var rowsPerPageValues = [{
     value: '10'
   }, {
@@ -61,7 +63,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.from === 1 || props.showLoadingIndicator,
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronLeft, {
             size: "24",
-            color: COLORS.neutral_600
+            color: COLORS.getColor('neutral_600', theme)
           })
         }), /*#__PURE__*/_jsx(IconButton, {
           variant: "secondary",
@@ -72,7 +74,7 @@ var TableFooter = function TableFooter(props) {
           disabled: props.to === props.total || props.showLoadingIndicator,
           children: /*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
             size: "24",
-            color: COLORS.neutral_600
+            color: COLORS.getColor('neutral_600', theme)
           })
         })]
       })]

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","TableFooter","props","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","neutral_600","nextPage"],"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\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 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 size=\"24\" color={COLORS.neutral_600}/>\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 size=\"24\" color={COLORS.neutral_600}/>\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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"}
+{"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 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 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/TableHeaders.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _Dropdown = require("../Dropdown");
@@ -12,8 +12,8 @@ var _icons = require("../icons");
 var _types = require("../types");
 var _TableStyles = require("./TableStyles");
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
+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) { (0, _defineProperty2["default"])(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; }
 var TableHeader = function TableHeader(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeader, {
     children: (!!props.title || !!props.menu) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderTitle, {
@@ -33,5 +33,5 @@ var TableHeader = function TableHeader(props) {
   });
 };
 var _default = TableHeader;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=TableHeaders.cjs.map

package/dist/Table/TableHeaders.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaders.cjs","names":["TableHeader","props","title","menu","showLoadingIndicator","Size","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEuB;AAAA;AAAA;AAOvB,IAAMA,WAAsD,GAAG,SAAzDA,WAAsD,CAAGC,KAAK,EAAI;EAEtE,oBACE,qBAAC,8BAAiB;IAAA,UAEd,CAAC,CAAC,CAACA,KAAK,CAACC,KAAK,IAAI,CAAC,CAACD,KAAK,CAACE,IAAI,kBAC9B,qBAAC,mCAAsB;MAAC,eAAY,oBAAoB;MAAA,uBACpD,sBAAC,0CAA6B;QAAA,wBAC5B;UAAA,UAAOF,KAAK,CAACC;QAAK,EAAQ,EAExBD,KAAK,CAACE,IAAI,iBACV,qBAAC,wBAAc;UAAC,SAAS,EAAE,YAAa;UACxB,IAAI,EAAE,MAAO;UACb,QAAQ,EAAEF,KAAK,CAACG,oBAAqB;UACrC,IAAI,eAAE,qBAAC,kBAAW,CAAC,YAAY,KAAG;UAClC,IAAI,EAAEC,WAAI,CAACC;QAAO,GAAKL,KAAK,CAACE,IAAI,EAAG;MAAA;IAExB;EACX,EAET;AAExB,CAAC;AAAA,eAEcH,WAAW;AAAA"}
+{"version":3,"file":"TableHeaders.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_icons","_types","_TableStyles","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","TableHeader","props","jsx","StyledTableHeader","children","title","menu","StyledTableHeaderTitle","jsxs","StyledTableHeaderTitleContent","DropdownButton","className","type","disabled","showLoadingIndicator","icon","SystemIcons","MoreVertical","size","Size","Medium","_default","exports"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEuB,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAOvB,IAAMoB,WAAsD,GAAG,SAAzDA,WAAsDA,CAAGC,KAAK,EAAI;EAEtE,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA0B,iBAAiB;IAAAC,QAAA,EAEd,CAAC,CAAC,CAACH,KAAK,CAACI,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACK,IAAI,kBAC9B,IAAA5B,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA8B,sBAAsB;MAAC,eAAY,oBAAoB;MAAAH,QAAA,eACpD,IAAA1B,WAAA,CAAA8B,IAAA,EAAC/B,YAAA,CAAAgC,6BAA6B;QAAAL,QAAA,gBAC5B,IAAA1B,WAAA,CAAAwB,GAAA;UAAAE,QAAA,EAAOH,KAAK,CAACI;QAAK,CAAO,CAAC,EAExBJ,KAAK,CAACK,IAAI,iBACV,IAAA5B,WAAA,CAAAwB,GAAA,EAAC5B,SAAA,CAAAoC,cAAc,EAAAlB,aAAA;UAACmB,SAAS,EAAE,YAAa;UACxBC,IAAI,EAAE,MAAO;UACbC,QAAQ,EAAEZ,KAAK,CAACa,oBAAqB;UACrCC,IAAI,eAAE,IAAArC,WAAA,CAAAwB,GAAA,EAAC3B,MAAA,CAAAyC,WAAW,CAACC,YAAY,IAAC,CAAE;UAClCC,IAAI,EAAEC,WAAI,CAACC;QAAO,GAAKnB,KAAK,CAACK,IAAI,CAAE,CAAC;MAAA,CAEzB;IAAC,CACZ;EAAC,CAEV,CAAC;AAExB,CAAC;AAAA,IAAAe,QAAA,GAEcrB,WAAW;AAAAsB,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Table/TableHeaders.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
+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 React from 'react';
 import { DropdownButton } from '../Dropdown';
 import { SystemIcons } from '../icons';

package/dist/Table/TableHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaders.js","names":["React","DropdownButton","SystemIcons","Size","StyledTableHeaderTitleContent","StyledTableHeaderTitle","StyledTableHeader","TableHeader","props","title","menu","showLoadingIndicator","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,IAAI,QAAO,UAAU;AAC7B,SACEC,6BAA6B,QACxB,eAAe;AACtB,SAAQC,sBAAsB,EAAEC,iBAAiB,QAAO,eAAe;AAAC;AAAA;AAMxE,IAAMC,WAAsD,GAAG,SAAzDA,WAAsD,CAAGC,KAAK,EAAI;EAEtE,oBACE,KAAC,iBAAiB;IAAA,UAEd,CAAC,CAAC,CAACA,KAAK,CAACC,KAAK,IAAI,CAAC,CAACD,KAAK,CAACE,IAAI,kBAC9B,KAAC,sBAAsB;MAAC,eAAY,oBAAoB;MAAA,uBACpD,MAAC,6BAA6B;QAAA,wBAC5B;UAAA,UAAOF,KAAK,CAACC;QAAK,EAAQ,EAExBD,KAAK,CAACE,IAAI,iBACV,KAAC,cAAc;UAAC,SAAS,EAAE,YAAa;UACxB,IAAI,EAAE,MAAO;UACb,QAAQ,EAAEF,KAAK,CAACG,oBAAqB;UACrC,IAAI,eAAE,KAAC,WAAW,CAAC,YAAY,KAAG;UAClC,IAAI,EAAER,IAAI,CAACS;QAAO,GAAKJ,KAAK,CAACE,IAAI,EAAG;MAAA;IAExB;EACX,EAET;AAExB,CAAC;AAED,eAAeH,WAAW"}
+{"version":3,"file":"TableHeaders.js","names":["React","DropdownButton","SystemIcons","Size","StyledTableHeaderTitleContent","StyledTableHeaderTitle","StyledTableHeader","jsx","_jsx","jsxs","_jsxs","TableHeader","props","children","title","menu","_objectSpread","className","type","disabled","showLoadingIndicator","icon","MoreVertical","size","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,IAAI,QAAO,UAAU;AAC7B,SACEC,6BAA6B,QACxB,eAAe;AACtB,SAAQC,sBAAsB,EAAEC,iBAAiB,QAAO,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAMxE,IAAMC,WAAsD,GAAG,SAAzDA,WAAsDA,CAAGC,KAAK,EAAI;EAEtE,oBACEJ,IAAA,CAACF,iBAAiB;IAAAO,QAAA,EAEd,CAAC,CAAC,CAACD,KAAK,CAACE,KAAK,IAAI,CAAC,CAACF,KAAK,CAACG,IAAI,kBAC9BP,IAAA,CAACH,sBAAsB;MAAC,eAAY,oBAAoB;MAAAQ,QAAA,eACpDH,KAAA,CAACN,6BAA6B;QAAAS,QAAA,gBAC5BL,IAAA;UAAAK,QAAA,EAAOD,KAAK,CAACE;QAAK,CAAO,CAAC,EAExBF,KAAK,CAACG,IAAI,iBACVP,IAAA,CAACP,cAAc,EAAAe,aAAA;UAACC,SAAS,EAAE,YAAa;UACxBC,IAAI,EAAE,MAAO;UACbC,QAAQ,EAAEP,KAAK,CAACQ,oBAAqB;UACrCC,IAAI,eAAEb,IAAA,CAACN,WAAW,CAACoB,YAAY,IAAC,CAAE;UAClCC,IAAI,EAAEpB,IAAI,CAACqB;QAAO,GAAKZ,KAAK,CAACG,IAAI,CAAE,CAAC;MAAA,CAEzB;IAAC,CACZ;EAAC,CAEV,CAAC;AAExB,CAAC;AAED,eAAeJ,WAAW","ignoreList":[]}