@startlibs/components 1.0.0-alpha-7y → 1.0.0-alpha-8b

package/lib/index.js

@@ -18,7 +18,7 @@ var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass')
 var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
 var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
 var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
-var reactRouterDom = require('react-router-dom');
+var router = require('@reach/router');
 var _assign = _interopDefault(require('lodash/fp/assign'));
 var core = require('@startlibs/core');
 var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
@@ -116,7 +116,8 @@ var Icon = styled__default(styled.withTheme(IconComponent)).withConfig({
   return props.clickable && "\n    cursor: pointer;\n    &:hover {\n      opacity: 0.85;\n    }\n  ";
 });
 
-var Link = reactRouterDom.Link;
+// import {Link as RouterLink} from 'react-router-dom'
+var Link = router.Link;
 
 var Loading = styled__default.div.withConfig({
   displayName: "Loading",
@@ -289,6 +290,43 @@ Button.Link = function (props) {
   }));
 };
 
+var TextButton = styled__default(function (_ref) {
+  var className = _ref.className,
+      isLoading = _ref.isLoading,
+      children = _ref.children,
+      _ref$innerAs = _ref.innerAs,
+      Wrapper = _ref$innerAs === void 0 ? 'div' : _ref$innerAs,
+      props = _objectWithoutProperties(_ref, ["className", "isLoading", "children", "innerAs"]);
+
+  return React__default.createElement(Wrapper, _extends({
+    className: className
+  }, props), children, " ", isLoading && React__default.createElement(Loading, {
+    size: 14,
+    borderWidth: 3
+  }));
+}).withConfig({
+  displayName: "TextButton",
+  componentId: "sc-1eydmhc-0"
+})(["display:inline-block;font-weight:500;font-size:13px;color:", ";cursor:pointer;text-decoration:none;:hover,:active{color:", ";}", "{display:inline-block;margin-left:0.25rem;vertical-align:-3px;}", ""], utils.getColor('main'), function (props) {
+  return polished.darken(0.1, utils.getColor("main")(props));
+}, Loading, function (props) {
+  return props.nowrap && "\n    white-space: nowrap;\n  ";
+});
+
+TextButton.a = function (props) {
+  return React__default.createElement(TextButton, _extends({}, props, {
+    className: props.className,
+    innerAs: "a"
+  }));
+};
+
+TextButton.Link = function (props) {
+  return React__default.createElement(TextButton, _extends({}, props, {
+    className: props.className,
+    innerAs: Link
+  }));
+};
+
 var ErrorBoundary =
 /*#__PURE__*/
 function (_React$Component) {
@@ -2057,7 +2095,7 @@ var MainIcon = styled__default(Icon).withConfig({
   displayName: "WarningDialog__MainIcon",
   componentId: "sc-1jw779e-1"
 })(["color:", ";font-size:46px;display:block;margin-bottom:1.25rem;"], function (props) {
-  return props.icon === 'warning' ? utils.getColor('alert') : utils.getColor('main');
+  return props.icon === 'warning' ? utils.getColor('alert') : props.icon === 'success' ? utils.getColor('success') : utils.getColor('main');
 });
 var useWarningDialog = function useWarningDialog() {
   return useDialogWithToggle(function (toggle) {
@@ -2072,8 +2110,12 @@ var _willUseSharedState = core.willUseSharedState(),
     useRenderDefaultWarningDialog = _willUseSharedState2[0],
     _setWarningDialog = _willUseSharedState2[2];
 
-var setWarningDialog = function setWarningDialog(props) {
-  return _setWarningDialog(React__default.createElement(WarningDialog, _extends({}, props, {
+var setWarningDialog = function setWarningDialog(_ref2) {
+  var _ref2$as = _ref2.as,
+      Dialog = _ref2$as === void 0 ? WarningDialog : _ref2$as,
+      props = _objectWithoutProperties(_ref2, ["as"]);
+
+  return _setWarningDialog(React__default.createElement(Dialog, _extends({}, props, {
     closeDialog: function closeDialog() {
       return _setWarningDialog(null);
     }
@@ -2571,7 +2613,10 @@ function (_React$Component) {
             return;
           }
 
-          morph(oldItem.domNode, formatAnimation(removeAnimation || animation, timing), function () {
+          new Promise(function (res) {
+            morph(oldItem.domNode, formatAnimation(removeAnimation || animation, timing), res);
+            setTimeout(res, 1500);
+          }).then(function () {
             oldItem.domNode.remove();
           });
         });
@@ -4372,19 +4417,13 @@ var ContextMenuComponent = React.forwardRef(function (_ref2, unesuredRef) {
     e.target.dispatchEvent(new MouseEvent('mousemove', {
       bubbles: true
     }));
-    var passedResistance = false;
-    return [function (e, nextPos) {
+    return function (e, nextPos) {
       var delta = prevPos.clientY - nextPos.clientY;
 
       if (Math.abs(delta) > 10) {
-        passedResistance = true;
         setCursorOnHover(-1);
       }
-    }, function (e, finalPos) {
-      if (!passedResistance) {
-        e.target.click();
-      }
-    }];
+    };
   });
   return React__default.createElement(ContextListMenu, _extends({
     "data-drag": false,
@@ -5289,6 +5328,7 @@ exports.SimpleLi = SimpleLi;
 exports.SplitColumnsContainer = SplitColumnsContainer;
 exports.StickyContainer = StickyContainer;
 exports.SwitchDiv = SwitchDiv;
+exports.TextButton = TextButton;
 exports.Tooltip = Tooltip;
 exports.TransitionDiv = TransitionDiv;
 exports.WarningDialog = WarningDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startlibs/components",
-  "version": "1.0.0-alpha-7y",
+  "version": "1.0.0-alpha-8b",
   "description": "Startlibs Components",
   "main": "lib/index.js",
   "sideEffects": false,