@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

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","_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":[]}
+{"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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"}

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");
@@ -87,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":["_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":";;;;;;;;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,IAAMS,WAAsD,GAAG,SAAzDA,WAAsDA,CAAIC,KAAK,EAAK;EAAA,IAAAC,qBAAA,EAAAC,oBAAA,EAAAC,qBAAA;EACxE,IAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,IAAMC,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,IAAMC,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,EAAE,SAAAA,QAAA;QAAA,OAAMjB,KAAK,CAACkB,cAAc,CAAC,CAAClB,KAAK,CAACmB,WAAW,CAAC;MAAA,CAAC;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,EAAE,SAAAA,QAACV,KAAK;UAAA,OAAKP,KAAK,CAACqC,mBAAmB,CAAC,CAAC9B,KAAK,CAAC,CAAC,CAAC,CAAC;QAAA,CAAC;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,EAAE,SAAAA,OAAA;YAAA,OAAMhD,KAAK,CAACiD,QAAQ,CAAC,CAAC;UAAA,CAAC;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;YAACC,IAAI,EAAC,IAAI;YAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAElD,KAAK;UAAE,CAAC;QAAC,CACxE,CAAC,eACb,IAAAN,WAAA,CAAA6B,GAAA,EAACnC,OAAA,CAAAqD,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACC,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMhD,KAAK,CAACuD,QAAQ,CAAC,CAAC;UAAA,CAAC;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;YAACL,IAAI,EAAC,IAAI;YAACC,KAAK,EAAEC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAElD,KAAK;UAAE,CAAC;QAAC,CACzE,CAAC;MAAA,CACY,CAAC;IAAA,CACJ,CAAC;EAAA,CAEhB,CAAC;AAExB,CAAC;AAACL,WAAA,CAAA0D,SAAA;EArEApB,mBAAmB,EAAAqB,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACnBjD,WAAW,EAAA+C,UAAA,YAAAG,MAAA,CAAAD,UAAA;EACXlB,IAAI,EAAAgB,UAAA,YAAAG,MAAA;EACJlB,EAAE,EAAAe,UAAA,YAAAG,MAAA;EACFpB,KAAK,EAAAiB,UAAA,YAAAG,MAAA;EACLN,QAAQ,EAAAG,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACRX,QAAQ,EAAAS,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACR1C,cAAc,EAAAwC,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACdzC,WAAW,EAAAuC,UAAA,YAAAI,IAAA,CAAAF;AAAA;AAAA,IAAAG,QAAA,GAgEEhE,WAAW;AAAAiE,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"TableFooter.cjs","names":["TableFooter","props","theme","useTheme","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","defaultOnMouseDownHandler","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","COLORS","getColor","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\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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"}

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 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":[]}
+{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","TableFooter","props","theme","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","getColor","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\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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"}

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(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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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":["_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":[]}
+{"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"}

package/dist/Table/TableHeaders.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import 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","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":[]}
+{"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"}

package/dist/Table/TableStyles.cjs

@@ -13,29 +13,23 @@ var _zIndexes = require("../styles/z-indexes");
 var _Checkbox = require("../InputFields/Checkbox");
 var _types = require("../types");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-/**
- * Import third-party libraries.
- */
-/**
- * Import custom style properties.
- */
 /**
  * Table styles
  */
 
-var TableWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ", ";\n    border-right: 1px solid ", ";\n  }\n"])), function (props) {
+var TableWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ", ";\n    border-right: 1px solid ", ";\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.TableWrapper = TableWrapper;
-var StyledTable = _styledComponents["default"].table(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background: transparent;\n  border-collapse: collapse;\n  width: 100%;\n\n  &.fixed {\n    table-layout: fixed;\n  }\n\n  &.auto {\n    table-layout: auto;\n  }\n"])));
+var StyledTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  border-collapse: collapse;\n  width: 100%;\n\n  &.fixed {\n    table-layout: fixed;\n  }\n\n  &.auto {\n    table-layout: auto;\n  }\n"])));
 exports.StyledTable = StyledTable;
-var StyledTableHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeader = StyledTableHeader;
-var StyledTableHeaderTitle = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderTitle = StyledTableHeaderTitle;
-var StyledTableHeaderTitleContent = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 56px;\n  border-bottom: 1px solid ", ";\n  border-top: 2px solid ", ";\n  padding: 0 16px;\n\n  ", "\n  .title-menu {\n    margin-right: -16px;\n  }\n"])), function (props) {
+var StyledTableHeaderTitleContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 56px;\n  border-bottom: 1px solid ", ";\n  border-top: 2px solid ", ";\n  padding: 0 16px;\n\n  ", "\n  .title-menu {\n    margin-right: -16px;\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -43,19 +37,19 @@ var StyledTableHeaderTitleContent = _styledComponents["default"].div(_templateOb
   return (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
 });
 exports.StyledTableHeaderTitleContent = StyledTableHeaderTitleContent;
-var StyledTableHeaderRow = _styledComponents["default"].thead(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderRow = _styledComponents.default.thead(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderRow = StyledTableHeaderRow;
-var StyledTableHeaderColumns = _styledComponents["default"].tr(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderColumns = _styledComponents.default.tr(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderColumns = StyledTableHeaderColumns;
-var StyledTableHeaderColumnContent = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  min-height: 56px;\n  padding: 0 16px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+var StyledTableHeaderColumnContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  min-height: 56px;\n  padding: 0 16px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.StyledTableHeaderColumnContent = StyledTableHeaderColumnContent;
-var StyledTableHeaderColumnSortDirection = _styledComponents["default"].span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 24px;\n  height: 24px;\n"])));
+var StyledTableHeaderColumnSortDirection = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  width: 24px;\n  height: 24px;\n"])));
 exports.StyledTableHeaderColumnSortDirection = StyledTableHeaderColumnSortDirection;
-var StyledTableHeaderColumn = _styledComponents["default"].th(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  position: relative;\n  text-align: unset;\n  background-color: ", ";\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.left {\n    & > div {\n      justify-content: left;\n    }\n  }\n\n  &.right {\n    & > div {\n      justify-content: right;\n    }\n  }\n\n  &.center {\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  &.sortable ", " > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ", " > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ", ";\n  }\n"])), function (props) {
+var StyledTableHeaderColumn = _styledComponents.default.th(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  position: relative;\n  text-align: unset;\n  background-color: ", ";\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.left {\n    & > div {\n      justify-content: left;\n    }\n  }\n\n  &.right {\n    & > div {\n      justify-content: right;\n    }\n  }\n\n  &.center {\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  &.sortable ", " > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ", " > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ", ";\n  }\n"])), function (props) {
   return (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
   return _styles.COLORS.getColor('white', props.theme);
@@ -71,7 +65,7 @@ var StyledTableHeaderColumn = _styledComponents["default"].th(_templateObject10
   return _styles.COLORS.getColor('neutral_20', props.theme);
 });
 exports.StyledTableHeaderColumn = StyledTableHeaderColumn;
-var StyledTableBodyRow = _styledComponents["default"].tr(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ", ";\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.selected{\n    background-color: ", ";\n  }\n  \n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    z-index: ", ";\n  }\n\n"])), function (props) {
+var StyledTableBodyRow = _styledComponents.default.tr(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ", ";\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.selected{\n    background-color: ", ";\n  }\n  \n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    z-index: ", ";\n  }\n\n"])), function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -81,56 +75,56 @@ var StyledTableBodyRow = _styledComponents["default"].tr(_templateObject11 || (_
   return _styles.COLORS.getColor('primary_100', props.theme);
 }, _zIndexes.Z_INDEXES.hover, _styles.focusStyles, _zIndexes.Z_INDEXES.active);
 exports.StyledTableBodyRow = StyledTableBodyRow;
-var StyledTableNoRowsLabelRow = _styledComponents["default"].tr(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  outline: none;\n  background-color: ", ";\n"])), function (props) {
+var StyledTableNoRowsLabelRow = _styledComponents.default.tr(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  outline: none;\n  background-color: ", ";\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_50', props.theme);
 });
 exports.StyledTableNoRowsLabelRow = StyledTableNoRowsLabelRow;
-var StyledTableBody = _styledComponents["default"].tbody(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableBody = _styledComponents.default.tbody(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableBody = StyledTableBody;
-var StyledTableCell = _styledComponents["default"].td(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])([""])));
+var StyledTableCell = _styledComponents.default.td(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.StyledTableCell = StyledTableCell;
-var StyledTableCellContent = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: ", ";\n\n  padding: 0 16px;\n  ", "\n\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 8px;\n\n  &.truncate-text,\n  &.truncate-text span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.left {\n    justify-content: left;\n  }\n\n  &.right {\n    justify-content: right;\n  }\n\n  &.center {\n    justify-content: center;\n  }\n\n  a:first-letter,\n  span:first-letter {\n    text-transform: uppercase;\n  }\n  \n  ", "{\n    width: fit-content;\n  }\n"])), function (props) {
+var StyledTableCellContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: ", ";\n\n  padding: 0 16px;\n  ", "\n\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 8px;\n\n  &.truncate-text,\n  &.truncate-text span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.left {\n    justify-content: left;\n  }\n\n  &.right {\n    justify-content: right;\n  }\n\n  &.center {\n    justify-content: center;\n  }\n\n  a:first-letter,\n  span:first-letter {\n    text-transform: uppercase;\n  }\n  \n  ", "{\n    width: fit-content;\n  }\n"])), function (props) {
   return props.$withNote ? '64px' : '48px';
 }, function (props) {
   return (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
 }, _Checkbox.StyledCheckBox);
 exports.StyledTableCellContent = StyledTableCellContent;
-var StyledTableCellIcon = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ", ";\n    width: 20px;\n    height: 20px;\n  }\n"])), function (props) {
+var StyledTableCellIcon = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ", ";\n    width: 20px;\n    height: 20px;\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_700', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_700', props.theme);
 });
 exports.StyledTableCellIcon = StyledTableCellIcon;
-var StyledTableCellText = _styledComponents["default"].span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["\n  display: block;\n"])));
+var StyledTableCellText = _styledComponents.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n"])));
 exports.StyledTableCellText = StyledTableCellText;
