dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/lib/index.js

@@ -1,31 +1,139 @@
-export { default as toaster } from './toast';
-export { setLocale } from './lang';
-export { getDateDisplayString, getNumberDisplayString, formatStringToNumber, formatNumberString } from './utils/value-format-utils';
-export { default as CheckboxFormatter } from './CheckboxFormatter';
-export { default as ImageFormatter } from './ImageFormatter';
-export { default as LongTextFormatter } from './LongTextFormatter';
-export { default as TextFormatter } from './TextFormatter';
-export { default as SingleSelectFormatter } from './SingleSelectFormatter';
-export { default as MultipleSelectFormatter } from './MultipleSelectFormatter';
-export { default as FileFormatter } from './FileFormatter';
-export { default as LinkFormatter } from './LinkFormatter';
-export { default as CollaboratorFormatter } from './CollaboratorFormatter';
-export { default as NumberFormatter } from './NumberFormatter';
-export { default as DateFormatter } from './DateFormatter';
-export { default as CreatorFormatter } from './CreatorFormatter';
-export { default as CTimeFormatter } from './CTimeFormatter';
-export { default as LastModifierFormatter } from './LastModifierFormatter';
-export { default as MTimeFormatter } from './MTimeFormatter';
-export { default as GeolocationFormatter } from './GeolocationFormatter';
-export { default as FormulaFormatter } from './FormulaFormatter';
-export { default as AutoNumberFormatter } from './AutoNumberFormatter';
-export { default as UrlFormatter } from './UrlFormatter';
-export { default as EmailFormatter } from './EmailFormatter';
-export { default as DurationFormatter } from './DurationFormatter';
-export { default as RateFormatter } from './RateFormatter';
-export { default as ButtonFormatter } from './ButtonFormatter';
-export { default as ImagePreviewerLightbox } from './ImagePreviewerLightbox';
-export { default as CollaboratorItem } from './CollaboratorItem';
-export { default as FileItemFormatter } from './FileItemFormatter';
-export { default as Loading } from './Loading';
-export { TextEditor, NumberEditor, CheckboxEditor, SingleSelectEditor, CollaboratorEditor, DateEditor, LinkEditor } from './components/cell-editor';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.toaster = exports.setLocale = exports.getNumberDisplayString = exports.getDateDisplayString = exports.formatStringToNumber = exports.formatNumberString = exports.UrlFormatter = exports.TextFormatter = exports.TextEditor = exports.SingleSelectFormatter = exports.SingleSelectEditor = exports.RateFormatter = exports.NumberFormatter = exports.NumberEditor = exports.MultipleSelectFormatter = exports.MTimeFormatter = exports.LongTextFormatter = exports.Loading = exports.LinkFormatter = exports.LinkEditor = exports.LastModifierFormatter = exports.ImagePreviewerLightbox = exports.ImageFormatter = exports.GeolocationFormatter = exports.FormulaFormatter = exports.FileItemFormatter = exports.FileFormatter = exports.EmailFormatter = exports.DurationFormatter = exports.DateFormatter = exports.DateEditor = exports.CreatorFormatter = exports.CollaboratorItem = exports.CollaboratorFormatter = exports.CollaboratorEditor = exports.CheckboxFormatter = exports.CheckboxEditor = exports.CTimeFormatter = exports.ButtonFormatter = exports.AutoNumberFormatter = void 0;
+
+var _toaster = _interopRequireDefault(require("./toaster"));
+
+exports.toaster = _toaster.default;
+
+var _lang = require("./lang");
+
+exports.setLocale = _lang.setLocale;
+
+var _valueFormatUtils = require("./utils/value-format-utils");
+
+exports.getDateDisplayString = _valueFormatUtils.getDateDisplayString;
+exports.getNumberDisplayString = _valueFormatUtils.getNumberDisplayString;
+exports.formatStringToNumber = _valueFormatUtils.formatStringToNumber;
+exports.formatNumberString = _valueFormatUtils.formatNumberString;
+
+var _CheckboxFormatter = _interopRequireDefault(require("./CheckboxFormatter"));
+
+exports.CheckboxFormatter = _CheckboxFormatter.default;
+
+var _ImageFormatter = _interopRequireDefault(require("./ImageFormatter"));
+
+exports.ImageFormatter = _ImageFormatter.default;
+
+var _LongTextFormatter = _interopRequireDefault(require("./LongTextFormatter"));
+
+exports.LongTextFormatter = _LongTextFormatter.default;
+
+var _TextFormatter = _interopRequireDefault(require("./TextFormatter"));
+
+exports.TextFormatter = _TextFormatter.default;
+
+var _SingleSelectFormatter = _interopRequireDefault(require("./SingleSelectFormatter"));
+
+exports.SingleSelectFormatter = _SingleSelectFormatter.default;
+
+var _MultipleSelectFormatter = _interopRequireDefault(require("./MultipleSelectFormatter"));
+
+exports.MultipleSelectFormatter = _MultipleSelectFormatter.default;
+
+var _FileFormatter = _interopRequireDefault(require("./FileFormatter"));
+
+exports.FileFormatter = _FileFormatter.default;
+
+var _LinkFormatter = _interopRequireDefault(require("./LinkFormatter"));
+
+exports.LinkFormatter = _LinkFormatter.default;
+
+var _CollaboratorFormatter = _interopRequireDefault(require("./CollaboratorFormatter"));
+
+exports.CollaboratorFormatter = _CollaboratorFormatter.default;
+
+var _NumberFormatter = _interopRequireDefault(require("./NumberFormatter"));
+
+exports.NumberFormatter = _NumberFormatter.default;
+
+var _DateFormatter = _interopRequireDefault(require("./DateFormatter"));
+
+exports.DateFormatter = _DateFormatter.default;
+
+var _CreatorFormatter = _interopRequireDefault(require("./CreatorFormatter"));
+
+exports.CreatorFormatter = _CreatorFormatter.default;
+
+var _CTimeFormatter = _interopRequireDefault(require("./CTimeFormatter"));
+
+exports.CTimeFormatter = _CTimeFormatter.default;
+
+var _LastModifierFormatter = _interopRequireDefault(require("./LastModifierFormatter"));
+
+exports.LastModifierFormatter = _LastModifierFormatter.default;
+
+var _MTimeFormatter = _interopRequireDefault(require("./MTimeFormatter"));
+
+exports.MTimeFormatter = _MTimeFormatter.default;
+
+var _GeolocationFormatter = _interopRequireDefault(require("./GeolocationFormatter"));
+
+exports.GeolocationFormatter = _GeolocationFormatter.default;
+
+var _FormulaFormatter = _interopRequireDefault(require("./FormulaFormatter"));
+
+exports.FormulaFormatter = _FormulaFormatter.default;
+
+var _AutoNumberFormatter = _interopRequireDefault(require("./AutoNumberFormatter"));
+
+exports.AutoNumberFormatter = _AutoNumberFormatter.default;
+
+var _UrlFormatter = _interopRequireDefault(require("./UrlFormatter"));
+
+exports.UrlFormatter = _UrlFormatter.default;
+
+var _EmailFormatter = _interopRequireDefault(require("./EmailFormatter"));
+
+exports.EmailFormatter = _EmailFormatter.default;
+
+var _DurationFormatter = _interopRequireDefault(require("./DurationFormatter"));
+
+exports.DurationFormatter = _DurationFormatter.default;
+
+var _RateFormatter = _interopRequireDefault(require("./RateFormatter"));
+
+exports.RateFormatter = _RateFormatter.default;
+
+var _ButtonFormatter = _interopRequireDefault(require("./ButtonFormatter"));
+
+exports.ButtonFormatter = _ButtonFormatter.default;
+
+var _ImagePreviewerLightbox = _interopRequireDefault(require("./ImagePreviewerLightbox"));
+
+exports.ImagePreviewerLightbox = _ImagePreviewerLightbox.default;
+
+var _CollaboratorItem = _interopRequireDefault(require("./CollaboratorItem"));
+
+exports.CollaboratorItem = _CollaboratorItem.default;
+
+var _FileItemFormatter = _interopRequireDefault(require("./FileItemFormatter"));
+
+exports.FileItemFormatter = _FileItemFormatter.default;
+
+var _Loading = _interopRequireDefault(require("./Loading"));
+
+exports.Loading = _Loading.default;
+
+var _cellEditor = require("./components/cell-editor");
+
+exports.TextEditor = _cellEditor.TextEditor;
+exports.NumberEditor = _cellEditor.NumberEditor;
+exports.CheckboxEditor = _cellEditor.CheckboxEditor;
+exports.SingleSelectEditor = _cellEditor.SingleSelectEditor;
+exports.CollaboratorEditor = _cellEditor.CollaboratorEditor;
+exports.DateEditor = _cellEditor.DateEditor;
+exports.LinkEditor = _cellEditor.LinkEditor;

