@widergy/energy-ui 2.12.2 → 2.12.3

package/dist/components/UTTable/index.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -29,247 +28,162 @@ 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(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() {
+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 = () => {
     setIsResponsive(!(0, _browser.isDesktop)(tabletBreakpoint));
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     window.addEventListener(_browser.RESIZE_EVENT, handleResize);
-    return function () {
-      return window.removeEventListener(_browser.RESIZE_EVENT, handleResize);
-    };
+    return () => window.removeEventListener(_browser.RESIZE_EVENT, handleResize);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     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);
-    var validPage = data.length / rowsPerPage > page || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL;
+    const validPage = data.length / rowsPerPage > page || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL;
     if (!validPage) setPage(initialValidPage);
   }, [data]);
-  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) {
+  const currentRows = (0, _react.useMemo)(() => disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0, _utils.getCurrentRows)(rows, page, rowsPerPage), [page, rowsPerPage, rows]);
+  const handleOrder = newOrder => {
     setOrder(newOrder);
     if (!disableAutoOrder && !(0, _array.isEmpty)(rows)) setRows((0, _utils.orderRows)(rows, newOrder, data, columns));
     if (onOrderChange) onOrderChange(newOrder);
   };
-  var handlePageChange = function handlePageChange(newPage) {
+  const handlePageChange = newPage => {
     setPage(newPage);
     if (onPageChange) onPageChange(newPage);
   };
-  var allDisplayedRowsAreSelected = function allDisplayedRowsAreSelected(newSelectedRows) {
-    var displayedRows = (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection);
-    return displayedRows.every(function (value) {
-      return newSelectedRows.includes(value);
-    });
+  const allDisplayedRowsAreSelected = newSelectedRows => {
+    const displayedRows = (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection);
+    return displayedRows.every(value => newSelectedRows.includes(value));
   };
-  var selectRow = function selectRow(row) {
+  const selectRow = row => {
     if (!row[rowKey]) return null;
-    var pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
-    var newSelectedRows = [];
+    const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+    let newSelectedRows = [];
     if (exclusiveSelection) {
       newSelectedRows = [row[rowKey]];
     } else {
-      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);
+      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 : allDisplayedRowsAreSelected(newSelectedRows);
       if (!allSelected && selectedAll) setSelectedAll(false);
       if (allSelected && !selectedAll) setSelectedAll(true);
     }
     setSelectedRows(newSelectedRows);
     if (onSelectRow) onSelectRow(row[rowKey], newSelectedRows);
   };
-  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) : [];
+  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) : [];
     setSelectedRows(newSelectedRows);
     setSelectedAll(newSelectedAll);
     if (onSelectAllRows) onSelectAllRows(selectAllInCurrentPageOnly ? newSelectedRows : newSelectedAll);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (selectAllInCurrentPageOnly) {
-      var pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
-      setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(function (row) {
-        return selectedRows.includes(row);
-      }));
+      const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
+      setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(row => selectedRows.includes(row)));
     }
   }, [page, rowsPerPage, rows, order, disableSelectAll]);
-  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) {
+  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 => {
     setRowsPerPage(newRowsPerPage || rowsPerPageOptions[0]);
     setPage(0);
     if (onRowsPerPageChange) onRowsPerPageChange(newRowsPerPage || rowsPerPageOptions[0]);
   };
-  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 () {
+  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 _entry$target;
     return (entry === null || entry === void 0 || (_entry$target = entry.target) === null || _entry$target === void 0 ? void 0 : _entry$target.clientWidth) || '100%';
   }, [entry]);
-  var handleScrollbarSync = function handleScrollbarSync(ps) {
-    setTimeout(function () {
+  const handleScrollbarSync = ps => {
+    setTimeout(() => {
       ps.update();
       if (scrollRef.current) scrollRef.current.scrollLeft = 0;
     }, 100);
   };
-  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) {
+  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 _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);
   };
-  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", {
+  const columnSizes = (0, _react.useMemo)(() => (0, _utils.getColumnsSizes)({
+    columns,
+    fitColumnsWidth,
+    selectable
+  }), [columns, fitColumnsWidth, selectable]);
+  const Content = /*#__PURE__*/_react.default.createElement("div", {
     ref: contentRef,
     className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.preventScrolling),
     style: {
@@ -286,32 +200,29 @@ var UTTable = function UTTable(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: classes.noResultsLabel
-  }, 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;
+  }, 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;
     return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
       key: row[rowKey] && "row_".concat(row[rowKey]),
       CellComponent: CellComponent,
       cellProps: {
-        defaultNullValue: defaultNullValue,
-        classes: classes,
+        defaultNullValue,
+        classes,
         style: rowStyles.cell,
         rowData: row
       },
-      checkBoxOnChange: function checkBoxOnChange() {
-        return selectRow(row);
-      },
+      checkBoxOnChange: () => selectRow(row),
       checkBoxSelected: isSelected,
       className: "".concat(_stylesModule.default.responsiveRow, " ").concat(isRowClickable && classes.rowContainerClickable, " ").concat(getRowClassName(row)),
       columnsDefinition: columnsDefinition,
       columnSizes: columnSizes,
-      containerStyle: _objectSpread(_objectSpread({}, rowStyles.rowContainer), {}, {
+      containerStyle: {
+        ...rowStyles.rowContainer,
         minWidth: tableWidth
-      }),
+      },
       isResponsive: isResponsive,
       exclusiveSelection: exclusiveSelection,
       fixedRowsLeftClassName: "".concat(classes.fixedRowLeft, " ").concat(selectedClassNames, " ").concat(isFirstRow(index) && classes.firstFixedRowLeft, " ").concat(isLastRow(index) && classes.lastFixedRowLeft),
@@ -329,14 +240,14 @@ var UTTable = function UTTable(_ref) {
       pageRows: currentRows
     });
   })));
