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

package/lib/LongTextFormatter/index.js

@@ -1,29 +1,48 @@
-import React from 'react';
-import cn from 'astro-classname';
-import HtmlLongTextFormatter from './html-long-text-formatter';
-import SimpleLongTextFormatter from './simple-long-text-formatter';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _astroClassname = _interopRequireDefault(require("astro-classname"));
+
+var _htmlLongTextFormatter = _interopRequireDefault(require("./html-long-text-formatter"));
+
+var _simpleLongTextFormatter = _interopRequireDefault(require("./simple-long-text-formatter"));
+
+require("./index.css");
 
 function LongTextFormatter(props) {
   var isSample = props.isSample,
       value = props.value,
       containerClassName = props.containerClassName;
-  var className = cn('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+  var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
 
   if (isSample) {
-    return /*#__PURE__*/React.createElement(SimpleLongTextFormatter, {
+    return /*#__PURE__*/_react.default.createElement(_simpleLongTextFormatter.default, {
       value: value,
       className: className
     });
   }
 
-  return /*#__PURE__*/React.createElement(HtmlLongTextFormatter, {
+  return /*#__PURE__*/_react.default.createElement(_htmlLongTextFormatter.default, {
     value: value,
     className: className
   });
 }
 
+LongTextFormatter.propTypes = {
+  isSample: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+  containerClassName: _propTypes.default.string
+};
 LongTextFormatter.defaultProps = {
   isSample: true
 };
-export default LongTextFormatter;
+var _default = LongTextFormatter;
+exports.default = _default;

package/lib/LongTextFormatter/simple-long-text-formatter.js

@@ -1,72 +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 getPreviewContent from '../utils/normalize-long-text-value';
+"use strict";
 
-var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(SimpleLongTextFormatter, _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(SimpleLongTextFormatter);
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _normalizeLongTextValue = _interopRequireDefault(require("../utils/normalize-long-text-value"));
+
+var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(SimpleLongTextFormatter, _React$Component);
 
   function SimpleLongTextFormatter() {
     var _this;
 
-    _classCallCheck(this, SimpleLongTextFormatter);
-
     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.renderLinks = function (value) {
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderLinks", function (value) {
       var links = value.links;
       if (!Array.isArray(links) || links.length === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-links"
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-url"
       }), links.length);
-    };
-
-    _this.renderCheckList = function (value) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCheckList", function (value) {
       var checkList = value.checklist;
       if (!checkList || checkList.total === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-check-list"
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
-      }), "".concat(checkList.completed, "/").concat(checkList.total));
-    };
-
-    _this.renderImages = function (value) {
+      }, /*#__PURE__*/_react.default.createElement("i", {
+        className: "dtable-font dtable-icon-check-square-solid " + (checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
+      }), checkList.completed + "/" + checkList.total);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderImages", function (value) {
       var images = value.images;
       if (!Array.isArray(images) || images.length === 0) return null;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-images"
-      }, /*#__PURE__*/React.createElement("img", {
+      }, /*#__PURE__*/_react.default.createElement("img", {
         src: images[0],
         alt: ""
-      }), /*#__PURE__*/React.createElement("i", {
+      }), /*#__PURE__*/_react.default.createElement("i", {
         className: "image-number"
       }, images.length > 1 ? '+' + images.length : null));
-    };
-
-    _this.renderContent = function (value) {
-      return /*#__PURE__*/React.createElement("span", {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderContent", function (value) {
+      return /*#__PURE__*/_react.default.createElement("span", {
         className: "long-text-content"
       }, value.preview);
-    };
-
-    _this.translateValue = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "translateValue", function () {
       var value = _this.props.value;
       if (!value) return {};
       var valueType = Object.prototype.toString.call(value);
 
       if (valueType === '[object String]') {
-        return getPreviewContent(value);
+        return (0, _normalizeLongTextValue.default)(value);
       }
 
       if (valueType === '[object Object]') {
@@ -74,31 +77,34 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
       }
 
       return {};
-    };
-
+    });
     return _this;
   }
 
-  _createClass(SimpleLongTextFormatter, [{
-    key: "render",
-    value: function render() {
-      var className = this.props.className;
-      var value = this.translateValue();
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value));
-    }
-  }]);
+  var _proto = SimpleLongTextFormatter.prototype;
+
+  _proto.render = function render() {
+    var className = this.props.className;
+    var value = this.translateValue();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: className
+    }, this.renderLinks(value), this.renderCheckList(value), this.renderImages(value), this.renderContent(value));
+  };
 
   return SimpleLongTextFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-SimpleLongTextFormatter.defaultProps = {
+(0, _defineProperty2.default)(SimpleLongTextFormatter, "defaultProps", {
   value: {
     text: '',
     images: [],
     links: [],
     preview: ''
   }
+});
+SimpleLongTextFormatter.propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
+  className: _propTypes.default.string
 };
