@laerdal/life-react-components 3.0.1-dev.4 → 3.0.1-dev.9.full

package/dist/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","Size","StyledTableSpinner","TableWrapper","LoadingIndicator","TableHeader","TableFooter","TableBody","Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","sortProps","accordion","collapsed","collapsedRows","rowsPerPageLabel","useState","rowsPerPage","setRowsPerPage","filteredRows","setFilteredRows","currentPageRows","setCurrentPageRows","currentPage","setCurrentPage","sort","setSort","from","setFrom","to","setTo","total","setTotal","isCollapsed","setIsCollapsed","selectAllState","setSelectAllState","undefined","selected","setSelected","useEffect","selectedRows","currentList","map","row","count","filter","item","includes","length","filterAndSortRows","tmpFilteredRows","matchFilterCriteria","column","filterValue","key","toLowerCase","indexOf","direction","a","b","rowsFrom","rowsTo","slice","sortTableColumn","columnKey","sortDirection","previousPage","nextPage","changeRowsPerPage","value","onRowClick","selectedText","window","getSelection","toString","currentSelection","existing","splice","onSelectionChange","onSelectAllClick","border","Medium"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {Size} from '../types'\n\n/**\n * Import custom styles.\n */\nimport {StyledTable, StyledTableSpinner, TableWrapper} from './TableStyles';\n\n/**\n * Import custom types.\n */\nimport {TableProps, TableColumn, TableSortingDirection, TableSortProps} from './TableTypes';\nimport {LoadingIndicator} from '../LoadingIndicator';\nimport TableHeader from './TableHeaders';\nimport TableFooter from './TableFooter';\nimport TableBody from './TableBody';\n\nconst Table: React.FunctionComponent<TableProps> = (props: TableProps) => {\n  let {\n    onPreviousPageClick,\n    onNextPageClick,\n    onRowsPerPageChange,\n    onTriggerSortingChange,\n    columns,\n    rows,\n    remoteOperations,\n    pagination,\n    showLoadingIndicator,\n    selectable,\n    multiSelect,\n    keyExpr,\n    sortProps,\n    accordion,\n    collapsed = true,\n    collapsedRows,\n    rowsPerPageLabel\n  } = props;\n\n  // States used within the component\n  const [rowsPerPage, setRowsPerPage] = React.useState<number>(10);\n  const [filteredRows, setFilteredRows] = React.useState<any[]>([]);\n  const [currentPageRows, setCurrentPageRows] = React.useState<any[]>([]);\n  const [currentPage, setCurrentPage] = React.useState<number>(1);\n  const [sort, setSort] = React.useState<TableSortProps | undefined>(sortProps);\n  const [from, setFrom] = React.useState<number>();\n  const [to, setTo] = React.useState<number>();\n  const [total, setTotal] = React.useState<number>();\n\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\n\n  const [selectAllState, setSelectAllState] = React.useState<'all' | 'some' | 'none'>('none');\n\n  const [selected, setSelected] = React.useState<any | any[]>(multiSelect ? [] : undefined);\n\n  React.useEffect(() => {\n    setSort(sortProps);\n  }, [sortProps])\n\n  React.useEffect(() => {\n    setSelected(props.selectedRows || (multiSelect ? [] : undefined))\n  }, [props.selectedRows, multiSelect])\n\n  /**\n   * update select all checkbox state\n   */\n  React.useEffect(() => {\n    if (multiSelect) {\n      const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n      const count = selected.filter((item: any) => currentList.includes(item)).length;\n\n      setSelectAllState(count === currentList.length ? 'all' : count > 0 ? 'some' : 'none');\n    }\n  }, [currentPageRows, multiSelect, selected, keyExpr])\n\n  /**\n   * Takes care of remote pagination.\n   * Works only in case remote pagination is set to true.\n   */\n  React.useEffect(() => {\n    if (remoteOperations) {\n      setCurrentPageRows(rows);\n\n      // Let's assign pagination values\n      setFrom(pagination?.from);\n      setTo(pagination?.to);\n      setTotal(pagination?.total);\n      setCurrentPage(pagination?.currentPage!);\n      setRowsPerPage(pagination?.rowsPerPage!);\n    }\n  }, [remoteOperations, pagination, rows]);\n\n  /**\n   * Sets number of rows to display when accordion.\n   */\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);\n  }, [rows, accordion, collapsedRows, isCollapsed])\n\n  React.useEffect(() => {\n    if (!accordion) return;\n\n    setIsCollapsed(!!collapsed);\n  }, [accordion, collapsed])\n\n  /**\n   * Filters out a rows by specific column filters and sorts them if any sorting is set.\n   * @returns Filtered and sorted rows.\n   */\n  const filterAndSortRows = (): any[] => {\n    let tmpFilteredRows = rows.filter((row) => {\n      // Let's start with matched filter criteria\n      let matchFilterCriteria = true;\n\n      // Let's go through columns\n      for (const column of columns) {\n        // Let's check if filter value is specified for the column\n        // And if it doesn't match the current row column value\n        // Then let's update match filter criteria to failed\n        if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {\n          matchFilterCriteria = false;\n        }\n      }\n\n      // Let's return row only in case match filter criteria succeeds\n      if (matchFilterCriteria) {\n        return row;\n      }\n    });\n\n    // Let's apply sorting if needed\n    if (!!sort?.column && !!sort?.direction) {\n      // Let's sort the rows\n      tmpFilteredRows.sort((a, b) => {\n        if (a[sort.column!] > b[sort.column!]) {\n          return sort.direction! === 'asc' ? 1 : -1;\n        } else if (a[sort.column!] < b[sort.column!]) {\n          return sort.direction! === 'asc' ? -1 : 1;\n        } else {\n          return 0;\n        }\n      });\n    }\n\n    // Let's return filtered rows\n    return tmpFilteredRows;\n  };\n\n  /**\n   * Takes care of local pagination.\n   * Works only in case remote pagination is not defined or is set to false.\n   */\n  React.useEffect(() => {\n    if (!remoteOperations) {\n      // Let's retrieve temporary filtered rows and update globally filtered rows\n      const tmpFilteredRows = filterAndSortRows();\n      setFilteredRows(tmpFilteredRows);\n      setTotal(tmpFilteredRows.length);\n\n      // Assign rows from and rows to\n      const rowsFrom = (currentPage - 1) * rowsPerPage;\n      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;\n\n      // Set from and to values\n      setFrom(rowsFrom + 1);\n      setTo(rowsTo);\n\n      // Filter out the rows\n      setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));\n    }\n  }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);\n\n\n  /**\n   * Applies a specific sorting to a column.\n   * If no sorting exists, then applies ascending initially\n   * @param column - Column to which sorting should be applied.\n   */\n  const sortTableColumn = (column: TableColumn): void => {\n    let columnKey = '';\n    let sortDirection: TableSortingDirection | undefined = undefined;\n\n    if (sort?.column !== column.key) {\n      columnKey = column.key;\n      sortDirection = 'asc';\n    } else {\n      if (sort?.direction === 'desc') {\n        columnKey = '';\n        sortDirection = undefined;\n      } else {\n        columnKey = sort.column;\n        sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';\n      }\n    }\n\n    if(columnKey == '')\n      setSort(undefined);\n    else\n      setSort({column: columnKey, direction: sortDirection!});\n\n    remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);\n  };\n\n  /**\n   * Navigates user back to the previous page and updates the current table page.\n   */\n  const previousPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onPreviousPageClick) {\n        onPreviousPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);\n    }\n  };\n\n  /**\n   * Navigates user to the next page and updates the current table page.\n   */\n  const nextPage = () => {\n    if (remoteOperations) {\n      // Let's inform parent component about page change\n      if (onNextPageClick) {\n        onNextPageClick();\n      }\n    } else {\n      // Let's change the page within the component\n      setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);\n    }\n  };\n\n  /**\n   * Updates the rows per page value and refreshes the table content accordingly.\n   * @param value - Newly selected rows per page value.\n   */\n  const changeRowsPerPage = (value: number) => {\n    // Let's check if we are using remote pagination\n    if (remoteOperations) {\n      // Inform parent component about rows per page change\n      if (onRowsPerPageChange) {\n        onRowsPerPageChange(value);\n      }\n    } else {\n      // Let's reset current page to 1\n      setCurrentPage(1);\n    }\n\n    // Let's set rows per page\n    setRowsPerPage(value);\n  };\n\n\n  /**\n   * Function which is called when a mouse click happens on a row to pass data to the parent component.\n   * @param row - Row in which the link is located.\n   */\n  const onRowClick = (row: any): void => {\n    const selectedText = window?.getSelection()?.toString();\n\n    if (selectedText?.length === 0 && selectable) {\n      const value = keyExpr ? row[keyExpr] : row;\n      let currentSelection = value;\n      if (!!multiSelect) {\n        const existing = selected?.indexOf(value);\n        if (existing > -1) {\n          currentSelection = [...selected];\n          currentSelection.splice(existing, 1);\n        } else {\n          currentSelection = [...selected, currentSelection];\n        }\n      }\n\n      setSelected(currentSelection)\n      props.onSelectionChange && props.onSelectionChange(currentSelection);\n    }\n  };\n\n  /**\n   * Function which is called when user clicks checkbox to select or deselect all rows.\n   */\n  const onSelectAllClick = () => {\n    const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\n\n    switch (selectAllState) {\n      case 'all':\n        setSelected([...selected].filter(item => !currentList.includes(item)));\n        setSelectAllState('none');\n        break;\n      case 'none':\n        setSelected([...selected, ...currentList]);\n        setSelectAllState('all');\n        break;\n      case 'some':\n        setSelected([...selected, ...currentList.filter(item => !selected.includes(item))]);\n        setSelectAllState('all');\n        break;\n    }\n  };\n\n  /**\n   * Return Table component.\n   */\n  return (\n    <TableWrapper className={props.border ? 'border' : undefined}>\n      <TableHeader {...props}/>\n      <TableBody {...props}\n                 currentPageRows={currentPageRows}\n                 selected={selected}\n                 onRowClick={onRowClick}\n                 sortByColumn={sortTableColumn}\n                 onSelectAllClick={onSelectAllClick}\n                 sortProps={sort}\n                 selectAllState={selectAllState}/>\n      <TableFooter {...props}\n                   onRowsPerPageChange={changeRowsPerPage}\n                   rowsPerPage={rowsPerPage}\n                   setIsCollapsed={setIsCollapsed}\n                   isCollapsed={isCollapsed}\n                   from={from}\n                   to={to}\n                   total={total}\n                   nextPage={nextPage}\n                   prevPage={previousPage}/>\n      {showLoadingIndicator && (\n        <StyledTableSpinner>\n          <LoadingIndicator size={Size.Medium}/>\n        </StyledTableSpinner>\n      )}\n    </TableWrapper>\n  );\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["React","Size","StyledTableSpinner","TableWrapper","LoadingIndicator","TableHeader","TableFooter","TableBody","Table","props","onPreviousPageClick","onNextPageClick","onRowsPerPageChange","onTriggerSortingChange","columns","rows","remoteOperations","pagination","showLoadingIndicator","selectable","multiSelect","keyExpr","sortProps","accordion","collapsed","collapsedRows","rowsPerPageLabel","useState","rowsPerPage","setRowsPerPage","filteredRows","setFilteredRows","currentPageRows","setCurrentPageRows","currentPage","setCurrentPage","sort","setSort","from","setFrom","to","setTo","total","setTotal","isCollapsed","setIsCollapsed","selectAllState","setSelectAllState","undefined","selected","setSelected","useEffect","selectedRows","currentList","map","row","count","filter","item","includes","length","filterAndSortRows","tmpFilteredRows","matchFilterCriteria","column","filterValue","key","toLowerCase","indexOf","direction","a","b","rowsFrom","rowsTo","slice","sortTableColumn","columnKey","sortDirection","previousPage","nextPage","changeRowsPerPage","value","onRowClick","selectedText","window","getSelection","toString","currentSelection","existing","splice","onSelectionChange","onSelectAllClick","border","Medium"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {Size} from '../types'\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {StyledTable, StyledTableSpinner, TableWrapper} from './TableStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {TableProps, TableColumn, TableSortingDirection, TableSortProps} from './TableTypes';\r\nimport {LoadingIndicator} from '../LoadingIndicator';\r\nimport TableHeader from './TableHeaders';\r\nimport TableFooter from './TableFooter';\r\nimport TableBody from './TableBody';\r\n\r\nconst Table: React.FunctionComponent<TableProps> = (props: TableProps) => {\r\n  let {\r\n    onPreviousPageClick,\r\n    onNextPageClick,\r\n    onRowsPerPageChange,\r\n    onTriggerSortingChange,\r\n    columns,\r\n    rows,\r\n    remoteOperations,\r\n    pagination,\r\n    showLoadingIndicator,\r\n    selectable,\r\n    multiSelect,\r\n    keyExpr,\r\n    sortProps,\r\n    accordion,\r\n    collapsed = true,\r\n    collapsedRows,\r\n    rowsPerPageLabel\r\n  } = props;\r\n\r\n  // States used within the component\r\n  const [rowsPerPage, setRowsPerPage] = React.useState<number>(10);\r\n  const [filteredRows, setFilteredRows] = React.useState<any[]>([]);\r\n  const [currentPageRows, setCurrentPageRows] = React.useState<any[]>([]);\r\n  const [currentPage, setCurrentPage] = React.useState<number>(1);\r\n  const [sort, setSort] = React.useState<TableSortProps | undefined>(sortProps);\r\n  const [from, setFrom] = React.useState<number>();\r\n  const [to, setTo] = React.useState<number>();\r\n  const [total, setTotal] = React.useState<number>();\r\n\r\n  const [isCollapsed, setIsCollapsed] = React.useState(true);\r\n\r\n  const [selectAllState, setSelectAllState] = React.useState<'all' | 'some' | 'none'>('none');\r\n\r\n  const [selected, setSelected] = React.useState<any | any[]>(multiSelect ? [] : undefined);\r\n\r\n  React.useEffect(() => {\r\n    setSort(sortProps);\r\n  }, [sortProps])\r\n\r\n  React.useEffect(() => {\r\n    setSelected(props.selectedRows || (multiSelect ? [] : undefined))\r\n  }, [props.selectedRows, multiSelect])\r\n\r\n  /**\r\n   * update select all checkbox state\r\n   */\r\n  React.useEffect(() => {\r\n    if (multiSelect) {\r\n      const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\r\n      const count = selected.filter((item: any) => currentList.includes(item)).length;\r\n\r\n      setSelectAllState(count === currentList.length ? 'all' : count > 0 ? 'some' : 'none');\r\n    }\r\n  }, [currentPageRows, multiSelect, selected, keyExpr])\r\n\r\n  /**\r\n   * Takes care of remote pagination.\r\n   * Works only in case remote pagination is set to true.\r\n   */\r\n  React.useEffect(() => {\r\n    if (remoteOperations) {\r\n      setCurrentPageRows(rows);\r\n\r\n      // Let's assign pagination values\r\n      setFrom(pagination?.from);\r\n      setTo(pagination?.to);\r\n      setTotal(pagination?.total);\r\n      setCurrentPage(pagination?.currentPage!);\r\n      setRowsPerPage(pagination?.rowsPerPage!);\r\n    }\r\n  }, [remoteOperations, pagination, rows]);\r\n\r\n  /**\r\n   * Sets number of rows to display when accordion.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!accordion) return;\r\n\r\n    setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);\r\n  }, [rows, accordion, collapsedRows, isCollapsed])\r\n\r\n  React.useEffect(() => {\r\n    if (!accordion) return;\r\n\r\n    setIsCollapsed(!!collapsed);\r\n  }, [accordion, collapsed])\r\n\r\n  /**\r\n   * Filters out a rows by specific column filters and sorts them if any sorting is set.\r\n   * @returns Filtered and sorted rows.\r\n   */\r\n  const filterAndSortRows = (): any[] => {\r\n    let tmpFilteredRows = rows.filter((row) => {\r\n      // Let's start with matched filter criteria\r\n      let matchFilterCriteria = true;\r\n\r\n      // Let's go through columns\r\n      for (const column of columns) {\r\n        // Let's check if filter value is specified for the column\r\n        // And if it doesn't match the current row column value\r\n        // Then let's update match filter criteria to failed\r\n        if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {\r\n          matchFilterCriteria = false;\r\n        }\r\n      }\r\n\r\n      // Let's return row only in case match filter criteria succeeds\r\n      if (matchFilterCriteria) {\r\n        return row;\r\n      }\r\n    });\r\n\r\n    // Let's apply sorting if needed\r\n    if (!!sort?.column && !!sort?.direction) {\r\n      // Let's sort the rows\r\n      tmpFilteredRows.sort((a, b) => {\r\n        if (a[sort.column!] > b[sort.column!]) {\r\n          return sort.direction! === 'asc' ? 1 : -1;\r\n        } else if (a[sort.column!] < b[sort.column!]) {\r\n          return sort.direction! === 'asc' ? -1 : 1;\r\n        } else {\r\n          return 0;\r\n        }\r\n      });\r\n    }\r\n\r\n    // Let's return filtered rows\r\n    return tmpFilteredRows;\r\n  };\r\n\r\n  /**\r\n   * Takes care of local pagination.\r\n   * Works only in case remote pagination is not defined or is set to false.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!remoteOperations) {\r\n      // Let's retrieve temporary filtered rows and update globally filtered rows\r\n      const tmpFilteredRows = filterAndSortRows();\r\n      setFilteredRows(tmpFilteredRows);\r\n      setTotal(tmpFilteredRows.length);\r\n\r\n      // Assign rows from and rows to\r\n      const rowsFrom = (currentPage - 1) * rowsPerPage;\r\n      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;\r\n\r\n      // Set from and to values\r\n      setFrom(rowsFrom + 1);\r\n      setTo(rowsTo);\r\n\r\n      // Filter out the rows\r\n      setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));\r\n    }\r\n  }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);\r\n\r\n\r\n  /**\r\n   * Applies a specific sorting to a column.\r\n   * If no sorting exists, then applies ascending initially\r\n   * @param column - Column to which sorting should be applied.\r\n   */\r\n  const sortTableColumn = (column: TableColumn): void => {\r\n    let columnKey = '';\r\n    let sortDirection: TableSortingDirection | undefined = undefined;\r\n\r\n    if (sort?.column !== column.key) {\r\n      columnKey = column.key;\r\n      sortDirection = 'asc';\r\n    } else {\r\n      if (sort?.direction === 'desc') {\r\n        columnKey = '';\r\n        sortDirection = undefined;\r\n      } else {\r\n        columnKey = sort.column;\r\n        sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';\r\n      }\r\n    }\r\n\r\n    if(columnKey == '')\r\n      setSort(undefined);\r\n    else\r\n      setSort({column: columnKey, direction: sortDirection!});\r\n\r\n    remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);\r\n  };\r\n\r\n  /**\r\n   * Navigates user back to the previous page and updates the current table page.\r\n   */\r\n  const previousPage = () => {\r\n    if (remoteOperations) {\r\n      // Let's inform parent component about page change\r\n      if (onPreviousPageClick) {\r\n        onPreviousPageClick();\r\n      }\r\n    } else {\r\n      // Let's change the page within the component\r\n      setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Navigates user to the next page and updates the current table page.\r\n   */\r\n  const nextPage = () => {\r\n    if (remoteOperations) {\r\n      // Let's inform parent component about page change\r\n      if (onNextPageClick) {\r\n        onNextPageClick();\r\n      }\r\n    } else {\r\n      // Let's change the page within the component\r\n      setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Updates the rows per page value and refreshes the table content accordingly.\r\n   * @param value - Newly selected rows per page value.\r\n   */\r\n  const changeRowsPerPage = (value: number) => {\r\n    // Let's check if we are using remote pagination\r\n    if (remoteOperations) {\r\n      // Inform parent component about rows per page change\r\n      if (onRowsPerPageChange) {\r\n        onRowsPerPageChange(value);\r\n      }\r\n    } else {\r\n      // Let's reset current page to 1\r\n      setCurrentPage(1);\r\n    }\r\n\r\n    // Let's set rows per page\r\n    setRowsPerPage(value);\r\n  };\r\n\r\n\r\n  /**\r\n   * Function which is called when a mouse click happens on a row to pass data to the parent component.\r\n   * @param row - Row in which the link is located.\r\n   */\r\n  const onRowClick = (row: any): void => {\r\n    const selectedText = window?.getSelection()?.toString();\r\n\r\n    if (selectedText?.length === 0 && selectable) {\r\n      const value = keyExpr ? row[keyExpr] : row;\r\n      let currentSelection = value;\r\n      if (!!multiSelect) {\r\n        const existing = selected?.indexOf(value);\r\n        if (existing > -1) {\r\n          currentSelection = [...selected];\r\n          currentSelection.splice(existing, 1);\r\n        } else {\r\n          currentSelection = [...selected, currentSelection];\r\n        }\r\n      }\r\n\r\n      setSelected(currentSelection)\r\n      props.onSelectionChange && props.onSelectionChange(currentSelection);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Function which is called when user clicks checkbox to select or deselect all rows.\r\n   */\r\n  const onSelectAllClick = () => {\r\n    const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);\r\n\r\n    switch (selectAllState) {\r\n      case 'all':\r\n        setSelected([...selected].filter(item => !currentList.includes(item)));\r\n        setSelectAllState('none');\r\n        break;\r\n      case 'none':\r\n        setSelected([...selected, ...currentList]);\r\n        setSelectAllState('all');\r\n        break;\r\n      case 'some':\r\n        setSelected([...selected, ...currentList.filter(item => !selected.includes(item))]);\r\n        setSelectAllState('all');\r\n        break;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Table component.\r\n   */\r\n  return (\r\n    <TableWrapper className={props.border ? 'border' : undefined}>\r\n      <TableHeader {...props}/>\r\n      <TableBody {...props}\r\n                 currentPageRows={currentPageRows}\r\n                 selected={selected}\r\n                 onRowClick={onRowClick}\r\n                 sortByColumn={sortTableColumn}\r\n                 onSelectAllClick={onSelectAllClick}\r\n                 sortProps={sort}\r\n                 selectAllState={selectAllState}/>\r\n      <TableFooter {...props}\r\n                   onRowsPerPageChange={changeRowsPerPage}\r\n                   rowsPerPage={rowsPerPage}\r\n                   setIsCollapsed={setIsCollapsed}\r\n                   isCollapsed={isCollapsed}\r\n                   from={from}\r\n                   to={to}\r\n                   total={total}\r\n                   nextPage={nextPage}\r\n                   prevPage={previousPage}/>\r\n      {showLoadingIndicator && (\r\n        <StyledTableSpinner>\r\n          <LoadingIndicator size={Size.Medium}/>\r\n        </StyledTableSpinner>\r\n      )}\r\n    </TableWrapper>\r\n  );\r\n};\r\n\r\nexport default Table;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,SAAQC,IAAI,QAAO,UAAU;;AAE7B;AACA;AACA;AACA,SAAqBC,kBAAkB,EAAEC,YAAY,QAAO,eAAe;;AAE3E;AACA;AACA;;AAEA,SAAQC,gBAAgB,QAAO,qBAAqB;AACpD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA;AAEpC,IAAMC,KAA0C,GAAG,SAA7CA,KAA0C,CAAIC,KAAiB,EAAK;EACxE,IACEC,mBAAmB,GAiBjBD,KAAK,CAjBPC,mBAAmB;IACnBC,eAAe,GAgBbF,KAAK,CAhBPE,eAAe;IACfC,mBAAmB,GAejBH,KAAK,CAfPG,mBAAmB;IACnBC,sBAAsB,GAcpBJ,KAAK,CAdPI,sBAAsB;IACtBC,OAAO,GAaLL,KAAK,CAbPK,OAAO;IACPC,IAAI,GAYFN,KAAK,CAZPM,IAAI;IACJC,gBAAgB,GAWdP,KAAK,CAXPO,gBAAgB;IAChBC,UAAU,GAURR,KAAK,CAVPQ,UAAU;IACVC,oBAAoB,GASlBT,KAAK,CATPS,oBAAoB;IACpBC,UAAU,GAQRV,KAAK,CARPU,UAAU;IACVC,WAAW,GAOTX,KAAK,CAPPW,WAAW;IACXC,OAAO,GAMLZ,KAAK,CANPY,OAAO;IACPC,SAAS,GAKPb,KAAK,CALPa,SAAS;IACTC,SAAS,GAIPd,KAAK,CAJPc,SAAS;IAAA,mBAIPd,KAAK,CAHPe,SAAS;IAATA,SAAS,iCAAG,IAAI;IAChBC,aAAa,GAEXhB,KAAK,CAFPgB,aAAa;IACbC,gBAAgB,GACdjB,KAAK,CADPiB,gBAAgB;;EAGlB;EACA,sBAAsC1B,KAAK,CAAC2B,QAAQ,CAAS,EAAE,CAAC;IAAA;IAAzDC,WAAW;IAAEC,cAAc;EAClC,uBAAwC7B,KAAK,CAAC2B,QAAQ,CAAQ,EAAE,CAAC;IAAA;IAA1DG,YAAY;IAAEC,eAAe;EACpC,uBAA8C/B,KAAK,CAAC2B,QAAQ,CAAQ,EAAE,CAAC;IAAA;IAAhEK,eAAe;IAAEC,kBAAkB;EAC1C,uBAAsCjC,KAAK,CAAC2B,QAAQ,CAAS,CAAC,CAAC;IAAA;IAAxDO,WAAW;IAAEC,cAAc;EAClC,uBAAwBnC,KAAK,CAAC2B,QAAQ,CAA6BL,SAAS,CAAC;IAAA;IAAtEc,IAAI;IAAEC,OAAO;EACpB,wBAAwBrC,KAAK,CAAC2B,QAAQ,EAAU;IAAA;IAAzCW,IAAI;IAAEC,OAAO;EACpB,wBAAoBvC,KAAK,CAAC2B,QAAQ,EAAU;IAAA;IAArCa,EAAE;IAAEC,KAAK;EAChB,wBAA0BzC,KAAK,CAAC2B,QAAQ,EAAU;IAAA;IAA3Ce,KAAK;IAAEC,QAAQ;EAEtB,wBAAsC3C,KAAK,CAAC2B,QAAQ,CAAC,IAAI,CAAC;IAAA;IAAnDiB,WAAW;IAAEC,cAAc;EAElC,wBAA4C7C,KAAK,CAAC2B,QAAQ,CAA0B,MAAM,CAAC;IAAA;IAApFmB,cAAc;IAAEC,iBAAiB;EAExC,wBAAgC/C,KAAK,CAAC2B,QAAQ,CAAcP,WAAW,GAAG,EAAE,GAAG4B,SAAS,CAAC;IAAA;IAAlFC,QAAQ;IAAEC,WAAW;EAE5BlD,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpBd,OAAO,CAACf,SAAS,CAAC;EACpB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEftB,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpBD,WAAW,CAACzC,KAAK,CAAC2C,YAAY,KAAKhC,WAAW,GAAG,EAAE,GAAG4B,SAAS,CAAC,CAAC;EACnE,CAAC,EAAE,CAACvC,KAAK,CAAC2C,YAAY,EAAEhC,WAAW,CAAC,CAAC;;EAErC;AACF;AACA;EACEpB,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpB,IAAI/B,WAAW,EAAE;MACf,IAAMiC,WAAW,GAAGrB,eAAe,CAACsB,GAAG,CAAC,UAAAC,GAAG;QAAA,OAAIlC,OAAO,GAAGkC,GAAG,CAAClC,OAAO,CAAC,GAAGkC,GAAG;MAAA,EAAC;MAC5E,IAAMC,KAAK,GAAGP,QAAQ,CAACQ,MAAM,CAAC,UAACC,IAAS;QAAA,OAAKL,WAAW,CAACM,QAAQ,CAACD,IAAI,CAAC;MAAA,EAAC,CAACE,MAAM;MAE/Eb,iBAAiB,CAACS,KAAK,KAAKH,WAAW,CAACO,MAAM,GAAG,KAAK,GAAGJ,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACvF;EACF,CAAC,EAAE,CAACxB,eAAe,EAAEZ,WAAW,EAAE6B,QAAQ,EAAE5B,OAAO,CAAC,CAAC;;EAErD;AACF;AACA;AACA;EACErB,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpB,IAAInC,gBAAgB,EAAE;MACpBiB,kBAAkB,CAAClB,IAAI,CAAC;;MAExB;MACAwB,OAAO,CAACtB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEqB,IAAI,CAAC;MACzBG,KAAK,CAACxB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEuB,EAAE,CAAC;MACrBG,QAAQ,CAAC1B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEyB,KAAK,CAAC;MAC3BP,cAAc,CAAClB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEiB,WAAW,CAAE;MACxCL,cAAc,CAACZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEW,WAAW,CAAE;IAC1C;EACF,CAAC,EAAE,CAACZ,gBAAgB,EAAEC,UAAU,EAAEF,IAAI,CAAC,CAAC;;EAExC;AACF;AACA;EACEf,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC5B,SAAS,EAAE;IAEhBM,cAAc,CAACe,WAAW,GAAGnB,aAAa,IAAI,EAAE,GAAGV,IAAI,CAAC6C,MAAM,CAAC;EACjE,CAAC,EAAE,CAAC7C,IAAI,EAAEQ,SAAS,EAAEE,aAAa,EAAEmB,WAAW,CAAC,CAAC;EAEjD5C,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC5B,SAAS,EAAE;IAEhBsB,cAAc,CAAC,CAAC,CAACrB,SAAS,CAAC;EAC7B,CAAC,EAAE,CAACD,SAAS,EAAEC,SAAS,CAAC,CAAC;;EAE1B;AACF;AACA;AACA;EACE,IAAMqC,iBAAiB,GAAG,SAApBA,iBAAiB,GAAgB;IACrC,IAAIC,eAAe,GAAG/C,IAAI,CAAC0C,MAAM,CAAC,UAACF,GAAG,EAAK;MACzC;MACA,IAAIQ,mBAAmB,GAAG,IAAI;;MAE9B;MAAA,2CACqBjD,OAAO;QAAA;MAAA;QAA5B,oDAA8B;UAAA,IAAnBkD,MAAM;UACf;UACA;UACA;UACA,IAAIA,MAAM,CAACC,WAAW,IAAIV,GAAG,CAACS,MAAM,CAACE,GAAG,CAAC,CAACC,WAAW,EAAE,CAACC,OAAO,CAACJ,MAAM,CAACC,WAAW,CAACE,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;YACxGJ,mBAAmB,GAAG,KAAK;UAC7B;QACF;;QAEA;MAAA;QAAA;MAAA;QAAA;MAAA;MACA,IAAIA,mBAAmB,EAAE;QACvB,OAAOR,GAAG;MACZ;IACF,CAAC,CAAC;;IAEF;IACA,IAAI,CAAC,EAACnB,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE4B,MAAM,KAAI,CAAC,EAAC5B,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEiC,SAAS,GAAE;MACvC;MACAP,eAAe,CAAC1B,IAAI,CAAC,UAACkC,CAAC,EAAEC,CAAC,EAAK;QAC7B,IAAID,CAAC,CAAClC,IAAI,CAAC4B,MAAM,CAAE,GAAGO,CAAC,CAACnC,IAAI,CAAC4B,MAAM,CAAE,EAAE;UACrC,OAAO5B,IAAI,CAACiC,SAAS,KAAM,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,CAAC,MAAM,IAAIC,CAAC,CAAClC,IAAI,CAAC4B,MAAM,CAAE,GAAGO,CAAC,CAACnC,IAAI,CAAC4B,MAAM,CAAE,EAAE;UAC5C,OAAO5B,IAAI,CAACiC,SAAS,KAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;QAC3C,CAAC,MAAM;UACL,OAAO,CAAC;QACV;MACF,CAAC,CAAC;IACJ;;IAEA;IACA,OAAOP,eAAe;EACxB,CAAC;;EAED;AACF;AACA;AACA;EACE9D,KAAK,CAACmD,SAAS,CAAC,YAAM;IACpB,IAAI,CAACnC,gBAAgB,EAAE;MACrB;MACA,IAAM8C,eAAe,GAAGD,iBAAiB,EAAE;MAC3C9B,eAAe,CAAC+B,eAAe,CAAC;MAChCnB,QAAQ,CAACmB,eAAe,CAACF,MAAM,CAAC;;MAEhC;MACA,IAAMY,QAAQ,GAAG,CAACtC,WAAW,GAAG,CAAC,IAAIN,WAAW;MAChD,IAAM6C,MAAM,GAAGD,QAAQ,GAAG5C,WAAW,IAAIkC,eAAe,CAACF,MAAM,GAAGE,eAAe,CAACF,MAAM,GAAGY,QAAQ,GAAG5C,WAAW;;MAEjH;MACAW,OAAO,CAACiC,QAAQ,GAAG,CAAC,CAAC;MACrB/B,KAAK,CAACgC,MAAM,CAAC;;MAEb;MACAxC,kBAAkB,CAAC6B,eAAe,CAACY,KAAK,CAACF,QAAQ,EAAEC,MAAM,CAAC,CAAC;IAC7D;EACF,CAAC,EAAE,CAAC7C,WAAW,EAAEb,IAAI,EAAEmB,WAAW,EAAEpB,OAAO,EAAEsB,IAAI,EAAEpB,gBAAgB,CAAC,CAAC;;EAGrE;AACF;AACA;AACA;AACA;EACE,IAAM2D,eAAe,GAAG,SAAlBA,eAAe,CAAIX,MAAmB,EAAW;IACrD,IAAIY,SAAS,GAAG,EAAE;IAClB,IAAIC,aAAgD,GAAG7B,SAAS;IAEhE,IAAI,CAAAZ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE4B,MAAM,MAAKA,MAAM,CAACE,GAAG,EAAE;MAC/BU,SAAS,GAAGZ,MAAM,CAACE,GAAG;MACtBW,aAAa,GAAG,KAAK;IACvB,CAAC,MAAM;MACL,IAAI,CAAAzC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEiC,SAAS,MAAK,MAAM,EAAE;QAC9BO,SAAS,GAAG,EAAE;QACdC,aAAa,GAAG7B,SAAS;MAC3B,CAAC,MAAM;QACL4B,SAAS,GAAGxC,IAAI,CAAC4B,MAAM;QACvBa,aAAa,GAAGzC,IAAI,CAACiC,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK;MAC3D;IACF;IAEA,IAAGO,SAAS,IAAI,EAAE,EAChBvC,OAAO,CAACW,SAAS,CAAC,CAAC,KAEnBX,OAAO,CAAC;MAAC2B,MAAM,EAAEY,SAAS;MAAEP,SAAS,EAAEQ;IAAc,CAAC,CAAC;IAEzD7D,gBAAgB,IAAIH,sBAAsB,IAAIA,sBAAsB,CAAC+D,SAAS,EAAEC,aAAa,CAAC;EAChG,CAAC;;EAED;AACF;AACA;EACE,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzB,IAAI9D,gBAAgB,EAAE;MACpB;MACA,IAAIN,mBAAmB,EAAE;QACvBA,mBAAmB,EAAE;MACvB;IACF,CAAC,MAAM;MACL;MACAyB,cAAc,CAACD,WAAW,GAAG,CAAC,GAAGA,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IACvD;EACF,CAAC;;EAED;AACF;AACA;EACE,IAAM6C,QAAQ,GAAG,SAAXA,QAAQ,GAAS;IACrB,IAAI/D,gBAAgB,EAAE;MACpB;MACA,IAAIL,eAAe,EAAE;QACnBA,eAAe,EAAE;MACnB;IACF,CAAC,MAAM;MACL;MACAwB,cAAc,CAACD,WAAW,GAAGN,WAAW,IAAIE,YAAY,CAAC8B,MAAM,GAAG1B,WAAW,GAAGA,WAAW,GAAG,CAAC,CAAC;IAClG;EACF,CAAC;;EAED;AACF;AACA;AACA;EACE,IAAM8C,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAa,EAAK;IAC3C;IACA,IAAIjE,gBAAgB,EAAE;MACpB;MACA,IAAIJ,mBAAmB,EAAE;QACvBA,mBAAmB,CAACqE,KAAK,CAAC;MAC5B;IACF,CAAC,MAAM;MACL;MACA9C,cAAc,CAAC,CAAC,CAAC;IACnB;;IAEA;IACAN,cAAc,CAACoD,KAAK,CAAC;EACvB,CAAC;;EAGD;AACF;AACA;AACA;EACE,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAI3B,GAAQ,EAAW;IAAA;IACrC,IAAM4B,YAAY,cAAGC,MAAM,oEAAN,QAAQC,YAAY,EAAE,yDAAtB,qBAAwBC,QAAQ,EAAE;IAEvD,IAAI,CAAAH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEvB,MAAM,MAAK,CAAC,IAAIzC,UAAU,EAAE;MAC5C,IAAM8D,KAAK,GAAG5D,OAAO,GAAGkC,GAAG,CAAClC,OAAO,CAAC,GAAGkC,GAAG;MAC1C,IAAIgC,gBAAgB,GAAGN,KAAK;MAC5B,IAAI,CAAC,CAAC7D,WAAW,EAAE;QACjB,IAAMoE,QAAQ,GAAGvC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEmB,OAAO,CAACa,KAAK,CAAC;QACzC,IAAIO,QAAQ,GAAG,CAAC,CAAC,EAAE;UACjBD,gBAAgB,sBAAOtC,QAAQ,CAAC;UAChCsC,gBAAgB,CAACE,MAAM,CAACD,QAAQ,EAAE,CAAC,CAAC;QACtC,CAAC,MAAM;UACLD,gBAAgB,gCAAOtC,QAAQ,IAAEsC,gBAAgB,EAAC;QACpD;MACF;MAEArC,WAAW,CAACqC,gBAAgB,CAAC;MAC7B9E,KAAK,CAACiF,iBAAiB,IAAIjF,KAAK,CAACiF,iBAAiB,CAACH,gBAAgB,CAAC;IACtE;EACF,CAAC;;EAED;AACF;AACA;EACE,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;IAC7B,IAAMtC,WAAW,GAAGrB,eAAe,CAACsB,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAIlC,OAAO,GAAGkC,GAAG,CAAClC,OAAO,CAAC,GAAGkC,GAAG;IAAA,EAAC;IAE5E,QAAQT,cAAc;MACpB,KAAK,KAAK;QACRI,WAAW,CAAC,mBAAID,QAAQ,EAAEQ,MAAM,CAAC,UAAAC,IAAI;UAAA,OAAI,CAACL,WAAW,CAACM,QAAQ,CAACD,IAAI,CAAC;QAAA,EAAC,CAAC;QACtEX,iBAAiB,CAAC,MAAM,CAAC;QACzB;MACF,KAAK,MAAM;QACTG,WAAW,8BAAKD,QAAQ,sBAAKI,WAAW,GAAE;QAC1CN,iBAAiB,CAAC,KAAK,CAAC;QACxB;MACF,KAAK,MAAM;QACTG,WAAW,8BAAKD,QAAQ,sBAAKI,WAAW,CAACI,MAAM,CAAC,UAAAC,IAAI;UAAA,OAAI,CAACT,QAAQ,CAACU,QAAQ,CAACD,IAAI,CAAC;QAAA,EAAC,GAAE;QACnFX,iBAAiB,CAAC,KAAK,CAAC;QACxB;IAAM;EAEZ,CAAC;;EAED;AACF;AACA;EACE,oBACE,MAAC,YAAY;IAAC,SAAS,EAAEtC,KAAK,CAACmF,MAAM,GAAG,QAAQ,GAAG5C,SAAU;IAAA,wBAC3D,KAAC,WAAW,oBAAKvC,KAAK,EAAG,eACzB,KAAC,SAAS,kCAAKA,KAAK;MACT,eAAe,EAAEuB,eAAgB;MACjC,QAAQ,EAAEiB,QAAS;MACnB,UAAU,EAAEiC,UAAW;MACvB,YAAY,EAAEP,eAAgB;MAC9B,gBAAgB,EAAEgB,gBAAiB;MACnC,SAAS,EAAEvD,IAAK;MAChB,cAAc,EAAEU;IAAe,GAAE,eAC5C,KAAC,WAAW,kCAAKrC,KAAK;MACT,mBAAmB,EAAEuE,iBAAkB;MACvC,WAAW,EAAEpD,WAAY;MACzB,cAAc,EAAEiB,cAAe;MAC/B,WAAW,EAAED,WAAY;MACzB,IAAI,EAAEN,IAAK;MACX,EAAE,EAAEE,EAAG;MACP,KAAK,EAAEE,KAAM;MACb,QAAQ,EAAEqC,QAAS;MACnB,QAAQ,EAAED;IAAa,GAAE,EACrC5D,oBAAoB,iBACnB,KAAC,kBAAkB;MAAA,uBACjB,KAAC,gBAAgB;QAAC,IAAI,EAAEjB,IAAI,CAAC4F;MAAO;IAAE,EAEzC;EAAA,EACY;AAEnB,CAAC;AAED,eAAerF,KAAK"}