package/lib/lang/index.js

@@ -1,20 +1,35 @@
-import de from '../locals/de';
-import en from '../locals/en';
-import fr from '../locals/fr';
-import zh_CN from '../locals/zh-CN';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.getLocale = getLocale;
+exports.setLocale = setLocale;
+exports.substitute = substitute;
+
+var _de = _interopRequireDefault(require("../locals/de"));
+
+var _en = _interopRequireDefault(require("../locals/en"));
+
+var _fr = _interopRequireDefault(require("../locals/fr"));
+
+var _zhCN = _interopRequireDefault(require("../locals/zh-CN"));
+
 var langData = {
-  'de': de,
-  'en': en,
-  'fr': fr,
-  'zh-cn': zh_CN
+  'de': _de.default,
+  'en': _en.default,
+  'fr': _fr.default,
+  'zh-cn': _zhCN.default
 };
 var LANGUAGE = 'en';
 var LANGUAGE_MAP = {};
-export function setLocale(args) {
+
+function setLocale(args) {
   var lang = typeof args === 'string' ? args : LANGUAGE;
   LANGUAGE_MAP = langData[lang] || langData[LANGUAGE];
 }
-export function getLocale(key, def) {
+
+function getLocale(key, def) {
   if (!key) return def;
 
   if (!LANGUAGE_MAP[key]) {
@@ -23,7 +38,8 @@ export function getLocale(key, def) {
 
   return LANGUAGE_MAP[key];
 }
-export function substitute(str, obj) {
+
+function substitute(str, obj) {
   if (typeof str === 'string') {
     if (str.indexOf('{') < 0) {
       return str;

package/lib/locals/de.js

@@ -1,2 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
 var de = {};
-export default de;
+var _default = de;
+exports.default = _default;

package/lib/locals/en.js

@@ -1,3 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
 var en = {
   Add_an_option: "Add an option",
   Find_an_option: "Find a option",
@@ -14,4 +18,5 @@ var en = {
   Please_select: "Please select",
   Clear: "Clear"
 };
-export default en;
+var _default = en;
+exports.default = _default;

package/lib/locals/fr.js

@@ -1,2 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
 var fr = {};
-export default fr;
+var _default = fr;
+exports.default = _default;

package/lib/locals/zh-CN.js

@@ -1,3 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
 var zh_CN = {
   Add_an_option: '添加一个选项',
   Find_an_option: "查找标签",
@@ -14,4 +18,5 @@ var zh_CN = {
   Please_select: "请选择",
   Clear: "清空"
 };
-export default zh_CN;
+var _default = zh_CN;
+exports.default = _default;

package/lib/toaster/alert.js

@@ -0,0 +1,164 @@
+"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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _glamor = require("glamor");
+
+var propTypes = {
+  intent: _propTypes.default.string.isRequired,
+  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  onRemove: _propTypes.default.func.isRequired,
+  children: _propTypes.default.string,
+  isRemoveable: _propTypes.default.bool
+};
+
+var Alert = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(Alert, _React$PureComponent);
+
+  function Alert(props) {
+    var _this;
+
+    _this = _React$PureComponent.call(this, props) || this;
+    _this.containerStyle = (0, _glamor.css)({
+      borderRadius: '3px',
+      backgroundColor: '#fff',
+      padding: '10px 16px',
+      display: 'flex',
+      boxSizing: 'border-box',
+      boxShadow: 'rgba(67, 90, 111, 0.3) 0px 0px 1px, rgba(67, 90, 111, 0.47) 0px 8px 10px -4px',
+      justifyContent: 'space-between',
+      flexDirection: 'row'
+    });
+    _this.containerBorderSuccess = (0, _glamor.css)({
+      borderLeft: '3px solid rgb(71, 184, 129)'
+    });
+    _this.containerBorderWarn = (0, _glamor.css)({
+      borderLeft: '3px solid rgb(217, 130, 43)'
+    });
+    _this.containerBorderDanger = (0, _glamor.css)({
+      borderLeft: '3px solid rgb(236, 76, 71)'
+    });
+    _this.containerBorderNotify = (0, _glamor.css)({
+      borderLeft: '3px solid rgb(16, 112, 202)'
+    });
+    _this.toastTextTitle = (0, _glamor.css)({
+      fontWeight: '600',
+      fontSize: '14px',
+      color: '#435a6f',
+      margin: '0'
+    });
+    _this.toastTextChild = (0, _glamor.css)({
+      fontSize: '14px',
+      color: '#999',
+      margin: '0'
+    });
+    _this.toastClose = (0, _glamor.css)({
+      marginLeft: '15px',
+      height: '24px',
+      width: '24px',
+      lineHeight: '22px',
+      fontWeight: '700',
+      textAlign: 'center',
+      fontSize: '20px',
+      color: '#000',
+      cursor: 'pointer',
+      opacity: '0.5',
+      ':hover': {
+        opacity: 1
+      }
+    });
+    _this.toastIcon = (0, _glamor.css)({
+      marginRight: '10px',
+      width: '14px',
+      height: '20px',
+      lineHeight: '20px'
+    });
+    return _this;
+  }
+
+  var _proto = Alert.prototype;
+
+  _proto.getContainerStyle = function getContainerStyle(intent) {
+    switch (intent) {
+      case 'success':
+        return {
+          borderStyle: this.containerBorderSuccess,
+          iconColor: (0, _glamor.css)({
+            color: 'rgb(71, 184, 129)'
+          }),
+          iconClass: 'dtable-font dtable-icon-check-circle'
+        };
+
+      case 'warning':
+        return {
+          borderStyle: this.containerBorderWarn,
+          iconColor: (0, _glamor.css)({
+            color: 'rgb(217, 130, 43)'
+          }),
+          iconClass: 'dtable-font dtable-icon-exclamation-triangle'
+        };
+
+      case 'none':
+        return {
+          borderStyle: this.containerBorderNotify,
+          iconColor: (0, _glamor.css)({
+            color: 'rgb(16, 112, 202)'
+          }),
+          iconClass: 'dtable-font dtable-icon-exclamation-circle'
+        };
+
+      case 'danger':
+        return {
+          borderStyle: this.containerBorderDanger,
+          iconColor: (0, _glamor.css)({
+            color: 'rgb(236, 76, 71)'
+          }),
+          iconClass: 'dtable-font dtable-icon-exclamation-circle'
+        };
+
+      default:
+        return {
+          borderStyle: this.containerBorderSuccess,
+          iconColor: (0, _glamor.css)({
+            color: 'rgb(71, 184, 129)'
+          }),
+          iconClass: 'dtable-font dtable-icon-check-circle'
+        };
+    }
+  };
+
+  _proto.render = function render() {
+    var toastStyle = this.getContainerStyle(this.props.intent);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _glamor.css)(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/_react.default.createElement("div", {
+      className: this.toastIcon
+    }, /*#__PURE__*/_react.default.createElement("i", (0, _extends2.default)({
+      className: toastStyle.iconClass
+    }, toastStyle.iconColor))), /*#__PURE__*/_react.default.createElement("div", {
+      className: this.toastTextContainer
+    }, /*#__PURE__*/_react.default.createElement("p", {
+      className: this.toastTextTitle
+    }, this.props.title), this.props.children ? /*#__PURE__*/_react.default.createElement("p", {
+      className: this.toastTextChild
+    }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/_react.default.createElement("div", {
+      onClick: this.props.onRemove,
+      className: this.toastClose
+    }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
+  };
+
+  return Alert;
+}(_react.default.PureComponent);
+
+Alert.propTypes = propTypes;
+var _default = Alert;
+exports.default = _default;

package/lib/toaster/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _toaster = _interopRequireDefault(require("./toaster"));
+
+var toaster = new _toaster.default();
+var _default = toaster;
+exports.default = _default;

package/lib/toaster/toast.js

@@ -0,0 +1,223 @@
+"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"));
+
+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', {
+  from: {
+    opacity: 0,
+    transform: 'translateY(-120%)'
+  },
+  to: {
+    transform: 'translateY(0)'
+  }
+});
+
+var closeAnimation = _glamor.css.keyframes('closeAnimation', {
+  from: {
+    transform: 'scale(1)',
+    opacity: 1
+  },
+  to: {
+    transform: 'scale(0.9)',
+    opacity: 0
+  }
+});
+
+var animationStyles = (0, _glamor.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  height: 0,
+  transition: "all " + ANIMATION_DURATION + "ms " + animationEasing.deceleration,
+  '&[data-state="entering"], &[data-state="entered"]': {
+    animation: openAnimation + " " + ANIMATION_DURATION + "ms " + animationEasing.spring + " both"
+  },
+  '&[data-state="exiting"]': {
+    animation: closeAnimation + " 120ms " + animationEasing.acceleration + " both"
+  }
+});
+
+var Toast = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(Toast, _React$PureComponent);
+
+  function Toast() {
+    var _this;
+
+    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", {
+      isShown: true,
+      height: 0
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "close", function () {
+      _this.clearCloseTimer();
+
+      _this.setState({
+        isShown: false
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 () {
+      if (_this.closeTimer) {
+        clearTimeout(_this.closeTimer);
+        _this.closeTimer = null;
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function () {
+      _this.clearCloseTimer();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function () {
+      _this.startCloseTimer();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRef", function (ref) {
+      if (ref === null) return;
+
+      var _ref$getBoundingClien = ref.getBoundingClientRect(),
+          height = _ref$getBoundingClien.height;
+
+      _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
+      });
+    }
+  };
+
+  _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", {
+  intent: 'none'
+});