flipper-ui 0.25.15 → 0.25.17

package/core/DataTable/DataTableQueryPaginated.js

@@ -206,7 +206,7 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
     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 +217,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,

package/core/EditableTable.js

@@ -45,6 +45,10 @@ var _omit = _interopRequireDefault(require("ramda/es/omit"));
 
 var _contains = _interopRequireDefault(require("ramda/es/contains"));
 
+var _cond = _interopRequireDefault(require("ramda/es/cond"));
+
+var _T = _interopRequireDefault(require("ramda/es/T"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Button = _interopRequireDefault(require("./Button"));
@@ -252,9 +256,12 @@ var EditableTable = function EditableTable(props) {
         }));
       },
       Action: function Action(localProps) {
-        if (!localProps.action) {
-          return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, localProps);
-        } else if ('position' in localProps.action && localProps.action.position === 'toolbar') {
+        var disabled = localProps.disabled,
+            size = localProps.size,
+            data = localProps.data;
+        var isDisabled = !!disabled;
+
+        var renderToolbarButton = function renderToolbarButton() {
           var ActionIcon = localProps.action.icon;
           return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
             fullWidth: true,
@@ -266,9 +273,35 @@ var EditableTable = function EditableTable(props) {
               valueRef.current = '';
             }
           }, /*#__PURE__*/_react["default"].createElement(ActionIcon, null));
-        } else {
-          return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, localProps);
-        }
+        };
+
+        var renderActionButton = function renderActionButton() {
+          return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, {
+            disabled: isDisabled,
+            size: size,
+            data: data,
+            action: localProps.action
+          });
+        };
+
+        var renderDefault = function renderDefault() {
+          return /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, {
+            disabled: true,
+            action: function action() {},
+            size: 0,
+            data: []
+          });
+        };
+
+        var hasData = function hasData(localProps) {
+          return !!localProps.action && size && data;
+        };
+
+        var isToolbar = function isToolbar(localProps) {
+          return localProps.action && 'position' in localProps.action && localProps.action.position === 'toolbar';
+        };
+
+        return (0, _cond["default"])([[isToolbar, renderToolbarButton], [hasData, renderActionButton], [_T["default"], renderDefault]])(localProps);
       },
       EditField: function EditField(localProps) {
         if (localProps.columnDef.type === 'datetime') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.25.15",
+    "version": "0.25.17",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -11,7 +11,11 @@
     "scripts": {
         "test": "jest --coverage",
         "start": "start-storybook -p 6006",
-        "build": "yarn build:ts && yarn build:babel",
+        "clean": "rm -rf ./dist/*",
+        "copy:package": "cp package.json dist/",
+        "publish:yalc": "cd dist/ && yalc publish && cd ..",
+        "build": "yarn clean && yarn build:ts && yarn build:babel",
+        "build:link": "yarn build && yarn copy:package && yarn publish:yalc",
         "build:ts": "tsc --emitDeclarationOnly",
         "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\"",
         "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",

package/stories/DataTableQueryPaginated.stories.js

@@ -143,7 +143,7 @@ var Default = function Default() {
     pagination: {
       rowsPerPage: size,
       labelRowsPerPage: 'Row per page ',
-      clickable: loading
+      clickable: !loading
     },
     columns: columnsData
   });
@@ -281,7 +281,7 @@ var NoHeader = function NoHeader() {
     pagination: {
       rowsPerPage: 5,
       labelRowsPerPage: 'Row per page',
-      clickable: loading
+      clickable: !loading
     },
     columns: columns
   });
@@ -564,7 +564,7 @@ var Crud = function Crud() {
     perPage: size,
     pagination: {
       rowsPerPage: 5,
-      clickable: loading,
+      clickable: !loading,
       showFirstButton: true,
       showLastButton: true,
       labelRowsPerPage: 'Rows per page:',