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

package/dist/Table/Table.js

@@ -6,23 +6,23 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { Size } from '../types';
 
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { StyledTableSpinner, TableWrapper } from './TableStyles';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
 import { LoadingIndicator } from '../LoadingIndicator';
@@ -49,7 +49,8 @@ var Table = function Table(props) {
     _props$collapsed = props.collapsed,
     collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
     collapsedRows = props.collapsedRows,
-    rowsPerPageLabel = props.rowsPerPageLabel;
+    rowsPerPageLabel = props.rowsPerPageLabel,
+    loaderZIndex = props.loaderZIndex;
 
   // States used within the component
   var _React$useState = React.useState(10),
@@ -68,7 +69,7 @@ var Table = function Table(props) {
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     currentPage = _React$useState8[0],
     setCurrentPage = _React$useState8[1];
-  var _React$useState9 = React.useState(sortProps),
+  var _React$useState9 = React.useState(),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     sort = _React$useState10[0],
     setSort = _React$useState10[1];
@@ -97,14 +98,19 @@ var Table = function Table(props) {
     selected = _React$useState22[0],
     setSelected = _React$useState22[1];
   React.useEffect(function () {
-    setSort(sortProps);
+    var _sortProps$column, _sortProps$direction;
+    setSort({
+      column: (_sortProps$column = sortProps === null || sortProps === void 0 ? void 0 : sortProps.column) !== null && _sortProps$column !== void 0 ? _sortProps$column : '',
+      direction: (_sortProps$direction = sortProps === null || sortProps === void 0 ? void 0 : sortProps.direction) !== null && _sortProps$direction !== void 0 ? _sortProps$direction : 'asc',
+      allowClearingSort: (sortProps === null || sortProps === void 0 ? void 0 : sortProps.allowClearingSort) === undefined ? true : sortProps.allowClearingSort
+    });
   }, [sortProps]);
   React.useEffect(function () {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
 
-  /**
-   * update select all checkbox state
+  /**
+   * update select all checkbox state
    */
   React.useEffect(function () {
     if (multiSelect) {
@@ -118,9 +124,9 @@ var Table = function Table(props) {
     }
   }, [currentPageRows, multiSelect, selected, keyExpr]);
 
-  /**
-   * Takes care of remote pagination.
-   * Works only in case remote pagination is set to true.
+  /**
+   * Takes care of remote pagination.
+   * Works only in case remote pagination is set to true.
    */
   React.useEffect(function () {
     if (remoteOperations) {
@@ -135,8 +141,8 @@ var Table = function Table(props) {
     }
   }, [remoteOperations, pagination, rows]);
 
-  /**
-   * Sets number of rows to display when accordion.
+  /**
+   * Sets number of rows to display when accordion.
    */
   React.useEffect(function () {
     if (!accordion) return;
@@ -147,9 +153,9 @@ var Table = function Table(props) {
     setIsCollapsed(!!collapsed);
   }, [accordion, collapsed]);
 
-  /**
-   * Filters out a rows by specific column filters and sorts them if any sorting is set.
-   * @returns Filtered and sorted rows.
+  /**
+   * Filters out a rows by specific column filters and sorts them if any sorting is set.
+   * @returns Filtered and sorted rows.
    */
   var filterAndSortRows = function filterAndSortRows() {
     var tmpFilteredRows = rows.filter(function (row) {
@@ -199,9 +205,9 @@ var Table = function Table(props) {
     return tmpFilteredRows;
   };
 
-  /**
-   * Takes care of local pagination.
-   * Works only in case remote pagination is not defined or is set to false.
+  /**
+   * Takes care of local pagination.
+   * Works only in case remote pagination is not defined or is set to false.
    */
   React.useEffect(function () {
     if (!remoteOperations) {
@@ -223,10 +229,10 @@ var Table = function Table(props) {
     }
   }, [rowsPerPage, rows, currentPage, columns, sort, remoteOperations]);
 
-  /**
-   * Applies a specific sorting to a column.
-   * If no sorting exists, then applies ascending initially
-   * @param column - Column to which sorting should be applied.
+  /**
+   * Applies a specific sorting to a column.
+   * If no sorting exists, then applies ascending initially
+   * @param column - Column to which sorting should be applied.
    */
   var sortTableColumn = function sortTableColumn(column) {
     var columnKey = '';
@@ -235,7 +241,7 @@ var Table = function Table(props) {
       columnKey = column.key;
       sortDirection = 'asc';
     } else {
-      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc') {
+      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' && sort !== null && sort !== void 0 && sort.allowClearingSort) {
         columnKey = '';
         sortDirection = undefined;
       } else {
@@ -243,15 +249,20 @@ var Table = function Table(props) {
         sortDirection = sort.direction === 'asc' ? 'desc' : 'asc';
       }
     }
-    if (columnKey == '') setSort(undefined);else setSort({
+    if (columnKey == '') setSort({
+      column: '',
+      direction: 'asc',
+      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
+    });else setSort({
       column: columnKey,
-      direction: sortDirection
+      direction: sortDirection,
+      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
     });
     remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
 
-  /**
-   * Navigates user back to the previous page and updates the current table page.
+  /**
+   * Navigates user back to the previous page and updates the current table page.
    */
   var previousPage = function previousPage() {
     if (remoteOperations) {
@@ -265,8 +276,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Navigates user to the next page and updates the current table page.
+  /**
+   * Navigates user to the next page and updates the current table page.
    */
   var nextPage = function nextPage() {
     if (remoteOperations) {
@@ -280,9 +291,9 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Updates the rows per page value and refreshes the table content accordingly.
-   * @param value - Newly selected rows per page value.
+  /**
+   * Updates the rows per page value and refreshes the table content accordingly.
+   * @param value - Newly selected rows per page value.
    */
   var changeRowsPerPage = function changeRowsPerPage(value) {
     // Let's check if we are using remote pagination
@@ -300,9 +311,9 @@ var Table = function Table(props) {
     setRowsPerPage(value);
   };
 
-  /**
-   * Function which is called when a mouse click happens on a row to pass data to the parent component.
-   * @param row - Row in which the link is located.
+  /**
+   * Function which is called when a mouse click happens on a row to pass data to the parent component.
+   * @param row - Row in which the link is located.
    */
   var onRowClick = function onRowClick(row) {
     var _window, _window$getSelection;
@@ -324,8 +335,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Function which is called when user clicks checkbox to select or deselect all rows.
+  /**
+   * Function which is called when user clicks checkbox to select or deselect all rows.
    */
   var onSelectAllClick = function onSelectAllClick() {
     var currentList = currentPageRows.map(function (row) {
@@ -351,8 +362,8 @@ var Table = function Table(props) {
     }
   };
 
-  /**
-   * Return Table component.
+  /**
+   * Return Table component.
    */
   return /*#__PURE__*/_jsxs(TableWrapper, {
     className: props.border ? 'border' : undefined,
@@ -375,6 +386,7 @@ var Table = function Table(props) {
       nextPage: nextPage,
       prevPage: previousPage
     })), showLoadingIndicator && /*#__PURE__*/_jsx(StyledTableSpinner, {
+      zindex: loaderZIndex,
       children: /*#__PURE__*/_jsx(LoadingIndicator, {
         size: Size.Medium
       })

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":["/**\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":"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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","loaderZIndex","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","column","direction","allowClearingSort","selectedRows","currentList","map","row","count","filter","item","includes","length","filterAndSortRows","tmpFilteredRows","matchFilterCriteria","filterValue","key","toLowerCase","indexOf","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\n    collapsedRows,\n    rowsPerPageLabel,\n    loaderZIndex\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>();\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({\n      column: sortProps?.column ?? '', \n      direction: sortProps?.direction ?? 'asc', \n      allowClearingSort: sortProps?.allowClearingSort === undefined ? true : sortProps.allowClearingSort\n    });\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' && sort?.allowClearingSort) {\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({ column: '', direction: 'asc', allowClearingSort: sort?.allowClearingSort});\n    else\n      setSort({column: columnKey, direction: sortDirection!, allowClearingSort: sort?.allowClearingSort});\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 zindex={loaderZIndex}>\n          <LoadingIndicator size={Size.Medium}/>\n        </StyledTableSpinner>\n      )}\n    </TableWrapper>\n  );\n};\n\nexport default Table;\n"],"mappings":"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"}

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","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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"}
+{"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';\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                                       aria-pressed={column.key === props.sortProps?.column && !!props.sortProps?.direction ? true : undefined}\n                                       aria-sort={column.key === props.sortProps?.column && !!props.sortProps?.direction ? \n                                          (props.sortProps?.direction == 'asc' ? 'ascending' : 'descending' )  \n                                          : undefined}\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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"}

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.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","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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"}
+{"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';\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                                       aria-pressed={column.key === props.sortProps?.column && !!props.sortProps?.direction ? true : undefined}\n                                       aria-sort={column.key === props.sortProps?.column && !!props.sortProps?.direction ? \n                                          (props.sortProps?.direction == 'asc' ? 'ascending' : 'descending' )  \n                                          : undefined}\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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"}

package/dist/Table/TableFooter.cjs.map

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