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

package/dist/js/Switcher/__tests__/SwitcherMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Switcher/__tests__/SwitcherMenuItem.tsx"],"names":["describe","it","queryByText","getByTestId","expect","toBeDefined","testMenuItem","toHaveStyleRule","COLORS","neutral_600"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,sBAAD,EAAyB,YAAM;AACrCC,EAAAA,EAAE,CAAC,0BAAD,uEAA6B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACQ,kCAAO,6BAAC,uBAAD;AAAkB,cAAA,KAAK,EAAC,WAAxB;AAAoC,cAAA,GAAG,EAAC,OAAxC;AAAgD,cAAA,MAAM,EAAC;AAAvD,cAAP,CADR,EACrBC,WADqB,WACrBA,WADqB,EACRC,WADQ,WACRA,WADQ;AAE7BC,YAAAA,MAAM,CAACF,WAAW,CAAC,WAAD,CAAZ,CAAN,CAAiCG,WAAjC;AAEMC,YAAAA,YAJuB,GAIRH,WAAW,CAAC,sBAAD,CAJH;AAK7BC,YAAAA,MAAM,CAACE,YAAD,CAAN,CAAqBC,eAArB,CAAqC,OAArC,EAA8CC,eAAOC,WAArD;;AAL6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA7B,GAAF;AAOD,CARO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { SwitcherMenuItem } from '../index';\r\nimport 'jest-styled-components';\r\nimport { COLORS } from '../../styles';\r\n\r\ndescribe('<SwitcherMenuItem />', () => {\r\n  it('Renders SwitcherMenuItem', async () => {\r\n    const { queryByText, getByTestId } = render(<SwitcherMenuItem label=\"TestLabel\" url=\"/test\" testId=\"TestSwitcherMenuItem\" />);\r\n    expect(queryByText('TestLabel')).toBeDefined();\r\n\r\n    const testMenuItem = getByTestId('TestSwitcherMenuItem');\r\n    expect(testMenuItem).toHaveStyleRule('color', COLORS.neutral_600);\r\n  });\r\n});\r\n"],"file":"SwitcherMenuItem.js"}

package/dist/js/Switcher/index.d.ts

@@ -1,3 +0,0 @@
-import SwitcherMenuItem from './SwitcherMenuItem';
-import MobileSwitcherMenu from './MobileSwitcherMenu';
-export { SwitcherMenuItem, MobileSwitcherMenu };

package/dist/js/Switcher/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SwitcherMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _SwitcherMenuItem.default;
-  }
-});
-Object.defineProperty(exports, "MobileSwitcherMenu", {
-  enumerable: true,
-  get: function get() {
-    return _MobileSwitcherMenu.default;
-  }
-});
-
-var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));
-
-var _MobileSwitcherMenu = _interopRequireDefault(require("./MobileSwitcherMenu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/Switcher/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Switcher/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import SwitcherMenuItem from './SwitcherMenuItem';\r\nimport MobileSwitcherMenu from './MobileSwitcherMenu';\r\n\r\nexport { SwitcherMenuItem, MobileSwitcherMenu };\r\n"],"file":"index.js"}

package/dist/js/Table/Table.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { TableProps } from './TableTypes';
-declare const Table: React.FunctionComponent<TableProps>;
-export default Table;

package/dist/js/Table/Table.js