-var StyledTableCellTextWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 12px 0px;\n  width: 100%;\n  ", "\n"])), function (props) {
+var StyledTableCellTextWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 12px 0px;\n  width: 100%;\n  ", "\n"])), function (props) {
   return !props.$textWrap ? "\n  overflow: hidden;\n  text-overflow: ellipsis;\n  " : "";
 });
 exports.StyledTableCellTextWrapper = StyledTableCellTextWrapper;
-var StyledTableCellNoteText = _styledComponents["default"].span(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  display: inline-block;\n  width: 100%;\n"])), function (props) {
+var StyledTableCellNoteText = _styledComponents.default.span(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: inline-block;\n  width: 100%;\n"])), function (props) {
   return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
 });
 exports.StyledTableCellNoteText = StyledTableCellNoteText;
-var StyledTableFooter = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableFooter = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableFooter = StyledTableFooter;
-var StyledTableFooterContent = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["\n  border-top: 2px solid ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n"])), function (props) {
+var StyledTableFooterContent = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 2px solid ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.StyledTableFooterContent = StyledTableFooterContent;
-var StyledTableFooterCurrentInfo = _styledComponents["default"].span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 16px;\n  ", "\n"])), function (props) {
+var StyledTableFooterCurrentInfo = _styledComponents.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 16px;\n  ", "\n"])), function (props) {
   return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
 });
 exports.StyledTableFooterCurrentInfo = StyledTableFooterCurrentInfo;
