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

package/lib/GeolocationFormatter/index.js

@@ -1,59 +1,46 @@
-"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"));
-
-var _valueFormatUtils = require("../utils/value-format-utils");
-
-require("./index.css");
-
-var propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  data: _propTypes.default.object,
-  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 { getGeolocationDisplayString } from '../utils/value-format-utils';
+import './index.css';
 
 var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(GeolocationFormatter, _React$Component);
+  _inherits(GeolocationFormatter, _React$Component);
 
-  function GeolocationFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
+  var _super = _createSuper(GeolocationFormatter);
 
-  var _proto = GeolocationFormatter.prototype;
+  function GeolocationFormatter() {
+    _classCallCheck(this, GeolocationFormatter);
 
-  _proto.render = function render() {
-    var _this$props = this.props,
-        value = _this$props.value,
-        data = _this$props.data,
-        containerClassName = _this$props.containerClassName;
-    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
+    return _super.apply(this, arguments);
+  }
 
-    if (typeof value !== 'object') {
-      return null;
+  _createClass(GeolocationFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          data = _this$props.data,
+          containerClassName = _this$props.containerClassName;
+      var className = cn('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
+
+      if (typeof value !== 'object') {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: className
+      }, getGeolocationDisplayString(value, data));
     }
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, (0, _valueFormatUtils.getGeolocationDisplayString)(value, data));
-  };
+  }]);
 
   return GeolocationFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(GeolocationFormatter, "defaultProps", {
+GeolocationFormatter.defaultProps = {
   value: {
     province: '',
     city: '',
@@ -62,7 +49,5 @@ var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
   },
   data: {},
   containerClassName: ''
-});
-GeolocationFormatter.propTypes = propTypes;
-var _default = GeolocationFormatter;
-exports.default = _default;
+};
+export default GeolocationFormatter;

package/lib/ImageFormatter/images-lazy-load.js

@@ -1,61 +1,50 @@
-"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 _Loading = _interopRequireDefault(require("../Loading"));
-
-var _utils = require("../utils/utils");
-
-var propTypes = {
-  images: _propTypes.default.array.isRequired,
-  server: _propTypes.default.string,
-  onImageClick: _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 Loading from '../Loading';
+import { getImageThumbnailUrl } from '../utils/utils';
 
 var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ImagesLazyLoad, _React$Component);
+  _inherits(ImagesLazyLoad, _React$Component);
+
+  var _super = _createSuper(ImagesLazyLoad);
 
   function ImagesLazyLoad(props) {
     var _this;
 
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentDidMount", function () {
+    _classCallCheck(this, ImagesLazyLoad);
+
+    _this = _super.call(this, props);
+
+    _this.componentDidMount = function () {
       var images = _this.state.images;
 
       _this.lazyLoadImages(images);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillReceiveProps", function (nextProps) {
+    };
+
+    _this.componentWillReceiveProps = function (nextProps) {
       if (nextProps.images.toString() !== _this.props.images.toString()) {
         _this.lazyLoadImages(nextProps.images);
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "componentWillUnmount", function () {
+    };
+
+    _this.componentWillUnmount = function () {
       // prevent async operation
       _this.setState = function (state, callback) {
         return;
       };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lazyLoadImages", function (images) {
+    };
+
+    _this.lazyLoadImages = function (images) {
       if (!Array.isArray(images) || images.length === 0) {
         return;
       }
 
       var server = _this.props.server.server;
       images.forEach(function (item) {
-        var url = (0, _utils.getImageThumbnailUrl)(item, server);
+        var url = getImageThumbnailUrl(item, server);
 
         _this.lazyLoadImage(url, function (image) {
           var _this$state = _this.state,
@@ -74,8 +63,9 @@ var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
           });
         });
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "lazyLoadImage", function (url, resolve, reject) {
+    };
+
+    _this.lazyLoadImage = function (url, resolve, reject) {
       if (!url) {
         reject('img path is require');
         return;
@@ -92,15 +82,18 @@ var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
       };
 
       image.src = url;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (event) {
+    };
+
+    _this.onMouseDown = function (event) {
       event.stopPropagation();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageClick", function (event, index) {
+    };
+
+    _this.onImageClick = function (event, index) {
       event.stopPropagation();
 
       _this.props.onImageClick(index);
-    });
+    };
+
     _this.state = {
       images: props.images,
       loadedImages: [],
@@ -109,50 +102,49 @@ var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  var _proto = ImagesLazyLoad.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
+  _createClass(ImagesLazyLoad, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
 
-    var _this$state2 = this.state,
-        images = _this$state2.images,
-        loadedImages = _this$state2.loadedImages,
-        loadedCount = _this$state2.loadedCount;
+      var _this$state2 = this.state,
+          images = _this$state2.images,
+          loadedImages = _this$state2.loadedImages,
+          loadedCount = _this$state2.loadedCount;
 
-    if (!Array.isArray(images) || images.length === 0) {
-      return '';
-    }
+      if (!Array.isArray(images) || images.length === 0) {
+        return '';
+      }
 
-    if (images.length > loadedCount) {
-      var style = {
-        marginLeft: '4px'
-      };
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: style
-      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
-    }
+      if (images.length > loadedCount) {
+        var style = {
+          marginLeft: '4px'
+        };
+        return /*#__PURE__*/React.createElement("div", {
+          style: style
+        }, /*#__PURE__*/React.createElement(Loading, null));
+      }
 
-    if (images.length === loadedCount) {
-      return loadedImages.map(function (image, index) {
-        return /*#__PURE__*/_react.default.createElement("img", {
-          key: index,
-          className: "image-item",
-          src: image.src,
-          onMouseDown: _this2.onMouseDown,
-          onClick: function onClick(event) {
-            return _this2.onImageClick(event, index);
-          },
-          alt: ""
+      if (images.length === loadedCount) {
+        return loadedImages.map(function (image, index) {
+          return /*#__PURE__*/React.createElement("img", {
+            key: index,
+            className: "image-item",
+            src: image.src,
+            onMouseDown: _this2.onMouseDown,
+            onClick: function onClick(event) {
+              return _this2.onImageClick(event, index);
+            },
+            alt: ""
+          });
         });
-      });
-    }
+      }
 
-    return '';
-  };
+      return '';
+    }
+  }]);
 
   return ImagesLazyLoad;
-}(_react.default.Component);
+}(React.Component);
 
