@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1.full

package/dist/Switcher/SwitcherMenuItem.js

@@ -1,51 +1,99 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2;
 import React from 'react';
 import styled from 'styled-components';
 import { Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles } from '../styles';
 import { defaultOnMouseDownHandler } from '../common';
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var StyledSwitcherItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 16px 25px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 4px;\n    top: 4px;\n    bottom: 4px;\n    width: 4px;\n    background-color: transparent;\n    border-radius: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    font-weight: bold;\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    ", ";\n    \n    outline-offset: -2px;\n  }\n"])), function (props) {
-  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
-}, Z_INDEXES.active, function (props) {
-  return COLORS.getColor('neutral_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_500', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_300', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_100', props.theme);
-}, Z_INDEXES.hover, function (props) {
-  return COLORS.getColor('primary_600', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_600', props.theme);
-}, Z_INDEXES.active, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_100', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_500', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-}, focusStyles);
-var A = styled.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
-var SwitcherMenuItem = function SwitcherMenuItem(_ref) {
-  var label = _ref.label,
-    url = _ref.url,
-    disabled = _ref.disabled,
-    icon = _ref.icon,
-    _ref$as = _ref.as,
-    as = _ref$as === void 0 ? A : _ref$as,
-    testId = _ref.testId;
+const StyledSwitcherItem = styled.div`
+  padding: 16px 25px;
+  margin: 0 2px;
+
+  display: flex;
+  align-items: center;
+  text-align: center;
+  position: relative;
+
+  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}
+
+  text-decoration: none;
+
+  svg {
+    margin-right: 16px;
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 4px;
+    top: 4px;
+    bottom: 4px;
+    width: 4px;
+    background-color: transparent;
+    border-radius: 2px;
+  }
+
+  &.active:not(.disabled) {
+    z-index: ${Z_INDEXES.active};
+    font-weight: bold;
+    color: ${props => COLORS.getColor('neutral_800', props.theme)};
+
+    &:after {
+      background-color: ${props => COLORS.getColor('primary_500', props.theme)};
+    }
+
+    svg path {
+      fill: ${props => COLORS.getColor('neutral_800', props.theme)};
+    }
+  }
+
+  &.disabled {
+    color: ${props => COLORS.getColor('neutral_300', props.theme)};
+    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};
+  }
+
+  &:hover:not(.disabled) {
+    z-index: ${Z_INDEXES.hover};
+    color: ${props => COLORS.getColor('primary_600', props.theme)};
+    background-color: ${props => COLORS.getColor('primary_20', props.theme)};
+
+    svg path {
+      fill: ${props => COLORS.getColor('primary_600', props.theme)};
+    }
+  }
+
+  &:active:not(.disabled) {
+    z-index: ${Z_INDEXES.active};
+    color: ${props => COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => COLORS.getColor('primary_100', props.theme)};
+
+    &:after {
+      background-color: ${props => COLORS.getColor('primary_500', props.theme)};
+    }
+
+    svg path {
+      fill: ${props => COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+
+  &:focus:not(.disabled) {
+    ${focusStyles};
+    
+    outline-offset: -2px;
+  }
+`;
+const A = styled.a``;
+const SwitcherMenuItem = _ref => {
+  let {
+    label,
+    url,
+    disabled,
+    icon,
+    as = A,
+    testId
+  } = _ref;
   return /*#__PURE__*/_jsxs(StyledSwitcherItem, {
-    onClick: function onClick() {
-      return window.location.href = url || '';
-    },
+    onClick: () => window.location.href = url || '',
     as: as,
     onMouseDown: defaultOnMouseDownHandler,
     href: url || '',

package/dist/Switcher/SwitcherMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","active","hover","A","a","_templateObject2","SwitcherMenuItem","_ref","label","url","disabled","icon","_ref$as","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SwitcherMenuItem.js","names":["React","styled","Z_INDEXES","ComponentMStyling","COLORS","ComponentTextStyle","focusStyles","defaultOnMouseDownHandler","jsxs","_jsxs","StyledSwitcherItem","div","props","Regular","getColor","theme","active","hover","A","a","SwitcherMenuItem","_ref","label","url","disabled","icon","as","testId","onClick","window","location","href","onMouseDown","target","className","children","cloneElement","size","color","propTypes","_pt","string","isRequired","bool","any"],"sources":["../../src/Switcher/SwitcherMenuItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Z_INDEXES, ComponentMStyling, COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst StyledSwitcherItem = styled.div`\r\n  padding: 16px 25px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background-color: transparent;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    font-weight: bold;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n\r\n    svg path {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles};\r\n    \r\n    outline-offset: -2px;\r\n  }\r\n`;\r\n\r\nconst A = styled.a``;\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nconst SwitcherMenuItem = ({label, url, disabled, icon, as = A, testId}: SwitcherNavItem) => (\r\n  <StyledSwitcherItem\r\n    onClick={() => (window.location.href = url || '')}\r\n    as={as}\r\n    onMouseDown={defaultOnMouseDownHandler}\r\n    href={url || ''}\r\n    target=\"_parent\"\r\n    key={label}\r\n    className={disabled ? 'disabled' : ''}\r\n    data-testid={testId}>\r\n    {!!icon && React.cloneElement(icon, {size: '24px', color: '#666666'})}\r\n    {label}\r\n  </StyledSwitcherItem>\r\n);\r\n\r\nexport default SwitcherMenuItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Switcher/__tests__/SwitcherMenuItem.d.ts

@@ -1 +1 @@
-import 'jest-styled-components';
+import 'jest-styled-components';

package/dist/Switcher/index.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MobileSwitcherMenu", {
   enumerable: true,
-  get: function get() {
-    return _MobileSwitcherMenu["default"];
+  get: function () {
+    return _MobileSwitcherMenu.default;
   }
 });
 Object.defineProperty(exports, "SwitcherMenuItem", {
   enumerable: true,
-  get: function get() {
-    return _SwitcherMenuItem["default"];
+  get: function () {
+    return _SwitcherMenuItem.default;
   }
 });
 var _SwitcherMenuItem = _interopRequireDefault(require("./SwitcherMenuItem"));

package/dist/Switcher/index.d.ts

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

package/dist/Table/Table.cjs

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
 var _types = require("../types");
 var _TableStyles = require("./TableStyles");
@@ -17,13 +14,10 @@ var _TableHeaders = _interopRequireDefault(require("./TableHeaders"));
 var _TableFooter = _interopRequireDefault(require("./TableFooter"));
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /**
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * Import React libraries.
  */ /**
  * Import custom components.
@@ -32,95 +26,58 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  */ /**
  * Import custom types.
  */
-var Table = function Table(props) {
-  var onPreviousPageClick = props.onPreviousPageClick,
-    onNextPageClick = props.onNextPageClick,
-    onRowsPerPageChange = props.onRowsPerPageChange,
-    onTriggerSortingChange = props.onTriggerSortingChange,
-    columns = props.columns,
-    rows = props.rows,
-    remoteOperations = props.remoteOperations,
-    pagination = props.pagination,
-    showLoadingIndicator = props.showLoadingIndicator,
-    selectable = props.selectable,
-    multiSelect = props.multiSelect,
-    keyExpr = props.keyExpr,
-    sortProps = props.sortProps,
-    accordion = props.accordion,
-    _props$collapsed = props.collapsed,
-    collapsed = _props$collapsed === void 0 ? true : _props$collapsed,
-    collapsedRows = props.collapsedRows,
-    rowsPerPageLabel = props.rowsPerPageLabel,
-    loaderZIndex = props.loaderZIndex;
+const Table = props => {
+  let {
+    onPreviousPageClick,
+    onNextPageClick,
+    onRowsPerPageChange,
+    onTriggerSortingChange,
+    columns,
+    rows,
+    remoteOperations,
+    pagination,
+    showLoadingIndicator,
+    selectable,
+    multiSelect,
+    keyExpr,
+    sortProps,
+    accordion,
+    collapsed = true,
+    collapsedRows,
+    rowsPerPageLabel,
+    loaderZIndex
+  } = props;
 
   // States used within the component
-  var _React$useState = React.useState(10),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    rowsPerPage = _React$useState2[0],
-    setRowsPerPage = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    filteredRows = _React$useState4[0],
-    setFilteredRows = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    currentPageRows = _React$useState6[0],
-    setCurrentPageRows = _React$useState6[1];
-  var _React$useState7 = React.useState(1),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    currentPage = _React$useState8[0],
-    setCurrentPage = _React$useState8[1];
-  var _React$useState9 = React.useState(),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-    sort = _React$useState10[0],
-    setSort = _React$useState10[1];
-  var _React$useState11 = React.useState(),
-    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
-    from = _React$useState12[0],
-    setFrom = _React$useState12[1];
-  var _React$useState13 = React.useState(),
-    _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
-    to = _React$useState14[0],
-    setTo = _React$useState14[1];
-  var _React$useState15 = React.useState(),
-    _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
-    total = _React$useState16[0],
-    setTotal = _React$useState16[1];
-  var _React$useState17 = React.useState(true),
-    _React$useState18 = (0, _slicedToArray2["default"])(_React$useState17, 2),
-    isCollapsed = _React$useState18[0],
-    setIsCollapsed = _React$useState18[1];
-  var _React$useState19 = React.useState('none'),
-    _React$useState20 = (0, _slicedToArray2["default"])(_React$useState19, 2),
-    selectAllState = _React$useState20[0],
-    setSelectAllState = _React$useState20[1];
-  var _React$useState21 = React.useState(multiSelect ? [] : undefined),
-    _React$useState22 = (0, _slicedToArray2["default"])(_React$useState21, 2),
-    selected = _React$useState22[0],
-    setSelected = _React$useState22[1];
-  React.useEffect(function () {
-    var _sortProps$column, _sortProps$direction;
+  const [rowsPerPage, setRowsPerPage] = React.useState(10);
+  const [filteredRows, setFilteredRows] = React.useState([]);
+  const [currentPageRows, setCurrentPageRows] = React.useState([]);
+  const [currentPage, setCurrentPage] = React.useState(1);
+  const [sort, setSort] = React.useState();
+  const [from, setFrom] = React.useState();
+  const [to, setTo] = React.useState();
+  const [total, setTotal] = React.useState();
+  const [isCollapsed, setIsCollapsed] = React.useState(true);
+  const [selectAllState, setSelectAllState] = React.useState('none');
+  const [selected, setSelected] = React.useState(multiSelect ? [] : undefined);
+  React.useEffect(() => {
     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
+      column: sortProps?.column ?? '',
+      direction: sortProps?.direction ?? 'asc',
+      allowClearingSort: sortProps?.allowClearingSort === undefined ? true : sortProps.allowClearingSort
     });
   }, [sortProps]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     setSelected(props.selectedRows || (multiSelect ? [] : undefined));
   }, [props.selectedRows, multiSelect]);
 
   /**
    * update select all checkbox state
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (multiSelect) {
-      var currentList = currentPageRows.map(function (row) {
-        return keyExpr ? row[keyExpr] : row;
-      });
-      var count = selected.filter(function (item) {
-        return currentList.includes(item);
-      }).length;
+      const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);
+      const count = selected.filter(item => currentList.includes(item)).length;
       setSelectAllState(count === currentList.length ? 'all' : count > 0 ? 'some' : 'none');
     }
   }, [currentPageRows, multiSelect, selected, keyExpr]);
@@ -129,27 +86,27 @@ var Table = function Table(props) {
    * Takes care of remote pagination.
    * Works only in case remote pagination is set to true.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (remoteOperations) {
       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);
+      setFrom(pagination?.from);
+      setTo(pagination?.to);
+      setTotal(pagination?.total);
+      setCurrentPage(pagination?.currentPage);
+      setRowsPerPage(pagination?.rowsPerPage);
     }
   }, [remoteOperations, pagination, rows]);
 
   /**
    * Sets number of rows to display when accordion.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!accordion) return;
     setRowsPerPage(isCollapsed ? collapsedRows || 10 : rows.length);
   }, [rows, accordion, collapsedRows, isCollapsed]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!accordion) return;
     setIsCollapsed(!!collapsed);
   }, [accordion, collapsed]);
@@ -158,40 +115,31 @@ var Table = function Table(props) {
    * 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) {
+  const filterAndSortRows = () => {
+    let tmpFilteredRows = rows.filter(row => {
       // Let's start with matched filter criteria
-      var matchFilterCriteria = true;
+      let 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;
-          }
+      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
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
+
+      // Let's return row only in case match filter criteria succeeds
       if (matchFilterCriteria) {
         return row;
       }
     });
 
     // Let's apply sorting if needed
-    if (!!(sort !== null && sort !== void 0 && sort.column) && !!(sort !== null && sort !== void 0 && sort.direction)) {
+    if (!!sort?.column && !!sort?.direction) {
       // Let's sort the rows
-      tmpFilteredRows.sort(function (a, b) {
+      tmpFilteredRows.sort((a, b) => {
         if (a[sort.column] > b[sort.column]) {
           return sort.direction === 'asc' ? 1 : -1;
         } else if (a[sort.column] < b[sort.column]) {
@@ -210,16 +158,16 @@ var Table = function Table(props) {
    * Takes care of local pagination.
    * Works only in case remote pagination is not defined or is set to false.
    */
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!remoteOperations) {
       // Let's retrieve temporary filtered rows and update globally filtered rows
-      var tmpFilteredRows = filterAndSortRows();
+      const 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;
+      const rowsFrom = (currentPage - 1) * rowsPerPage;
+      const rowsTo = rowsFrom + rowsPerPage >= tmpFilteredRows.length ? tmpFilteredRows.length : rowsFrom + rowsPerPage;
 
       // Set from and to values
       setFrom(rowsFrom + 1);
@@ -235,14 +183,14 @@ var Table = function Table(props) {
    * If no sorting exists, then applies ascending initially
    * @param column - Column to which sorting should be applied.
    */
-  var sortTableColumn = function sortTableColumn(column) {
-    var columnKey = '';
-    var sortDirection = undefined;
-    if ((sort === null || sort === void 0 ? void 0 : sort.column) !== column.key) {
+  const sortTableColumn = column => {
+    let columnKey = '';
+    let sortDirection = undefined;
+    if (sort?.column !== column.key) {
       columnKey = column.key;
       sortDirection = 'asc';
     } else {
-      if ((sort === null || sort === void 0 ? void 0 : sort.direction) === 'desc' && sort !== null && sort !== void 0 && sort.allowClearingSort) {
+      if (sort?.direction === 'desc' && sort?.allowClearingSort) {
         columnKey = '';
         sortDirection = undefined;
       } else {
@@ -253,11 +201,11 @@ var Table = function Table(props) {
     if (columnKey == '') setSort({
       column: '',
       direction: 'asc',
-      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
+      allowClearingSort: sort?.allowClearingSort
     });else setSort({
       column: columnKey,
       direction: sortDirection,
-      allowClearingSort: sort === null || sort === void 0 ? void 0 : sort.allowClearingSort
+      allowClearingSort: sort?.allowClearingSort
     });
     remoteOperations && onTriggerSortingChange && onTriggerSortingChange(columnKey, sortDirection);
   };
@@ -265,7 +213,7 @@ var Table = function Table(props) {
   /**
    * Navigates user back to the previous page and updates the current table page.
    */
-  var previousPage = function previousPage() {
+  const previousPage = () => {
     if (remoteOperations) {
       // Let's inform parent component about page change
       if (onPreviousPageClick) {
@@ -280,7 +228,7 @@ var Table = function Table(props) {
   /**
    * Navigates user to the next page and updates the current table page.
    */
-  var nextPage = function nextPage() {
+  const nextPage = () => {
     if (remoteOperations) {
       // Let's inform parent component about page change
       if (onNextPageClick) {
@@ -296,7 +244,7 @@ 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.
    */
-  var changeRowsPerPage = function changeRowsPerPage(value) {
+  const changeRowsPerPage = value => {
     // Let's check if we are using remote pagination
     if (remoteOperations) {
       // Inform parent component about rows per page change
@@ -316,19 +264,18 @@ var Table = function Table(props) {
    * 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();
-    if ((selectedText === null || selectedText === void 0 ? void 0 : selectedText.length) === 0 && selectable) {
-      var value = keyExpr ? row[keyExpr] : row;
-      var currentSelection = value;
+  const onRowClick = row => {
+    const selectedText = window?.getSelection()?.toString();
+    if (selectedText?.length === 0 && selectable) {
+      const value = keyExpr ? row[keyExpr] : row;
+      let currentSelection = value;
       if (!!multiSelect) {
-        var existing = selected === null || selected === void 0 ? void 0 : selected.indexOf(value);
+        const existing = selected?.indexOf(value);
         if (existing > -1) {
-          currentSelection = (0, _toConsumableArray2["default"])(selected);
+          currentSelection = [...selected];
           currentSelection.splice(existing, 1);
         } else {
-          currentSelection = [].concat((0, _toConsumableArray2["default"])(selected), [currentSelection]);
+          currentSelection = [...selected, currentSelection];
         }
       }
       setSelected(currentSelection);
@@ -339,25 +286,19 @@ var Table = function Table(props) {
   /**
    * Function which is called when user clicks checkbox to select or deselect all rows.
    */
-  var onSelectAllClick = function onSelectAllClick() {
-    var currentList = currentPageRows.map(function (row) {
-      return keyExpr ? row[keyExpr] : row;
-    });
+  const onSelectAllClick = () => {
+    const currentList = currentPageRows.map(row => keyExpr ? row[keyExpr] : row);
     switch (selectAllState) {
       case 'all':
-        setSelected((0, _toConsumableArray2["default"])(selected).filter(function (item) {
-          return !currentList.includes(item);
-        }));
+        setSelected([...selected].filter(item => !currentList.includes(item)));
         setSelectAllState('none');
         break;
       case 'none':
-        setSelected([].concat((0, _toConsumableArray2["default"])(selected), (0, _toConsumableArray2["default"])(currentList)));
+        setSelected([...selected, ...currentList]);
         setSelectAllState('all');
         break;
       case 'some':
-        setSelected([].concat((0, _toConsumableArray2["default"])(selected), (0, _toConsumableArray2["default"])(currentList.filter(function (item) {
-          return !selected.includes(item);
-        }))));
+        setSelected([...selected, ...currentList.filter(item => !selected.includes(item))]);
         setSelectAllState('all');
         break;
     }
@@ -368,7 +309,7 @@ var Table = function Table(props) {
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableStyles.TableWrapper, {
     className: props.border ? 'border' : undefined,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeaders["default"], _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody["default"], _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeaders.default, _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableBody.default, _objectSpread(_objectSpread({}, props), {}, {
       currentPageRows: currentPageRows,
       selected: selected,
       onRowClick: onRowClick,
@@ -376,7 +317,7 @@ var Table = function Table(props) {
       onSelectAllClick: onSelectAllClick,
       sortProps: sort,
       selectAllState: selectAllState
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter["default"], _objectSpread(_objectSpread({}, props), {}, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter.default, _objectSpread(_objectSpread({}, props), {}, {
       onRowsPerPageChange: changeRowsPerPage,
       rowsPerPage: rowsPerPage,
       setIsCollapsed: setIsCollapsed,
@@ -394,6 +335,5 @@ var Table = function Table(props) {
     })]
   });
 };
-var _default = Table;
-exports["default"] = _default;
+var _default = exports.default = Table;
 //# sourceMappingURL=Table.cjs.map