dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4

package/lib/toaster/toast.js

@@ -1,34 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _glamor = require("glamor");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
-
-var _alert = _interopRequireDefault(require("./alert"));
-
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
+import { css } from 'glamor';
+import Transition from 'react-transition-group/Transition';
+import Alert from './alert';
 var animationEasing = {
   deceleration: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
   acceleration: 'cubic-bezier(0.4, 0.0, 1, 1)',
   spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
 };
 var ANIMATION_DURATION = 240;
-
-var openAnimation = _glamor.css.keyframes('openAnimation', {
+var openAnimation = css.keyframes('openAnimation', {
   from: {
     opacity: 0,
     transform: 'translateY(-120%)'
@@ -37,8 +21,7 @@ var openAnimation = _glamor.css.keyframes('openAnimation', {
     transform: 'translateY(0)'
   }
 });
-
-var closeAnimation = _glamor.css.keyframes('closeAnimation', {
+var closeAnimation = css.keyframes('closeAnimation', {
   from: {
     transform: 'scale(1)',
     opacity: 1
@@ -48,63 +31,72 @@ var closeAnimation = _glamor.css.keyframes('closeAnimation', {
     opacity: 0
   }
 });
-
-var animationStyles = (0, _glamor.css)({
+var animationStyles = css({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'center',
   height: 0,
-  transition: "all " + ANIMATION_DURATION + "ms " + animationEasing.deceleration,
+  transition: "all ".concat(ANIMATION_DURATION, "ms ").concat(animationEasing.deceleration),
   '&[data-state="entering"], &[data-state="entered"]': {
-    animation: openAnimation + " " + ANIMATION_DURATION + "ms " + animationEasing.spring + " both"
+    animation: "".concat(openAnimation, " ").concat(ANIMATION_DURATION, "ms ").concat(animationEasing.spring, " both")
   },
   '&[data-state="exiting"]': {
-    animation: closeAnimation + " 120ms " + animationEasing.acceleration + " both"
+    animation: "".concat(closeAnimation, " 120ms ").concat(animationEasing.acceleration, " both")
   }
 });
 
 var Toast = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(Toast, _React$PureComponent);
+  _inherits(Toast, _React$PureComponent);
+
+  var _super = _createSuper(Toast);
 
   function Toast() {
     var _this;
 
+    _classCallCheck(this, Toast);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
       isShown: true,
       height: 0
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function () {
+    };
+
+    _this.close = function () {
       _this.clearCloseTimer();
 
       _this.setState({
         isShown: false
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startCloseTimer", function () {
+    };
+
+    _this.startCloseTimer = function () {
       if (_this.props.duration) {
         _this.closeTimer = setTimeout(function () {
           _this.close();
         }, _this.props.duration * 1000);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clearCloseTimer", function () {
+    };
+
+    _this.clearCloseTimer = function () {
       if (_this.closeTimer) {
         clearTimeout(_this.closeTimer);
         _this.closeTimer = null;
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function () {
+    };
+
+    _this.handleMouseEnter = function () {
       _this.clearCloseTimer();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function () {
+    };
+
+    _this.handleMouseLeave = function () {
       _this.startCloseTimer();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRef", function (ref) {
+    };
+
+    _this.onRef = function (ref) {
       if (ref === null) return;
 
       var _ref$getBoundingClien = ref.getBoundingClientRect(),
@@ -113,111 +105,75 @@ var Toast = /*#__PURE__*/function (_React$PureComponent) {
       _this.setState({
         height: height
       });
-    });
+    };
+
     return _this;
   }
 
-  var _proto = Toast.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.isShown !== this.props.isShown) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        isShown: this.props.isShown
+  _createClass(Toast, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.isShown !== this.props.isShown) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          isShown: this.props.isShown
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.startCloseTimer();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.clearCloseTimer();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React.createElement(Transition, {
+        appear: true,
+        unmountOnExit: true,
+        timeout: ANIMATION_DURATION,
+        in: this.state.isShown,
+        onExited: this.props.onRemove
+      }, function (state) {
+        return /*#__PURE__*/React.createElement("div", {
+          "data-state": state,
+          className: animationStyles,
+          onMouseEnter: _this2.handleMouseEnter,
+          onMouseLeave: _this2.handleMouseLeave,
+          style: {
+            height: _this2.state.height,
+            zIndex: _this2.props.zIndex,
+            marginBottom: _this2.state.isShown ? 0 : -_this2.state.height
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          ref: _this2.onRef,
+          style: {
+            padding: 8
+          }
+        }, /*#__PURE__*/React.createElement(Alert, {
+          intent: _this2.props.intent,
+          title: _this2.props.title,
+          children: _this2.props.children || '',
+          isRemoveable: _this2.props.hasCloseButton,
+          onRemove: function onRemove() {
+            return _this2.close();
+          }
+        })));
       });
     }
-  };
-
-  _proto.componentDidMount = function componentDidMount() {
-    this.startCloseTimer();
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.clearCloseTimer();
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-      appear: true,
-      unmountOnExit: true,
-      timeout: ANIMATION_DURATION,
-      in: this.state.isShown,
-      onExited: this.props.onRemove
-    }, function (state) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        "data-state": state,
-        className: animationStyles,
-        onMouseEnter: _this2.handleMouseEnter,
-        onMouseLeave: _this2.handleMouseLeave,
-        style: {
-          height: _this2.state.height,
-          zIndex: _this2.props.zIndex,
-          marginBottom: _this2.state.isShown ? 0 : -_this2.state.height
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        ref: _this2.onRef,
-        style: {
-          padding: 8
-        }
-      }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-        intent: _this2.props.intent,
-        title: _this2.props.title,
-        children: _this2.props.children || '',
-        isRemoveable: _this2.props.hasCloseButton,
-        onRemove: function onRemove() {
-          return _this2.close();
-        }
-      })));
-    });
-  };
+  }]);
 
   return Toast;
-}(_react.default.PureComponent);
-
-exports.default = Toast;
-(0, _defineProperty2.default)(Toast, "propTypes", {
-  /**
-   * The z-index of the toast.
-   */
-  zIndex: _propTypes.default.number,
-
-  /**
-   * Duration of the toast.
-   */
-  duration: _propTypes.default.number,
-
-  /**
-   * Function called when the toast is all the way closed.
-   */
-  onRemove: _propTypes.default.func,
-
-  /**
-   * The type of the alert.
-   */
-  intent: _propTypes.default.oneOf(['none', 'success', 'warning', 'danger']).isRequired,
-
-  /**
-   * The title of the alert.
-   */
-  title: _propTypes.default.node,
-
-  /**
-   * Description of the alert.
-   */
-  children: _propTypes.default.node,
-
-  /**
-   * When true, show a close icon button inside of the toast.
-   */
-  hasCloseButton: _propTypes.default.bool,
-
-  /**
-   * When false, will close the Toast and call onRemove when finished.
-   */
-  isShown: _propTypes.default.bool
-});
-(0, _defineProperty2.default)(Toast, "defaultProps", {
+}(React.PureComponent);
+
+Toast.defaultProps = {
   intent: 'none'
-});
+};
+export { Toast as default };

