dtable-ui-component 0.1.74 → 0.1.75-beta3

package/lib/css/custom-rc-calendar.css

@@ -0,0 +1,118 @@
+.dtable-ui.mb-date-editor-picker .rc-calendar-date {
+  width: 28px;
+  height: 30px;
+  border-radius: 50%;
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
+  width: 100%;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-day .rc-calendar-date {
+  background-color: #FcEcD9;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-date:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-year:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
+  background-color: #FcEcD9;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
+  background-color: #f09f3f;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]) {
+  color: #999;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]):hover {
+  color: #666;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date {
+  border: none;
+  position: relative;  
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date::after {
+  content: '';
+  background: #f09f3f;
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  left: 45%;
+  bottom: 0%;
+  display: inline-block;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rdg-editor-container input.editor-main[readonly] {
+  background-color: #fff;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-time-picker {
+  z-index: 1;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-right-panel-body ul li.highlight {
+  margin: 0;
+  border: none;
+  background-color: #fff;
+  font-size: 12px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar {
+  box-shadow: none;
+  border-radius: 0px;
+  border: 1px solid #e9e9e9;
+  border-left: none;
+  border-right: none;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date {
+  font-size: 14px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
+  width: 100%;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-body {
+  height: 22rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-table tr {
+  height: 3rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-prev-month-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-next-month-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-prev-year-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-next-year-btn {
+  font-size: 30px;
+  width: 50px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-header {
+  border-bottom: none;
+  margin-top: 0.5rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-year-select,
+.dtable-ui.mb-date-editor-picker .rc-calendar-month-select,
+.dtable-ui.mb-date-editor-picker .rc-calendar-day-select {
+  font-size: 16px;
+  padding: 5px;
+}

package/lib/formatterConfig/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../constants");
+
+var _CheckboxFormatter = _interopRequireDefault(require("../CheckboxFormatter"));
+
+var _ImageFormatter = _interopRequireDefault(require("../ImageFormatter"));
+
+var _LongTextFormatter = _interopRequireDefault(require("../LongTextFormatter"));
+
+var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
+
+var _SingleSelectFormatter = _interopRequireDefault(require("../SingleSelectFormatter"));
+
+var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
+
+var _FileFormatter = _interopRequireDefault(require("../FileFormatter"));
+
+var _LinkFormatter = _interopRequireDefault(require("../LinkFormatter"));
+
+var _CollaboratorFormatter = _interopRequireDefault(require("../CollaboratorFormatter"));
+
+var _NumberFormatter = _interopRequireDefault(require("../NumberFormatter"));
+
+var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
+
+var _CreatorFormatter = _interopRequireDefault(require("../CreatorFormatter"));
+
+var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
+
+var _LastModifierFormatter = _interopRequireDefault(require("../LastModifierFormatter"));
+
+var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
+
+var _GeolocationFormatter = _interopRequireDefault(require("../GeolocationFormatter"));
+
+var _FormulaFormatter = _interopRequireDefault(require("../FormulaFormatter"));
+
+var _AutoNumberFormatter = _interopRequireDefault(require("../AutoNumberFormatter"));
+
+var _UrlFormatter = _interopRequireDefault(require("../UrlFormatter"));
+
+var _EmailFormatter = _interopRequireDefault(require("../EmailFormatter"));
+
+var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
+
+var _RateFormatter = _interopRequireDefault(require("../RateFormatter"));
+
+var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
+
+var _FormatterConfig;
+
+var FormatterConfig = (_FormatterConfig = {}, _FormatterConfig[_constants.CellType.DEFAULT] = /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null), _FormatterConfig[_constants.CellType.TEXT] = /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null), _FormatterConfig[_constants.CellType.CHECKBOX] = /*#__PURE__*/_react.default.createElement(_CheckboxFormatter.default, null), _FormatterConfig[_constants.CellType.LONG_TEXT] = /*#__PURE__*/_react.default.createElement(_LongTextFormatter.default, null), _FormatterConfig[_constants.CellType.SINGLE_SELECT] = /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter.default, null), _FormatterConfig[_constants.CellType.IMAGE] = /*#__PURE__*/_react.default.createElement(_ImageFormatter.default, null), _FormatterConfig[_constants.CellType.FILE] = /*#__PURE__*/_react.default.createElement(_FileFormatter.default, null), _FormatterConfig[_constants.CellType.MULTIPLE_SELECT] = /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter.default, null), _FormatterConfig[_constants.CellType.COLLABORATOR] = /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter.default, null), _FormatterConfig[_constants.CellType.NUMBER] = /*#__PURE__*/_react.default.createElement(_NumberFormatter.default, null), _FormatterConfig[_constants.CellType.DATE] = /*#__PURE__*/_react.default.createElement(_DateFormatter.default, null), _FormatterConfig[_constants.CellType.LINK] = /*#__PURE__*/_react.default.createElement(_LinkFormatter.default, null), _FormatterConfig[_constants.CellType.CREATOR] = /*#__PURE__*/_react.default.createElement(_CreatorFormatter.default, null), _FormatterConfig[_constants.CellType.CTIME] = /*#__PURE__*/_react.default.createElement(_CTimeFormatter.default, null), _FormatterConfig[_constants.CellType.LAST_MODIFIER] = /*#__PURE__*/_react.default.createElement(_LastModifierFormatter.default, null), _FormatterConfig[_constants.CellType.MTIME] = /*#__PURE__*/_react.default.createElement(_MTimeFormatter.default, null), _FormatterConfig[_constants.CellType.GEOLOCATION] = /*#__PURE__*/_react.default.createElement(_GeolocationFormatter.default, null), _FormatterConfig[_constants.CellType.FORMULA] = /*#__PURE__*/_react.default.createElement(_FormulaFormatter.default, null), _FormatterConfig[_constants.CellType.AUTO_NUMBER] = /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter.default, null), _FormatterConfig[_constants.CellType.URL] = /*#__PURE__*/_react.default.createElement(_UrlFormatter.default, null), _FormatterConfig[_constants.CellType.EMAIL] = /*#__PURE__*/_react.default.createElement(_EmailFormatter.default, null), _FormatterConfig[_constants.CellType.DURATION] = /*#__PURE__*/_react.default.createElement(_DurationFormatter.default, null), _FormatterConfig[_constants.CellType.RATE] = /*#__PURE__*/_react.default.createElement(_RateFormatter.default, null), _FormatterConfig[_constants.CellType.BUTTON] = /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, null), _FormatterConfig);
+var _default = FormatterConfig;
+exports.default = _default;

package/lib/index.js

@@ -0,0 +1,139 @@
+"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

@@ -0,0 +1,66 @@
+"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.default,
+  'en': _en.default,
+  'fr': _fr.default,
+  'zh-cn': _zhCN.default
+};
+var LANGUAGE = 'en';
+var LANGUAGE_MAP = {};
+
+function setLocale(args) {
+  var lang = typeof args === 'string' ? args : LANGUAGE;
+  LANGUAGE_MAP = langData[lang] || langData[LANGUAGE];
+}
+
+function getLocale(key, def) {
+  if (!key) return def;
+
+  if (!LANGUAGE_MAP[key]) {
+    return def || key;
+  }
+
+  return LANGUAGE_MAP[key];
+}
+
+function substitute(str, obj) {
+  if (typeof str === 'string') {
+    if (str.indexOf('{') < 0) {
+      return str;
+    }
+
+    return str.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
+      if (match.charAt(0) === '\\') {
+        return match.slice(1);
+      }
+
+      return obj[name] === null || obj[name] === undefined ? '' : obj[name];
+    });
+  } else if (typeof str === 'function') {
+    var val = str(obj);
+
+    if (val === obj && typeof val === 'object') {
+      val = Object.assign({}, obj);
+    }
+
+    return val;
+  }
+
+  return '';
+}

package/lib/locals/de.js

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

package/lib/locals/en.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var en = {
+  Add_an_option: "Add an option",
+  Find_an_option: "Find a option",
+  No_options_available: "No options available",
+  Current_option: "Current option",
+  No_option: "No option",
+  Choose_an_option: "Choose an option",
+  Add_a_collaborator: "Add a collaborator",
+  Find_a_collaborator: "Find a collaborator",
+  No_collaborators_available: "No collaborators available",
+  Done: 'Done',
+  Choose_a_collaborator: "Choose a collaborator",
+  Please_input: "Please input",
+  Please_select: "Please select",
+  Clear: "Clear"
+};
+var _default = en;
+exports.default = _default;

package/lib/locals/fr.js

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

package/lib/locals/zh-CN.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var zh_CN = {
+  Add_an_option: '添加一个选项',
+  Find_an_option: "查找标签",
+  No_options_available: "没有找到标签。",
+  Current_option: "当前标签",
+  No_option: "没有标签",
+  Choose_an_option: "选择一个标签",
+  Add_a_collaborator: "添加协作者",
+  Find_a_collaborator: "查找协作者",
+  No_collaborators_available: "没有找到协作者",
+  Done: '完成',
+  Choose_a_collaborator: "选择一个协作者",
+  Please_input: "请输入",
+  Please_select: "请选择",
+  Clear: "清空"
+};
+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;