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

package/lib/index.js

@@ -1,139 +1,31 @@
-"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;
+export { default as toaster } from './toaster';
+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';

package/lib/lang/index.js

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

package/lib/locals/de.js

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

package/lib/locals/en.js

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

package/lib/locals/fr.js

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

package/lib/locals/zh-CN.js

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

package/lib/toaster/alert.js

@@ -1,36 +1,22 @@
-"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
-};
+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';
 
 var Alert = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(Alert, _React$PureComponent);
+  _inherits(Alert, _React$PureComponent);
+
+  var _super = _createSuper(Alert);
 
   function Alert(props) {
     var _this;
 
-    _this = _React$PureComponent.call(this, props) || this;
-    _this.containerStyle = (0, _glamor.css)({
+    _classCallCheck(this, Alert);
+
+    _this = _super.call(this, props);
+    _this.containerStyle = css({
       borderRadius: '3px',
       backgroundColor: '#fff',
       padding: '10px 16px',
@@ -40,30 +26,30 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
       justifyContent: 'space-between',
       flexDirection: 'row'
     });
-    _this.containerBorderSuccess = (0, _glamor.css)({
+    _this.containerBorderSuccess = css({
       borderLeft: '3px solid rgb(71, 184, 129)'
     });
-    _this.containerBorderWarn = (0, _glamor.css)({
+    _this.containerBorderWarn = css({
       borderLeft: '3px solid rgb(217, 130, 43)'
     });
-    _this.containerBorderDanger = (0, _glamor.css)({
+    _this.containerBorderDanger = css({
       borderLeft: '3px solid rgb(236, 76, 71)'
     });
-    _this.containerBorderNotify = (0, _glamor.css)({
+    _this.containerBorderNotify = css({
       borderLeft: '3px solid rgb(16, 112, 202)'
     });
-    _this.toastTextTitle = (0, _glamor.css)({
+    _this.toastTextTitle = css({
       fontWeight: '600',
       fontSize: '14px',
       color: '#435a6f',
       margin: '0'
     });
-    _this.toastTextChild = (0, _glamor.css)({
+    _this.toastTextChild = css({
       fontSize: '14px',
       color: '#999',
       margin: '0'
     });
-    _this.toastClose = (0, _glamor.css)({
+    _this.toastClose = css({
       marginLeft: '15px',
       height: '24px',
       width: '24px',
@@ -78,7 +64,7 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
         opacity: 1
       }
     });
-    _this.toastIcon = (0, _glamor.css)({
+    _this.toastIcon = css({
       marginRight: '10px',
       width: '14px',
       height: '20px',
@@ -87,78 +73,78 @@ var Alert = /*#__PURE__*/function (_React$PureComponent) {
     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'
-        };
+  _createClass(Alert, [{
+    key: "getContainerStyle",
+    value: function getContainerStyle(intent) {
+      switch (intent) {
+        case 'success':
+          return {
+            borderStyle: this.containerBorderSuccess,
+            iconColor: css({
+              color: 'rgb(71, 184, 129)'
+            }),
+            iconClass: 'dtable-font dtable-icon-check-circle'
+          };
+
+        case 'warning':
+          return {
+            borderStyle: this.containerBorderWarn,
+            iconColor: css({
+              color: 'rgb(217, 130, 43)'
+            }),
+            iconClass: 'dtable-font dtable-icon-exclamation-triangle'
+          };
+
+        case 'none':
+          return {
+            borderStyle: this.containerBorderNotify,
+            iconColor: css({
+              color: 'rgb(16, 112, 202)'
+            }),
+            iconClass: 'dtable-font dtable-icon-exclamation-circle'
+          };
+
+        case 'danger':
+          return {
+            borderStyle: this.containerBorderDanger,
+            iconColor: css({
+              color: 'rgb(236, 76, 71)'
+            }),
+            iconClass: 'dtable-font dtable-icon-exclamation-circle'
+          };
+
+        default:
+          return {
+            borderStyle: this.containerBorderSuccess,
+            iconColor: 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")));
-  };
+  }, {
+    key: "render",
+    value: function render() {
+      var toastStyle = this.getContainerStyle(this.props.intent);
+      return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
+        className: this.toastIcon
+      }, /*#__PURE__*/React.createElement("i", Object.assign({
+        className: toastStyle.iconClass
+      }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
+        className: this.toastTextContainer
+      }, /*#__PURE__*/React.createElement("p", {
+        className: this.toastTextTitle
+      }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
+        className: this.toastTextChild
+      }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
+        onClick: this.props.onRemove,
+        className: this.toastClose
+      }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
+    }
+  }]);
 
   return Alert;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-Alert.propTypes = propTypes;
-var _default = Alert;
-exports.default = _default;
+export default Alert;

package/lib/toaster/index.js

@@ -1,12 +1,3 @@
-"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;
+import Toaster from './toaster';
+var toaster = new Toaster();
+export default toaster;