-export default SimpleLongTextFormatter;
+var _default = SimpleLongTextFormatter;
+exports.default = _default;

package/lib/MTimeFormatter/index.js

@@ -1,58 +1,72 @@
-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';
+"use strict";
 
-var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(MTimeFormatter, _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 _moment = _interopRequireDefault(require("moment"));
+
+require("./index.css");
 
-  var _super = _createSuper(MTimeFormatter);
+var propTypes = {
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  containerClassName: _propTypes.default.string
+};
+
+var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(MTimeFormatter, _React$Component);
 
   function MTimeFormatter() {
     var _this;
 
-    _classCallCheck(this, MTimeFormatter);
-
     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) {
-      return moment(date).format('YYYY-MM-DD HH:mm:ss');
-    };
-
+    _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;
   }
 
-  _createClass(MTimeFormatter, [{
-    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);
+  var _proto = MTimeFormatter.prototype;
+
+  _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);
+
+    if (date !== '') {
+      date = this.formatDate(date);
     }
-  }]);
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, date);
+  };
 
   return MTimeFormatter;
-}(React.Component);
+}(_react.default.Component);
 
-MTimeFormatter.defaultProps = {
+(0, _defineProperty2.default)(MTimeFormatter, "defaultProps", {
   value: '',
   containerClassName: ''
-};
-export default MTimeFormatter;
+});
+MTimeFormatter.propTypes = propTypes;
+var _default = MTimeFormatter;
+exports.default = _default;

package/lib/ModalPortal/index.js

@@ -1,44 +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 ReactDOM from 'react-dom';
+"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 _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var propTypes = {
+  children: _propTypes.default.object.isRequired
+};
 var modalRoot = document.getElementById('modal-wrapper');
 
 var ModalPortal = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalPortal, _React$Component);
-
-  var _super = _createSuper(ModalPortal);
+  (0, _inheritsLoose2.default)(ModalPortal, _React$Component);
 
   function ModalPortal(props) {
     var _this;
 
-    _classCallCheck(this, ModalPortal);
-
-    _this = _super.call(this, props);
+    _this = _React$Component.call(this, props) || this;
     _this.el = document.createElement('div');
     return _this;
   }
 
-  _createClass(ModalPortal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      modalRoot.appendChild(this.el);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      modalRoot.removeChild(this.el);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return ReactDOM.createPortal(this.props.children, this.el);
-    }
-  }]);
+  var _proto = ModalPortal.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    modalRoot.appendChild(this.el);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    modalRoot.removeChild(this.el);
+  };
+
+  _proto.render = function render() {
+    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
+  };
 
   return ModalPortal;
-}(React.Component);
+}(_react.default.Component);
 
-export default ModalPortal;
+ModalPortal.propTypes = propTypes;
+var _default = ModalPortal;
+exports.default = _default;

package/lib/MultipleSelectFormatter/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 MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MultipleSelectFormatter, _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(MultipleSelectFormatter);
+var propTypes = {
+  value: _propTypes.default.array,
+  fontSize: _propTypes.default.number,
+  containerClassName: _propTypes.default.string,
+  options: _propTypes.default.array.isRequired
+};
+
+var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inheritsLoose2.default)(MultipleSelectFormatter, _React$PureComponent);
 
   function MultipleSelectFormatter() {
     var _this;
 
-    _classCallCheck(this, MultipleSelectFormatter);
-
     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.getOptions = function () {
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptions", function () {
       var _this$props = _this.props,
           value = _this$props.value,
           options = _this$props.options;
@@ -33,38 +49,38 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
       });
       if (selectedOptions.length === 0) return [];
       return selectedOptions.map(function (option) {
-        return /*#__PURE__*/React.createElement(SelectItem, {
-          key: "multiple-".concat(option.id),
+        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+          key: "multiple-" + option.id,
           option: option
         });
       });
-    };
-
+    });
     return _this;
   }
 
-  _createClass(MultipleSelectFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          value = _this$props2.value,
-          containerClassName = _this$props2.containerClassName;
-      var classname = cn('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
-
-      if (!value || Array.isArray(value) && value.length === 0) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
+  var _proto = MultipleSelectFormatter.prototype;
+
+  _proto.render = function render() {
+    var _this$props2 = this.props,
+        value = _this$props2.value,
+        containerClassName = _this$props2.containerClassName;
+    var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
 
-      var options = this.getOptions();
-      return /*#__PURE__*/React.createElement("div", {
+    if (!value || Array.isArray(value) && value.length === 0) {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
-      }, options);
+      });
     }
-  }]);
+
+    var options = this.getOptions();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, options);
+  };
 
   return MultipleSelectFormatter;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-export default MultipleSelectFormatter;
+MultipleSelectFormatter.propTypes = propTypes;
+var _default = MultipleSelectFormatter;
+exports.default = _default;

package/lib/NumberFormatter/index.js

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