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

package/lib/RateFormatter/index.js

@@ -1,28 +1,43 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var RateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(RateFormatter, _React$Component);
+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 _super = _createSuper(RateFormatter);
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+require("./index.css");
+
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  // default cell is string
+  data: _propTypes.default.object,
+  containerClassName: _propTypes.default.string
+};
+
+var RateFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(RateFormatter, _React$Component);
 
   function RateFormatter() {
     var _this;
 
-    _classCallCheck(this, RateFormatter);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getRateList = function () {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRateList", function () {
       var _this$props = _this.props,
           data = _this$props.data,
           value = _this$props.value;
@@ -37,8 +52,8 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
       var rateList = [];
 
       for (var i = 0; i < validValue; i++) {
-        rateList.push( /*#__PURE__*/React.createElement("i", {
-          key: "dtable-ui-component-rate-".concat(i),
+        rateList.push( /*#__PURE__*/_react.default.createElement("i", {
+          key: "dtable-ui-component-rate-" + i,
           className: "dtable-font dtable-icon-star",
           style: {
             color: rate_style_color || '#e5e5e5'
@@ -47,34 +62,34 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
       }
 
       return rateList;
-    };
-
+    });
     return _this;
   }
 
-  _createClass(RateFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          number = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
-      var className = cn('dtable-ui cell-formatter-container rate-formatter', containerClassName);
-      if (!number) return null;
-      var rateList = this.getRateList();
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, rateList);
-    }
-  }]);
+  var _proto = RateFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        number = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
+    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
+    if (!number) return null;
+    var rateList = this.getRateList();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, rateList);
+  };
 
   return RateFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-RateFormatter.defaultProps = {
+(0, _defineProperty2.default)(RateFormatter, "defaultProps", {
   value: '',
   containerClassName: ''
-};
+});
 RateFormatter.defaultProps = {
   editable: true
 };
-export default RateFormatter;
+RateFormatter.propTypes = propTypes;
+var _default = RateFormatter;
+exports.default = _default;

package/lib/SelectItem/index.js

@@ -1,26 +1,41 @@
-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';
+"use strict";
 
-var SelectItem = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(SelectItem, _React$PureComponent);
+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 _super = _createSuper(SelectItem);
+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;
 
-    _classCallCheck(this, SelectItem);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getStyle = function (option, fontSize) {
+    _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',
@@ -29,30 +44,30 @@ var SelectItem = /*#__PURE__*/function (_React$PureComponent) {
         lineHeight: '20px',
         textAlign: 'center',
         borderRadius: '10px',
-        fontSize: fontSize ? "".concat(fontSize, "px") : '13px',
+        fontSize: fontSize ? fontSize + "px" : '13px',
         backgroundColor: option.color,
         color: option.textColor || null
       };
-    };
-
+    });
     return _this;
   }
 
-  _createClass(SelectItem, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          option = _this$props.option,
-          fontSize = _this$props.fontSize;
-      var style = this.getStyle(option, fontSize);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui select-item",
-        style: style
-      }, option.name);
-    }
-  }]);
+  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.PureComponent);
+}(_react.default.PureComponent);
 
-export default SelectItem;
+SelectItem.propTypes = propTypes;
+var _default = SelectItem;
+exports.default = _default;

package/lib/SingleSelectFormatter/index.js

@@ -1,29 +1,45 @@
-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 cn from 'astro-classname';
-import SelectItem from '../SelectItem';
-import './index.css';
+"use strict";
 
-var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(SingleSelectFormatter, _React$PureComponent);
+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 _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+var _SelectItem = _interopRequireDefault(require("../SelectItem"));
+
+require("./index.css");
 
-  var _super = _createSuper(SingleSelectFormatter);
+var propTypes = {
+  value: _propTypes.default.string,
+  containerClassName: _propTypes.default.string,
+  fontSize: _propTypes.default.number,
+  options: _propTypes.default.array.isRequired
+};
+
+var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(SingleSelectFormatter, _React$PureComponent);
 
   function SingleSelectFormatter() {
     var _this;
 
-    _classCallCheck(this, SingleSelectFormatter);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getOption = function () {
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOption", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           options = _this$props.options,
@@ -33,38 +49,38 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
       });
 
       if (option) {
-        return /*#__PURE__*/React.createElement(SelectItem, {
+        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
           option: option,
           fontSize: fontSize
         });
       }
-    };
-
+    });
     return _this;
   }
 
-  _createClass(SingleSelectFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          value = _this$props2.value;
-      var classname = cn('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
-
-      if (!value) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
+  var _proto = SingleSelectFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        containerClassName = _this$props2.containerClassName,
+        value = _this$props2.value;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
 
-      var option = this.getOption();
-      return /*#__PURE__*/React.createElement("div", {
+    if (!value) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
-      }, option);
+      });
     }
-  }]);
+
+    var option = this.getOption();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, option);
+  };
 
   return SingleSelectFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default SingleSelectFormatter;
+SingleSelectFormatter.propTypes = propTypes;
+var _default = SingleSelectFormatter;
+exports.default = _default;

package/lib/TextFormatter/index.js

@@ -1,28 +1,41 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var TextFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(TextFormatter, _React$Component);
+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 _astroClassname = _interopRequireDefault(require("astro-classname"));
 
-  var _super = _createSuper(TextFormatter);
+require("./index.css");
+
+var propTypes = {
+  value: _propTypes.default.string,
+  containerClassName: _propTypes.default.string
+};
+
+var TextFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(TextFormatter, _React$Component);
 
   function TextFormatter() {
     var _this;
 
-    _classCallCheck(this, TextFormatter);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.getFormattedValue = function (val) {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFormattedValue", function (val) {
       if (typeof val === 'object') {
         return null;
       }
@@ -32,25 +45,25 @@ var TextFormatter = /*#__PURE__*/function (_React$Component) {
       }
 
       return val;
-    };
-
+    });
     return _this;
   }
 
-  _createClass(TextFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container text-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, this.getFormattedValue(value));
-    }
-  }]);
+  var _proto = TextFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        containerClassName = _this$props.containerClassName,
+        value = _this$props.value;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, this.getFormattedValue(value));
+  };
 
   return TextFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default TextFormatter;
+TextFormatter.propTypes = propTypes;
+var _default = TextFormatter;
+exports.default = _default;

package/lib/UrlFormatter/index.js

@@ -1,36 +1,47 @@
-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 cn from 'astro-classname';
-import './index.css';
+"use strict";
 
-var UrlFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(UrlFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(UrlFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function UrlFormatter() {
-    _classCallCheck(this, UrlFormatter);
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+require("./index.css");
 
-    return _super.apply(this, arguments);
+var propTypes = {
+  value: _propTypes.default.string,
+  containerClassName: _propTypes.default.string
+};
+
+var UrlFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(UrlFormatter, _React$Component);
+
+  function UrlFormatter() {
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _createClass(UrlFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
-      var classname = cn('dtable-ui cell-formatter-container url-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
+  var _proto = UrlFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        containerClassName = _this$props.containerClassName,
+        value = _this$props.value;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container url-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, value);
+  };
 
   return UrlFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default UrlFormatter;
+UrlFormatter.propTypes = propTypes;
+var _default = UrlFormatter;
+exports.default = _default;