@@ -1,507 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _index = require("../icons/index");
-
-var _index2 = require("../Dropdown/index");
-
-var _index3 = require("../Button/index");
-
-var _types = require("../types");
-
-var _styles = require("../styles");
-
-var _TableStyles = require("./TableStyles");
-
-var _LoadingIndicator = require("../LoadingIndicator");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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(_e2) { throw _e2; }, 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(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-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; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Table = function Table(_ref) {
-  var rowClick = _ref.rowClick,
-      linkClick = _ref.linkClick,
-      iconClick = _ref.iconClick,
-      previousPageClick = _ref.previousPageClick,
-      nextPageClick = _ref.nextPageClick,
-      rowsPerPageChange = _ref.rowsPerPageChange,
-      triggerSortingChange = _ref.triggerSortingChange,
-      title = _ref.title,
-      columns = _ref.columns,
-      rows = _ref.rows,
-      remotePagination = _ref.remotePagination,
-      pagination = _ref.pagination,
-      showLoadingIndicator = _ref.showLoadingIndicator;
-
-  // States used within the component
-  var _React$useState = React.useState(10),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      rowsPerPage = _React$useState2[0],
-      setRowsPerPage = _React$useState2[1];
-
-  var _React$useState3 = React.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      filteredRows = _React$useState4[0],
-      setFilteredRows = _React$useState4[1];
-
-  var _React$useState5 = React.useState([]),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      currentPageRows = _React$useState6[0],
-      setCurrentPageRows = _React$useState6[1];
-
-  var _React$useState7 = React.useState(1),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      currentPage = _React$useState8[0],
-      setCurrentPage = _React$useState8[1];
-
-  var _React$useState9 = React.useState(''),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      sortedColumn = _React$useState10[0],
-      setSortedColumn = _React$useState10[1];
-
-  var _React$useState11 = React.useState('asc'),
-      _React$useState12 = _slicedToArray(_React$useState11, 2),
-      sortedDirection = _React$useState12[0],
-      setSortedDirection = _React$useState12[1];
-
-  var _React$useState13 = React.useState(),
-      _React$useState14 = _slicedToArray(_React$useState13, 2),
-      from = _React$useState14[0],
-      setFrom = _React$useState14[1];
-
-  var _React$useState15 = React.useState(),
-      _React$useState16 = _slicedToArray(_React$useState15, 2),
-      to = _React$useState16[0],
-      setTo = _React$useState16[1];
-
-  var _React$useState17 = React.useState(),
-      _React$useState18 = _slicedToArray(_React$useState17, 2),
-      total = _React$useState18[0],
-      setTotal = _React$useState18[1];
-  /**
-   * Takes care of local pagination.
-   * Works only in case remote pagination is not defined or is set to false.
-   */
-
-
-  React.useEffect(function () {
-    if (!remotePagination) {
-      // Let's retrieve temporary filtered rows and update globally filtered rows
-      var tmpFilteredRows = filterAndSortRows();
-      setFilteredRows(tmpFilteredRows);
-      setTotal(tmpFilteredRows.length); // Assign rows from and rows to
-
-      var rowsFrom = (currentPage - 1) * rowsPerPage;
-      var 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(function () {
-    if (remotePagination) {
-      setCurrentPageRows(rows); // Let's assign pagination values
-
-      setFrom(pagination === null || pagination === void 0 ? void 0 : pagination.from);
-      setTo(pagination === null || pagination === void 0 ? void 0 : pagination.to);
-      setTotal(pagination === null || pagination === void 0 ? void 0 : pagination.total);
-      setCurrentPage(pagination === null || pagination === void 0 ? void 0 : pagination.currentPage);
-      setRowsPerPage(pagination === null || pagination === void 0 ? void 0 : 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.
-   */
-
-  var filterAndSortRows = function filterAndSortRows() {
-    var tmpFilteredRows = rows.filter(function (row) {
-      // Let's start with matched filter criteria
-      var matchFilterCriteria = true; // Let's go through columns
-
-      var _iterator = _createForOfIteratorHelper(columns),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var column = _step.value;
-
-          // 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
-
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      if (matchFilterCriteria) {
-        return row;
-      }
-    }); // Let's apply sorting if needed
-
-    if (columns.some(function (column) {
-      return column.sortingDirection;
-    })) {
-      // Let's find the sorting column
-      var sortingColumn = columns.find(function (column) {
-        return column.sortingDirection;
-      }); // Update sorted column data
-
-      setSortedDirection(sortingColumn.sortingDirection);
-      setSortedColumn(sortingColumn.key); // Let's sort the rows
-
-      tmpFilteredRows.sort(function (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.
-   */
-
-
-  var sortTableColumn = function sortTableColumn(column) {
-    // Let's remove any active sorting
-    columns = columns.map(function (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.
-   */
-
-
-  var previousPage = function 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.
-   */
-
-
-  var nextPage = function 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.
-   */
-
-
-  var changeRowsPerPage = function 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.
-   */
-
-
-  var renderHeader = function renderHeader() {
-    return /*#__PURE__*/React.createElement("thead", null, title && /*#__PURE__*/React.createElement("tr", {
-      "data-testid": "TestTableHeaderRow"
-    }, /*#__PURE__*/React.createElement(_TableStyles.TableHeaderRowCol, {
-      colSpan: columns.length
-    }, /*#__PURE__*/React.createElement("div", null, title, /*#__PURE__*/React.createElement(_SystemIcons.MoreVertical, {
-      size: "18px",
-      color: _styles.COLORS.neutral_600
-    })))), /*#__PURE__*/React.createElement("tr", {
-      "data-testid": "TestTableColumnHeaderRow"
-    }, columns.map(function (column) {
-      return /*#__PURE__*/React.createElement(_TableStyles.TableColumnHeaderCol, {
-        onClick: function onClick() {
-          return sortTableColumn(column);
-        },
-        key: column.key,
-        style: {
-          width: column.width
-        },
-        className: "".concat(column.sortable ? 'sortable' : '', " ").concat(!title ? 'no-border' : '', " ").concat(column.justify ? "justify-".concat(column.justify) : '')
-      }, column.name, column.sortingDirection === 'asc' ? /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineUp, {
-        size: "20px"
-      }) : column.sortingDirection === 'desc' ? /*#__PURE__*/React.createElement(_SystemIcons.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.
-   */
-
-
-  var onLinkClick = function 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.
-   */
-
-
-  var onIconClick = function 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.
-   */
-
-
-  var onRowClick = function onRowClick(row) {
-    var _window, _window$getSelection;
-
-    var selectedText = (_window = window) === null || _window === void 0 ? void 0 : (_window$getSelection = _window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString(); // Let's trigger row click only if we haven't selected any text and action exists
-
-    if ((selectedText === null || selectedText === void 0 ? void 0 : selectedText.length) === 0 && rowClick) {
-      rowClick(row);
-    }
-  };
-  /**
-   * Renders the table body.
-   */
-
-
-  var renderBody = function renderBody() {
-    return /*#__PURE__*/React.createElement("tbody", null, currentPageRows.length > 0 ? currentPageRows.map(function (row, index) {
-      return /*#__PURE__*/React.createElement(_TableStyles.TableDataRow, {
-        key: "row_".concat(index),
-        onClick: function onClick() {
-          return onRowClick(row);
-        },
-        "data-testid": "TestTableDataRow"
-      }, columns.map(function (column) {
-        return /*#__PURE__*/React.createElement(_TableStyles.TableDataCol, {
-          key: "row_".concat(index, "_").concat(column.key),
-          style: column.colorFn ? {
-            color: column.colorFn(row, column.key),
-            maxWidth: column.width
-          } : {
-            maxWidth: column.width
-          },
-          className: "".concat(column.shortenText && "truncate-text", " ").concat(column.justify ? "justify-".concat(column.justify) : '', " "),
-          title: column.shortenText && row[column.key]
-        }, column.isLink && row[column.key] ? /*#__PURE__*/React.createElement(_index3.Button, {
-          size: _types.Size.Small,
-          variant: "tertiary",
-          onClick: function onClick(event) {
-            return onLinkClick(row, column.key, event);
-          },
-          style: column.colorFn && {
-            color: column.colorFn(row, column.key)
-          }
-        }, row[column.key]) : column.isIcon && column.icon ? /*#__PURE__*/React.createElement(_index3.IconButton, {
-          variant: "secondary",
-          shape: "circular",
-          useTransparentBackground: true,
-          action: function action(event) {
-            return onIconClick(row, column.key, event);
-          }
-        }, _index.SystemIcons[column.icon]({
-          size: '24',
-          className: 'icon'
-        })) : column.customContent ? column.customContent(row, column.key) : row[column.key]);
-      }));
-    }) : /*#__PURE__*/React.createElement(_TableStyles.TableDataRow, {
-      className: "no-rows",
-      "data-testid": "TestTableNoDataRow"
-    }, /*#__PURE__*/React.createElement(_TableStyles.TableDataCol, {
-      colSpan: columns.length,
-      className: "center"
-    }, "There are no rows to display")));
-  };
-  /**
-   * Renders the table footer.
-   */
-
-
-  var renderFooter = function renderFooter() {
-    // Define local values used within the footer
-    var rowsPerPageValues = ['10', '20', '50', '100'];
-    return /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(_TableStyles.TableFooterCol, {
-      colSpan: columns.length,
-      "data-testid": "TestTableFooterRow"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "Rows per page: "), /*#__PURE__*/React.createElement(_index2.DropdownFilter, {
-      id: "rows-per-page",
-      list: rowsPerPageValues.map(function (x) {
-        return {
-          label: x
-        };
-      }),
-      disableSorting: true,
-      onSelect: function onSelect(value) {
-        return 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(_index3.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: function action() {
-        return previousPage();
-      },
-      disabled: from === 1
-    }, /*#__PURE__*/React.createElement(_SystemIcons.ChevronLeft, {
-      size: "24",
-      color: _styles.COLORS.neutral_600
-    })), /*#__PURE__*/React.createElement(_index3.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: function action() {
-        return nextPage();
-      },
-      disabled: to === total
-    }, /*#__PURE__*/React.createElement(_SystemIcons.ChevronRight, {
-      size: "24",
-      color: _styles.COLORS.neutral_600
-    })))))));
-  };
-  /**
-   * Return Table component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(_TableStyles.TableWrapper, null, /*#__PURE__*/React.createElement(_TableStyles.TableContainer, {
-    cellPadding: "0",
-    cellSpacing: "0",
-    "data-testid": "TestTable"
-  }, renderHeader(), renderBody(), renderFooter()), showLoadingIndicator && /*#__PURE__*/React.createElement(_TableStyles.TableLoadingIndicator, null, /*#__PURE__*/React.createElement(_LoadingIndicator.LoadingIndicator, {
-    size: _types.Size.Medium,
-    color: "#ffffff"
-  })));
-};
-
-var _default = Table;
-exports.default = _default;
-//# sourceMappingURL=Table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Table/Table.tsx"],"names":["Table","rowClick","linkClick","iconClick","previousPageClick","nextPageClick","rowsPerPageChange","triggerSortingChange","title","columns","rows","remotePagination","pagination","showLoadingIndicator","React","useState","rowsPerPage","setRowsPerPage","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","COLORS","neutral_600","width","justify","name","onLinkClick","event","stopPropagation","onIconClick","onRowClick","selectedText","window","getSelection","toString","renderBody","index","colorFn","color","maxWidth","shortenText","isLink","Size","Small","isIcon","icon","icons","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/js/Table/TableStyles.d.ts

@@ -1,11 +0,0 @@
-/**
- * Table styles
- */
-export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TableLoadingIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TableContainer: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const TableHeaderRowCol: import("styled-components").StyledComponent<"th", any, {}, never>;
-export declare const TableColumnHeaderCol: import("styled-components").StyledComponent<"th", any, {}, never>;
-export declare const TableDataRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const TableDataCol: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const TableFooterCol: import("styled-components").StyledComponent<"td", any, {}, never>;