package/lib/toaster/toastManager.js

@@ -1,41 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _glamor = require("glamor");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _toast = _interopRequireDefault(require("./toast"));
-
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _excluded = ["id", "description"];
-
-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 _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
-
-var wrapperClass = (0, _glamor.css)({
+import React from 'react';
+import { css } from 'glamor';
+import Toast from './toast';
+var wrapperClass = css({
   maxWidth: 560,
   margin: '0 auto',
   top: 0,
@@ -50,30 +25,46 @@ var hasCustomId = function hasCustomId(settings) {
 };
 
 var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(ToastManager, _React$PureComponent);
+  _inherits(ToastManager, _React$PureComponent);
+
+  var _super = _createSuper(ToastManager);
 
   function ToastManager(props, context) {
     var _this;
 
-    _this = _React$PureComponent.call(this, props, context) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getToasts", function () {
+    _classCallCheck(this, ToastManager);
+
+    _this = _super.call(this, props, context);
+
+    _this.getToasts = function () {
       return _this.state.toasts;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeAll", function () {
+    };
+
+    _this.closeAll = function () {
       _this.getToasts().forEach(function (toast) {
         return toast.close();
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "notify", function (title, settings) {
+    };
+
+    _this.notify = function (title, settings) {
       // If there's a custom toast ID passed, close existing toasts with the same custom ID
       if (hasCustomId(settings)) {
-        for (var _iterator = _createForOfIteratorHelperLoose(_this.state.toasts), _step; !(_step = _iterator()).done;) {
-          var toast = _step.value;
+        var _iterator = _createForOfIteratorHelper(_this.state.toasts),
+            _step;
 
-          // Since unique ID is still appended to a custom ID, skip the unique ID and check only prefix
-          if (String(toast.id).startsWith(settings.id)) {
-            _this.closeToast(toast.id);
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var toast = _step.value;
+
+            // Since unique ID is still appended to a custom ID, skip the unique ID and check only prefix
+            if (String(toast.id).startsWith(settings.id)) {
+              _this.closeToast(toast.id);
+            }
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
       }
 
@@ -81,15 +72,16 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
 
       _this.setState(function (previousState) {
         return {
-          toasts: [instance].concat(previousState.toasts)
+          toasts: [instance].concat(_toConsumableArray(previousState.toasts))
         };
       });
 
       return instance;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createToastInstance", function (title, settings) {
+    };
+
+    _this.createToastInstance = function (title, settings) {
       var uniqueId = ++ToastManager.idCounter;
-      var id = hasCustomId(settings) ? settings.id + "-" + uniqueId : uniqueId;
+      var id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
       var hasCloseButton = settings.hasCloseButton || true;
       var duration = settings.duration || 2;
 
@@ -112,8 +104,9 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
         },
         intent: settings.intent
       };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeToast", function (id) {
+    };
+
+    _this.closeToast = function (id) {
       _this.setState(function (previousState) {
         return {
           toasts: previousState.toasts.map(function (toast) {
@@ -127,8 +120,9 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
           })
         };
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "removeToast", function (id) {
+    };
+
+    _this.removeToast = function (id) {
       _this.setState(function (previousState) {
         return {
           toasts: previousState.toasts.filter(function (toast) {
@@ -136,7 +130,8 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
           })
         };
       });
-    });
+    };
+
     props.bindNotify(_this.notify);
     props.bindGetToasts(_this.getToasts);
     props.bindCloseAll(_this.closeAll);
@@ -146,44 +141,30 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
     return _this;
   }
 
-  var _proto = ToastManager.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: wrapperClass
-    }, this.state.toasts.map(function (_ref) {
-      var id = _ref.id,
-          description = _ref.description,
-          props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_toast.default, (0, _extends2.default)({
-        key: id,
-        onRemove: function onRemove() {
-          return _this2.removeToast(id);
-        }
-      }, props), description);
-    }));
-  };
+  _createClass(ToastManager, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React.createElement("span", {
+        className: wrapperClass
+      }, this.state.toasts.map(function (_ref) {
+        var id = _ref.id,
+            description = _ref.description,
+            props = _objectWithoutProperties(_ref, _excluded);
+
+        return /*#__PURE__*/React.createElement(Toast, Object.assign({
+          key: id,
+          onRemove: function onRemove() {
+            return _this2.removeToast(id);
+          }
+        }, props), description);
+      }));
+    }
+  }]);
 
   return ToastManager;
-}(_react.default.PureComponent);
-
-exports.default = ToastManager;
-(0, _defineProperty2.default)(ToastManager, "propTypes", {
-  /**
-   * Function called with the `this.notify` function.
-   */
-  bindNotify: _propTypes.default.func.isRequired,
-
-  /**
-   * Function called with the `this.getToasts` function.
-   */
-  bindGetToasts: _propTypes.default.func.isRequired,
-
-  /**
-   * Function called with the `this.closeAll` function.
-   */
-  bindCloseAll: _propTypes.default.func.isRequired
-});
-(0, _defineProperty2.default)(ToastManager, "idCounter", 0);
+}(React.PureComponent);
+
+ToastManager.idCounter = 0;
+export { ToastManager as default };