package/dist/Table/TableBody.cjs

@@ -145,7 +145,7 @@ var TableBody = function TableBody(props) {
               })
             })
           }), props.columns.map(function (column) {
-            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4;
+            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4, _props$sortProps5, _props$sortProps6, _props$sortProps7, _props$sortProps8, _props$sortProps9;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumn, {
               onMouseDown: _common.defaultOnMouseDownHandler,
               onClick: function onClick(e) {
@@ -156,16 +156,18 @@ var TableBody = function TableBody(props) {
                   column.sortable && props.sortByColumn(column);
                 }
               },
+              "aria-pressed": column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? true : undefined,
+              "aria-sort": column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && !!((_props$sortProps4 = props.sortProps) !== null && _props$sortProps4 !== void 0 && _props$sortProps4.direction) ? ((_props$sortProps5 = props.sortProps) === null || _props$sortProps5 === void 0 ? void 0 : _props$sortProps5.direction) == 'asc' ? 'ascending' : 'descending' : undefined,
               style: {
                 width: column.width
               },
               tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1,
-              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
+              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps6 = props.sortProps) === null || _props$sortProps6 === void 0 ? void 0 : _props$sortProps6.column) && !!((_props$sortProps7 = props.sortProps) !== null && _props$sortProps7 !== void 0 && _props$sortProps7.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.StyledTableHeaderColumnContent, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                   children: column.name
-                }), column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumnSortDirection, {
-                  children: ((_props$sortProps4 = props.sortProps) === null || _props$sortProps4 === void 0 ? void 0 : _props$sortProps4.direction) === 'asc' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineUp, {
+                }), column.key === ((_props$sortProps8 = props.sortProps) === null || _props$sortProps8 === void 0 ? void 0 : _props$sortProps8.column) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderColumnSortDirection, {
+                  children: ((_props$sortProps9 = props.sortProps) === null || _props$sortProps9 === void 0 ? void 0 : _props$sortProps9.direction) === 'asc' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineUp, {
                     size: '24px'
                   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineDown, {
                     size: '24px'

package/dist/Table/TableBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs","names":["TableBody","props","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","React","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","defaultOnMouseDownHandler","sortable","sortByColumn","width","sortProps","direction","justify","name","currentPageRows","length","index","selectable","onRowClick","undefined","maxWidth","shortenText","noRowsLabel"],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["import {TableColumn, TableProps} from './TableTypes';\nimport {Button} from '../Button';\nimport {Size} from '../types';\nimport * as React from 'react';\nimport {Checkbox} from '../InputFields';\nimport {ButtonProps} from '../Button/Button';\nimport IconButton, {IconButtonProps} from '../Button/Iconbutton';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {HyperLink} from '../HyperLink';\nimport {\n  StyledTableBody,\n  StyledTableBodyRow,\n  StyledTableCell,\n  StyledTableCellContent,\n  StyledTableCellIcon,\n  StyledTableCellText,\n  StyledTableHeaderColumn,\n  StyledTableHeaderColumnContent,\n  StyledTableHeaderColumns,\n  StyledTableNoRowsLabelRow,\n  StyledTable, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {SystemIcons} from \"../icons\";\nimport {useDimensionsRef} from \"rooks\";\n\n\ninterface TableBodyProps extends TableProps {\n  currentPageRows: any[];\n  onRowClick?: (row: any) => void;\n  selected?: any | any[];\n  sortByColumn: (column: TableColumn) => void;\n  onSelectAllClick: () => void;\n  selectAllState: 'all' | 'some' | 'none';\n}\n\nconst TableBody: React.FC<TableBodyProps> = (props) => {\n\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({updateOnResize: true});\n  const [scrollable, setScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const clientWidth = node?.clientWidth ?? 0;\n    const scrollWidth = node?.scrollWidth ?? 0;\n    setScrollable(scrollWidth > clientWidth);\n  }, [dimensions, node, props.columns, props.rows]);\n\n\n  const renderCellBody = (column: TableColumn, row: any) => {\n      switch (column.type) {\n        case 'link': {\n          const tmp = ({\n            variant: 'default',\n            href: '#',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as HyperlinkProps;\n          return (\n            <HyperLink style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                       {...tmp}\n                       onClick={(e) => {\n                         e.preventDefault();\n                         e.stopPropagation();\n                         column.action && column.action(row, e);\n                       }}>\n              {row[column.key]}\n            </HyperLink>\n          );\n        }\n        case 'icon': {\n          const tmp = ({\n            iconColor: column.colorFn && column.colorFn(row, column.key),\n            variant: 'secondary',\n            shape: 'circular',\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            useTransparentBackground: true,\n            ...column.additionalProps\n          }) as IconButtonProps;\n          return <IconButton  {...tmp}\n                              action={(e) => {\n                                e?.stopPropagation();\n                                column.action && column.action(row, e);\n                              }}>\n            {column.icon}\n          </IconButton>\n        }\n        case 'button': {\n          const tmp = ({\n            variant: 'tertiary',\n            size: Size.Small,\n            tabIndex: props.showLoadingIndicator ? -1 : 0,\n            ...column.additionalProps\n          }) as ButtonProps;\n          return <Button style={column.colorFn && {color: column.colorFn(row, column.key)}}\n                         {...tmp}\n                         onClick={(e) => {\n                           e?.stopPropagation();\n                           column.action && column.action(row, e);\n                         }}>\n            {row[column.key]}\n          </Button>\n        }\n        case 'boolean':\n          return <Checkbox selected={!!row[column.key]} readOnly={true}/>;\n        case 'custom':\n          return column.customContent && column.customContent(row, column.key);\n        case 'number':\n        case 'text':\n        default:\n          return (\n            <>\n              {\n                column.icon &&\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\n              }\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\n            </>\n          );\n      }\n    }\n\n  const isSelected = (row: any) => {\n    return (props.multiSelect && props.selected?.indexOf(props.keyExpr ? row[props.keyExpr] : row) > -1) ||\n      (!props.multiSelect && props.selected === (props.keyExpr ? row[props.keyExpr] : row));\n  }\n\n  return (\n      <StyledTableBodyWrapper ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n          <StyledTable cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\" className={`table ${props.layout || ''}`}>\n          <StyledTableHeaderRow>\n            <StyledTableHeaderColumns data-testid=\"TestTableColumnHeaderRow\">\n            {\n              props.multiSelect &&\n                <StyledTableHeaderColumn>\n                    <StyledTableHeaderColumnContent>\n                        <Checkbox selected={props.selectAllState === 'all'}\n                                  disabled={props.showLoadingIndicator}\n                                  semiSelected={props.selectAllState === 'some'}\n                                  select={props.onSelectAllClick}/>\n                    </StyledTableHeaderColumnContent>\n                </StyledTableHeaderColumn>\n            }\n            {props.columns.map((column: TableColumn) => (\n              <StyledTableHeaderColumn key={column.key}\n                                       onMouseDown={defaultOnMouseDownHandler}\n                                       onClick={(e) => column.sortable && props.sortByColumn(column)}\n                                       onKeyPress={(e) => {\n                                         if (e.key === 'Enter' || e.key === ' ') {\n                                           column.sortable && props.sortByColumn(column)\n                                         }\n                                       }}\n                                       style={{width: column.width}}\n                                       tabIndex={column.sortable && !props.showLoadingIndicator ? 0 : -1}\n                                       className={`${!!column.sortable ? 'sortable' : ''} ${column.key === props.sortProps?.column && !!props.sortProps?.direction ? 'sorted' : ''} ${column.justify || ''}`}>\n                <StyledTableHeaderColumnContent>\n                <span>\n                  {column.name}\n                </span>\n                  {\n                    column.key === props.sortProps?.column &&\n                    (\n                      <StyledTableHeaderColumnSortDirection>\n                        {\n                          props.sortProps?.direction === 'asc'\n                            ?  <SystemIcons.ArrowLineUp size={'24px'}/>\n                            : <SystemIcons.ArrowLineDown size={'24px'}/>\n                        }\n                      </StyledTableHeaderColumnSortDirection>\n                    )\n                  }\n                </StyledTableHeaderColumnContent>\n              </StyledTableHeaderColumn>\n            ))}\n          </StyledTableHeaderColumns>\n          </StyledTableHeaderRow>\n          <StyledTableBody>\n            {props.currentPageRows.length > 0 ? (\n              props.currentPageRows.map((row: any, index: number) => (\n                <StyledTableBodyRow key={`row_${index}`}\n                                    className={`${props.selectable ? 'selectable' : ''} ${isSelected(row) ? 'selected' : ''}`}\n                                    onClick={() => props.onRowClick && props.onRowClick(row)}\n                                    onMouseDown={defaultOnMouseDownHandler}\n                                    onKeyPress={(e) => {\n                                      if (e.key === 'Enter') {\n                                        props.onRowClick && props.onRowClick(row);\n                                      }\n                                    }}\n                                    tabIndex={props.selectable && !props.showLoadingIndicator ? 0 : undefined}\n                                    data-testid=\"TestTableDataRow\">\n                  {\n                    props.multiSelect &&\n                      <StyledTableCell>\n                          <StyledTableCellContent>\n                              <Checkbox selected={isSelected(row)}/>\n                          </StyledTableCellContent>\n                      </StyledTableCell>\n                  }\n                  {props.columns.map((column: TableColumn) => (\n                    <StyledTableCell key={`row_${index}_${column.key}`}\n                                     style={{maxWidth: column.width}}\n                                     title={column.shortenText && row[column.key]}>\n                      <StyledTableCellContent\n                        className={`${column.shortenText ? `truncate-text` : ''} ${column.justify || ''}`}\n                        style={{\n                          color: column.colorFn && column.colorFn(row, column.key),\n                        }}>\n                        {renderCellBody(column, row)}\n                      </StyledTableCellContent>\n                    </StyledTableCell>\n                  ))}\n                </StyledTableBodyRow>\n              ))\n            ) : (\n              <StyledTableNoRowsLabelRow data-testid=\"TestTableNoDataRow\">\n                <StyledTableCell colSpan={props.columns.length + (props.multiSelect ? 1 : 0)}>\n                  <StyledTableCellContent className={'center'}>\n                    {props.noRowsLabel ?? 'There are no rows to display'}\n                  </StyledTableCellContent>\n                </StyledTableCell>\n              </StyledTableNoRowsLabelRow>\n            )}\n\n          </StyledTableBody>\n        </StyledTable>\n      </StyledTableBodyWrapper>\n    );\n  }\n;\n\nexport default TableBody;\n"],"mappings":"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"}
+{"version":3,"file":"TableBody.cjs","names":["TableBody","props","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","React","useState","scrollable","setScrollable","useEffect","clientWidth","scrollWidth","columns","rows","renderCellBody","column","row","type","tmp","variant","href","tabIndex","showLoadingIndicator","additionalProps","colorFn","color","key","e","preventDefault","stopPropagation","action","iconColor","shape","useTransparentBackground","icon","size","Size","Small","customContent","isSelected","multiSelect","selected","indexOf","keyExpr","layout","selectAllState","onSelectAllClick","map","defaultOnMouseDownHandler","sortable","sortByColumn","sortProps","direction","undefined","width","justify","name","currentPageRows","length","index","selectable","onRowClick","maxWidth","shortenText","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, StyledTableBodyWrapper, StyledTableHeaderRow, StyledTableHeaderColumnSortDirection,\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {SystemIcons} from \"../icons\";\r\nimport {useDimensionsRef} from \"rooks\";\r\n\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 TableBody: React.FC<TableBodyProps> = (props) => {\r\n\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\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 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 <IconButton  {...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        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 <Button 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        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              {\r\n                column.icon &&\r\n                  <StyledTableCellIcon>{column.icon}</StyledTableCellIcon>\r\n              }\r\n              <StyledTableCellText>{row[column.key]}</StyledTableCellText>\r\n            </>\r\n          );\r\n      }\r\n    }\r\n\r\n  const isSelected = (row: any) => {\r\n    return (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  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            {\r\n              props.multiSelect &&\r\n                <StyledTableHeaderColumn>\r\n                    <StyledTableHeaderColumnContent>\r\n                        <Checkbox selected={props.selectAllState === 'all'}\r\n                                  disabled={props.showLoadingIndicator}\r\n                                  semiSelected={props.selectAllState === 'some'}\r\n                                  select={props.onSelectAllClick}/>\r\n                    </StyledTableHeaderColumnContent>\r\n                </StyledTableHeaderColumn>\r\n            }\r\n            {props.columns.map((column: TableColumn) => (\r\n              <StyledTableHeaderColumn 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 ? \r\n                                          (props.sortProps?.direction == 'asc' ? 'ascending' : 'descending' )  \r\n                                          : 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' : ''} ${column.justify || ''}`}>\r\n                <StyledTableHeaderColumnContent>\r\n                <span>\r\n                  {column.name}\r\n                </span>\r\n                  {\r\n                    column.key === props.sortProps?.column &&\r\n                    (\r\n                      <StyledTableHeaderColumnSortDirection>\r\n                        {\r\n                          props.sortProps?.direction === 'asc'\r\n                            ?  <SystemIcons.ArrowLineUp size={'24px'}/>\r\n                            : <SystemIcons.ArrowLineDown size={'24px'}/>\r\n                        }\r\n                      </StyledTableHeaderColumnSortDirection>\r\n                    )\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 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                  {\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}`}\r\n                                     style={{maxWidth: column.width}}\r\n                                     title={column.shortenText && row[column.key]}>\r\n                      <StyledTableCellContent\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'}>\r\n                    {props.noRowsLabel ?? 'There are no rows to display'}\r\n                  </StyledTableCellContent>\r\n                </StyledTableCell>\r\n              </StyledTableNoRowsLabelRow>\r\n            )}\r\n\r\n          </StyledTableBody>\r\n        </StyledTable>\r\n      </StyledTableBodyWrapper>\r\n    );\r\n  }\r\n;\r\n\r\nexport default TableBody;\r\n"],"mappings":";;;;;;;;;;;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAaA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAYvC,IAAMA,SAAmC,GAAG,SAAtCA,SAAmC,CAAIC,KAAK,EAAK;EAAA;EAErD,wBAA+C,IAAAC,uBAAgB,EAAC;MAACC,cAAc,EAAE;IAAI,CAAC,CAAC;IAAA;IAAhFC,kBAAkB;IAAEC,UAAU;IAAEC,IAAI;EAC3C,sBAAoCC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAEhCH,KAAK,CAACI,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,WAAW,wBAAGN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,WAAW,iEAAI,CAAC;IAC1C,IAAMC,WAAW,wBAAGP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,WAAW,iEAAI,CAAC;IAC1CH,aAAa,CAACG,WAAW,GAAGD,WAAW,CAAC;EAC1C,CAAC,EAAE,CAACP,UAAU,EAAEC,IAAI,EAAEL,KAAK,CAACa,OAAO,EAAEb,KAAK,CAACc,IAAI,CAAC,CAAC;EAGjD,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,MAAmB,EAAEC,GAAQ,EAAK;IACtD,QAAQD,MAAM,CAACE,IAAI;MACjB,KAAK,MAAM;QAAE;UACX,IAAMC,GAAG;YACPC,OAAO,EAAE,SAAS;YAClBC,IAAI,EAAE,GAAG;YACTC,QAAQ,EAAEtB,KAAK,CAACuB,oBAAoB,GAAG,CAAC,CAAC,GAAG;UAAC,GAC1CP,MAAM,CAACQ,eAAe,CACP;UACpB,oBACE,qBAAC,oBAAS;YAAC,KAAK,EAAER,MAAM,CAACS,OAAO,IAAI;cAACC,KAAK,EAAEV,MAAM,CAACS,OAAO,CAACR,GAAG,EAAED,MAAM,CAACW,GAAG;YAAC;UAAE,GAC9DR,GAAG;YACP,OAAO,EAAE,iBAACS,CAAC,EAAK;cACdA,CAAC,CAACC,cAAc,EAAE;cAClBD,CAAC,CAACE,eAAe,EAAE;cACnBd,MAAM,CAACe,MAAM,IAAIf,MAAM,CAACe,MAAM,CAACd,GAAG,EAAEW,CAAC,CAAC;YACxC,CAAE;YAAA,UACVX,GAAG,CAACD,MAAM,CAACW,GAAG;UAAC,GACN;QAEhB;MACA,KAAK,MAAM;QAAE;UACX,IAAMR,IAAG;YACPa,SAAS,EAAEhB,MAAM,CAACS,OAAO,IAAIT,MAAM,CAACS,OAAO,CAACR,GAAG,EAAED,MAAM,CAACW,GAAG,CAAC;YAC5DP,OAAO,EAAE,WAAW;YACpBa,KAAK,EAAE,UAAU;YACjBX,QAAQ,EAAEtB,KAAK,CAACuB,oBAAoB,GAAG,CAAC,CAAC,GAAG,CAAC;YAC7CW,wBAAwB,EAAE;UAAI,GAC3BlB,MAAM,CAACQ,eAAe,CACN;UACrB,oBAAO,qBAAC,mBAAU,kCAAML,IAAG;YACP,MAAM,EAAE,gBAACS,CAAC,EAAK;cACbA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEE,eAAe,EAAE;cACpBd,MAAM,CAACe,MAAM,IAAIf,MAAM,CAACe,MAAM,CAACd,GAAG,EAAEW,CAAC,CAAC;YACxC,CAAE;YAAA,UACnBZ,MAAM,CAACmB;UAAI,GACD;QACf;MACA,KAAK,QAAQ;QAAE;UACb,IAAMhB,KAAG;YACPC,OAAO,EAAE,UAAU;YACnBgB,IAAI,EAAEC,WAAI,CAACC,KAAK;YAChBhB,QAAQ,EAAEtB,KAAK,CAACuB,oBAAoB,GAAG,CAAC,CAAC,GAAG;UAAC,GAC1CP,MAAM,CAACQ,eAAe,CACV;UACjB,oBAAO,qBAAC,cAAM;YAAC,KAAK,EAAER,MAAM,CAACS,OAAO,IAAI;cAACC,KAAK,EAAEV,MAAM,CAACS,OAAO,CAACR,GAAG,EAAED,MAAM,CAACW,GAAG;YAAC;UAAE,GAC9DR,KAAG;YACP,OAAO,EAAE,iBAACS,CAAC,EAAK;cACdA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEE,eAAe,EAAE;cACpBd,MAAM,CAACe,MAAM,IAAIf,MAAM,CAACe,MAAM,CAACd,GAAG,EAAEW,CAAC,CAAC;YACxC,CAAE;YAAA,UACdX,GAAG,CAACD,MAAM,CAACW,GAAG;UAAC,GACT;QACX;MACA,KAAK,SAAS;QACZ,oBAAO,qBAAC,qBAAQ;UAAC,QAAQ,EAAE,CAAC,CAACV,GAAG,CAACD,MAAM,CAACW,GAAG,CAAE;UAAC,QAAQ,EAAE;QAAK,EAAE;MACjE,KAAK,QAAQ;QACX,OAAOX,MAAM,CAACuB,aAAa,IAAIvB,MAAM,CAACuB,aAAa,CAACtB,GAAG,EAAED,MAAM,CAACW,GAAG,CAAC;MACtE,KAAK,QAAQ;MACb,KAAK,MAAM;MACX;QACE,oBACE;UAAA,WAEIX,MAAM,CAACmB,IAAI,iBACT,qBAAC,gCAAmB;YAAA,UAAEnB,MAAM,CAACmB;UAAI,EAAuB,eAE5D,qBAAC,gCAAmB;YAAA,UAAElB,GAAG,CAACD,MAAM,CAACW,GAAG;UAAC,EAAuB;QAAA,EAC3D;IACH;EAER,CAAC;EAEH,IAAMa,UAAU,GAAG,SAAbA,UAAU,CAAIvB,GAAQ,EAAK;IAAA;IAC/B,OAAQjB,KAAK,CAACyC,WAAW,IAAI,oBAAAzC,KAAK,CAAC0C,QAAQ,oDAAd,gBAAgBC,OAAO,CAAC3C,KAAK,CAAC4C,OAAO,GAAG3B,GAAG,CAACjB,KAAK,CAAC4C,OAAO,CAAC,GAAG3B,GAAG,CAAC,IAAG,CAAC,CAAC,IAChG,CAACjB,KAAK,CAACyC,WAAW,IAAIzC,KAAK,CAAC0C,QAAQ,MAAM1C,KAAK,CAAC4C,OAAO,GAAG3B,GAAG,CAACjB,KAAK,CAAC4C,OAAO,CAAC,GAAG3B,GAAG,CAAE;EACzF,CAAC;EAED,oBACI,qBAAC,mCAAsB;IAAC,GAAG,EAAEd,kBAA0B;IAAC,SAAS,EAAEK,UAAU,GAAG,YAAY,GAAG,EAAG;IAAA,uBAC9F,sBAAC,wBAAW;MAAC,WAAW,EAAC,GAAG;MAAC,WAAW,EAAC,GAAG;MAAC,eAAY,WAAW;MAAC,SAAS,kBAAWR,KAAK,CAAC6C,MAAM,IAAI,EAAE,CAAG;MAAA,wBAC9G,qBAAC,iCAAoB;QAAA,uBACnB,sBAAC,qCAAwB;UAAC,eAAY,0BAA0B;UAAA,WAE9D7C,KAAK,CAACyC,WAAW,iBACf,qBAAC,oCAAuB;YAAA,uBACpB,qBAAC,2CAA8B;cAAA,uBAC3B,qBAAC,qBAAQ;gBAAC,QAAQ,EAAEzC,KAAK,CAAC8C,cAAc,KAAK,KAAM;gBACzC,QAAQ,EAAE9C,KAAK,CAACuB,oBAAqB;gBACrC,YAAY,EAAEvB,KAAK,CAAC8C,cAAc,KAAK,MAAO;gBAC9C,MAAM,EAAE9C,KAAK,CAAC+C;cAAiB;YAAE;UACd,EACX,EAE7B/C,KAAK,CAACa,OAAO,CAACmC,GAAG,CAAC,UAAChC,MAAmB;YAAA;YAAA,oBACrC,qBAAC,oCAAuB;cACC,WAAW,EAAEiC,iCAA0B;cACvC,OAAO,EAAE,iBAACrB,CAAC;gBAAA,OAAKZ,MAAM,CAACkC,QAAQ,IAAIlD,KAAK,CAACmD,YAAY,CAACnC,MAAM,CAAC;cAAA,CAAC;cAC9D,UAAU,EAAE,oBAACY,CAAC,EAAK;gBACjB,IAAIA,CAAC,CAACD,GAAG,KAAK,OAAO,IAAIC,CAAC,CAACD,GAAG,KAAK,GAAG,EAAE;kBACtCX,MAAM,CAACkC,QAAQ,IAAIlD,KAAK,CAACmD,YAAY,CAACnC,MAAM,CAAC;gBAC/C;cACF,CAAE;cACF,gBAAcA,MAAM,CAACW,GAAG,0BAAK3B,KAAK,CAACoD,SAAS,qDAAf,iBAAiBpC,MAAM,KAAI,CAAC,uBAAChB,KAAK,CAACoD,SAAS,8CAAf,kBAAiBC,SAAS,IAAG,IAAI,GAAGC,SAAU;cACxG,aAAWtC,MAAM,CAACW,GAAG,2BAAK3B,KAAK,CAACoD,SAAS,sDAAf,kBAAiBpC,MAAM,KAAI,CAAC,uBAAChB,KAAK,CAACoD,SAAS,8CAAf,kBAAiBC,SAAS,IAC7E,sBAAArD,KAAK,CAACoD,SAAS,sDAAf,kBAAiBC,SAAS,KAAI,KAAK,GAAG,WAAW,GAAG,YAAY,GAC/DC,SAAU;cACf,KAAK,EAAE;gBAACC,KAAK,EAAEvC,MAAM,CAACuC;cAAK,CAAE;cAC7B,QAAQ,EAAEvC,MAAM,CAACkC,QAAQ,IAAI,CAAClD,KAAK,CAACuB,oBAAoB,GAAG,CAAC,GAAG,CAAC,CAAE;cAClE,SAAS,YAAK,CAAC,CAACP,MAAM,CAACkC,QAAQ,GAAG,UAAU,GAAG,EAAE,cAAIlC,MAAM,CAACW,GAAG,2BAAK3B,KAAK,CAACoD,SAAS,sDAAf,kBAAiBpC,MAAM,KAAI,CAAC,uBAAChB,KAAK,CAACoD,SAAS,8CAAf,kBAAiBC,SAAS,IAAG,QAAQ,GAAG,EAAE,cAAIrC,MAAM,CAACwC,OAAO,IAAI,EAAE,CAAG;cAAA,uBAC7L,sBAAC,2CAA8B;gBAAA,wBAC/B;kBAAA,UACGxC,MAAM,CAACyC;gBAAI,EACP,EAEHzC,MAAM,CAACW,GAAG,2BAAK3B,KAAK,CAACoD,SAAS,sDAAf,kBAAiBpC,MAAM,kBAEpC,qBAAC,iDAAoC;kBAAA,UAEjC,sBAAAhB,KAAK,CAACoD,SAAS,sDAAf,kBAAiBC,SAAS,MAAK,KAAK,gBAC/B,qBAAC,kBAAW,CAAC,WAAW;oBAAC,IAAI,EAAE;kBAAO,EAAE,gBACzC,qBAAC,kBAAW,CAAC,aAAa;oBAAC,IAAI,EAAE;kBAAO;gBAAE,EAGnD;cAAA;YAE4B,GA/BLrC,MAAM,CAACW,GAAG,CAgCd;UAAA,CAC3B,CAAC;QAAA;MACuB,EACJ,eACvB,qBAAC,4BAAe;QAAA,UACb3B,KAAK,CAAC0D,eAAe,CAACC,MAAM,GAAG,CAAC,GAC/B3D,KAAK,CAAC0D,eAAe,CAACV,GAAG,CAAC,UAAC/B,GAAQ,EAAE2C,KAAa;UAAA,oBAChD,sBAAC,+BAAkB;YACC,SAAS,YAAK5D,KAAK,CAAC6D,UAAU,GAAG,YAAY,GAAG,EAAE,cAAIrB,UAAU,CAACvB,GAAG,CAAC,GAAG,UAAU,GAAG,EAAE,CAAG;YAC1F,OAAO,EAAE;cAAA,OAAMjB,KAAK,CAAC8D,UAAU,IAAI9D,KAAK,CAAC8D,UAAU,CAAC7C,GAAG,CAAC;YAAA,CAAC;YACzD,WAAW,EAAEgC,iCAA0B;YACvC,UAAU,EAAE,oBAACrB,CAAC,EAAK;cACjB,IAAIA,CAAC,CAACD,GAAG,KAAK,OAAO,EAAE;gBACrB3B,KAAK,CAAC8D,UAAU,IAAI9D,KAAK,CAAC8D,UAAU,CAAC7C,GAAG,CAAC;cAC3C;YACF,CAAE;YACF,QAAQ,EAAEjB,KAAK,CAAC6D,UAAU,IAAI,CAAC7D,KAAK,CAACuB,oBAAoB,GAAG,CAAC,GAAG+B,SAAU;YAC1E,eAAY,kBAAkB;YAAA,WAE9CtD,KAAK,CAACyC,WAAW,iBACf,qBAAC,4BAAe;cAAA,uBACZ,qBAAC,mCAAsB;gBAAA,uBACnB,qBAAC,qBAAQ;kBAAC,QAAQ,EAAED,UAAU,CAACvB,GAAG;gBAAE;cAAE;YACjB,EACX,EAErBjB,KAAK,CAACa,OAAO,CAACmC,GAAG,CAAC,UAAChC,MAAmB;cAAA,oBACrC,qBAAC,4BAAe;gBACC,KAAK,EAAE;kBAAC+C,QAAQ,EAAE/C,MAAM,CAACuC;gBAAK,CAAE;gBAChC,KAAK,EAAEvC,MAAM,CAACgD,WAAW,IAAI/C,GAAG,CAACD,MAAM,CAACW,GAAG,CAAE;gBAAA,uBAC5D,qBAAC,mCAAsB;kBACrB,SAAS,YAAKX,MAAM,CAACgD,WAAW,qBAAqB,EAAE,cAAIhD,MAAM,CAACwC,OAAO,IAAI,EAAE,CAAG;kBAClF,KAAK,EAAE;oBACL9B,KAAK,EAAEV,MAAM,CAACS,OAAO,IAAIT,MAAM,CAACS,OAAO,CAACR,GAAG,EAAED,MAAM,CAACW,GAAG;kBACzD,CAAE;kBAAA,UACDZ,cAAc,CAACC,MAAM,EAAEC,GAAG;gBAAC;cACL,iBATE2C,KAAK,cAAI5C,MAAM,CAACW,GAAG,EAU9B;YAAA,CACnB,CAAC;UAAA,iBA/B4BiC,KAAK,EAgChB;QAAA,CACtB,CAAC,gBAEF,qBAAC,sCAAyB;UAAC,eAAY,oBAAoB;UAAA,uBACzD,qBAAC,4BAAe;YAAC,OAAO,EAAE5D,KAAK,CAACa,OAAO,CAAC8C,MAAM,IAAI3D,KAAK,CAACyC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAE;YAAA,uBAC3E,qBAAC,mCAAsB;cAAC,SAAS,EAAE,QAAS;cAAA,gCACzCzC,KAAK,CAACiE,WAAW,mEAAI;YAA8B;UAC7B;QACT;MAErB,EAEe;IAAA;EACN,EACS;AAE7B,CAAC;AACF;EA3MCP,eAAe;EACfI,UAAU;EACVpB,QAAQ;EACRS,YAAY;EACZJ,gBAAgB;EAChBD,cAAc,4BAAE,KAAK,EAAG,MAAM,EAAG,MAAM;AAAA;AAAA,eAwM1B/C,SAAS;AAAA"}

package/dist/Table/TableBody.d.ts

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

package/dist/Table/TableBody.js

@@ -137,7 +137,7 @@ var TableBody = function TableBody(props) {
               })
             })
           }), props.columns.map(function (column) {
-            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4;
+            var _props$sortProps, _props$sortProps2, _props$sortProps3, _props$sortProps4, _props$sortProps5, _props$sortProps6, _props$sortProps7, _props$sortProps8, _props$sortProps9;
             return /*#__PURE__*/_jsx(StyledTableHeaderColumn, {
               onMouseDown: defaultOnMouseDownHandler,
               onClick: function onClick(e) {
@@ -148,16 +148,18 @@ var TableBody = function TableBody(props) {
                   column.sortable && props.sortByColumn(column);
                 }
               },
+              "aria-pressed": column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? true : undefined,
+              "aria-sort": column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && !!((_props$sortProps4 = props.sortProps) !== null && _props$sortProps4 !== void 0 && _props$sortProps4.direction) ? ((_props$sortProps5 = props.sortProps) === null || _props$sortProps5 === void 0 ? void 0 : _props$sortProps5.direction) == 'asc' ? 'ascending' : 'descending' : undefined,
               style: {
                 width: column.width
               },
               tabIndex: column.sortable && !props.showLoadingIndicator ? 0 : -1,
-              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps = props.sortProps) === null || _props$sortProps === void 0 ? void 0 : _props$sortProps.column) && !!((_props$sortProps2 = props.sortProps) !== null && _props$sortProps2 !== void 0 && _props$sortProps2.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
+              className: "".concat(!!column.sortable ? 'sortable' : '', " ").concat(column.key === ((_props$sortProps6 = props.sortProps) === null || _props$sortProps6 === void 0 ? void 0 : _props$sortProps6.column) && !!((_props$sortProps7 = props.sortProps) !== null && _props$sortProps7 !== void 0 && _props$sortProps7.direction) ? 'sorted' : '', " ").concat(column.justify || ''),
               children: /*#__PURE__*/_jsxs(StyledTableHeaderColumnContent, {
                 children: [/*#__PURE__*/_jsx("span", {
                   children: column.name
-                }), column.key === ((_props$sortProps3 = props.sortProps) === null || _props$sortProps3 === void 0 ? void 0 : _props$sortProps3.column) && /*#__PURE__*/_jsx(StyledTableHeaderColumnSortDirection, {
-                  children: ((_props$sortProps4 = props.sortProps) === null || _props$sortProps4 === void 0 ? void 0 : _props$sortProps4.direction) === 'asc' ? /*#__PURE__*/_jsx(SystemIcons.ArrowLineUp, {
+                }), column.key === ((_props$sortProps8 = props.sortProps) === null || _props$sortProps8 === void 0 ? void 0 : _props$sortProps8.column) && /*#__PURE__*/_jsx(StyledTableHeaderColumnSortDirection, {
+                  children: ((_props$sortProps9 = props.sortProps) === null || _props$sortProps9 === void 0 ? void 0 : _props$sortProps9.direction) === 'asc' ? /*#__PURE__*/_jsx(SystemIcons.ArrowLineUp, {
                     size: '24px'
                   }) : /*#__PURE__*/_jsx(SystemIcons.ArrowLineDown, {
                     size: '24px'

package/dist/Table/TableBody.js.map

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

package/dist/Table/TableFooter.cjs.map

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

package/dist/Table/TableFooter.d.ts

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

package/dist/Table/TableFooter.js.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';\nimport {TableProps} from './TableTypes';\nimport {DropdownButton, DropdownItem} from '../Dropdown';\nimport {IconButton} from '../Button';\nimport { SystemIcons} from '../icons';\nimport {COLORS} from '../styles';\nimport {\n  StyledTableFooter, StyledTableFooterCollapseButton,\n  StyledTableFooterContent,\n  StyledTableFooterControls,\n  StyledTableFooterCurrentInfo\n} from './TableStyles';\nimport {defaultOnMouseDownHandler} from '../common';\n\n\ninterface TableFooterProps extends TableProps {\n  onRowsPerPageChange: (value: number) => void;\n  rowsPerPage: number;\n  from?: number;\n  to?: number;\n  total?: number;\n  nextPage: () => void;\n  prevPage: () => void;\n  setIsCollapsed: (isCollapsed: boolean) => void;\n  isCollapsed: boolean;\n}\n\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\n\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\n\n  return (\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\n          {\n            props.accordion &&\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\n                                             onMouseDown={defaultOnMouseDownHandler}\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\n              {\n                props.isCollapsed &&\n                <>\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\n                  <SystemIcons.ArrowDropDown/>\n                </>\n              }\n              {\n                !props.isCollapsed &&\n                <>\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\n                  <SystemIcons.ArrowDropUp/>\n                </>\n              }\n            </StyledTableFooterCollapseButton>\n          }\n          {\n            !props.accordion &&\n            <StyledTableFooterContent>\n              <DropdownButton\n                type={'text'}\n                items={rowsPerPageValues}\n                disabled={props.showLoadingIndicator}\n                value={[`${props.rowsPerPage}`]}\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\n                label={dropDownText}\n                keepLabel={true}\n              />\n              <StyledTableFooterCurrentInfo>\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\n              </StyledTableFooterCurrentInfo>\n              <StyledTableFooterControls>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.neutral_600}/>\n                </IconButton>\n              </StyledTableFooterControls>\n            </StyledTableFooterContent>\n          }\n    </StyledTableFooter>\n  );\n};\n\n\nexport default TableFooter;\n"],"mappings":"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"}
+{"version":3,"file":"TableFooter.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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAqB,aAAa;AACxD,SAAQC,UAAU,QAAO,WAAW;AACpC,SAASC,WAAW,QAAO,UAAU;AACrC,SAAQC,MAAM,QAAO,WAAW;AAChC,SACEC,iBAAiB,EAAEC,+BAA+B,EAClDC,wBAAwB,EACxBC,yBAAyB,EACzBC,4BAA4B,QACvB,eAAe;AACtB,SAAQC,yBAAyB,QAAO,WAAW;AAAC;AAAA;AAAA;AAepD,IAAMC,WAAsD,GAAG,SAAzDA,WAAsD,CAAIC,KAAK,EAAK;EAAA;EACxE,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,sCAAMH,KAAK,CAACI,gBAAgB,yEAAI,eAAe,gBAAMJ,KAAK,CAACK,WAAW,CAAE;EAE1F,oBACE,MAAC,iBAAiB;IAAC,eAAY,oBAAoB;IAAA,WAE3CL,KAAK,CAACM,SAAS,iBACf,MAAC,+BAA+B;MAAC,OAAO,EAAE;QAAA,OAAMN,KAAK,CAACO,cAAc,CAAC,CAACP,KAAK,CAACQ,WAAW,CAAC;MAAA,CAAC;MACxD,WAAW,EAAEV,yBAA0B;MACvC,QAAQ,EAAEE,KAAK,CAACQ,WAAW,IAAIR,KAAK,CAACS,IAAI,CAACC,MAAM,IAAIV,KAAK,CAACK,WAAY;MAAA,WAEnGL,KAAK,CAACQ,WAAW,iBACjB;QAAA,wBACE;UAAA,mCAAOR,KAAK,CAACW,aAAa,uEAAI,WAAW,EAAC,IAAE,EAACX,KAAK,CAACS,IAAI,CAACC,MAAM,GAAGV,KAAK,CAACK,WAAW,EAAC,GAAC;QAAA,EAAO,eAC3F,KAAC,WAAW,CAAC,aAAa,KAAE;MAAA,EAC3B,EAGH,CAACL,KAAK,CAACQ,WAAW,iBAClB;QAAA,wBACE;UAAA,mCAAOR,KAAK,CAACY,cAAc,yEAAI;QAAY,EAAQ,eACnD,KAAC,WAAW,CAAC,WAAW,KAAE;MAAA,EACzB;IAAA,EAE2B,EAGlC,CAACZ,KAAK,CAACM,SAAS,iBAChB,MAAC,wBAAwB;MAAA,wBACvB,KAAC,cAAc;QACb,IAAI,EAAE,MAAO;QACb,KAAK,EAAEL,iBAAkB;QACzB,QAAQ,EAAED,KAAK,CAACa,oBAAqB;QACrC,KAAK,EAAE,WAAIb,KAAK,CAACK,WAAW,EAAI;QAChC,OAAO,EAAE,iBAACH,KAAK;UAAA,OAAKF,KAAK,CAACc,mBAAmB,CAAC,CAACZ,KAAK,CAAC,CAAC,CAAC,CAAC;QAAA,CAAC;QACzD,KAAK,EAAEC,YAAa;QACpB,SAAS,EAAE;MAAK,EAChB,eACF,MAAC,4BAA4B;QAAA,WAC1BH,KAAK,CAACe,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGf,KAAK,CAACgB,IAAI,EAAC,GAAC,EAAChB,KAAK,CAACiB,EAAE,EAAC,MAAI,EAACjB,KAAK,CAACe,KAAK;MAAA,EAClC,eAC/B,MAAC,yBAAyB;QAAA,wBACxB,KAAC,UAAU;UAAC,OAAO,EAAC,WAAW;UAAC,KAAK,EAAC,UAAU;UAAC,MAAM,EAAE;YAAA,OAAMf,KAAK,CAACkB,QAAQ,EAAE;UAAA,CAAC;UACpE,QAAQ,EAAElB,KAAK,CAACgB,IAAI,KAAK,CAAC,IAAIhB,KAAK,CAACa,oBAAqB;UAAA,uBACnE,KAAC,WAAW,CAAC,WAAW;YAAC,IAAI,EAAC,IAAI;YAAC,KAAK,EAAErB,MAAM,CAAC2B;UAAY;QAAE,EACpD,eACb,KAAC,UAAU;UAAC,OAAO,EAAC,WAAW;UAAC,KAAK,EAAC,UAAU;UAAC,MAAM,EAAE;YAAA,OAAMnB,KAAK,CAACoB,QAAQ,EAAE;UAAA,CAAC;UACpE,QAAQ,EAAEpB,KAAK,CAACiB,EAAE,KAAKjB,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACa,oBAAqB;UAAA,uBAC3E,KAAC,WAAW,CAAC,YAAY;YAAC,IAAI,EAAC,IAAI;YAAC,KAAK,EAAErB,MAAM,CAAC2B;UAAY;QAAE,EACrD;MAAA,EACa;IAAA,EACH;EAAA,EAEf;AAExB,CAAC;AAAC;EApEAL,mBAAmB;EACnBT,WAAW;EACXW,IAAI;EACJC,EAAE;EACFF,KAAK;EACLK,QAAQ;EACRF,QAAQ;EACRX,cAAc;EACdC,WAAW;AAAA;AA+Db,eAAeT,WAAW"}

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';\nimport {TableProps} from './TableTypes';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {\n  StyledTableHeaderTitleContent\n} from './TableStyles';\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\n\n\ninterface TableHeaderProps extends TableProps {\n}\n\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\n\n  return (\n    <StyledTableHeader>\n      {\n        (!!props.title || !!props.menu) &&\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\n            <StyledTableHeaderTitleContent>\n              <span>{props.title}</span>\n              {\n                props.menu &&\n                <DropdownButton className={'title-menu'}\n                                type={'icon'}\n                                disabled={props.showLoadingIndicator}\n                                icon={<SystemIcons.MoreVertical/>}\n                                size={Size.Medium} {...props.menu}/>\n              }\n            </StyledTableHeaderTitleContent>\n        </StyledTableHeaderTitle>\n      }\n    </StyledTableHeader>\n  )\n}\n\nexport default TableHeader;\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":["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.d.ts

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

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';\nimport {TableProps} from './TableTypes';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {\n  StyledTableHeaderTitleContent\n} from './TableStyles';\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\n\n\ninterface TableHeaderProps extends TableProps {\n}\n\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\n\n  return (\n    <StyledTableHeader>\n      {\n        (!!props.title || !!props.menu) &&\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\n            <StyledTableHeaderTitleContent>\n              <span>{props.title}</span>\n              {\n                props.menu &&\n                <DropdownButton className={'title-menu'}\n                                type={'icon'}\n                                disabled={props.showLoadingIndicator}\n                                icon={<SystemIcons.MoreVertical/>}\n                                size={Size.Medium} {...props.menu}/>\n              }\n            </StyledTableHeaderTitleContent>\n        </StyledTableHeaderTitle>\n      }\n    </StyledTableHeader>\n  )\n}\n\nexport default TableHeader;\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","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,8 +13,8 @@ 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;
-/**
- * Table styles
+/**
+ * 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"])), _styles.COLORS.neutral_200, _styles.COLORS.neutral_200);