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

package/dist/esm/Table/Table.js

@@ -1,411 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom components.
- */
-
-import { MoreVertical, ChevronRight, ChevronLeft, ArrowLineDown, ArrowLineUp } from '../icons/systemicons/SystemIcons';
-import { SystemIcons as icons } from '../icons/index';
-import { DropdownFilter } from '../Dropdown/index';
-import { IconButton, Button } from '../Button/index';
-import { Size } from '../types';
-/**
- * Import custom styles.
- */
-
-import { COLORS } from '../styles';
-import { TableHeaderRowCol, TableColumnHeaderCol, TableContainer, TableDataCol, TableDataRow, TableFooterCol, TableWrapper, TableLoadingIndicator } from './TableStyles';
-/**
- * Import custom types.
- */
-
-import { LoadingIndicator } from '../LoadingIndicator';
-
-const Table = ({
-  rowClick,
-  linkClick,
-  iconClick,
-  previousPageClick,
-  nextPageClick,
-  rowsPerPageChange,
-  triggerSortingChange,
-  title,
-  columns,
-  rows,
-  remotePagination,
-  pagination,
-  showLoadingIndicator
-}) => {
-  // States used within the component
-  const [rowsPerPage, setRowsPerPage] = React.useState(10);
-  const [filteredRows, setFilteredRows] = React.useState([]);
-  const [currentPageRows, setCurrentPageRows] = React.useState([]);
-  const [currentPage, setCurrentPage] = React.useState(1);
-  const [sortedColumn, setSortedColumn] = React.useState('');
-  const [sortedDirection, setSortedDirection] = React.useState('asc');
-  const [from, setFrom] = React.useState();
-  const [to, setTo] = React.useState();
-  const [total, setTotal] = React.useState();
-  /**
-   * Takes care of local pagination.
-   * Works only in case remote pagination is not defined or is set to false.
-   */
-
-  React.useEffect(() => {
-    if (!remotePagination) {
-      // Let's retrieve temporary filtered rows and update globally filtered rows
-      const tmpFilteredRows = filterAndSortRows();
-      setFilteredRows(tmpFilteredRows);
-      setTotal(tmpFilteredRows.length); // Assign rows from and rows to
-
-      const rowsFrom = (currentPage - 1) * rowsPerPage;
-      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage; // Set from and to values
-
-      setFrom(rowsFrom + 1);
-      setTo(rowsTo); // Filter out the rows
-
-      setCurrentPageRows(tmpFilteredRows.slice(rowsFrom, rowsTo));
-    }
-  }, [rowsPerPage, rows, currentPage, columns, sortedColumn, sortedDirection, remotePagination]);
-  /**
-   * Takes care of remote pagination.
-   * Works only in case remote pagination is set to true.
-   */
-
-  React.useEffect(() => {
-    if (remotePagination) {
-      setCurrentPageRows(rows); // Let's assign pagination values
-
-      setFrom(pagination?.from);
-      setTo(pagination?.to);
-      setTotal(pagination?.total);
-      setCurrentPage(pagination?.currentPage);
-      setRowsPerPage(pagination?.rowsPerPage);
-    }
-  }, [remotePagination, pagination, rows]);
-  /**
-   * Filters out a rows by specific column filters and sorts them if any sorting is set.
-   * @returns Filtered and sorted rows.
-   */
-
-  const filterAndSortRows = () => {
-    let tmpFilteredRows = rows.filter(row => {
-      // Let's start with matched filter criteria
-      let matchFilterCriteria = true; // Let's go through columns
-
-      for (const column of columns) {
-        // Let's check if filter value is specified for the column
-        // And if it doesn't match the current row column value
-        // Then let's update match filter criteria to failed
-        if (column.filterValue && row[column.key].toLowerCase().indexOf(column.filterValue.toLowerCase()) === -1) {
-          matchFilterCriteria = false;
-        }
-      } // Let's return row only in case match filter criteria succeeds
-
-
-      if (matchFilterCriteria) {
-        return row;
-      }
-    }); // Let's apply sorting if needed
-
-    if (columns.some(column => column.sortingDirection)) {
-      // Let's find the sorting column
-      const sortingColumn = columns.find(column => column.sortingDirection); // Update sorted column data
-
-      setSortedDirection(sortingColumn.sortingDirection);
-      setSortedColumn(sortingColumn.key); // Let's sort the rows
-
-      tmpFilteredRows.sort((a, b) => {
-        if (a[sortingColumn.key] > b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? 1 : -1;
-        } else if (a[sortingColumn.key] < b[sortingColumn.key]) {
-          return sortingColumn.sortingDirection === 'asc' ? -1 : 1;
-        } else {
-          return 0;
-        }
-      });
-    } // Let's return filtered rows
-
-
-    return tmpFilteredRows;
-  };
-  /**
-   * Applies a specific sorting to a column.
-   * If no sorting exists, then applies ascending initially
-   * @param column - Column to which sorting should be applied.
-   */
-
-
-  const sortTableColumn = column => {
-    // Let's remove any active sorting
-    columns = columns.map(tmpColumn => {
-      // Let's apply new sorting
-      // Let's check if it is the column for which we have to apply sorting
-      if (column.key === tmpColumn.key && tmpColumn.sortable) {
-        // Let's check if sorting is not defined
-        // If so, let's toggle the sorting direction
-        if (tmpColumn.sortingDirection !== undefined) {
-          if (tmpColumn.sortingDirection === 'asc') {
-            tmpColumn.sortingDirection = 'desc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('desc'); // Let's trigger remote sorting trigger function
-
-            if (remotePagination && triggerSortingChange) {
-              triggerSortingChange(column.key, 'desc');
-            }
-          } else {
-            tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
-
-            setSortedColumn(column.key);
-            setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-            if (remotePagination && triggerSortingChange) {
-              triggerSortingChange(column.key, 'asc');
-            }
-          }
-        } else {
-          // Let's apply the initial sorting
-          tmpColumn.sortingDirection = 'asc'; // Update sorted column and direction
-
-          setSortedColumn(column.key);
-          setSortedDirection('asc'); // Let's trigger remote sorting trigger function
-
-          if (remotePagination && triggerSortingChange) {
-            triggerSortingChange(column.key, 'asc');
-          }
-        }
-      } else if (tmpColumn.sortingDirection !== undefined) {
-        // Let's remove sorting
-        tmpColumn.sortingDirection = undefined;
-      }
-
-      return tmpColumn;
-    });
-  };
-  /**
-   * Navigates user back to the previous page and updates the current table page.
-   */
-
-
-  const previousPage = () => {
-    if (remotePagination) {
-      // Let's inform parent component about page change
-      if (previousPageClick) {
-        previousPageClick();
-      }
-    } else {
-      // Let's change the page within the component
-      setCurrentPage(currentPage > 1 ? currentPage - 1 : 1);
-    }
-  };
-  /**
-   * Navigates user to the next page and updates the current table page.
-   */
-
-
-  const nextPage = () => {
-    if (remotePagination) {
-      // Let's inform parent component about page change
-      if (nextPageClick) {
-        nextPageClick();
-      }
-    } else {
-      // Let's change the page within the component
-      setCurrentPage(currentPage * rowsPerPage >= filteredRows.length ? currentPage : currentPage + 1);
-    }
-  };
-  /**
-   * Updates the rows per page value and refreshes the table content accordingly.
-   * @param value - Newly selected rows per page value.
-   */
-
-
-  const changeRowsPerPage = value => {
-    // Let's check if we are using remote pagination
-    if (remotePagination) {
-      // Inform parent component about rows per page change
-      if (rowsPerPageChange) {
-        rowsPerPageChange(parseInt(value));
-      }
-    } else {
-      // Let's reset current page to 1
-      setCurrentPage(1);
-    } // Let's set rows per page
-
-
-    setRowsPerPage(parseInt(value));
-  };
-  /**
-   * Renders the table header.
-   */
-
-
-  const renderHeader = () => {
-    return /*#__PURE__*/React.createElement("thead", null, title && /*#__PURE__*/React.createElement("tr", {
-      "data-testid": "TestTableHeaderRow"
-    }, /*#__PURE__*/React.createElement(TableHeaderRowCol, {
-      colSpan: columns.length
-    }, /*#__PURE__*/React.createElement("div", null, title, /*#__PURE__*/React.createElement(MoreVertical, {
-      size: "18px",
-      color: COLORS.neutral_600
-    })))), /*#__PURE__*/React.createElement("tr", {
-      "data-testid": "TestTableColumnHeaderRow"
-    }, columns.map(column => /*#__PURE__*/React.createElement(TableColumnHeaderCol, {
-      onClick: () => sortTableColumn(column),
-      key: column.key,
-      style: {
-        width: column.width
-      },
-      className: `${column.sortable ? 'sortable' : ''} ${!title ? 'no-border' : ''} ${column.justify ? `justify-${column.justify}` : ''}`
-    }, column.name, column.sortingDirection === 'asc' ? /*#__PURE__*/React.createElement(ArrowLineUp, {
-      size: "20px"
-    }) : column.sortingDirection === 'desc' ? /*#__PURE__*/React.createElement(ArrowLineDown, {
-      size: "20px"
-    }) : ''))));
-  };
-  /**
-   * Function which is called when a mouse click happens on a link to pass data to the parent component.
-   * @param row - Row in which the link is located.
-   * @param key - Key of the column for which the link is set.
-   * @param event - Click event handler.
-   */
-
-
-  const onLinkClick = (row, key, event) => {
-    if (linkClick) {
-      event.stopPropagation();
-      linkClick(row, key);
-    }
-  };
-  /**
-   * Function which is called when a mouse click happens on an icon to pass data to the parent component.
-   * @param row - Row in which the icon is located.
-   * @param key - Key of the column for which the icon is set.
-   * @param event - Click event handler.
-   */
-
-
-  const onIconClick = (row, key, event) => {
-    if (iconClick) {
-      event.stopPropagation();
-      iconClick(row, key);
-    }
-  };
-  /**
-   * 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.
-   */
-
-
-  const onRowClick = row => {
-    const selectedText = window?.getSelection()?.toString(); // Let's trigger row click only if we haven't selected any text and action exists
-
-    if (selectedText?.length === 0 && rowClick) {
-      rowClick(row);
-    }
-  };
-  /**
-   * Renders the table body.
-   */
-
-
-  const renderBody = () => {
-    return /*#__PURE__*/React.createElement("tbody", null, currentPageRows.length > 0 ? currentPageRows.map((row, index) => /*#__PURE__*/React.createElement(TableDataRow, {
-      key: `row_${index}`,
-      onClick: () => onRowClick(row),
-      "data-testid": "TestTableDataRow"
-    }, columns.map(column => /*#__PURE__*/React.createElement(TableDataCol, {
-      key: `row_${index}_${column.key}`,
-      style: column.colorFn ? {
-        color: column.colorFn(row, column.key),
-        maxWidth: column.width
-      } : {
-        maxWidth: column.width
-      },
-      className: `${column.shortenText && `truncate-text`} ${column.justify ? `justify-${column.justify}` : ''} `,
-      title: column.shortenText && row[column.key]
-    }, column.isLink && row[column.key] ? /*#__PURE__*/React.createElement(Button, {
-      size: Size.Small,
-      variant: "tertiary",
-      onClick: event => onLinkClick(row, column.key, event),
-      style: column.colorFn && {
-        color: column.colorFn(row, column.key)
-      }
-    }, row[column.key]) : column.isIcon && column.icon ? /*#__PURE__*/React.createElement(IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      useTransparentBackground: true,
-      action: event => onIconClick(row, column.key, event)
-    }, icons[column.icon]({
-      size: '24',
-      className: 'icon'
-    })) : column.customContent ? column.customContent(row, column.key) : row[column.key])))) : /*#__PURE__*/React.createElement(TableDataRow, {
-      className: "no-rows",
-      "data-testid": "TestTableNoDataRow"
-    }, /*#__PURE__*/React.createElement(TableDataCol, {
-      colSpan: columns.length,
-      className: "center"
-    }, "There are no rows to display")));
-  };
-  /**
-   * Renders the table footer.
-   */
-
-
-  const renderFooter = () => {
-    // Define local values used within the footer
-    const rowsPerPageValues = ['10', '20', '50', '100'];
-    return /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TableFooterCol, {
-      colSpan: columns.length,
-      "data-testid": "TestTableFooterRow"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "Rows per page: "), /*#__PURE__*/React.createElement(DropdownFilter, {
-      id: "rows-per-page",
-      list: rowsPerPageValues.map(x => ({
-        label: x
-      })),
-      disableSorting: true,
-      onSelect: value => changeRowsPerPage(value),
-      initalValue: rowsPerPage.toString(),
-      isButton: true
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "current-page-info"
-    }, total === 0 ? 0 : from, "-", to, " of ", total), /*#__PURE__*/React.createElement("div", {
-      className: "controls"
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: () => previousPage(),
-      disabled: from === 1
-    }, /*#__PURE__*/React.createElement(ChevronLeft, {
-      size: "24",
-      color: COLORS.neutral_600
-    })), /*#__PURE__*/React.createElement(IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: () => nextPage(),
-      disabled: to === total
-    }, /*#__PURE__*/React.createElement(ChevronRight, {
-      size: "24",
-      color: COLORS.neutral_600
-    })))))));
-  };
-  /**
-   * Return Table component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(TableWrapper, null, /*#__PURE__*/React.createElement(TableContainer, {
-    cellPadding: "0",
-    cellSpacing: "0",
-    "data-testid": "TestTable"
-  }, renderHeader(), renderBody(), renderFooter()), showLoadingIndicator && /*#__PURE__*/React.createElement(TableLoadingIndicator, null, /*#__PURE__*/React.createElement(LoadingIndicator, {
-    size: Size.Medium,
-    color: "#ffffff"
-  })));
-};
-
-export default Table;
-//# sourceMappingURL=Table.js.map

