dtable-ui-component 0.1.75-beta1 → 0.1.75-beta2

package/lib/components/cell-formatter/multiple-select-formatter.js

@@ -1,84 +0,0 @@
-"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 _selectItem = _interopRequireDefault(require("../common/select-item"));
-
-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;
-
-    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), "getOptions", function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options;
-      if (!Array.isArray(value) || !Array.isArray(options)) return [];
-      var selectedOptions = options.filter(function (option) {
-        return value.includes(option.id) || value.includes(option.name);
-      });
-      if (selectedOptions.length === 0) return [];
-      return selectedOptions.map(function (option) {
-        return /*#__PURE__*/_react.default.createElement(_selectItem.default, {
-          key: "multiple-" + option.id,
-          option: option
-        });
-      });
-    });
-    return _this;
-  }
-
-  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);
-
-    if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classname
-      });
-    }
-
-    var options = this.getOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, options);
-  };
-
-  return MultipleSelectFormatter;
-}(_react.default.PureComponent);
-
-MultipleSelectFormatter.propTypes = propTypes;
-var _default = MultipleSelectFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/number-formatter.js

@@ -1,60 +0,0 @@
-"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");
-
-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;
-  }
-
-  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.default.Component);
-
-(0, _defineProperty2.default)(NumberFormatter, "defaultProps", {
-  value: '',
-  containerClassName: ''
-});
-NumberFormatter.propTypes = propTypes;
-var _default = NumberFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/rate-formatter.js

@@ -1,93 +0,0 @@
-"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 propTypes = {
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  // default cell is string
-  data: _propTypes.default.object,
-  containerClassName: _propTypes.default.string
-};
-
-var RateFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(RateFormatter, _React$Component);
-
-  function RateFormatter() {
-    var _this;
-
-    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), "getRateList", function () {
-      var _this$props = _this.props,
-          data = _this$props.data,
-          value = _this$props.value;
-
-      var _ref = data || {},
-          _ref$rate_max_number = _ref.rate_max_number,
-          rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
-          _ref$rate_style_color = _ref.rate_style_color,
-          rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color;
-
-      var validValue = Math.min(rate_max_number, value);
-      var rateList = [];
-
-      for (var i = 0; i < validValue; i++) {
-        rateList.push( /*#__PURE__*/_react.default.createElement("i", {
-          key: "dtable-ui-component-rate-" + i,
-          className: "dtable-font dtable-icon-star",
-          style: {
-            color: rate_style_color || '#e5e5e5'
-          }
-        }));
-      }
-
-      return rateList;
-    });
-    return _this;
-  }
-
-  var _proto = RateFormatter.prototype;
-
-  _proto.render = function render() {
-    var _this$props2 = this.props,
-        number = _this$props2.value,
-        containerClassName = _this$props2.containerClassName;
-    var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
-    if (!number) return null;
-    var rateList = this.getRateList();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, rateList);
-  };
-
-  return RateFormatter;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(RateFormatter, "defaultProps", {
-  value: '',
-  containerClassName: ''
-});
-RateFormatter.defaultProps = {
-  editable: true
-};
-RateFormatter.propTypes = propTypes;
-var _default = RateFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/single-select-formatter.js

@@ -1,84 +0,0 @@
-"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 _selectItem = _interopRequireDefault(require("../common/select-item"));
-
-var propTypes = {
-  value: _propTypes.default.string,
-  containerClassName: _propTypes.default.string,
-  fontSize: _propTypes.default.number,
-  options: _propTypes.default.array.isRequired
-};
-
-var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inheritsLoose2.default)(SingleSelectFormatter, _React$PureComponent);
-
-  function SingleSelectFormatter() {
-    var _this;
-
-    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), "getOption", function () {
-      var _this$props = _this.props,
-          value = _this$props.value,
-          options = _this$props.options,
-          fontSize = _this$props.fontSize;
-      var option = options.find(function (item) {
-        return item.id === value || item.name === value;
-      });
-
-      if (option) {
-        return /*#__PURE__*/_react.default.createElement(_selectItem.default, {
-          option: option,
-          fontSize: fontSize
-        });
-      }
-    });
-    return _this;
-  }
-
-  var _proto = SingleSelectFormatter.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 single-select-formatter', containerClassName);
-
-    if (!value) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classname
-      });
-    }
-
-    var option = this.getOption();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, option);
-  };
-
-  return SingleSelectFormatter;
-}(_react.default.PureComponent);
-
-SingleSelectFormatter.propTypes = propTypes;
-var _default = SingleSelectFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/text-formatter.js

@@ -1,67 +0,0 @@
-"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 propTypes = {
-  value: _propTypes.default.string,
-  containerClassName: _propTypes.default.string
-};
-
-var TextFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(TextFormatter, _React$Component);
-
-  function TextFormatter() {
-    var _this;
-
-    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), "getFormattedValue", function (val) {
-      if (typeof val === 'object') {
-        return null;
-      }
-
-      if (Object.prototype.toString.call(val) === '[object Boolean]') {
-        return val + '';
-      }
-
-      return val;
-    });
-    return _this;
-  }
-
-  var _proto = TextFormatter.prototype;
-
-  _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 text-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, this.getFormattedValue(value));
-  };
-
-  return TextFormatter;
-}(_react.default.Component);
-
-TextFormatter.propTypes = propTypes;
-var _default = TextFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/url-formatter.js

@@ -1,45 +0,0 @@
-"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 propTypes = {
-  value: _propTypes.default.string,
-  containerClassName: _propTypes.default.string
-};
-
-var UrlFormatter = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(UrlFormatter, _React$Component);
-
-  function UrlFormatter() {
-    return _React$Component.apply(this, arguments) || this;
-  }
-
-  var _proto = UrlFormatter.prototype;
-
-  _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 url-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, value);
-  };
-
-  return UrlFormatter;
-}(_react.default.Component);
-
-UrlFormatter.propTypes = propTypes;
-var _default = UrlFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/widgets/file-item-formatter.js