-ImagesLazyLoad.propTypes = propTypes;
-var _default = ImagesLazyLoad;
-exports.default = _default;
+export default ImagesLazyLoad;

package/lib/ImageFormatter/index.js

@@ -1,58 +1,45 @@
-"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 = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _astroClassname = _interopRequireDefault(require("astro-classname"));
-
-var _imagesLazyLoad = _interopRequireDefault(require("./images-lazy-load"));
-
-var _utils = require("../utils/utils");
-
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
-
-require("./index.css");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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, { Fragment } from 'react';
+import cn from 'astro-classname';
+import ImagesLazyLoad from './images-lazy-load';
+import { getImageThumbnailUrl } from '../utils/utils';
+import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
+import './index.css';
 
 var ImageFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(ImageFormatter, _React$Component);
+  _inherits(ImageFormatter, _React$Component);
+
+  var _super = _createSuper(ImageFormatter);
 
   function ImageFormatter(props) {
     var _this;
 
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onImageClick", function (index) {
+    _classCallCheck(this, ImageFormatter);
+
+    _this = _super.call(this, props);
+
+    _this.onImageClick = function (index) {
       if (!_this.props.isSupportPreview) return;
 
       _this.setState({
         isPreviewImage: true,
         previewImageIndex: index
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "closeImagePopup", function () {
+    };
+
+    _this.closeImagePopup = function () {
       if (!_this.props.isSupportPreview) return;
 
       _this.setState({
         isPreviewImage: false,
         previewImageIndex: -1
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "movePrev", function () {
+    };
+
+    _this.movePrev = function () {
       var images = _this.props.value;
 
       _this.setState(function (prevState) {
@@ -60,8 +47,9 @@ var ImageFormatter = /*#__PURE__*/function (_React$Component) {
           previewImageIndex: (prevState.previewImageIndex + images.length - 1) % images.length
         };
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "moveNext", function () {
+    };
+
+    _this.moveNext = function () {
       var images = _this.props.value;
 
       _this.setState(function (prevState) {
@@ -69,26 +57,30 @@ var ImageFormatter = /*#__PURE__*/function (_React$Component) {
           previewImageIndex: (prevState.previewImageIndex + 1) % images.length
         };
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "downloadImage", function (imageItemUrl) {
+    };
+
+    _this.downloadImage = function (imageItemUrl) {
       if (!_this.props.downloadImage) return;
 
       _this.props.downloadImage(imageItemUrl);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "deleteImage", function (index) {
+    };
+
+    _this.deleteImage = function (index) {
       var readOnly = _this.props.readOnly;
       if (readOnly) return;
       if (!_this.props.deleteImage) return;
 
       _this.props.deleteImage(index);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onRotateImage", function (index, degree) {
+    };
+
+    _this.onRotateImage = function (index, degree) {
       var readOnly = _this.props.readOnly;
       if (readOnly) return;
       if (!_this.props.rotateImage) return;
 
       _this.props.rotateImage(index, degree);
-    });
+    };
+
     _this.state = {
       isPreviewImage: false,
       previewImageIndex: -1
@@ -96,78 +88,67 @@ var ImageFormatter = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  var _proto = ImageFormatter.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        isSample = _this$props.isSample,
-        value = _this$props.value,
-        server = _this$props.server,
-        containerClassName = _this$props.containerClassName,
-        readOnly = _this$props.readOnly;
-    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container image-formatter', containerClassName);
-    var _this$state = this.state,
-        isPreviewImage = _this$state.isPreviewImage,
-        previewImageIndex = _this$state.previewImageIndex;
-
-    if (!Array.isArray(value) || value.length === 0) {
-      return null;
-    }
-
-    if (isSample) {
-      var item = value[0];
-      var url = (0, _utils.getImageThumbnailUrl)(item, server);
-      return /*#__PURE__*/_react.default.createElement("div", {
+  _createClass(ImageFormatter, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          isSample = _this$props.isSample,
+          value = _this$props.value,
+          server = _this$props.server,
+          containerClassName = _this$props.containerClassName,
+          readOnly = _this$props.readOnly;
+      var className = cn('dtable-ui cell-formatter-container image-formatter', containerClassName);
+      var _this$state = this.state,
+          isPreviewImage = _this$state.isPreviewImage,
+          previewImageIndex = _this$state.previewImageIndex;
+
+      if (!Array.isArray(value) || value.length === 0) {
+        return null;
+      }
+
+      if (isSample) {
+        var item = value[0];
+        var url = getImageThumbnailUrl(item, server);
+        return /*#__PURE__*/React.createElement("div", {
+          className: className
+        }, /*#__PURE__*/React.createElement("img", {
+          className: "image-item",
+          src: url,
+          alt: ""
+        }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
+          className: "image-item-count"
+        }, "+".concat(value.length)));
+      }
+
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: className
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        className: "image-item",
-        src: url,
-        alt: ""
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
-        className: "image-item-count"
-      }, "+" + value.length));
+      }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
+        images: value,
+        server: server,
+        onImageClick: this.onImageClick
+      })), isPreviewImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
+        imageItems: value,
+        imageIndex: previewImageIndex,
+        closeImagePopup: this.closeImagePopup,
+        moveToPrevImage: this.movePrev,
+        moveToNextImage: this.moveNext,
+        deleteImage: readOnly ? null : this.deleteImage,
+        downloadImage: this.downloadImage,
+        onRotateImage: readOnly ? null : this.onRotateImage,
+        readOnly: readOnly
+      }));
     }
-
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
-      images: value,
-      server: server,
-      onImageClick: this.onImageClick
-    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      imageIndex: previewImageIndex,
-      closeImagePopup: this.closeImagePopup,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: readOnly ? null : this.deleteImage,
-      downloadImage: this.downloadImage,
-      onRotateImage: readOnly ? null : this.onRotateImage,
-      readOnly: readOnly
-    }));
-  };
+  }]);
 
   return ImageFormatter;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(ImageFormatter, "defaultProps", {
+ImageFormatter.defaultProps = {
   isSample: false,
   isSupportPreview: false,
   readOnly: true,
   value: [],
   server: '',
   containerClassName: ''
-});
-ImageFormatter.propTypes = {
-  isSample: _propTypes.default.bool,
-  readOnly: _propTypes.default.bool,
-  isSupportPreview: _propTypes.default.bool,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
-  server: _propTypes.default.string,
-  containerClassName: _propTypes.default.string,
-  deleteImage: _propTypes.default.func,
-  downloadImage: _propTypes.default.func,
-  rotateImage: _propTypes.default.func
 };
-var _default = ImageFormatter;
-exports.default = _default;
+export default ImageFormatter;