flipper-ui 0.25.16 → 0.26.0

package/{core → dist/core}/DataTable/DataTable.js

@@ -1,59 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DataTable = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _last = _interopRequireDefault(require("ramda/es/last"));
-
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
-
 var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
-
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-
 var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
-
 var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
-
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
-
 var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
-
 var _types = require("./types");
-
 var _useRowsState2 = require("./useRowsState");
-
 var _Rows = require("./Rows");
-
 var _DataTablePaginationActions = require("./DataTablePaginationActions");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultPagination = {
   rowsPerPage: 10,
   labelRowsPerPage: 'Rows per page:',
   labelDisplayedRows: function labelDisplayedRows(_ref) {
     var from = _ref.from,
-        to = _ref.to,
-        count = _ref.count;
+      to = _ref.to,
+      count = _ref.count;
     return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
   },
   disabled: false,
@@ -62,65 +42,54 @@ var defaultPagination = {
   rowsPerPageOptions: [5, 10, 20],
   clickable: false
 };
-
 var sliceData = function sliceData(data, page, rowsPerPage) {
   var start = page * rowsPerPage;
   var end = start + rowsPerPage;
   return data.slice(start, end);
 };
-
 var DataTable = function DataTable(props) {
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      page = _useState2[0],
-      setPage = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    page = _useState2[0],
+    setPage = _useState2[1];
   var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
-
   var _useState3 = (0, _react.useState)(pagination.rowsPerPage),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      rowsPerPage = _useState4[0],
-      setRowsPerPage = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    rowsPerPage = _useState4[0],
+    setRowsPerPage = _useState4[1];
   var data = props.data,
-      columns = props.columns,
-      rowViews = props.rowViews,
-      onRowClick = props.onRowClick,
-      controllerRef = props.controllerRef,
-      noHeader = props.noHeader,
-      bodyRowStyle = props.bodyRowStyle,
-      headRowStyle = props.headRowStyle,
-      errors = props.errors,
-      componentForEmpty = props.componentForEmpty,
-      bodyStyle = props.bodyStyle,
-      headStyle = props.headStyle,
-      hiddenRowHeight = props.hiddenRowHeight;
-
+    columns = props.columns,
+    rowViews = props.rowViews,
+    onRowClick = props.onRowClick,
+    controllerRef = props.controllerRef,
+    noHeader = props.noHeader,
+    bodyRowStyle = props.bodyRowStyle,
+    headRowStyle = props.headRowStyle,
+    errors = props.errors,
+    componentForEmpty = props.componentForEmpty,
+    bodyStyle = props.bodyStyle,
+    headStyle = props.headStyle,
+    hiddenRowHeight = props.hiddenRowHeight;
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      newRow = _useState6[0],
-      setNewRow = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    newRow = _useState6[0],
+    setNewRow = _useState6[1];
   var rows = (0, _react.useMemo)(function () {
     if (pagination.disabled) {
       return data;
-    } // this case is not good for the useRowsMode hook
-
-
+    }
+    // this case is not good for the useRowsMode hook
     if (newRow && page === 0) {
       return sliceData(data, page, rowsPerPage - 1);
     }
-
     return sliceData(data, page, rowsPerPage);
   }, [pagination.disabled, data, rowsPerPage, page, newRow]);
-
   var _useRowsState = (0, _useRowsState2.useRowsState)(rows, newRow),
-      getRowState = _useRowsState.getRowState,
-      setEditableRowState = _useRowsState.setEditableRowState,
-      setRowState = _useRowsState.setRowState,
-      pushRowView = _useRowsState.pushRowView,
-      popRowView = _useRowsState.popRowView;
-
+    getRowState = _useRowsState.getRowState,
+    setEditableRowState = _useRowsState.setEditableRowState,
+    setRowState = _useRowsState.setRowState,
+    pushRowView = _useRowsState.pushRowView,
+    popRowView = _useRowsState.popRowView;
   var controller = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     var nextController = {
@@ -141,7 +110,6 @@ var DataTable = function DataTable(props) {
       },
       getEditedRowData: function getEditedRowData(id) {
         var _getRowState;
-
         return _objectSpread({
           id: id
         }, (_getRowState = getRowState(id)) === null || _getRowState === void 0 ? void 0 : _getRowState.editableState);
@@ -159,7 +127,6 @@ var DataTable = function DataTable(props) {
       popRowView: popRowView
     };
     controller.current = nextController;
-
     if (controllerRef) {
       controllerRef.current = nextController;
     }
@@ -200,7 +167,6 @@ var DataTable = function DataTable(props) {
   }, [columns]);
   var currentRowsNumber = rows.length + (newRow ? 1 : 0);
   var hiddenRowsNumber = pagination.disabled ? 0 : rowsPerPage - currentRowsNumber;
-
   var hiddenRowFiller = hiddenRowsNumber !== 0 && /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     style: bodyRowStyle
   }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -210,14 +176,12 @@ var DataTable = function DataTable(props) {
       height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
     }
   }));
