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

package/lib/AutoNumberFormatter/index.js

@@ -1,47 +1,36 @@
-"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 _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-require("./index.css");
-
-var propTypes = {
-  value: _propTypes.default.string.isRequired,
-  containerClassName: _propTypes.default.string
-};
+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';
 
 var AutoNumberFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(AutoNumberFormatter, _React$Component);
+  _inherits(AutoNumberFormatter, _React$Component);
+
+  var _super = _createSuper(AutoNumberFormatter);
 
   function AutoNumberFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
+    _classCallCheck(this, AutoNumberFormatter);
 
-  var _proto = AutoNumberFormatter.prototype;
+    return _super.apply(this, arguments);
+  }
 
-  _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 auto-number-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.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 = cn('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, value);
+    }
+  }]);
 
   return AutoNumberFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-AutoNumberFormatter.propTypes = propTypes;
-var _default = AutoNumberFormatter;
-exports.default = _default;
+export default AutoNumberFormatter;

package/lib/ButtonFormatter/index.js

@@ -1,68 +1,56 @@
-"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 _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-require("./index.css");
-
-var propTypes = {
-  data: _propTypes.default.object,
-  containerClassName: _propTypes.default.string,
-  optionColors: _propTypes.default.array
-};
+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';
 
 var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ButtonFormatter, _React$Component);
-
-  function ButtonFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
+  _inherits(ButtonFormatter, _React$Component);
 
-  var _proto = ButtonFormatter.prototype;
+  var _super = _createSuper(ButtonFormatter);
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        data = _this$props.data,
-        containerClassName = _this$props.containerClassName,
-        optionColors = _this$props.optionColors;
+  function ButtonFormatter() {
+    _classCallCheck(this, ButtonFormatter);
 
-    var _ref = data || {},
-        button_color = _ref.button_color,
-        button_type = _ref.button_type,
-        button_name = _ref.button_name;
+    return _super.apply(this, arguments);
+  }
 
-    if (!button_type) return null;
-    var colorOption = Array.isArray(optionColors) ? optionColors.find(function (item) {
-      return item.COLOR === button_color;
-    }) || optionColors[0] : {
-      COLOR: '#FFFCB5',
-      BORDER_COLOR: '#E8E79D',
-      TEXT_COLOR: '#202428'
-    };
-    var btnStyle = {
-      backgroundColor: colorOption.COLOR,
-      borderColor: colorOption.BORDER_COLOR,
-      color: colorOption.TEXT_COLOR
-    };
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _astroClassname.default)('dtable-ui cell-formatter-container button-formatter', containerClassName),
-      style: btnStyle
-    }, button_name);
-  };
+  _createClass(ButtonFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          data = _this$props.data,
+          containerClassName = _this$props.containerClassName,
+          optionColors = _this$props.optionColors;
+
+      var _ref = data || {},
+          button_color = _ref.button_color,
+          button_type = _ref.button_type,
+          button_name = _ref.button_name;
+
+      if (!button_type) return null;
+      var colorOption = Array.isArray(optionColors) ? optionColors.find(function (item) {
+        return item.COLOR === button_color;
+      }) || optionColors[0] : {
+        COLOR: '#FFFCB5',
+        BORDER_COLOR: '#E8E79D',
+        TEXT_COLOR: '#202428'
+      };
+      var btnStyle = {
+        backgroundColor: colorOption.COLOR,
+        borderColor: colorOption.BORDER_COLOR,
+        color: colorOption.TEXT_COLOR
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('dtable-ui cell-formatter-container button-formatter', containerClassName),
+        style: btnStyle
+      }, button_name);
+    }
+  }]);
 
   return ButtonFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-ButtonFormatter.propTypes = propTypes;
-var _default = ButtonFormatter;
-exports.default = _default;
+export default ButtonFormatter;

package/lib/CTimeFormatter/index.js

@@ -1,72 +1,58 @@
-"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 _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-require("./index.css");
-
-var propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  containerClassName: _propTypes.default.string
-};
+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 moment from 'moment';
+import './index.css';
 
 var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(CTimeFormatter, _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 = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date) {
-      return (0, _moment.default)(date).format('YYYY-MM-DD HH:mm:ss');
-    });
-    return _this;
-  }
+    _this = _super.call.apply(_super, [this].concat(args));
 
-  var _proto = CTimeFormatter.prototype;
+    _this.formatDate = function (date) {
+      return moment(date).format('YYYY-MM-DD HH:mm:ss');
+    };
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        date = _this$props.value,
-        containerClassName = _this$props.containerClassName;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
+    return _this;
+  }
 