-var StyledTableFooterControls = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+var StyledTableFooterControls = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.StyledTableFooterControls = StyledTableFooterControls;
-var StyledTableSpinner = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ", ";\n"])), function (props) {
+var StyledTableSpinner = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ", ";\n"])), function (props) {
   var _props$$zindex;
   return (_props$$zindex = props.$zindex) !== null && _props$$zindex !== void 0 ? _props$$zindex : _zIndexes.Z_INDEXES.loader;
 });
 exports.StyledTableSpinner = StyledTableSpinner;
-var StyledTableFooterCollapseButton = _styledComponents["default"].button(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n  border-left: none;\n  border-right: none;\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: ", ";\n\n  cursor: pointer;\n\n  ", "\n  \n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n"])), function (props) {
+var StyledTableFooterCollapseButton = _styledComponents.default.button(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n  border-left: none;\n  border-right: none;\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: ", ";\n\n  cursor: pointer;\n\n  ", "\n  \n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -148,6 +142,6 @@ var StyledTableFooterCollapseButton = _styledComponents["default"].button(_templ
   return _styles.COLORS.getColor('primary_800', props.theme);
 });
 exports.StyledTableFooterCollapseButton = StyledTableFooterCollapseButton;
-var StyledTableBodyWrapper = _styledComponents["default"].div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["\n  overflow-x: auto;\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+var StyledTableBodyWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: auto;\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
 exports.StyledTableBodyWrapper = StyledTableBodyWrapper;
 //# sourceMappingURL=TableStyles.cjs.map