dtable-ui-component 0.1.75-beta1 → 0.1.75-beta10

package/lib/components/common/mobile/mb-editor-header.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  title: _propTypes.default.string,
-  titleClass: _propTypes.default.string,
-  leftContent: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  rightContent: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  onLeftClick: _propTypes.default.func,
-  onRightClick: _propTypes.default.func
-};
-
-var MBEditorHeader = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(MBEditorHeader, _React$Component);
-
-  function MBEditorHeader() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-
-  var _proto = MBEditorHeader.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        title = _this$props.title,
-        titleClass = _this$props.titleClass,
-        leftContent = _this$props.leftContent,
-        rightContent = _this$props.rightContent,
-        onLeftClick = _this$props.onLeftClick,
-        onRightClick = _this$props.onRightClick;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mb-editor-header " + (titleClass ? titleClass : '')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-left-content",
-      onClick: onLeftClick
-    }, leftContent), /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-title"
-    }, title), /*#__PURE__*/_react.default.createElement("span", {
-      className: "editor-header-right-content",
-      onClick: onRightClick,
-      style: {
-        color: '#f09f3f'
-      }
-    }, rightContent));
-  };
-
-  return MBEditorHeader;
-}(_react.default.Component);
-
-MBEditorHeader.propTypes = propTypes;
-var _default = MBEditorHeader;
-exports.default = _default;

package/lib/components/common/modal-portal.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  children: _propTypes.default.object.isRequired
-};
-var modalRoot = document.getElementById('modal-wrapper');
-
-var ModalPortal = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ModalPortal, _React$Component);
-
-  function ModalPortal(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.el = document.createElement('div');
-    return _this;
-  }
-
-  var _proto = ModalPortal.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    modalRoot.appendChild(this.el);
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    modalRoot.removeChild(this.el);
-  };
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
-  };
-
-  return ModalPortal;
-}(_react.default.Component);
-
-ModalPortal.propTypes = propTypes;
-var _default = ModalPortal;
-exports.default = _default;

package/lib/components/common/select-editor-option.js

@@ -1,122 +0,0 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-/**
- * option : {
- *   id: '',
- *   name: '',
- *   color: '',
- * }
- */
-var propTypes = {
-  option: _propTypes.default.object.isRequired,
-  isShowRemoveIcon: _propTypes.default.bool,
-  onDeleteSelectOption: _propTypes.default.func
-};
-
-var SelectEditorOption = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(SelectEditorOption, _React$Component);
-
-  function SelectEditorOption() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteOption", function (event) {
-      event.nativeEvent.stopImmediatePropagation();
-      event.stopPropagation();
-
-      _this.props.onDeleteSelectOption(_this.props.option);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getContainerStyle", function () {
-      var option = _this.props.option;
-      return {
-        display: 'inline-flex',
-        justifyContent: 'center',
-        marginRight: '10px',
-        padding: '0px 10px',
-        height: '20px',
-        borderRadius: '10px',
-        fontSize: '13px',
-        backgroundColor: option.color
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function (option) {
-      var textColor = option.textColor || null;
-      return {
-        flex: 1,
-        display: 'flex',
-        alignContent: 'center',
-        margin: '0 4px 0 2px',
-        color: textColor
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOperationStyle", function (option) {
-      var textColor = option.textColor || null;
-      return {
-        height: '20px',
-        width: '16px',
-        cursor: 'pointer',
-        color: textColor === '#FFFFFF' ? '#FFFFFF' : '#909090',
-        transform: 'scale(.8)'
-      };
-    });
-    return _this;
-  }
-
-  var _proto = SelectEditorOption.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        option = _this$props.option,
-        isShowRemoveIcon = _this$props.isShowRemoveIcon;
-    var containerStyle = this.getContainerStyle();
-    var optionStyle = this.getOptionStyle(option);
-    var operationStyle = this.getOperationStyle(option);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui select-option-item",
-      style: containerStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-info",
-      style: optionStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-name"
-    }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
-      className: "option-remove",
-      style: operationStyle,
-      onClick: this.onDeleteOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number",
-      style: {
-        fontSize: '12px',
-        lineHeight: '20px'
-      }
-    })));
-  };
-
-  return SelectEditorOption;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(SelectEditorOption, "defaultProps", {
-  isShowRemoveIcon: false
-});
-SelectEditorOption.propTypes = propTypes;
-var _default = SelectEditorOption;
-exports.default = _default;

package/lib/components/common/select-item.js

@@ -1,73 +0,0 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  option: _propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    color: _propTypes.default.string.isRequired
-  }).isRequired,
-  fontSize: _propTypes.default.number
-};
-
-var SelectItem = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(SelectItem, _React$PureComponent);
-
-  function SelectItem() {
-    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), "getStyle", function (option, fontSize) {
-      return {
-        display: 'inline-block',
-        padding: '0px 10px',
-        marginRight: '8px',
-        height: '20px',
-        lineHeight: '20px',
-        textAlign: 'center',
-        borderRadius: '10px',
-        fontSize: fontSize ? fontSize + "px" : '13px',
-        backgroundColor: option.color,
-        color: option.textColor || null
-      };
-    });
-    return _this;
-  }
-
-  var _proto = SelectItem.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        option = _this$props.option,
-        fontSize = _this$props.fontSize;
-    var style = this.getStyle(option, fontSize);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui select-item",
-      style: style
-    }, option.name);
-  };
-
-  return SelectItem;
-}(_react.default.PureComponent);
-
-SelectItem.propTypes = propTypes;
-var _default = SelectItem;
-exports.default = _default;

package/lib/components/file-uploader/index.js

@@ -1,63 +0,0 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  isCheckRepeat: _propTypes.default.bool,
-  onFileUploadProgress: _propTypes.default.func,
-  onFileUploadSuccss: _propTypes.default.func,
-  onFileUploadFailed: _propTypes.default.func,
-  dtableWebAPI: _propTypes.default.object.isRequired
-};
-
-var FileUploader = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(FileUploader, _React$Component);
-
-  function FileUploader(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilesChanged", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "uploadFiles", function (fileList, isMultiple) {
-      if (isMultiple === void 0) {
-        isMultiple = false;
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "checkRepeat", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelUploadFile", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadProgress", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadSuccss", function () {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFileUploadFailed", function () {});
-    _this.state = {};
-    _this.uploadFiles = [];
-    return _this;
-  }
-
-  var _proto = FileUploader.prototype;
-
-  _proto.render = function render() {
-    return /*#__PURE__*/_react.default.createElement("input", {
-      type: "file",
-      onChange: this.onFilesChanged
-    });
-  };
-
-  return FileUploader;
-}(_react.default.Component);
-
-FileUploader.propTypes = propTypes;
-var _default = FileUploader;
-exports.default = _default;

package/lib/components/loading.js

@@ -1,16 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = Loading;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("../css/loading.css");
-
-function Loading() {
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "loading-icon loading-tip"
-  });
-}

package/lib/components/toast/alert.js

@@ -1,164 +0,0 @@
-"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/components/toast/index.js

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