@widergy/energy-ui 2.12.0 → 2.12.2

package/dist/components/UTTable/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -28,158 +29,247 @@ var _types = require("./types");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _hook = require("./hook");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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; }
-const UTTable = _ref => {
-  let {
-    classes: themeClasses,
-    classNames,
-    clickableRowValidation,
-    columns,
-    data = [],
-    defaultNullValue = '-',
-    disableAutoOrder = false,
-    disabledRowTooltip,
-    disabledSelectAllTooltip,
-    disablePagination = false,
-    disableReloadRows,
-    disableRowSelection,
-    disableSelectAll,
-    exclusiveSelection = false,
-    externalPage,
-    externalRowsPerPage,
-    Filters,
-    fitColumnsWidth,
-    GeneralActions,
-    getRowClassName = () => '',
-    headerPadding = _constants.ROW_PADDING_NAMES.MEDIUM,
-    initialOrder,
-    initialSelectedRows = [],
-    integrationType = _UTTable.INTEGRATION_TYPES.INTERNAL,
-    loading,
-    noResultsLabel = _constants.NO_RESULTS_LABEL,
-    onOrderChange,
-    onPageChange,
-    onReloadRows,
-    onRowClick,
-    onRowsPerPageChange,
-    onSelectAllRows,
-    onSelectRow,
-    removeDefaultOrderIcon = false,
-    removeFixedRowsDivisors = false,
-    rowKey = _constants.ROW_KEY,
-    rowPadding = _constants.ROW_PADDING_NAMES.SMALL,
-    rowSpacing = _constants.ROW_SPACING_NAMES.NONE,
-    rowsPerPageOptions = _constants.ROWS_PER_PAGE,
-    selectable,
-    selectAllInCurrentPageOnly = false,
-    stickyHeader,
-    tabletBreakpoint = _constants.DEFAULT_TABLET_BREAKPOINT,
-    tableTitle,
-    totalRows,
-    totalRowsLabel
-  } = _ref;
-  const initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data);
-  const initialValidPage = (0, _utils.getInitialValidPage)(externalPage, initialValidRowsPerPageOption, data, integrationType);
-  const [order, setOrder] = (0, _react.useState)(initialOrder || {});
-  const [rows, setRows] = (0, _react.useState)([]);
-  const [selectedAll, setSelectedAll] = (0, _react.useState)(false);
-  const [rowsPerPage, setRowsPerPage] = (0, _react.useState)(initialValidRowsPerPageOption);
-  const [page, setPage] = (0, _react.useState)(initialValidPage);
-  const [ref, entry] = (0, _hook.useResizeObserver)();
-  const [selectedRows, setSelectedRows] = (0, _react.useState)(selectable ? initialSelectedRows : []);
-  const [isResponsive, setIsResponsive] = (0, _react.useState)(!(0, _browser.isDesktop)(tabletBreakpoint));
-  const scrollRef = (0, _react.useRef)();
-  const contentRef = (0, _react.useRef)();
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const handleResize = () => {
+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 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) { _defineProperty(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var UTTable = function UTTable(_ref) {
+  var themeClasses = _ref.classes,
+    classNames = _ref.classNames,
+    clickableRowValidation = _ref.clickableRowValidation,
+    columns = _ref.columns,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$defaultNullValue = _ref.defaultNullValue,
+    defaultNullValue = _ref$defaultNullValue === void 0 ? '-' : _ref$defaultNullValue,
+    _ref$disableAutoOrder = _ref.disableAutoOrder,
+    disableAutoOrder = _ref$disableAutoOrder === void 0 ? false : _ref$disableAutoOrder,
+    disabledRowTooltip = _ref.disabledRowTooltip,
+    disabledSelectAllTooltip = _ref.disabledSelectAllTooltip,
+    _ref$disablePaginatio = _ref.disablePagination,
+    disablePagination = _ref$disablePaginatio === void 0 ? false : _ref$disablePaginatio,
+    disableReloadRows = _ref.disableReloadRows,
+    disableRowSelection = _ref.disableRowSelection,
+    disableSelectAll = _ref.disableSelectAll,
+    _ref$exclusiveSelecti = _ref.exclusiveSelection,
+    exclusiveSelection = _ref$exclusiveSelecti === void 0 ? false : _ref$exclusiveSelecti,
+    externalPage = _ref.externalPage,
+    externalRowsPerPage = _ref.externalRowsPerPage,
+    Filters = _ref.Filters,
+    fitColumnsWidth = _ref.fitColumnsWidth,
+    GeneralActions = _ref.GeneralActions,
+    _ref$getRowClassName = _ref.getRowClassName,
+    getRowClassName = _ref$getRowClassName === void 0 ? function () {
+      return '';
+    } : _ref$getRowClassName,
+    _ref$headerPadding = _ref.headerPadding,
+    headerPadding = _ref$headerPadding === void 0 ? _constants.ROW_PADDING_NAMES.MEDIUM : _ref$headerPadding,
+    initialOrder = _ref.initialOrder,
+    _ref$initialSelectedR = _ref.initialSelectedRows,
+    initialSelectedRows = _ref$initialSelectedR === void 0 ? [] : _ref$initialSelectedR,
+    _ref$integrationType = _ref.integrationType,
+    integrationType = _ref$integrationType === void 0 ? _UTTable.INTEGRATION_TYPES.INTERNAL : _ref$integrationType,
+    loading = _ref.loading,
+    _ref$noResultsLabel = _ref.noResultsLabel,
+    noResultsLabel = _ref$noResultsLabel === void 0 ? _constants.NO_RESULTS_LABEL : _ref$noResultsLabel,
+    onOrderChange = _ref.onOrderChange,
+    onPageChange = _ref.onPageChange,
+    onReloadRows = _ref.onReloadRows,
+    onRowClick = _ref.onRowClick,
+    onRowsPerPageChange = _ref.onRowsPerPageChange,
+    onSelectAllRows = _ref.onSelectAllRows,
+    onSelectRow = _ref.onSelectRow,
+    _ref$removeDefaultOrd = _ref.removeDefaultOrderIcon,
+    removeDefaultOrderIcon = _ref$removeDefaultOrd === void 0 ? false : _ref$removeDefaultOrd,
+    _ref$removeFixedRowsD = _ref.removeFixedRowsDivisors,
+    removeFixedRowsDivisors = _ref$removeFixedRowsD === void 0 ? false : _ref$removeFixedRowsD,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? _constants.ROW_KEY : _ref$rowKey,
+    _ref$rowPadding = _ref.rowPadding,
+    rowPadding = _ref$rowPadding === void 0 ? _constants.ROW_PADDING_NAMES.SMALL : _ref$rowPadding,
+    _ref$rowSpacing = _ref.rowSpacing,
+    rowSpacing = _ref$rowSpacing === void 0 ? _constants.ROW_SPACING_NAMES.NONE : _ref$rowSpacing,
+    _ref$rowsPerPageOptio = _ref.rowsPerPageOptions,
+    rowsPerPageOptions = _ref$rowsPerPageOptio === void 0 ? _constants.ROWS_PER_PAGE : _ref$rowsPerPageOptio,
+    selectable = _ref.selectable,
+    _ref$selectAllInCurre = _ref.selectAllInCurrentPageOnly,
+    selectAllInCurrentPageOnly = _ref$selectAllInCurre === void 0 ? false : _ref$selectAllInCurre,
+    stickyHeader = _ref.stickyHeader,
+    _ref$tabletBreakpoint = _ref.tabletBreakpoint,
+    tabletBreakpoint = _ref$tabletBreakpoint === void 0 ? _constants.DEFAULT_TABLET_BREAKPOINT : _ref$tabletBreakpoint,
+    tableTitle = _ref.tableTitle,
+    totalRows = _ref.totalRows,
+    totalRowsLabel = _ref.totalRowsLabel;
+  var initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data);
+  var initialValidPage = (0, _utils.getInitialValidPage)(externalPage, initialValidRowsPerPageOption, data, integrationType);
+  var _useState = (0, _react.useState)(initialOrder || {}),
+    _useState2 = _slicedToArray(_useState, 2),
+    order = _useState2[0],
+    setOrder = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    rows = _useState4[0],
+    setRows = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedAll = _useState6[0],
+    setSelectedAll = _useState6[1];
+  var _useState7 = (0, _react.useState)(initialValidRowsPerPageOption),
+    _useState8 = _slicedToArray(_useState7, 2),
+    rowsPerPage = _useState8[0],
+    setRowsPerPage = _useState8[1];
+  var _useState9 = (0, _react.useState)(initialValidPage),
+    _useState10 = _slicedToArray(_useState9, 2),
+    page = _useState10[0],
+    setPage = _useState10[1];
+  var _useResizeObserver = (0, _hook.useResizeObserver)(),
+    _useResizeObserver2 = _slicedToArray(_useResizeObserver, 2),
+    ref = _useResizeObserver2[0],
+    entry = _useResizeObserver2[1];
+  var _useState11 = (0, _react.useState)(selectable ? initialSelectedRows : []),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedRows = _useState12[0],
+    setSelectedRows = _useState12[1];
+  var _useState13 = (0, _react.useState)(!(0, _browser.isDesktop)(tabletBreakpoint)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isResponsive = _useState14[0],
+    setIsResponsive = _useState14[1];
+  var scrollRef = (0, _react.useRef)();
+  var contentRef = (0, _react.useRef)();
+  var classes = (0, _react.useMemo)(function () {
+    return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
+  }, [classNames]);
+  var handleResize = function handleResize() {
     setIsResponsive(!(0, _browser.isDesktop)(tabletBreakpoint));
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     window.addEventListener(_browser.RESIZE_EVENT, handleResize);
-    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResize);
+    return function () {
+      return window.removeEventListener(_browser.RESIZE_EVENT, handleResize);
+    };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (!selectAllInCurrentPageOnly) setSelectedAll(!(0, _array.isEmpty)(data) && initialSelectedRows.length === data.length);
     setSelectedRows(selectable ? initialSelectedRows : []);
     setRows((0, _utils.orderRows)(data, order, data, columns));
     if (externalRowsPerPage) setRowsPerPage(initialValidRowsPerPageOption);
-    const validPage = data.length / rowsPerPage > page || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL;
+    var validPage = data.length / rowsPerPage > page || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL;
     if (!validPage) setPage(initialValidPage);
   }, [data]);
-  const currentRows = (0, _react.useMemo)(() => disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0, _utils.getCurrentRows)(rows, page, rowsPerPage), [page, rowsPerPage, rows]);
-  const handleOrder = newOrder => {
+  var currentRows = (0, _react.useMemo)(function () {
+    return disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0, _utils.getCurrentRows)(rows, page, rowsPerPage);
+  }, [page, rowsPerPage, rows]);
+  var handleOrder = function handleOrder(newOrder) {
     setOrder(newOrder);
     if (!disableAutoOrder && !(0, _array.isEmpty)(rows)) setRows((0, _utils.orderRows)(rows, newOrder, data, columns));
     if (onOrderChange) onOrderChange(newOrder);
   };
