flipper-ui 0.25.14 → 0.25.16

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"));
@@ -90,7 +94,7 @@ function _templateObject5() {
 }
 
 function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n    transition: opacity 200ms ease;\n    button {\n        display: none;  \n    };   \n    &:hover {\n        background: -moz-linear-gradient(left,", " 0%, ", " 100%);\n        background: -webkit-linear-gradient(left,", " 0%,", " 100%);\n        background: linear-gradient(to right,", " 0%,", " 100%);\n    };\n    &:hover button {\n        display: inline-block !important;\n    };\n    td {\n        min-width: 64px;\n    };\n"]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    transition: opacity 200ms ease;\n    button {\n        display: none;\n    };\n    &:hover {\n        background: -moz-linear-gradient(left,", " 0%, ", " 100%);\n        background: -webkit-linear-gradient(left,", " 0%,", " 100%);\n        background: linear-gradient(to right,", " 0%,", " 100%);\n    };\n    &:hover button {\n        display: inline-block !important;\n    };\n    td {\n        min-width: 64px;\n    };\n"]);
 
   _templateObject4 = function _templateObject4() {
     return data;
@@ -110,7 +114,7 @@ function _templateObject3() {
 }
 
 function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px; \n    font-weight: 500 !important;\n"]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px;\n    font-weight: 500 !important;\n"]);
 
   _templateObject2 = function _templateObject2() {
     return data;
@@ -252,7 +256,12 @@ var EditableTable = function EditableTable(props) {
         }));
       },
       Action: function Action(localProps) {
-        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,
@@ -264,9 +273,35 @@ var EditableTable = function EditableTable(props) {
               valueRef.current = '';
             }
           }, /*#__PURE__*/_react["default"].createElement(ActionIcon, null));
-        }
+        };
+
+        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 /*#__PURE__*/_react["default"].createElement(_materialTable.MTableAction, localProps);
+        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.14",
+    "version": "0.25.16",
     "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}'",