dtable-ui-component 4.3.7 → 4.3.9-alpha1

package/lib/AutoNumberFormatter/index.js

@@ -1,31 +1,18 @@
-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 classnames from 'classnames';
 import './index.css';
-var AutoNumberFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(AutoNumberFormatter, _React$Component);
-  var _super = _createSuper(AutoNumberFormatter);
-  function AutoNumberFormatter() {
-    _classCallCheck(this, AutoNumberFormatter);
-    return _super.apply(this, arguments);
+class AutoNumberFormatter extends React.Component {
+  render() {
+    const {
+      containerClassName,
+      value
+    } = this.props;
+    let classname = classnames('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, value);
   }
-  _createClass(AutoNumberFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        containerClassName = _this$props.containerClassName,
-        value = _this$props.value;
-      var classname = classnames('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-  return AutoNumberFormatter;
-}(React.Component);
+}
 AutoNumberFormatter.defaultProps = {
   value: ''
 };

package/lib/ButtonFormatter/index.js

@@ -1,53 +1,37 @@
-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 classnames from 'classnames';
 import { SELECT_OPTION_COLORS } from 'dtable-utils';
 import './index.css';
-var WHITE = '#FFFFFF';
-var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(ButtonFormatter, _React$Component);
-  var _super = _createSuper(ButtonFormatter);
-  function ButtonFormatter() {
-    var _this;
-    _classCallCheck(this, ButtonFormatter);
-    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.handleClick = function () {
-      if (_this.props.onClickButton) {
-        _this.props.onClickButton(_this.props.data);
+const WHITE = '#FFFFFF';
+class ButtonFormatter extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.handleClick = () => {
+      if (this.props.onClickButton) {
+        this.props.onClickButton(this.props.data);
       }
     };
-    return _this;
   }
-  _createClass(ButtonFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        data = _this$props.data,
-        containerClassName = _this$props.containerClassName;
-      var _ref = data || {},
-        button_color = _ref.button_color,
-        button_name = _ref.button_name;
-      var colorObj = SELECT_OPTION_COLORS.find(function (item) {
-        return item.COLOR === button_color;
-      }) || SELECT_OPTION_COLORS[0];
-      var btnStyle = {
-        backgroundColor: colorObj.COLOR,
-        borderColor: colorObj.BORDER_COLOR,
-        color: colorObj.TEXT_COLOR === WHITE ? WHITE : '#666666'
-      };
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
-        className: classnames('dtable-ui cell-formatter-container button-formatter', containerClassName),
-        style: btnStyle,
-        onClick: this.handleClick
-      }, button_name));
-    }
-  }]);
-  return ButtonFormatter;
-}(React.Component);
+  render() {
+    let {
+      data,
+      containerClassName
+    } = this.props;
+    const {
+      button_color,
+      button_name
+    } = data || {};
+    const colorObj = SELECT_OPTION_COLORS.find(item => item.COLOR === button_color) || SELECT_OPTION_COLORS[0];
+    const btnStyle = {
+      backgroundColor: colorObj.COLOR,
+      borderColor: colorObj.BORDER_COLOR,
+      color: colorObj.TEXT_COLOR === WHITE ? WHITE : '#666666'
+    };
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+      className: classnames('dtable-ui cell-formatter-container button-formatter', containerClassName),
+      style: btnStyle,
+      onClick: this.handleClick
+    }, button_name));
+  }
+}
 export default ButtonFormatter;

package/lib/CTimeFormatter/index.js

@@ -1,43 +1,28 @@
-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 classnames from 'classnames';
 import dayjs from 'dayjs';
 import './index.css';