-  const handlePageChange = newPage => {
+  var handlePageChange = function handlePageChange(newPage) {
     setPage(newPage);
     if (onPageChange) onPageChange(newPage);
   };
-  const selectRow = row => {
+  var allDisplayedRowsAreSelected = function allDisplayedRowsAreSelected(newSelectedRows) {
+    var displayedRows = (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection);
+    return displayedRows.every(function (value) {
+      return newSelectedRows.includes(value);
+    });
+  };
+  var selectRow = function selectRow(row) {
     if (!row[rowKey]) return null;
-    const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
-    let newSelectedRows = [];
+    var pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+    var newSelectedRows = [];
     if (exclusiveSelection) {
       newSelectedRows = [row[rowKey]];
     } else {
-      const rowKeyIndex = selectedRows.indexOf(row[rowKey]);
-      if (rowKeyIndex === -1) newSelectedRows = [...selectedRows, row[rowKey]];else newSelectedRows = selectedRows.filter(el => el !== row[rowKey]);
-      const pageNewSelectedRows = newSelectedRows.filter(newSelectedRow => pageRowsIds.includes(newSelectedRow));
-      const allSelected = selectAllInCurrentPageOnly ? pageNewSelectedRows.length === pageRowsIds.length : newSelectedRows.length === (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection).length;
+      var rowKeyIndex = selectedRows.indexOf(row[rowKey]);
+      if (rowKeyIndex === -1) newSelectedRows = [].concat(_toConsumableArray(selectedRows), [row[rowKey]]);else newSelectedRows = selectedRows.filter(function (el) {
+        return el !== row[rowKey];
+      });
+      var pageNewSelectedRows = newSelectedRows.filter(function (newSelectedRow) {
+        return pageRowsIds.includes(newSelectedRow);
+      });
+      var allSelected = selectAllInCurrentPageOnly ? pageNewSelectedRows.length === pageRowsIds.length : allDisplayedRowsAreSelected(newSelectedRows);
       if (!allSelected && selectedAll) setSelectedAll(false);
       if (allSelected && !selectedAll) setSelectedAll(true);
     }
     setSelectedRows(newSelectedRows);
     if (onSelectRow) onSelectRow(row[rowKey], newSelectedRows);
   };
-  const selectAllRows = () => {
-    const newSelectedAll = !selectedAll;
-    const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
-    const newSelectedRows = selectAllInCurrentPageOnly ? newSelectedAll ? [...pageRowsIds, ...selectedRows.filter(row => !pageRowsIds.includes(row))] : selectedRows.filter(row => !pageRowsIds.includes(row)) : newSelectedAll ? (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection) : [];
+  var selectAllRows = function selectAllRows() {
+    var newSelectedAll = !selectedAll;
+    var pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+    var newSelectedRows = selectAllInCurrentPageOnly ? newSelectedAll ? [].concat(_toConsumableArray(pageRowsIds), _toConsumableArray(selectedRows.filter(function (row) {
+      return !pageRowsIds.includes(row);
+    }))) : selectedRows.filter(function (row) {
+      return !pageRowsIds.includes(row);
+    }) : newSelectedAll ? (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection) : [];
     setSelectedRows(newSelectedRows);
     setSelectedAll(newSelectedAll);
     if (onSelectAllRows) onSelectAllRows(selectAllInCurrentPageOnly ? newSelectedRows : newSelectedAll);
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (selectAllInCurrentPageOnly) {
-      const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
-      setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(row => selectedRows.includes(row)));
+      var pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+      setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(function (row) {
+        return selectedRows.includes(row);
+      }));
     }
   }, [page, rowsPerPage, rows, order, disableSelectAll]);