package/dist/esm/Table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Table/Table.tsx"],"names":["React","MoreVertical","ChevronRight","ChevronLeft","ArrowLineDown","ArrowLineUp","SystemIcons","icons","DropdownFilter","IconButton","Button","Size","COLORS","TableHeaderRowCol","TableColumnHeaderCol","TableContainer","TableDataCol","TableDataRow","TableFooterCol","TableWrapper","TableLoadingIndicator","LoadingIndicator","Table","rowClick","linkClick","iconClick","previousPageClick","nextPageClick","rowsPerPageChange","triggerSortingChange","title","columns","rows","remotePagination","pagination","showLoadingIndicator","rowsPerPage","setRowsPerPage","useState","filteredRows","setFilteredRows","currentPageRows","setCurrentPageRows","currentPage","setCurrentPage","sortedColumn","setSortedColumn","sortedDirection","setSortedDirection","from","setFrom","to","setTo","total","setTotal","useEffect","tmpFilteredRows","filterAndSortRows","length","rowsFrom","rowsTo","slice","filter","row","matchFilterCriteria","column","filterValue","key","toLowerCase","indexOf","some","sortingDirection","sortingColumn","find","sort","a","b","sortTableColumn","map","tmpColumn","sortable","undefined","previousPage","nextPage","changeRowsPerPage","value","parseInt","renderHeader","neutral_600","width","justify","name","onLinkClick","event","stopPropagation","onIconClick","onRowClick","selectedText","window","getSelection","toString","renderBody","index","colorFn","color","maxWidth","shortenText","isLink","Small","isIcon","icon","size","className","customContent","renderFooter","rowsPerPageValues","x","label","Medium"],"mappings":"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","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 { MoreVertical, ChevronRight, ChevronLeft, ArrowLineDown, ArrowLineUp } from '../icons/systemicons/SystemIcons';\r\nimport { SystemIcons as icons } from '../icons/index';\r\nimport { DropdownFilter } from '../Dropdown/index';\r\nimport { IconButton, Button } from '../Button/index';\r\nimport { Size } from '../types'\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { COLORS } from '../styles';\r\nimport { TableHeaderRowCol, TableColumnHeaderCol, TableContainer, TableDataCol, TableDataRow, TableFooterCol, TableWrapper, TableLoadingIndicator } from './TableStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { TableProps, TableColumn, TableSortingDirection } from './TableTypes';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\n\r\nconst Table: React.FunctionComponent<TableProps> = ({\r\n  rowClick,\r\n  linkClick,\r\n  iconClick,\r\n  previousPageClick,\r\n  nextPageClick,\r\n  rowsPerPageChange,\r\n  triggerSortingChange,\r\n  title,\r\n  columns,\r\n  rows,\r\n  remotePagination,\r\n  pagination,\r\n  showLoadingIndicator,\r\n}: TableProps) => {\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 [sortedColumn, setSortedColumn] = React.useState<string>('');\r\n  const [sortedDirection, setSortedDirection] = React.useState<TableSortingDirection>('asc');\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  /**\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 (!remotePagination) {\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, sortedColumn, sortedDirection, remotePagination]);\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 (remotePagination) {\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  }, [remotePagination, pagination, rows]);\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 (columns.some((column) => column.sortingDirection)) {\r\n      // Let's find the sorting column\r\n      const sortingColumn = columns.find((column) => column.sortingDirection)!;\r\n\r\n      // Update sorted column data\r\n      setSortedDirection(sortingColumn.sortingDirection!);\r\n      setSortedColumn(sortingColumn.key!);\r\n\r\n      // Let's sort the rows\r\n      tmpFilteredRows.sort((a, b) => {\r\n        if (a[sortingColumn.key] > b[sortingColumn.key]) {\r\n          return sortingColumn.sortingDirection === 'asc' ? 1 : -1;\r\n        } else if (a[sortingColumn.key] < b[sortingColumn.key]) {\r\n          return sortingColumn.sortingDirection === '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   * 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's remove any active sorting\r\n    columns = columns.map((tmpColumn: TableColumn) => {\r\n      // Let's apply new sorting\r\n      // Let's check if it is the column for which we have to apply sorting\r\n      if (column.key === tmpColumn.key && tmpColumn.sortable) {\r\n        // Let's check if sorting is not defined\r\n        // If so, let's toggle the sorting direction\r\n        if (tmpColumn.sortingDirection !== undefined) {\r\n          if (tmpColumn.sortingDirection === 'asc') {\r\n            tmpColumn.sortingDirection = 'desc';\r\n\r\n            // Update sorted column and direction\r\n            setSortedColumn(column.key);\r\n            setSortedDirection('desc');\r\n\r\n            // Let's trigger remote sorting trigger function\r\n            if (remotePagination && triggerSortingChange) {\r\n              triggerSortingChange(column.key, 'desc');\r\n            }\r\n          } else {\r\n            tmpColumn.sortingDirection = 'asc';\r\n\r\n            // Update sorted column and direction\r\n            setSortedColumn(column.key);\r\n            setSortedDirection('asc');\r\n\r\n            // Let's trigger remote sorting trigger function\r\n            if (remotePagination && triggerSortingChange) {\r\n              triggerSortingChange(column.key, 'asc');\r\n            }\r\n          }\r\n        } else {\r\n          // Let's apply the initial sorting\r\n          tmpColumn.sortingDirection = 'asc';\r\n\r\n          // Update sorted column and direction\r\n          setSortedColumn(column.key);\r\n          setSortedDirection('asc');\r\n\r\n          // Let's trigger remote sorting trigger function\r\n          if (remotePagination && triggerSortingChange) {\r\n            triggerSortingChange(column.key, 'asc');\r\n          }\r\n        }\r\n      } else if (tmpColumn.sortingDirection !== undefined) {\r\n        // Let's remove sorting\r\n        tmpColumn.sortingDirection = undefined;\r\n      }\r\n\r\n      return tmpColumn;\r\n    });\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 (remotePagination) {\r\n      // Let's inform parent component about page change\r\n      if (previousPageClick) {\r\n        previousPageClick();\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 (remotePagination) {\r\n      // Let's inform parent component about page change\r\n      if (nextPageClick) {\r\n        nextPageClick();\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: string) => {\r\n    // Let's check if we are using remote pagination\r\n    if (remotePagination) {\r\n      // Inform parent component about rows per page change\r\n      if (rowsPerPageChange) {\r\n        rowsPerPageChange(parseInt(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(parseInt(value));\r\n  };\r\n\r\n  /**\r\n   * Renders the table header.\r\n   */\r\n  const renderHeader = () => {\r\n    return (\r\n      <thead>\r\n        {title && (\r\n          <tr data-testid=\"TestTableHeaderRow\">\r\n            <TableHeaderRowCol colSpan={columns.length}>\r\n              <div>\r\n                {title}\r\n                <MoreVertical size=\"18px\" color={COLORS.neutral_600} />\r\n              </div>\r\n            </TableHeaderRowCol>\r\n          </tr>\r\n        )}\r\n        <tr data-testid=\"TestTableColumnHeaderRow\">\r\n          {columns.map((column: TableColumn) => (\r\n            <TableColumnHeaderCol\r\n              onClick={() => sortTableColumn(column)}\r\n              key={column.key}\r\n              style={{ width: column.width }}\r\n              className={`${column.sortable ? 'sortable' : ''} ${!title ? 'no-border' : ''} ${column.justify ? `justify-${column.justify}` : ''}`}>\r\n              {column.name}\r\n\r\n              {column.sortingDirection === 'asc' ? <ArrowLineUp size=\"20px\" /> : column.sortingDirection === 'desc' ? <ArrowLineDown size=\"20px\" /> : ''}\r\n            </TableColumnHeaderCol>\r\n          ))}\r\n        </tr>\r\n      </thead>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Function which is called when a mouse click happens on a link to pass data to the parent component.\r\n   * @param row - Row in which the link is located.\r\n   * @param key - Key of the column for which the link is set.\r\n   * @param event - Click event handler.\r\n   */\r\n  const onLinkClick = (row: any, key: string, event: React.MouseEvent) => {\r\n    if (linkClick) {\r\n      event.stopPropagation();\r\n\r\n      linkClick(row, key);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Function which is called when a mouse click happens on an icon to pass data to the parent component.\r\n   * @param row - Row in which the icon is located.\r\n   * @param key - Key of the column for which the icon is set.\r\n   * @param event - Click event handler.\r\n   */\r\n  const onIconClick = (row: any, key: string, event: React.MouseEvent<HTMLButtonElement>) => {\r\n    if (iconClick) {\r\n      event.stopPropagation();\r\n\r\n      iconClick(row, key);\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    // Let's trigger row click only if we haven't selected any text and action exists\r\n    if (selectedText?.length === 0 && rowClick) {\r\n      rowClick(row);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Renders the table body.\r\n   */\r\n  const renderBody = () => {\r\n    return (\r\n      <tbody>\r\n        {currentPageRows.length > 0 ? (\r\n          currentPageRows.map((row: any, index: number) => (\r\n            <TableDataRow key={`row_${index}`} onClick={() => onRowClick(row)} data-testid=\"TestTableDataRow\">\r\n              {columns.map((column: TableColumn) => (\r\n                <TableDataCol\r\n                  key={`row_${index}_${column.key}`}\r\n                  style={column.colorFn ? { color: column.colorFn(row, column.key), maxWidth: column.width } : { maxWidth: column.width }}\r\n                  className={`${column.shortenText && `truncate-text`} ${column.justify ? `justify-${column.justify}` : ''} `}\r\n                  title={column.shortenText && row[column.key]}>\r\n                  {column.isLink && row[column.key] ? (\r\n                    <Button\r\n                      size={Size.Small}\r\n                      variant=\"tertiary\"\r\n                      onClick={(event) => onLinkClick(row, column.key, event)}\r\n                      style={column.colorFn && { color: column.colorFn(row, column.key) }}>\r\n                      {row[column.key]}\r\n                    </Button>\r\n                  ) : column.isIcon && column.icon ? (\r\n                    <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground={true} action={(event) => onIconClick(row, column.key, event!)}>\r\n                      {icons[column.icon!]({ size: '24', className: 'icon' })}\r\n                    </IconButton>\r\n                  ) : column.customContent ? (\r\n                    column.customContent(row, column.key)\r\n                  ) : (\r\n                    row[column.key]\r\n                  )}\r\n                </TableDataCol>\r\n              ))}\r\n            </TableDataRow>\r\n          ))\r\n        ) : (\r\n          <TableDataRow className=\"no-rows\" data-testid=\"TestTableNoDataRow\">\r\n            <TableDataCol colSpan={columns.length} className=\"center\">\r\n              There are no rows to display\r\n            </TableDataCol>\r\n          </TableDataRow>\r\n        )}\r\n      </tbody>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Renders the table footer.\r\n   */\r\n  const renderFooter = () => {\r\n    // Define local values used within the footer\r\n    const rowsPerPageValues = ['10', '20', '50', '100'];\r\n\r\n    return (\r\n      <tfoot>\r\n        <tr>\r\n          <TableFooterCol colSpan={columns.length} data-testid=\"TestTableFooterRow\">\r\n            <div>\r\n              <span>Rows per page: </span>\r\n              <DropdownFilter\r\n                id=\"rows-per-page\"\r\n                list={rowsPerPageValues.map(x => ({ label: x }))}\r\n                disableSorting={true}\r\n                onSelect={(value) => changeRowsPerPage(value)}\r\n                initalValue={rowsPerPage.toString()}\r\n                isButton={true}\r\n              />\r\n              <span className=\"current-page-info\">\r\n                {total === 0 ? 0 : from}-{to} of {total}\r\n              </span>\r\n              <div className=\"controls\">\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => previousPage()} disabled={from === 1}>\r\n                  <ChevronLeft size=\"24\" color={COLORS.neutral_600} />\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => nextPage()} disabled={to === total}>\r\n                  <ChevronRight size=\"24\" color={COLORS.neutral_600} />\r\n                </IconButton>\r\n              </div>\r\n            </div>\r\n          </TableFooterCol>\r\n        </tr>\r\n      </tfoot>\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Return Table component.\r\n   */\r\n  return (\r\n    <TableWrapper>\r\n      <TableContainer cellPadding=\"0\" cellSpacing=\"0\" data-testid=\"TestTable\">\r\n        {renderHeader()}\r\n        {renderBody()}\r\n        {renderFooter()}\r\n      </TableContainer>\r\n      {showLoadingIndicator && (\r\n        <TableLoadingIndicator>\r\n          <LoadingIndicator size={Size.Medium} color=\"#ffffff\"></LoadingIndicator>\r\n        </TableLoadingIndicator>\r\n      )}\r\n    </TableWrapper>\r\n  );\r\n};\r\n\r\nexport default Table;\r\n"],"file":"Table.js"}

