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

package/lib/CollaboratorItem/index.js

@@ -1,81 +1,64 @@
-"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"));
-
-require("./index.css");
-
-var propTypes = {
-  collaborator: _propTypes.default.shape({
-    name: _propTypes.default.string.isRequired,
-    avatar_url: _propTypes.default.string.isRequired,
-    email: _propTypes.default.string
-  }),
-  enableDeleteCollaborator: _propTypes.default.bool,
-  onDeleteCollaborator: _propTypes.default.func
-};
+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 CollaboratorItem = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(CollaboratorItem, _React$Component);
+  _inherits(CollaboratorItem, _React$Component);
+
+  var _super = _createSuper(CollaboratorItem);
 
   function CollaboratorItem() {
     var _this;
 
+    _classCallCheck(this, CollaboratorItem);
+
     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), "onDeleteCollaborator", function () {
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onDeleteCollaborator = function () {
       var collaborator = _this.props.collaborator;
 
       _this.props.onDeleteCollaborator(collaborator);
-    });
+    };
+
     return _this;
   }
 
-  var _proto = CollaboratorItem.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        collaborator = _this$props.collaborator,
-        enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui collaborator-item"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-avatar"
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: "collaborator-avatar-icon",
-      alt: collaborator.name,
-      src: collaborator.avatar_url
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-name"
-    }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/_react.default.createElement("span", {
-      className: "collaborator-remove",
-      onClick: this.onDeleteCollaborator
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number"
-    })));
-  };
+  _createClass(CollaboratorItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          collaborator = _this$props.collaborator,
+          enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "dtable-ui collaborator-item"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "collaborator-avatar"
+      }, /*#__PURE__*/React.createElement("img", {
+        className: "collaborator-avatar-icon",
+        alt: collaborator.name,
+        src: collaborator.avatar_url
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "collaborator-name"
+      }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/React.createElement("span", {
+        className: "collaborator-remove",
+        onClick: this.onDeleteCollaborator
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "dtable-font dtable-icon-fork-number"
+      })));
+    }
+  }]);
 
   return CollaboratorItem;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(CollaboratorItem, "defaultProps", {
+CollaboratorItem.defaultProps = {
   enableDelete: false
-});
-CollaboratorItem.propTypes = propTypes;
-var _default = CollaboratorItem;
-exports.default = _default;
+};
+export default CollaboratorItem;

package/lib/CreatorFormatter/index.js

@@ -1,55 +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
-  }))
-}; // 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 CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(CreatorFormatter, _React$PureComponent);
+  _inherits(CreatorFormatter, _React$PureComponent);
+
+  var _super = _createSuper(CreatorFormatter);
 
   function CreatorFormatter() {
     var _this;
 
+    _classCallCheck(this, CreatorFormatter);
+
     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;
@@ -66,42 +46,42 @@ var CreatorFormatter = /*#__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
         });
       });
-    });
+    };
+
     return _this;
   }
 
-  var _proto = CreatorFormatter.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 creator-formatter', containerClassName);
+  _createClass(CreatorFormatter, [{
+    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 creator-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 CreatorFormatter;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-CreatorFormatter.propTypes = propTypes;
-var _default = CreatorFormatter;
-exports.default = _default;
+export default CreatorFormatter;

package/lib/DateFormatter/index.js

@@ -1,75 +1,60 @@
-"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 _valueFormatUtils = require("../utils/value-format-utils");
-
-require("./index.css");
-
-var propTypes = {
-  value: _propTypes.default.string,
-  format: _propTypes.default.string,
-  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 { getDateDisplayString } from '../utils/value-format-utils';
+import './index.css';
 
 var DateFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(DateFormatter, _React$Component);
+  _inherits(DateFormatter, _React$Component);
+
+  var _super = _createSuper(DateFormatter);
 
   function DateFormatter() {
     var _this;
 
+    _classCallCheck(this, DateFormatter);
+
     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, format) {
-      return (0, _valueFormatUtils.getDateDisplayString)(date, format);
-    });
-    return _this;
-  }
+    _this = _super.call.apply(_super, [this].concat(args));
 
-  var _proto = DateFormatter.prototype;
+    _this.formatDate = function (date, format) {
+      return getDateDisplayString(date, format);
+    };
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        date = _this$props.value,
-        format = _this$props.format,
-        containerClassName = _this$props.containerClassName;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container date-formatter', containerClassName);
+    return _this;
+  }
 
-    if (date !== '') {
-      date = this.formatDate(date, format);
+  _createClass(DateFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          date = _this$props.value,
+          format = _this$props.format,
+          containerClassName = _this$props.containerClassName;
+      var classname = cn('dtable-ui cell-formatter-container date-formatter', containerClassName);
+
+      if (date !== '') {
+        date = this.formatDate(date, format);
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, date);
     }
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, date);
-  };
+  }]);
 
   return DateFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(DateFormatter, "defaultProps", {
+DateFormatter.defaultProps = {
   value: '',
   format: 'YYYY-MM-DD',
   containerClassName: ''
-});
-DateFormatter.propTypes = propTypes;
-var _default = DateFormatter;
-exports.default = _default;
+};
+export default DateFormatter;

package/lib/DurationFormatter/index.js

@@ -1,51 +1,38 @@
-"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"));
-
-var _valueFormatUtils = require("../utils/value-format-utils");
-
-require("./index.css");
-
-var propTypes = {
-  value: _propTypes.default.number,
-  format: _propTypes.default.string,
-  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 { getDurationDisplayString } from '../utils/value-format-utils';
+import './index.css';
 
 var DurationFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(DurationFormatter, _React$Component);
+  _inherits(DurationFormatter, _React$Component);
+
+  var _super = _createSuper(DurationFormatter);
 
   function DurationFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
+    _classCallCheck(this, DurationFormatter);
 
-  var _proto = DurationFormatter.prototype;
+    return _super.apply(this, arguments);
+  }
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName,
-        format = _this$props.format;
-    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, (0, _valueFormatUtils.getDurationDisplayString)(value, format));
-  };
+  _createClass(DurationFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          containerClassName = _this$props.containerClassName,
+          format = _this$props.format;
+      var classname = cn('dtable-ui cell-formatter-container duration-formatter', containerClassName);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, getDurationDisplayString(value, format));
+    }
+  }]);
 
   return DurationFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-DurationFormatter.propTypes = propTypes;
-var _default = DurationFormatter;
-exports.default = _default;
+export default DurationFormatter;

package/lib/EmailFormatter/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,
-  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 EmailFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(EmailFormatter, _React$Component);
+  _inherits(EmailFormatter, _React$Component);
+
+  var _super = _createSuper(EmailFormatter);
 
   function EmailFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
+    _classCallCheck(this, EmailFormatter);
 
-  var _proto = EmailFormatter.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 email-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, value);
-  };
+  _createClass(EmailFormatter, [{
+    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 email-formatter', containerClassName);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classname
+      }, value);
+    }
+  }]);
 
   return EmailFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-EmailFormatter.propTypes = propTypes;
-var _default = EmailFormatter;
-exports.default = _default;
+export default EmailFormatter;