-
   var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
     data: newRow,
     errors: errors,
     columns: columns,
     onUpdate: setEditableRowState(newRow.id)
   }), rowsList);
-
   var paginationActionsComponent = (0, _react.useMemo)(function () {
     return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
       showFirstButton: pagination.showFirstButton,
@@ -249,7 +213,6 @@ var DataTable = function DataTable(props) {
     ActionsComponent: paginationActionsComponent
   })))));
 };
-
 exports.DataTable = DataTable;
 var _default = DataTable;
 exports["default"] = _default;

package/{core → dist/core}/DataTable/DataTableAction.js

@@ -1,22 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTableAction = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var DataTableAction = function DataTableAction(_ref) {
   var label = _ref.label,
-      children = _ref.children,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color,
-      onClick = _ref.onClick;
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    onClick = _ref.onClick;
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     size: "small",
     color: color,
@@ -24,5 +20,4 @@ var DataTableAction = function DataTableAction(_ref) {
     onClick: onClick
   }, children);
 };
-
 exports.DataTableAction = DataTableAction;

package/{core → dist/core}/DataTable/DataTablePaginationActions.js

@@ -1,57 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeDataTablePaginationActions = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _FirstPage = _interopRequireDefault(require("@material-ui/icons/FirstPage"));
-
 var _LastPage = _interopRequireDefault(require("@material-ui/icons/LastPage"));
-
 var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
-
 var _KeyboardArrowRight = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight"));
-
 /* eslint-disable @typescript-eslint/interface-name-prefix */
+
 var PAGINATION_WRAPPER_STYLE = {
   display: 'flex',
   marginLeft: '12px'
 };
-
 var makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
   var showFirstButton = _ref.showFirstButton,
-      showLastButton = _ref.showLastButton,
-      clickable = _ref.clickable;
+    showLastButton = _ref.showLastButton,
+    clickable = _ref.clickable;
   return function (_ref2) {
     var count = _ref2.count,
-        page = _ref2.page,
-        rowsPerPage = _ref2.rowsPerPage,
-        onChangePage = _ref2.onChangePage;
+      page = _ref2.page,
+      rowsPerPage = _ref2.rowsPerPage,
+      onChangePage = _ref2.onChangePage;
     var totalPages = Math.ceil(count / rowsPerPage) - 1;
-
     var handleFirstPageButtonClick = function handleFirstPageButtonClick(event) {
       onChangePage(event, 0);
     };
-
     var handleBackButtonClick = function handleBackButtonClick(event) {
       onChangePage(event, page - 1);
     };
-
     var handleNextButtonClick = function handleNextButtonClick(event) {
       onChangePage(event, page + 1);
     };
-
     var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
       onChangePage(event, Math.max(0, totalPages));
     };
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       style: PAGINATION_WRAPPER_STYLE
     }, showFirstButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
@@ -73,5 +60,4 @@ var makeDataTablePaginationActions = function makeDataTablePaginationActions(_re
     }, /*#__PURE__*/_react["default"].createElement(_LastPage["default"], null)));
   };
 };
-
 exports.makeDataTablePaginationActions = makeDataTablePaginationActions;

package/{core → dist/core}/DataTable/DataTableQueryPaginated.js

@@ -1,59 +1,39 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DataTableQueryPaginated = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _last = _interopRequireDefault(require("ramda/es/last"));
-
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
-
 var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
-
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-
 var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
-
 var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
-
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
-
 var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
-
 var _types = require("./types");
-
 var _useRowsState2 = require("./useRowsState");
-
 var _Rows = require("./Rows");