-  const columnsDefinition = (0, _react.useMemo)(() => (0, _utils.getColumnDefinition)(columns, isResponsive), [columns, isResponsive]);
-  const isFirstRow = (0, _react.useCallback)(index => !index, []);
-  const isLastRow = (0, _react.useCallback)(index => index === currentRows.length - 1, [currentRows]);
-  const onChangeRowPerPage = newRowsPerPage => {
+  var columnsDefinition = (0, _react.useMemo)(function () {
+    return (0, _utils.getColumnDefinition)(columns, isResponsive);
+  }, [columns, isResponsive]);
+  var isFirstRow = (0, _react.useCallback)(function (index) {
+    return !index;
+  }, []);
+  var isLastRow = (0, _react.useCallback)(function (index) {
+    return index === currentRows.length - 1;
+  }, [currentRows]);
+  var onChangeRowPerPage = function onChangeRowPerPage(newRowsPerPage) {
     setRowsPerPage(newRowsPerPage || rowsPerPageOptions[0]);
     setPage(0);
     if (onRowsPerPageChange) onRowsPerPageChange(newRowsPerPage || rowsPerPageOptions[0]);
   };
-  const showPagination = !disablePagination && !loading && !(0, _array.isEmpty)(currentRows);
-  const rowStyles = (0, _react.useMemo)(() => (0, _utils.createRowStyles)(rowPadding, rowSpacing, headerPadding, isResponsive), [rowPadding, rowSpacing, headerPadding, isResponsive]);
-  const tableWidth = (0, _react.useMemo)(() => {
+  var showPagination = !disablePagination && !loading && !(0, _array.isEmpty)(currentRows);
+  var rowStyles = (0, _react.useMemo)(function () {
+    return (0, _utils.createRowStyles)(rowPadding, rowSpacing, headerPadding, isResponsive);
+  }, [rowPadding, rowSpacing, headerPadding, isResponsive]);
+  var tableWidth = (0, _react.useMemo)(function () {
     var _entry$target;
     return (entry === null || entry === void 0 || (_entry$target = entry.target) === null || _entry$target === void 0 ? void 0 : _entry$target.clientWidth) || '100%';
   }, [entry]);
-  const handleScrollbarSync = ps => {
-    setTimeout(() => {
+  var handleScrollbarSync = function handleScrollbarSync(ps) {
+    setTimeout(function () {
       ps.update();
       if (scrollRef.current) scrollRef.current.scrollLeft = 0;
     }, 100);
   };
-  const CellComponent = isResponsive ? _ResponsiveCell.default : _Cell.default;
-  const totalRowLabel = isResponsive ? '' : totalRowsLabel || (data.length === 1 ? _constants.TOTAL_ROW_LABEL : _constants.TOTAL_ROWS_LABEL);
-  const handleSinchronizeContent = event => {
+  var CellComponent = isResponsive ? _ResponsiveCell.default : _Cell.default;
+  var totalRowLabel = isResponsive ? '' : totalRowsLabel || (data.length === 1 ? _constants.TOTAL_ROW_LABEL : _constants.TOTAL_ROWS_LABEL);
+  var handleSinchronizeContent = function handleSinchronizeContent(event) {
     var _event$target;
     if (contentRef.current && stickyHeader) contentRef.current.scrollTo(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.scrollLeft, 0);
   };
-  const columnSizes = (0, _react.useMemo)(() => (0, _utils.getColumnsSizes)({
-    columns,
-    fitColumnsWidth,
-    selectable
-  }), [columns, fitColumnsWidth, selectable]);
-  const Content = /*#__PURE__*/_react.default.createElement("div", {
+  var columnSizes = (0, _react.useMemo)(function () {
+    return (0, _utils.getColumnsSizes)({
+      columns: columns,
+      fitColumnsWidth: fitColumnsWidth,
+      selectable: selectable
+    });
+  }, [columns, fitColumnsWidth, selectable]);
+  var Content = /*#__PURE__*/_react.default.createElement("div", {
     ref: contentRef,
     className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.preventScrolling),
     style: {
@@ -196,29 +286,32 @@ const UTTable = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.noResultsLabel
-  }, noResultsLabel)) : currentRows.map((row, index) => {
-    const isSelected = selectedRows.includes(row[rowKey]);
-    const selectedClassNames = isSelected ? classes.selectedRow : rowSpacing === _constants.ROW_SPACING_NAMES.NONE && index < currentRows.length - 1 ? _stylesModule.default.unselectedSmallRow : undefined;
-    const isRowClickable = onRowClick && (!clickableRowValidation || clickableRowValidation(row));
-    const handleRowClick = isRowClickable ? event => onRowClick(event, row) : undefined;
+  }, noResultsLabel)) : currentRows.map(function (row, index) {
+    var isSelected = selectedRows.includes(row[rowKey]);
+    var selectedClassNames = isSelected ? classes.selectedRow : rowSpacing === _constants.ROW_SPACING_NAMES.NONE && index < currentRows.length - 1 ? _stylesModule.default.unselectedSmallRow : undefined;
+    var isRowClickable = onRowClick && (!clickableRowValidation || clickableRowValidation(row));
+    var handleRowClick = isRowClickable ? function (event) {
+      return onRowClick(event, row);
+    } : undefined;
     return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
       key: row[rowKey] && "row_".concat(row[rowKey]),
       CellComponent: CellComponent,
       cellProps: {
-        defaultNullValue,
-        classes,
+        defaultNullValue: defaultNullValue,
+        classes: classes,
         style: rowStyles.cell,
         rowData: row
       },
-      checkBoxOnChange: () => selectRow(row),
+      checkBoxOnChange: function checkBoxOnChange() {
+        return selectRow(row);
+      },
       checkBoxSelected: isSelected,
       className: "".concat(_stylesModule.default.responsiveRow, " ").concat(isRowClickable && classes.rowContainerClickable, " ").concat(getRowClassName(row)),
       columnsDefinition: columnsDefinition,
       columnSizes: columnSizes,
-      containerStyle: {
-        ...rowStyles.rowContainer,
+      containerStyle: _objectSpread(_objectSpread({}, rowStyles.rowContainer), {}, {
         minWidth: tableWidth
-      },
+      }),
       isResponsive: isResponsive,
       exclusiveSelection: exclusiveSelection,
       fixedRowsLeftClassName: "".concat(classes.fixedRowLeft, " ").concat(selectedClassNames, " ").concat(isFirstRow(index) && classes.firstFixedRowLeft, " ").concat(isLastRow(index) && classes.lastFixedRowLeft),
@@ -236,14 +329,14 @@ const UTTable = _ref => {
       pageRows: currentRows
     });
   })));
-  const Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+  var Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
     CellComponent: _HeaderCell.default,
     cellProps: {
-      classes,
-      handleOrder,
-      order,
+      classes: classes,
+      handleOrder: handleOrder,
+      order: order,
       style: rowStyles.headerCell,
-      removeDefaultOrderIcon
+      removeDefaultOrderIcon: removeDefaultOrderIcon
     },
     checkBoxOnChange: selectAllRows,
     checkBoxClassName: "".concat(exclusiveSelection && _stylesModule.default.hideCheckBox),
@@ -251,10 +344,9 @@ const UTTable = _ref => {
     className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.disableHeader),
     columnsDefinition: columnsDefinition,
     columnSizes: columnSizes,
-    containerStyle: {
-      ...rowStyles.headerRowContainer,
+    containerStyle: _objectSpread(_objectSpread({}, rowStyles.headerRowContainer), {}, {
       minWidth: tableWidth
-    },
+    }),
     selectable: selectable,
     disableRowSelection: disableSelectAll,
     disabledRowSelectionTooltip: disabledSelectAllTooltip,
@@ -280,7 +372,9 @@ const UTTable = _ref => {
   }), Filters, !isResponsive && /*#__PURE__*/_react.default.createElement("div", {
     className: stickyHeader && "".concat(_stylesModule.default.stickyHeader, " ").concat(classes.stickyHeader || '')
   }, /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    containerRef: el => scrollRef.current = el,
+    containerRef: function containerRef(el) {
+      return scrollRef.current = el;
+    },
     onSync: handleScrollbarSync,
     onScroll: handleSinchronizeContent,
     className: "\n                ".concat(_stylesModule.default.scrollbar, "\n                ").concat(classes.scrollbar, "\n                ").concat(loading && _stylesModule.default.disableHeader),
@@ -330,7 +424,7 @@ UTTable.propTypes = {
     key: _propTypes.string
   }),
   initialSelectedRows: (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])),
-  integrationType: (0, _propTypes.oneOf)([...Object.values(_UTTable.INTEGRATION_TYPES)]),
+  integrationType: (0, _propTypes.oneOf)(_toConsumableArray(Object.values(_UTTable.INTEGRATION_TYPES))),
   loading: _propTypes.bool,
   noResultsLabel: _propTypes.string,
   onOrderChange: _propTypes.func,
@@ -354,4 +448,5 @@ UTTable.propTypes = {
   totalRows: _propTypes.number,
   totalRowsLabel: _propTypes.string
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);
+var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);
+exports.default = _default;

