@widergy/energy-ui 2.10.1 → 2.12.0

package/dist/components/UTTable/constants.js

@@ -4,12 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TOTAL_ROW_LABEL = exports.TOTAL_ROWS_LABEL = exports.ROW_SPACING_NAMES = exports.ROW_SPACING = exports.ROW_SIDE_PADDING = exports.ROW_PADDING_NAMES = exports.ROW_PADDING = exports.ROW_KEY = exports.ROWS_PER_PAGE = exports.ROWS_BORDER_SIZE = exports.PAGINATION_LIMIT_DOUBLE_ARROWS = exports.NO_RESULTS_LABEL = exports.MAX_PAGINATION_ITEMS = exports.DEFAULT_TABLET_BREAKPOINT = exports.COLUMN_SIZES = exports.COLUMN_POSITION = exports.CELL_TYPES = exports.CELL_SIDE_PADDING = exports.CELL_ACTION_TYPES = void 0;
-var _ROW_SPACING, _ROW_PADDING;
-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 COLUMN_SIZES = exports.COLUMN_SIZES = {
+const COLUMN_SIZES = exports.COLUMN_SIZES = {
   xsmall: 70,
   small: 90,
   medium: 120,
@@ -17,36 +12,43 @@ var COLUMN_SIZES = exports.COLUMN_SIZES = {
   xlarge: 260,
   xxlarge: 350
 };
-var ROW_SIDE_PADDING = exports.ROW_SIDE_PADDING = 16;
-var CELL_SIDE_PADDING = exports.CELL_SIDE_PADDING = 16;
-var ROW_SPACING_NAMES = exports.ROW_SPACING_NAMES = {
+const ROW_SIDE_PADDING = exports.ROW_SIDE_PADDING = 16;
+const CELL_SIDE_PADDING = exports.CELL_SIDE_PADDING = 16;
+const ROW_SPACING_NAMES = exports.ROW_SPACING_NAMES = {
   NONE: 'none',
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-var ROW_PADDING_NAMES = exports.ROW_PADDING_NAMES = {
+const ROW_PADDING_NAMES = exports.ROW_PADDING_NAMES = {
   SMALL: 'small',
   MEDIUM: 'medium'
 };
-var ROW_SPACING = exports.ROW_SPACING = (_ROW_SPACING = {}, _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.NONE, 0), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.SMALL, 5), _defineProperty(_ROW_SPACING, ROW_SPACING_NAMES.MEDIUM, 10), _ROW_SPACING);
-var ROW_PADDING = exports.ROW_PADDING = (_ROW_PADDING = {}, _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.SMALL, 16), _defineProperty(_ROW_PADDING, ROW_PADDING_NAMES.MEDIUM, 24), _ROW_PADDING);
-var COLUMN_POSITION = exports.COLUMN_POSITION = {
+const ROW_SPACING = exports.ROW_SPACING = {
+  [ROW_SPACING_NAMES.NONE]: 0,
+  [ROW_SPACING_NAMES.SMALL]: 5,
+  [ROW_SPACING_NAMES.MEDIUM]: 10
+};
+const ROW_PADDING = exports.ROW_PADDING = {
+  [ROW_PADDING_NAMES.SMALL]: 16,
+  [ROW_PADDING_NAMES.MEDIUM]: 24
+};
+const COLUMN_POSITION = exports.COLUMN_POSITION = {
   LEFT: 'left',
   RIGHT: 'right'
 };
-var ROWS_PER_PAGE = exports.ROWS_PER_PAGE = [10, 25, 50];
-var ROWS_BORDER_SIZE = exports.ROWS_BORDER_SIZE = 1;
-var TOTAL_ROWS_LABEL = exports.TOTAL_ROWS_LABEL = 'resultados';
-var TOTAL_ROW_LABEL = exports.TOTAL_ROW_LABEL = 'resultado';
-var NO_RESULTS_LABEL = exports.NO_RESULTS_LABEL = 'Aún no hay resultados';
-var ROW_KEY = exports.ROW_KEY = 'id';
-var MAX_PAGINATION_ITEMS = exports.MAX_PAGINATION_ITEMS = 5;
-var PAGINATION_LIMIT_DOUBLE_ARROWS = exports.PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
-var CELL_TYPES = exports.CELL_TYPES = {
+const ROWS_PER_PAGE = exports.ROWS_PER_PAGE = [10, 25, 50];
+const ROWS_BORDER_SIZE = exports.ROWS_BORDER_SIZE = 1;
+const TOTAL_ROWS_LABEL = exports.TOTAL_ROWS_LABEL = 'resultados';
+const TOTAL_ROW_LABEL = exports.TOTAL_ROW_LABEL = 'resultado';
+const NO_RESULTS_LABEL = exports.NO_RESULTS_LABEL = 'Aún no hay resultados';
+const ROW_KEY = exports.ROW_KEY = 'id';
+const MAX_PAGINATION_ITEMS = exports.MAX_PAGINATION_ITEMS = 5;
+const PAGINATION_LIMIT_DOUBLE_ARROWS = exports.PAGINATION_LIMIT_DOUBLE_ARROWS = 10;
+const CELL_TYPES = exports.CELL_TYPES = {
   STATUS: 'status',
   ACTION_ICONS: 'action-icons',
   ACTION_BUTTON: 'action-button',
   TEXT: 'text'
 };
-var CELL_ACTION_TYPES = exports.CELL_ACTION_TYPES = [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON];
-var DEFAULT_TABLET_BREAKPOINT = exports.DEFAULT_TABLET_BREAKPOINT = 1024;
+const CELL_ACTION_TYPES = exports.CELL_ACTION_TYPES = [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON];
+const DEFAULT_TABLET_BREAKPOINT = exports.DEFAULT_TABLET_BREAKPOINT = 1024;

package/dist/components/UTTable/hook.js

@@ -5,42 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useResizeObserver = void 0;
 var _react = require("react");
-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 useResizeObserver = exports.useResizeObserver = function useResizeObserver() {
-  var _useState = (0, _react.useState)({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    observerEntry = _useState2[0],
-    setObserverEntry = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    node = _useState4[0],
-    setNode = _useState4[1];
-  var observer = (0, _react.useRef)(null);
-  var disconnect = (0, _react.useCallback)(function () {
+const useResizeObserver = () => {
+  const [observerEntry, setObserverEntry] = (0, _react.useState)({});
+  const [node, setNode] = (0, _react.useState)(null);
+  const observer = (0, _react.useRef)(null);
+  const disconnect = (0, _react.useCallback)(() => {
     var _observer$current;
     return (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
   }, []);
-  var callback = function callback(_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      entry = _ref2[0];
-    window.requestAnimationFrame(function () {
+  const callback = _ref => {
+    let [entry] = _ref;
+    window.requestAnimationFrame(() => {
       setObserverEntry(entry);
     });
   };
-  var observe = (0, _react.useCallback)(function () {
+  const observe = (0, _react.useCallback)(() => {
     observer.current = new ResizeObserver(callback);
     if (node) observer.current.observe(node);
   }, [node]);
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useLayoutEffect)(() => {
     observe();
-    return function () {
-      return disconnect();
-    };
+    return () => disconnect();
   }, [disconnect, observe]);
   return [setNode, observerEntry];
-};
+};
+exports.useResizeObserver = useResizeObserver;

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,241 +28,158 @@ 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 _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 && 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; }
-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 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 : newSelectedRows.length === (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection).length;
+      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;
       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: {
@@ -280,32 +196,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),
@@ -323,14 +236,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),
@@ -338,9 +251,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,
@@ -366,9 +280,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),
@@ -418,7 +330,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,