-var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(CTimeFormatter, _React$Component);
-  var _super = _createSuper(CTimeFormatter);
-  function CTimeFormatter() {
-    var _this;
-    _classCallCheck(this, CTimeFormatter);
-    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.formatDate = function (date) {
+class CTimeFormatter extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.formatDate = date => {
       return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
     };
-    return _this;
   }
-  _createClass(CTimeFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        date = _this$props.value,
-        containerClassName = _this$props.containerClassName;
-      var classname = classnames('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
-      if (date !== '') {
-        date = this.formatDate(date);
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
+  render() {
+    let {
+      value: date,
+      containerClassName
+    } = this.props;
+    let classname = classnames('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
+    if (date !== '') {
+      date = this.formatDate(date);
     }
-  }]);
-  return CTimeFormatter;
-}(React.Component);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, date);
+  }
+}
 CTimeFormatter.defaultProps = {
   value: '',
   containerClassName: ''

package/lib/CheckboxEditor/index.js

@@ -1,62 +1,55 @@
-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 './index.css';
-var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckboxEditor, _React$Component);
-  var _super = _createSuper(CheckboxEditor);
-  function CheckboxEditor(props) {
-    var _this;
-    _classCallCheck(this, CheckboxEditor);
-    _this = _super.call(this, props);
-    _this.onCommit = function () {
-      var updated = {};
-      var column = _this.props.column;
-      updated[column.name] = _this.state.value;
-      _this.props.onCommit(updated);
+class CheckboxEditor extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onCommit = () => {
+      let updated = {};
+      let {
+        column
+      } = this.props;
+      updated[column.name] = this.state.value;
+      this.props.onCommit(updated);
     };
-    _this.onChange = function (event) {
-      if (_this.props.isReadOnly) {
+    this.onChange = event => {
+      if (this.props.isReadOnly) {
         return;
       }
-      _this.setState({
-        value: !_this.state.value
-      }, function () {
-        _this.onCommit();
+      this.setState({
+        value: !this.state.value
+      }, () => {
+        this.onCommit();
       });
     };
-    _this.state = {
+    this.state = {
       value: props.value ? props.value : false
     };
-    return _this;
   }
-  _createClass(CheckboxEditor, [{
-    key: "render",
-    value: function render() {
-      var value = this.state.value;
-      var isReadOnly = this.props.isReadOnly;
-      var style = {
-        cursor: isReadOnly ? 'default' : 'pointer'
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui-checkbox-editor",
-        style: style
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        className: "raw-checkbox",
-        checked: value,
-        onChange: this.onChange
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "shown-checkbox"
-      }, value && /*#__PURE__*/React.createElement("span", {
-        className: "dtable-font dtable-icon-check-mark"
-      })));
-    }
-  }]);
-  return CheckboxEditor;
-}(React.Component);
+  render() {
+    const {
+      value
+    } = this.state;
+    const {
+      isReadOnly
+    } = this.props;
+    let style = {
+      cursor: isReadOnly ? 'default' : 'pointer'
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: "dtable-ui-checkbox-editor",
+      style: style
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "checkbox",
+      className: "raw-checkbox",
+      checked: value,
+      onChange: this.onChange
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "shown-checkbox"
+    }, value && /*#__PURE__*/React.createElement("span", {
+      className: "dtable-font dtable-icon-check-mark"
+    })));
+  }
+}
 CheckboxEditor.defaultProps = {
   isReadOnly: false,
   value: false

package/lib/CheckboxFormatter/index.js

@@ -1,37 +1,24 @@
-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 classnames from 'classnames';
 import './index.css';
-var CheckboxFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CheckboxFormatter, _React$PureComponent);
-  var _super = _createSuper(CheckboxFormatter);
-  function CheckboxFormatter() {
-    _classCallCheck(this, CheckboxFormatter);
-    return _super.apply(this, arguments);
-  }
-  _createClass(CheckboxFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName;
-      value = value === true ? true : false;
-      var classname = classnames('dtable-ui cell-formatter-container checkbox-formatter d-flex align-items-center justify-content-center', containerClassName);
-      if (value) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "dtable-font dtable-icon-check-mark checkbox-checked-mark"
-        }));
-      }
-      return null;
+class CheckboxFormatter extends React.PureComponent {
+  render() {
+    let {
+      value,
+      containerClassName
+    } = this.props;
+    value = value === true ? true : false;
+    let classname = classnames('dtable-ui cell-formatter-container checkbox-formatter d-flex align-items-center justify-content-center', containerClassName);
+    if (value) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "dtable-font dtable-icon-check-mark checkbox-checked-mark"
+      }));
     }
-  }]);
-  return CheckboxFormatter;
-}(React.PureComponent);
+    return null;
+  }
+}
 CheckboxFormatter.defaultProps = {
   value: false
 };