package/dist/components/UTTable/theme.js

@@ -8,12 +8,14 @@ var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const retrieveStyle = _ref => {
-  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$UTTable26, _theme$UTTable27;
-  let {
-    theme
-  } = _ref;
-  const tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var retrieveStyle = function retrieveStyle(_ref) {
+  var _theme$UTTable, _theme$UTTable2, _theme$UTTable3, _theme$UTTable4, _theme$UTTable5, _theme$UTTable6, _theme$UTTable7, _theme$UTTable8, _theme$UTTable9, _theme$UTTable10, _theme$UTTable11, _theme$UTTable12, _responsiveCell, _theme$UTTable13, _theme$UTTable14, _theme$UTTable15, _theme$UTTable16, _theme$UTTable17, _theme$UTTable18, _theme$UTTable19, _theme$UTTable20, _theme$UTTable21, _theme$UTTable22, _theme$UTTable23, _theme$UTTable24, _theme$UTTable25, _theme$UTTable26, _theme$UTTable27;
+  var theme = _ref.theme;
+  var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
   return {
     table: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'table', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
@@ -119,22 +121,20 @@ const retrieveStyle = _ref => {
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
       fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontWeight'])
     },
-    responsiveCell: {
+    responsiveCell: (_responsiveCell = {
       borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderColor']),
       borderStyle: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderStyle'], 'solid'),
       borderWidth: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'borderWidth'], '1px'),
       color: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'color']),
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'])),
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontWeight']),
-      [tabletMobile]: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontSize']),
-        fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontWeight'])
-      },
-      '&:first-child': {
-        borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable11 = theme.UTTable) === null || _theme$UTTable11 === void 0 || (_theme$UTTable11 = _theme$UTTable11.responsiveRow) === null || _theme$UTTable11 === void 0 ? void 0 : _theme$UTTable11.borderRadius),
-        borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable12 = theme.UTTable) === null || _theme$UTTable12 === void 0 || (_theme$UTTable12 = _theme$UTTable12.responsiveRow) === null || _theme$UTTable12 === void 0 ? void 0 : _theme$UTTable12.borderRadius)
-      }
-    },
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'fontWeight'])
+    }, _defineProperty(_responsiveCell, tabletMobile, {
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontSize']),
+      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'rowCell', 'tabletMobile', 'fontWeight'])
+    }), _defineProperty(_responsiveCell, '&:first-child', {
+      borderTopLeftRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable11 = theme.UTTable) === null || _theme$UTTable11 === void 0 || (_theme$UTTable11 = _theme$UTTable11.responsiveRow) === null || _theme$UTTable11 === void 0 ? void 0 : _theme$UTTable11.borderRadius),
+      borderTopRightRadius: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTTable12 = theme.UTTable) === null || _theme$UTTable12 === void 0 || (_theme$UTTable12 = _theme$UTTable12.responsiveRow) === null || _theme$UTTable12 === void 0 ? void 0 : _theme$UTTable12.borderRadius)
+    }), _responsiveCell),
     lastCellContainer: {
       borderBottomRightRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius']),
       borderBottomLeftRadius: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'responsiveRow', 'borderRadius'])