-    if (date !== '') {
-      date = this.formatDate(date);
+  _createClass(CTimeFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          date = _this$props.value,
+          containerClassName = _this$props.containerClassName;
+      var classname = cn('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
+
+      if (date !== '') {
+        date = this.formatDate(date);
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, date);
     }
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, date);
-  };
+  }]);
 
   return CTimeFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(CTimeFormatter, "defaultProps", {
+CTimeFormatter.defaultProps = {
   value: '',
   containerClassName: ''
-});
-CTimeFormatter.propTypes = propTypes;
-var _default = CTimeFormatter;
-exports.default = _default;
+};
+export default CTimeFormatter;

package/lib/CheckboxFormatter/index.js

@@ -1,58 +1,45 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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.bool]),
-  containerClassName: _propTypes.default.string
-};
+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';
 
 var CheckboxFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(CheckboxFormatter, _React$PureComponent);
+  _inherits(CheckboxFormatter, _React$PureComponent);
+
+  var _super = _createSuper(CheckboxFormatter);
 
   function CheckboxFormatter() {
-    return _React$PureComponent.apply(this, arguments) || this;
-  }
+    _classCallCheck(this, CheckboxFormatter);
 
-  var _proto = CheckboxFormatter.prototype;
+    return _super.apply(this, arguments);
+  }
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName;
-    value = value === true ? true : false;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container checkbox-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      className: "checkbox",
-      type: "checkbox",
-      readOnly: true,
-      checked: value
-    }));
-  };
+  _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 = cn('dtable-ui cell-formatter-container checkbox-formatter', containerClassName);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, /*#__PURE__*/React.createElement("input", {
+        className: "checkbox",
+        type: "checkbox",
+        readOnly: true,
+        checked: value
+      }));
+    }
+  }]);
 
   return CheckboxFormatter;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CheckboxFormatter, "defaultProps", {
+CheckboxFormatter.defaultProps = {
   value: false
-});
-CheckboxFormatter.propTypes = propTypes;
-var _default = CheckboxFormatter;
-exports.default = _default;
+};
+export default CheckboxFormatter;

package/lib/CollaboratorFormatter/index.js

@@ -1,57 +1,35 @@
-"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 _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
-
-var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
-
-require("./index.css");
-
-var propTypes = {
-  containerClassName: _propTypes.default.string,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
-  collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
-    email: _propTypes.default.string.isRequired,
-    name: _propTypes.default.string.isRequired,
-    contact_email: _propTypes.default.string.isRequired,
-    avatar_url: _propTypes.default.string.isRequired
-  })),
-  enableDeleteCollaborator: _propTypes.default.bool,
-  onDeleteCollaborator: _propTypes.default.func
-}; // there will be there conditions
+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 CollaboratorItem from '../CollaboratorItem';
+import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
+import './index.css';
+
+// there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
 // 4 value is exist, typeof value is array
-
 var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(CollaboratorFormatter, _React$PureComponent);
+  _inherits(CollaboratorFormatter, _React$PureComponent);
+
+  var _super = _createSuper(CollaboratorFormatter);
 
   function CollaboratorFormatter() {
     var _this;
 
+    _classCallCheck(this, CollaboratorFormatter);
+
     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), "getCollaborators", function () {
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.getCollaborators = function () {
       var _this$props = _this.props,
           value = _this$props.value,
           collaborators = _this$props.collaborators,
@@ -70,44 +48,44 @@ var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: _default_avatar.default
+            avatar_url: DefaultAvatar
           };
         }
 
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+        return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: index,
           collaborator: collaborator,
           enableDeleteCollaborator: enableDeleteCollaborator,
           onDeleteCollaborator: onDeleteCollaborator
         });
       });
-    });
+    };
+
     return _this;
   }
 
-  var _proto = CollaboratorFormatter.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 collaborator-formatter', containerClassName);
+  _createClass(CollaboratorFormatter, [{
+    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 collaborator-formatter', containerClassName);
+
+      if (!value || Array.isArray(value) && value.length === 0) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: classname
+        });
+      }
 
-    if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      var collaborators = this.getCollaborators();
+      return /*#__PURE__*/React.createElement("div", {
         className: classname
-      });
+      }, collaborators);
     }
-
-    var collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, collaborators);
-  };
+  }]);
 
   return CollaboratorFormatter;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-CollaboratorFormatter.propTypes = propTypes;
-var _default = CollaboratorFormatter;
-exports.default = _default;
+export default CollaboratorFormatter;