package/dist/esm/Table/TableStyles.js

@@ -1,183 +0,0 @@
-/**
- * Import third-party libraries.
- */
-import styled from 'styled-components';
-/**
- * Import custom style properties.
- */
-
-import { COLORS } from '../styles';
-import { ComponentLStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../styles/typography';
-/**
- * Table styles
- */
-
-export const TableWrapper = styled.div`
-  position: relative;
-`;
-export const TableLoadingIndicator = styled.div`
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  background-color: rgba(0, 0, 0, 0.5);
-  top: 0;
-`;
-export const TableContainer = styled.table`
-  background: transparent;
-  width: 100%;
-  border-top: 2px solid ${COLORS.neutral_200};
-  border-bottom: 2px solid ${COLORS.neutral_200};
-`;
-export const TableHeaderRowCol = styled.th`
-  background-color: ${COLORS.neutral_20};
-  border-bottom: 1px solid ${COLORS.neutral_200};
-
-  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}
-  padding: 16px 19px 16px 16px;
-
-  div {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    svg {
-      cursor: pointer;
-    }
-  }
-`;
-export const TableColumnHeaderCol = styled.th`
-  background-color: ${COLORS.white};
-  border-top: 1px solid ${COLORS.neutral_300};
-
-  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}
-  padding: 18px 16px;
-  text-align: left;
-
-  &.justify-center {
-    text-align: center;
-  }
-
-  &.justify-left {
-    text-align: left;
-  }
-
-  &.justify-right {
-    text-align: right;
-  }
-
-  &.no-border {
-    border: none;
-  }
-
-  &.sortable {
-    cursor: pointer;
-
-    > svg {
-      float: right;
-    }
-
-    &:hover {
-      background: ${COLORS.primary_20};
-    }
-
-    &:focus {
-      background: ${COLORS.primary_100};
-    }
-  }
-`;
-export const TableDataRow = styled.tr`
-  background-color: ${COLORS.neutral_100};
-
-  &:nth-child(2n) {
-    background-color: ${COLORS.neutral_20};
-  }
-
-  &:hover {
-    cursor: pointer;
-    background-color: ${COLORS.primary_200};
-  }
-
-  &.no-rows:hover {
-    cursor: default;
-    background-color: ${COLORS.neutral_100};
-  }
-`;
-export const TableDataCol = styled.td`
-  background: transparent;
-
-  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}
-  padding: 15px 16px;
-  border: none;
-
-  &.truncate-text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &.justify-center {
-    text-align: center;
-  }
-
-  &.justify-left {
-    text-align: left;
-  }
-
-  &.justify-right {
-    text-align: right;
-  }
-
-  button {
-    color: ${COLORS.primary_600};
-    text-decoration: none;
-
-    &:hover {
-      color: ${COLORS.primary_700};
-      text-decoration: underline;
-    }
-
-    &:focus {
-      text-decoration: underline;
-      outline: none;
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      color: ${COLORS.primary_700};
-    }
-  }
-
-  &.center {
-    text-align: center;
-  }
-`;
-export const TableFooterCol = styled.td`
-  border-top: 1px solid ${COLORS.neutral_200};
-  padding: 3.5px 20px 3.5px 16px;
-
-  > div {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    > div > div:first-of-type {
-      ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.black)}
-      display: block;
-      padding-top: 11px;
-      padding-left: 2px;
-      padding-right: 30px;
-    }
-
-    span {
-      ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}
-
-      &.current-page-info {
-        margin-right: 34px;
-        margin-left: 39px;
-      }
-    }
-
-    .controls {
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-`;
-//# sourceMappingURL=TableStyles.js.map

package/dist/esm/Table/TableStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Table/TableStyles.ts"],"names":["styled","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","TableWrapper","div","TableLoadingIndicator","TableContainer","table","neutral_200","TableHeaderRowCol","th","neutral_20","Bold","neutral_600","TableColumnHeaderCol","white","neutral_300","primary_20","primary_100","TableDataRow","tr","neutral_100","primary_200","TableDataCol","td","Regular","black","primary_600","primary_700","focus_25","focus","TableFooterCol"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,iBAAT,EAA+CC,iBAA/C,EAAkEC,kBAAlE,EAAsFC,kBAAtF,QAAgH,sBAAhH;AAEA;AACA;AACA;;AAEA,OAAO,MAAMC,YAAY,GAAGN,MAAM,CAACO,GAAI;AACvC;AACA,CAFO;AAIP,OAAO,MAAMC,qBAAqB,GAAGR,MAAM,CAACO,GAAI;AAChD;AACA;AACA;AACA;AACA;AACA,CANO;AAQP,OAAO,MAAME,cAAc,GAAGT,MAAM,CAACU,KAAM;AAC3C;AACA;AACA,0BAA0BT,MAAM,CAACU,WAAY;AAC7C,6BAA6BV,MAAM,CAACU,WAAY;AAChD,CALO;AAOP,OAAO,MAAMC,iBAAiB,GAAGZ,MAAM,CAACa,EAAG;AAC3C,sBAAsBZ,MAAM,CAACa,UAAW;AACxC,6BAA6Bb,MAAM,CAACU,WAAY;AAChD;AACA,IAAIT,iBAAiB,CAACE,kBAAkB,CAACW,IAApB,EAA0Bd,MAAM,CAACe,WAAjC,CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAhBO;AAkBP,OAAO,MAAMC,oBAAoB,GAAGjB,MAAM,CAACa,EAAG;AAC9C,sBAAsBZ,MAAM,CAACiB,KAAM;AACnC,0BAA0BjB,MAAM,CAACkB,WAAY;AAC7C;AACA,IAAIhB,iBAAiB,CAACC,kBAAkB,CAACW,IAApB,EAA0Bd,MAAM,CAACe,WAAjC,CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoBf,MAAM,CAACmB,UAAW;AACtC;AACA;AACA;AACA,oBAAoBnB,MAAM,CAACoB,WAAY;AACvC;AACA;AACA,CAvCO;AAyCP,OAAO,MAAMC,YAAY,GAAGtB,MAAM,CAACuB,EAAG;AACtC,sBAAsBtB,MAAM,CAACuB,WAAY;AACzC;AACA;AACA,wBAAwBvB,MAAM,CAACa,UAAW;AAC1C;AACA;AACA;AACA;AACA,wBAAwBb,MAAM,CAACwB,WAAY;AAC3C;AACA;AACA;AACA;AACA,wBAAwBxB,MAAM,CAACuB,WAAY;AAC3C;AACA,CAhBO;AAkBP,OAAO,MAAME,YAAY,GAAG1B,MAAM,CAAC2B,EAAG;AACtC;AACA;AACA,IAAIxB,iBAAiB,CAACC,kBAAkB,CAACwB,OAApB,EAA6B3B,MAAM,CAAC4B,KAApC,CAA2C;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa5B,MAAM,CAAC6B,WAAY;AAChC;AACA;AACA;AACA,eAAe7B,MAAM,CAAC8B,WAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC9B,MAAM,CAAC+B,QAAS,iBAAgB/B,MAAM,CAACgC,KAAM;AAC9E,eAAehC,MAAM,CAAC8B,WAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,CA7CO;AA+CP,OAAO,MAAMG,cAAc,GAAGlC,MAAM,CAAC2B,EAAG;AACxC,0BAA0B1B,MAAM,CAACU,WAAY;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQN,kBAAkB,CAACD,kBAAkB,CAACwB,OAApB,EAA6B3B,MAAM,CAAC4B,KAApC,CAA2C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ1B,iBAAiB,CAACC,kBAAkB,CAACwB,OAApB,EAA6B3B,MAAM,CAAC4B,KAApC,CAA2C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA/BO","sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS } from '../styles';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../styles/typography';\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nexport const TableLoadingIndicator = styled.div`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n`;\r\n\r\nexport const TableContainer = styled.table`\r\n  background: transparent;\r\n  width: 100%;\r\n  border-top: 2px solid ${COLORS.neutral_200};\r\n  border-bottom: 2px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nexport const TableHeaderRowCol = styled.th`\r\n  background-color: ${COLORS.neutral_20};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\r\n\r\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  padding: 16px 19px 16px 16px;\r\n\r\n  div {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    svg {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TableColumnHeaderCol = styled.th`\r\n  background-color: ${COLORS.white};\r\n  border-top: 1px solid ${COLORS.neutral_300};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  padding: 18px 16px;\r\n  text-align: left;\r\n\r\n  &.justify-center {\r\n    text-align: center;\r\n  }\r\n\r\n  &.justify-left {\r\n    text-align: left;\r\n  }\r\n\r\n  &.justify-right {\r\n    text-align: right;\r\n  }\r\n\r\n  &.no-border {\r\n    border: none;\r\n  }\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    > svg {\r\n      float: right;\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n    }\r\n\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TableDataRow = styled.tr`\r\n  background-color: ${COLORS.neutral_100};\r\n\r\n  &:nth-child(2n) {\r\n    background-color: ${COLORS.neutral_20};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background-color: ${COLORS.primary_200};\r\n  }\r\n\r\n  &.no-rows:hover {\r\n    cursor: default;\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nexport const TableDataCol = styled.td`\r\n  background: transparent;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  padding: 15px 16px;\r\n  border: none;\r\n\r\n  &.truncate-text {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.justify-center {\r\n    text-align: center;\r\n  }\r\n\r\n  &.justify-left {\r\n    text-align: left;\r\n  }\r\n\r\n  &.justify-right {\r\n    text-align: right;\r\n  }\r\n\r\n  button {\r\n    color: ${COLORS.primary_600};\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      color: ${COLORS.primary_700};\r\n      text-decoration: underline;\r\n    }\r\n\r\n    &:focus {\r\n      text-decoration: underline;\r\n      outline: none;\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const TableFooterCol = styled.td`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  padding: 3.5px 20px 3.5px 16px;\r\n\r\n  > div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n\r\n    > div > div:first-of-type {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n      display: block;\r\n      padding-top: 11px;\r\n      padding-left: 2px;\r\n      padding-right: 30px;\r\n    }\r\n\r\n    span {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n      &.current-page-info {\r\n        margin-right: 34px;\r\n        margin-left: 39px;\r\n      }\r\n    }\r\n\r\n    .controls {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n  }\r\n`;\r\n"],"file":"TableStyles.js"}

package/dist/esm/Table/TableTypes.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TableTypes.js.map