-
 var _DataTablePaginationActions = require("./DataTablePaginationActions");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultPagination = {
   rowsPerPage: 10,
   labelRowsPerPage: 'Rows per page:',
   labelDisplayedRows: function labelDisplayedRows(_ref) {
     var from = _ref.from,
-        to = _ref.to,
-        count = _ref.count;
+      to = _ref.to,
+      count = _ref.count;
     return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
   },
   disabled: false,
@@ -62,49 +42,42 @@ var defaultPagination = {
   clickable: true,
   rowsPerPageOptions: [5, 10, 25, 50]
 };
-
 var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
   var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
-
   var data = props.data,
-      totalElements = props.totalElements,
-      handleChangePage = props.handleChangePage,
-      perPage = props.perPage,
-      handleChangePerPage = props.handleChangePerPage,
-      columns = props.columns,
-      page = props.page,
-      rowViews = props.rowViews,
-      onRowClick = props.onRowClick,
-      controllerRef = props.controllerRef,
-      noHeader = props.noHeader,
-      bodyRowStyle = props.bodyRowStyle,
-      headRowStyle = props.headRowStyle,
-      errors = props.errors,
-      componentForEmpty = props.componentForEmpty,
-      bodyStyle = props.bodyStyle,
-      headStyle = props.headStyle,
-      hiddenRowHeight = props.hiddenRowHeight;
-
+    totalElements = props.totalElements,
+    handleChangePage = props.handleChangePage,
+    perPage = props.perPage,
+    handleChangePerPage = props.handleChangePerPage,
+    columns = props.columns,
+    page = props.page,
+    rowViews = props.rowViews,
+    onRowClick = props.onRowClick,
+    controllerRef = props.controllerRef,
+    noHeader = props.noHeader,
+    bodyRowStyle = props.bodyRowStyle,
+    headRowStyle = props.headRowStyle,
+    errors = props.errors,
+    componentForEmpty = props.componentForEmpty,
+    bodyStyle = props.bodyStyle,
+    headStyle = props.headStyle,
+    hiddenRowHeight = props.hiddenRowHeight;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      newRow = _useState2[0],
-      setNewRow = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    newRow = _useState2[0],
+    setNewRow = _useState2[1];
   var rows = (0, _react.useMemo)(function () {
     if (pagination.disabled) {
       return data;
     }
-
     return data;
   }, [pagination.disabled, data, perPage, page, newRow]);
-
   var _useRowsState = (0, _useRowsState2.useRowsState)(rows, newRow),
-      getRowState = _useRowsState.getRowState,
-      setEditableRowState = _useRowsState.setEditableRowState,
-      setRowState = _useRowsState.setRowState,
-      pushRowView = _useRowsState.pushRowView,
-      popRowView = _useRowsState.popRowView;
-
+    getRowState = _useRowsState.getRowState,
+    setEditableRowState = _useRowsState.setEditableRowState,
+    setRowState = _useRowsState.setRowState,
+    pushRowView = _useRowsState.pushRowView,
+    popRowView = _useRowsState.popRowView;
   var controller = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     var nextController = {
@@ -125,7 +98,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
       },
       getEditedRowData: function getEditedRowData(id) {
         var _getRowState;
-
         return _objectSpread({
           id: id
         }, (_getRowState = getRowState(id)) === null || _getRowState === void 0 ? void 0 : _getRowState.editableState);
@@ -143,7 +115,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
       popRowView: popRowView
     };
     controller.current = nextController;
-
     if (controllerRef) {
       controllerRef.current = nextController;
     }
@@ -184,7 +155,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
   }, [columns]);
   var currentRowsNumber = rows.length + (newRow ? 1 : 0);
   var hiddenRowsNumber = pagination.disabled ? 0 : perPage - currentRowsNumber;
-
   var hiddenRowFiller = hiddenRowsNumber !== 0 && /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     style: bodyRowStyle
   }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -194,19 +164,17 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
       height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
     }
   }));
-
   var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
     data: newRow,
     errors: errors,
     columns: columns,
     onUpdate: setEditableRowState(newRow.id)
   }), rowsList);
-
   var paginationActionsComponent = (0, _react.useMemo)(function () {
     return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
       showFirstButton: pagination.showFirstButton,
       showLastButton: pagination.showLastButton,
-      clickable: pagination.clickable
+      clickable: !pagination.clickable
     });
   }, [pagination.showFirstButton, pagination.showLastButton, pagination.clickable]);
   return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
@@ -217,7 +185,7 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
     style: headRowStyle
   }, columnsList)), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
     style: bodyStyle
-  }, currentRowsNumber === 0 || pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
+  }, currentRowsNumber === 0 || !pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
     count: totalElements,
     page: page,
     rowsPerPageOptions: pagination.rowsPerPageOptions,
@@ -233,7 +201,6 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
     ActionsComponent: paginationActionsComponent
   })))));
 };
-
 exports.DataTableQueryPaginated = DataTableQueryPaginated;
 var _default = DataTableQueryPaginated;
 exports["default"] = _default;