@@ -1,63 +0,0 @@
-"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 _utils = require("../../../utils/utils");
-
-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; }
-
-var FileItemFormatter = /*#__PURE__*/function (_Component) {
-  (0, _inheritsLoose2.default)(FileItemFormatter, _Component);
-
-  function FileItemFormatter() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFileIconData", function (item) {
-      var fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
-
-      var fileIconData = require('../../../' + fileIconUrl);
-
-      return fileIconData;
-    });
-    return _this;
-  }
-
-  var _proto = FileItemFormatter.prototype;
-
-  _proto.render = function render() {
-    var file = this.props.file;
-    return /*#__PURE__*/_react.default.createElement("img", {
-      className: "file-item-icon",
-      src: this.getFileIconData(file),
-      alt: file.name
-    });
-  };
-
-  return FileItemFormatter;
-}(_react.Component);
-
-FileItemFormatter.propTypes = {
-  file: _propTypes.default.string.isRequired
-};
-var _default = FileItemFormatter;
-exports.default = _default;

package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-
-var _modalPortal = _interopRequireDefault(require("../../common/modal-portal"));
-
-var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
-
-var _utils = require("../../../utils/utils");
-
-require("@seafile/react-image-lightbox/style.css");
-
-require("../../../css/image-previewer-ligntbox.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; }
-
-function ImagePreviewerLightbox(props) {
-  var imageItems = props.imageItems,
-      imageIndex = props.imageIndex,
-      deleteImage = props.deleteImage,
-      downloadImage = props.downloadImage,
-      onRotateImage = props.onRotateImage,
-      readOnly = props.readOnly;
-  var imageItemsLength = imageItems.length;
-  var URL = imageItems[imageIndex];
-  var imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : ''; // svg image is vectorgraph and can't rotate, external image can't rotate
-
-  var canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL);
-
-  var imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
-    className: "d-flex"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate"
-  }, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
-    className: "flex-shrink-0"
-  }, "(", imageIndex + 1, "/", imageItemsLength, ")"));
-
-  var toolbarButtons = [];
-
-  if (!readOnly && deleteImage) {
-    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
-      className: "dtable-font dtable-icon-delete",
-      onClick: function onClick() {
-        deleteImage(imageIndex, 'previewer');
-      }
-    }));
-  }
-
-  if (downloadImage) {
-    toolbarButtons.push( /*#__PURE__*/_react.default.createElement("button", {
-      className: "dtable-font dtable-icon-download",
-      onClick: function onClick() {
-        downloadImage(URL);
-      }
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 767.8px)"
-  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
-    wrapperClassName: "PC-image-previewer",
-    imageTitle: imageTitleEl,
-    toolbarButtons: toolbarButtons,
-    mainSrc: imageItems[imageIndex],
-    nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
-    prevSrc: imageItems[(imageIndex + imageItemsLength - 1) % imageItemsLength],
-    onCloseRequest: props.closeImagePopup,
-    onMovePrevRequest: props.moveToPrevImage,
-    onMoveNextRequest: props.moveToNextImage,
-    onRotateImage: canRotateImage ? function (deg) {
-      onRotateImage(imageIndex, deg);
-    } : null,
-    imagePadding: 70,
-    reactModalStyle: {
-      overlay: {
-        zIndex: 1051
-      }
-    }
-  })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 767.8px)"
-  }, /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
-    isDesktop: false,
-    wrapperClassName: "mobile-image-previewer dtable-ui-component",
-    mainSrc: imageItems[imageIndex],
-    nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
-    prevSrc: imageItems[(imageIndex + imageItemsLength - 1) % imageItemsLength],
-    onCloseRequest: props.closeImagePopup,
-    onMovePrevRequest: props.moveToPrevImage,
-    onMoveNextRequest: props.moveToNextImage,
-    imagePadding: 0,
-    animationDisabled: true,
-    imageTitle: imageTitleEl,
-    reactModalStyle: {
-      overlay: {
-        zIndex: 1051,
-        backgroundColor: '#000'
-      }
-    }
-  }), /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "image-footer-choice mobile-image-footer-choice dtable-ui-component"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "image-footer-icon"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-flex"
-  }, canRotateImage && /*#__PURE__*/_react.default.createElement("span", {
-    className: "image-footer-choice-item mr-4",
-    onClick: function onClick() {
-      onRotateImage(imageIndex, 90);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-rotate"
-  })), downloadImage && /*#__PURE__*/_react.default.createElement("span", {
-    className: "image-footer-choice-item",
-    onClick: function onClick() {
-      downloadImage(URL);
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-download"
-  }))), !readOnly && deleteImage && /*#__PURE__*/_react.default.createElement("span", {
-    className: "image-footer-choice-item",
-    onClick: function onClick() {
-      deleteImage(imageIndex, 'previewer');
-    }
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "dtable-font dtable-icon-delete"
-  })))))));
-}
-
-ImagePreviewerLightbox.propTypes = {
-  imageItems: _propTypes.default.array.isRequired,
-  imageIndex: _propTypes.default.number.isRequired,
-  closeImagePopup: _propTypes.default.func.isRequired,
-  moveToPrevImage: _propTypes.default.func.isRequired,
-  moveToNextImage: _propTypes.default.func.isRequired,
-  downloadImage: _propTypes.default.func,
-  deleteImage: _propTypes.default.func,
-  onRotateImage: _propTypes.default.func,
-  readOnly: _propTypes.default.bool
-};
-var _default = ImagePreviewerLightbox;
-exports.default = _default;