package/dist/components/UTTable/types.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.columnsType = exports.columnType = exports.columnSizesType = exports.classesType = void 0;
 var _propTypes = require("prop-types");
-const columnType = exports.columnType = (0, _propTypes.shape)({
+var columnType = (0, _propTypes.shape)({
   cellRenderer: _propTypes.func,
   key: _propTypes.string,
   name: _propTypes.string,
@@ -21,8 +21,10 @@ const columnType = exports.columnType = (0, _propTypes.shape)({
     loading: _propTypes.bool
   }))
 });
-const columnsType = exports.columnsType = (0, _propTypes.arrayOf)(columnType);
-const classesType = exports.classesType = (0, _propTypes.shape)({
+exports.columnType = columnType;
+var columnsType = (0, _propTypes.arrayOf)(columnType);
+exports.columnsType = columnsType;
+var classesType = (0, _propTypes.shape)({
   table: _propTypes.string,
   header: _propTypes.string,
   headerCellHover: _propTypes.string,
@@ -47,4 +49,6 @@ const classesType = exports.classesType = (0, _propTypes.shape)({
   checkBoxRoot: _propTypes.string,
   checkboxColorPrimary: _propTypes.string
 });
-const columnSizesType = exports.columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);
+exports.classesType = classesType;
+var columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);
+exports.columnSizesType = columnSizesType;