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

package/lib/CollaboratorFormatter/index.js

@@ -1,35 +1,57 @@
-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
+"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
 // 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) {
-  _inherits(CollaboratorFormatter, _React$PureComponent);
 
-  var _super = _createSuper(CollaboratorFormatter);
+var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(CollaboratorFormatter, _React$PureComponent);
 
   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 = _super.call.apply(_super, [this].concat(args));
-
-    _this.getCollaborators = function () {
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           collaborators = _this$props.collaborators,
@@ -48,44 +70,44 @@ var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: DefaultAvatar
+            avatar_url: _default_avatar.default
           };
         }
 
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
+        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
           key: index,
           collaborator: collaborator,
           enableDeleteCollaborator: enableDeleteCollaborator,
           onDeleteCollaborator: onDeleteCollaborator
         });
       });
-    };
-
+    });
     return _this;
   }
 
-  _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
-        });
-      }
+  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);
 
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
+    if (!value || Array.isArray(value) && value.length === 0) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
-      }, collaborators);
+      });
     }
-  }]);
+
+    var collaborators = this.getCollaborators();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, collaborators);
+  };
 
   return CollaboratorFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default CollaboratorFormatter;
+CollaboratorFormatter.propTypes = propTypes;
+var _default = CollaboratorFormatter;
+exports.default = _default;

package/lib/CollaboratorItem/index.js

@@ -1,64 +1,81 @@
-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';
+"use strict";
 
-var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(CollaboratorItem, _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(CollaboratorItem);
+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
+};
+
+var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(CollaboratorItem, _React$Component);
 
   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 = _super.call.apply(_super, [this].concat(args));
-
-    _this.onDeleteCollaborator = function () {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {
       var collaborator = _this.props.collaborator;
 
       _this.props.onDeleteCollaborator(collaborator);
-    };
-
+    });
     return _this;
   }
 
-  _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"
-      })));
-    }
-  }]);
+  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"
+    })));
+  };
 
   return CollaboratorItem;
-}(React.Component);
+}(_react.default.Component);
 
-CollaboratorItem.defaultProps = {
+(0, _defineProperty2.default)(CollaboratorItem, "defaultProps", {
   enableDelete: false
-};
-export default CollaboratorItem;
+});
+CollaboratorItem.propTypes = propTypes;
+var _default = CollaboratorItem;
+exports.default = _default;

package/lib/CreatorFormatter/index.js

@@ -1,35 +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 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
+"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
 // 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) {
-  _inherits(CreatorFormatter, _React$PureComponent);
 
-  var _super = _createSuper(CreatorFormatter);
+var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(CreatorFormatter, _React$PureComponent);
 
   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 = _super.call.apply(_super, [this].concat(args));
-
-    _this.getCollaborators = function () {
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           collaborators = _this$props.collaborators;
@@ -46,42 +66,42 @@ var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: DefaultAvatar
+            avatar_url: _default_avatar.default
           };
         }
 
-        return /*#__PURE__*/React.createElement(CollaboratorItem, {
+        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
           key: index,
           collaborator: collaborator
         });
       });
-    };
-
+    });
     return _this;
   }
 
-  _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
-        });
-      }
+  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);
 
-      var collaborators = this.getCollaborators();
-      return /*#__PURE__*/React.createElement("div", {
+    if (!value || Array.isArray(value) && value.length === 0) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
-      }, collaborators);
+      });
     }
-  }]);
+
+    var collaborators = this.getCollaborators();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, collaborators);
+  };
 
   return CreatorFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default CreatorFormatter;
+CreatorFormatter.propTypes = propTypes;
+var _default = CreatorFormatter;
+exports.default = _default;

package/lib/DateFormatter/index.js

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

package/lib/DurationFormatter/index.js

@@ -1,38 +1,51 @@
-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';
+"use strict";
 
-var DurationFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DurationFormatter, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(DurationFormatter);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function DurationFormatter() {
-    _classCallCheck(this, DurationFormatter);
+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");
 
-    return _super.apply(this, arguments);
+require("./index.css");
+
+var propTypes = {
+  value: _propTypes.default.number,
+  format: _propTypes.default.string,
+  containerClassName: _propTypes.default.string
+};
+
+var DurationFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(DurationFormatter, _React$Component);
+
+  function DurationFormatter() {
+    return _React$Component.apply(this, arguments) || this;
   }
 
-  _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));
-    }
-  }]);
+  var _proto = DurationFormatter.prototype;
+
+  _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));
+  };
 
   return DurationFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-export default DurationFormatter;
+DurationFormatter.propTypes = propTypes;
+var _default = DurationFormatter;
+exports.default = _default;