-  var Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+  const Header = /*#__PURE__*/_react.default.createElement(_TableRow.default, {
     CellComponent: _HeaderCell.default,
     cellProps: {
-      classes: classes,
-      handleOrder: handleOrder,
-      order: order,
+      classes,
+      handleOrder,
+      order,
       style: rowStyles.headerCell,
-      removeDefaultOrderIcon: removeDefaultOrderIcon
+      removeDefaultOrderIcon
     },
     checkBoxOnChange: selectAllRows,
     checkBoxClassName: "".concat(exclusiveSelection && _stylesModule.default.hideCheckBox),
@@ -344,9 +255,10 @@ var UTTable = function UTTable(_ref) {
     className: "".concat((0, _array.isEmpty)(currentRows) && _stylesModule.default.disableHeader),
     columnsDefinition: columnsDefinition,
     columnSizes: columnSizes,
-    containerStyle: _objectSpread(_objectSpread({}, rowStyles.headerRowContainer), {}, {
+    containerStyle: {
+      ...rowStyles.headerRowContainer,
       minWidth: tableWidth
-    }),
+    },
     selectable: selectable,
     disableRowSelection: disableSelectAll,
     disabledRowSelectionTooltip: disabledSelectAllTooltip,
@@ -372,9 +284,7 @@ var UTTable = function 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: function containerRef(el) {
-      return scrollRef.current = el;
-    },
+    containerRef: el => scrollRef.current = el,
     onSync: handleScrollbarSync,
     onScroll: handleSinchronizeContent,
     className: "\n                ".concat(_stylesModule.default.scrollbar, "\n                ").concat(classes.scrollbar, "\n                ").concat(loading && _stylesModule.default.disableHeader),
@@ -424,7 +334,7 @@ UTTable.propTypes = {
     key: _propTypes.string
   }),
   initialSelectedRows: (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string])),
-  integrationType: (0, _propTypes.oneOf)(_toConsumableArray(Object.values(_UTTable.INTEGRATION_TYPES))),
+  integrationType: (0, _propTypes.oneOf)([...Object.values(_UTTable.INTEGRATION_TYPES)]),
   loading: _propTypes.bool,
   noResultsLabel: _propTypes.string,
   onOrderChange: _propTypes.func,
@@ -448,5 +358,4 @@ UTTable.propTypes = {
   totalRows: _propTypes.number,
   totalRowsLabel: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTable);

package/dist/components/UTTable/theme.js

@@ -8,14 +8,12 @@ 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 }; }
-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']);
+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']);
   return {
     table: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['UTTable', 'table', 'fontFamily'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']))
@@ -121,20 +119,22 @@ var retrieveStyle = function 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'])
-    }, _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),
+      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)
+      }
+    },
     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");
-var columnType = (0, _propTypes.shape)({
+const columnType = exports.columnType = (0, _propTypes.shape)({
   cellRenderer: _propTypes.func,
   key: _propTypes.string,
   name: _propTypes.string,
@@ -21,10 +21,8 @@ var columnType = (0, _propTypes.shape)({
     loading: _propTypes.bool
   }))
 });
-exports.columnType = columnType;
-var columnsType = (0, _propTypes.arrayOf)(columnType);
-exports.columnsType = columnsType;
-var classesType = (0, _propTypes.shape)({
+const columnsType = exports.columnsType = (0, _propTypes.arrayOf)(columnType);
+const classesType = exports.classesType = (0, _propTypes.shape)({
   table: _propTypes.string,
   header: _propTypes.string,
   headerCellHover: _propTypes.string,
@@ -49,6 +47,4 @@ var classesType = (0, _propTypes.shape)({
   checkBoxRoot: _propTypes.string,
   checkboxColorPrimary: _propTypes.string
 });
-exports.classesType = classesType;
-var columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);
-exports.columnSizesType = columnSizesType;
+const columnSizesType = exports.columnSizesType = (0, _propTypes.oneOfType)([(0, _propTypes.objectOf)(_propTypes.string), (0, _propTypes.objectOf)(_propTypes.number), _propTypes.object]);