dtable-ui-component 4.3.6 → 4.3.8

package/lib/DateEditor/pc-date-editor-popover.js

@@ -1,7 +1,3 @@
-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 dayjs from 'dayjs';
 import DatePicker from '@seafile/seafile-calendar/lib/Picker';
@@ -9,53 +5,51 @@ import Calendar from '@seafile/seafile-calendar';
 import { initDateEditorLanguage } from '../utils/editor-utils';
 import '@seafile/seafile-calendar/assets/index.css';
 import { getLocale } from '../lang';
-var PCDateEditorPopover = /*#__PURE__*/function (_React$Component) {
-  _inherits(PCDateEditorPopover, _React$Component);
-  var _super = _createSuper(PCDateEditorPopover);
-  function PCDateEditorPopover(props) {
-    var _this;
-    _classCallCheck(this, PCDateEditorPopover);
-    _this = _super.call(this, props);
+class PCDateEditorPopover extends React.Component {
+  constructor(props) {
+    super(props);
     // event trigger sequence: onOpenChange --> onChange
-    _this.onChange = function (value) {
+    this.onChange = value => {
       if (!value) return;
-      var dateFormat = _this.props.dateFormat;
-      _this.setState({
+      let {
+        dateFormat
+      } = this.props;
+      this.setState({
         datePickerValue: value,
         open: true // if value changed, don't close datePicker
       });
-
-      _this.props.onValueChanged(value.format(dateFormat));
+      this.props.onValueChanged(value.format(dateFormat));
     };
-    _this.onOpenChange = function (open) {
-      _this.setState({
+    this.onOpenChange = open => {
+      this.setState({
         open: open
       });
       return;
     };
-    _this.onClear = function () {
-      _this.setState({
+    this.onClear = () => {
+      this.setState({
         datePickerValue: null
       });
     };
-    _this.onFocusDatePicker = function () {
-      _this.setState({
+    this.onFocusDatePicker = () => {
+      this.setState({
         open: true
       });
     };
-    _this.handleMouseDown = function (event) {
+    this.handleMouseDown = event => {
       event.preventDefault();
       event.stopPropagation();
     };
-    _this.getCalendarContainer = function () {
-      return _this.calendarContainerRef.current;
+    this.getCalendarContainer = () => {
+      return this.calendarContainerRef.current;
     };
-    _this.getCalender = function () {
-      var _this$props = _this.props,
-        dateFormat = _this$props.dateFormat,
-        showHourAndMinute = _this$props.showHourAndMinute,
-        lang = _this$props.lang;
-      var defaultValue = dayjs().clone();
+    this.getCalender = () => {
+      let {
+        dateFormat,
+        showHourAndMinute,
+        lang
+      } = this.props;
+      let defaultValue = dayjs().clone();
       return /*#__PURE__*/React.createElement(Calendar, {
         locale: initDateEditorLanguage(lang),
         style: {
@@ -67,56 +61,55 @@ var PCDateEditorPopover = /*#__PURE__*/function (_React$Component) {
         dateInputPlaceholder: getLocale('Please_input'),
         showDateInput: true,
         focusablePanel: false,
-        onClear: _this.onClear
+        onClear: this.onClear
       });
     };
-    _this.state = {
+    this.state = {
       open: true,
       datePickerValue: props.value ? dayjs(props.value) : null
     };
-    _this.calendarContainerRef = React.createRef();
-    return _this;
+    this.calendarContainerRef = React.createRef();
   }
-  _createClass(PCDateEditorPopover, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var dateFormat = this.props.dateFormat;
-      var _this$state = this.state,
-        open = _this$state.open,
-        datePickerValue = _this$state.datePickerValue;
-      var calendar = this.getCalender();
-      return /*#__PURE__*/React.createElement(DatePicker, {
-        open: open,
-        value: datePickerValue,
-        animation: "slide-up",
-        style: {
-          zIndex: 1001
-        },
-        calendar: calendar,
-        getCalendarContainer: this.getCalendarContainer,
-        onChange: this.onChange,
-        onOpenChange: this.onOpenChange
-      }, function (_ref) {
-        var value = _ref.value;
-        value = value && value.format(dateFormat);
-        return /*#__PURE__*/React.createElement("span", {
-          className: "dtable-ui-date-editor-container",
-          tabIndex: "0",
-          onFocus: _this2.onFocusDatePicker
-        }, /*#__PURE__*/React.createElement("input", {
-          readOnly: true,
-          tabIndex: "-1",
-          className: "form-control",
-          placeholder: getLocale('Please_select'),
-          value: value || '',
-          onMouseDown: _this2.handleMouseDown
-        }), /*#__PURE__*/React.createElement("div", {
-          ref: _this2.calendarContainerRef
-        }));
-      });
-    }
-  }]);
-  return PCDateEditorPopover;
-}(React.Component);
+  render() {
+    let {
+      dateFormat
+    } = this.props;
+    let {
+      open,
+      datePickerValue
+    } = this.state;
+    const calendar = this.getCalender();
+    return /*#__PURE__*/React.createElement(DatePicker, {
+      open: open,
+      value: datePickerValue,
+      animation: "slide-up",
+      style: {
+        zIndex: 1001
+      },
+      calendar: calendar,
+      getCalendarContainer: this.getCalendarContainer,
+      onChange: this.onChange,
+      onOpenChange: this.onOpenChange
+    }, _ref => {
+      let {
+        value
+      } = _ref;
+      value = value && value.format(dateFormat);
+      return /*#__PURE__*/React.createElement("span", {
+        className: "dtable-ui-date-editor-container",
+        tabIndex: "0",
+        onFocus: this.onFocusDatePicker
+      }, /*#__PURE__*/React.createElement("input", {
+        readOnly: true,
+        tabIndex: "-1",
+        className: "form-control",
+        placeholder: getLocale('Please_select'),
+        value: value || '',
+        onMouseDown: this.handleMouseDown
+      }), /*#__PURE__*/React.createElement("div", {
+        ref: this.calendarContainerRef
+      }));
+    });
+  }
+}
 export default PCDateEditorPopover;

package/lib/DateFormatter/index.js

@@ -1,36 +1,23 @@
-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 classnames from 'classnames';
 import { getDateDisplayString } from 'dtable-utils';
 import './index.css';
-var DateFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DateFormatter, _React$Component);
-  var _super = _createSuper(DateFormatter);
-  function DateFormatter() {
-    _classCallCheck(this, DateFormatter);
-    return _super.apply(this, arguments);
-  }
-  _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 = classnames('dtable-ui cell-formatter-container date-formatter', containerClassName);
-      if (date !== '') {
-        date = getDateDisplayString(date, format);
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, date);
+class DateFormatter extends React.Component {
+  render() {
+    let {
+      value: date,
+      format,
+      containerClassName
+    } = this.props;
+    let classname = classnames('dtable-ui cell-formatter-container date-formatter', containerClassName);
+    if (date !== '') {
+      date = getDateDisplayString(date, format);
     }
-  }]);
-  return DateFormatter;
-}(React.Component);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, date);
+  }
+}
 DateFormatter.defaultProps = {
   value: '',
   format: 'YYYY-MM-DD',

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -2,16 +2,16 @@ import React from 'react';
 import classnames from 'classnames';
 import './index.css';
 function DepartmentSingleSelectFormatter(props) {
-  var value = props.value,
-    departments = props.departments,
-    containerClassName = props.containerClassName,
-    tip = props.tip;
+  const {
+    value,
+    departments,
+    containerClassName,
+    tip
+  } = props;
   if (!value) return null;
-  var deletedTip = tip || 'Deleted department';
-  var department = departments.find(function (department) {
-    return department.id === value;
-  });
-  var name = department ? department.name : deletedTip;
+  const deletedTip = tip || 'Deleted department';
+  const department = departments.find(department => department.id === value);
+  const name = department ? department.name : deletedTip;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
   }, /*#__PURE__*/React.createElement("div", {

package/lib/DigitalSignFormatter/index.js

@@ -1,7 +1,3 @@
-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, { Component } from 'react';
 import classnames from 'classnames';
 import ImagesLazyLoad from '../ImageFormatter/images-lazy-load';
@@ -9,87 +5,81 @@ import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
 import { getDigitalSignImageUrl } from './utils';
 import { downloadFile } from '../utils/utils';
 import './index.css';
-var DigitalSignFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(DigitalSignFormatter, _Component);
-  var _super = _createSuper(DigitalSignFormatter);
-  function DigitalSignFormatter(props) {
-    var _this;
-    _classCallCheck(this, DigitalSignFormatter);
-    _this = _super.call(this, props);
-    _this.getSignImages = function () {
-      var _this$props = _this.props,
-        value = _this$props.value,
-        config = _this$props.config;
+class DigitalSignFormatter extends Component {
+  constructor(props) {
+    super(props);
+    this.getSignImages = () => {
+      const {
+        value,
+        config
+      } = this.props;
       return [getDigitalSignImageUrl(value, config)].filter(Boolean);
     };
-    _this.onClickSignImage = function (index) {
-      if (!_this.props.isSupportPreview) return;
-      _this.setState({
+    this.onClickSignImage = index => {
+      if (!this.props.isSupportPreview) return;
+      this.setState({
         isPreviewSignImage: true,
         largeSignImageIndex: index
       });
     };
-    _this.hideLargeSignImage = function () {
-      if (!_this.props.isSupportPreview) return;
-      if (_this.props.onCloseCallback) {
-        _this.props.onCloseCallback();
+    this.hideLargeSignImage = () => {
+      if (!this.props.isSupportPreview) return;
+      if (this.props.onCloseCallback) {
+        this.props.onCloseCallback();
       }
-      _this.setState({
+      this.setState({
         isPreviewSignImage: false,
         largeSignImageIndex: -1
       });
     };
-    _this.downloadImage = function (url) {
-      var availableUrl = url;
-      var rotateIndex = availableUrl.indexOf('?a=');
+    this.downloadImage = url => {
+      let availableUrl = url;
+      let rotateIndex = availableUrl.indexOf('?a=');
       if (rotateIndex > -1) {
         availableUrl = availableUrl.slice(0, rotateIndex);
       }
-      var urlSuffix = availableUrl.indexOf('?dl=1');
-      var downloadUrl = urlSuffix !== -1 ? availableUrl : availableUrl + '?dl=1';
+      const urlSuffix = availableUrl.indexOf('?dl=1');
+      const downloadUrl = urlSuffix !== -1 ? availableUrl : availableUrl + '?dl=1';
       downloadFile(downloadUrl);
     };
-    _this.state = {
+    this.state = {
       isPreviewSignImage: false,
       largeSignImageIndex: -1
     };
-    return _this;
   }
-  _createClass(DigitalSignFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        containerClassName = _this$props2.containerClassName,
-        readOnly = _this$props2.readOnly,
-        config = _this$props2.config,
-        isSample = _this$props2.isSample;
-      var className = classnames('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
-      var signImages = this.getSignImages();
-      if (signImages.length === 0) return null;
-      var _this$state = this.state,
-        isPreviewSignImage = _this$state.isPreviewSignImage,
-        largeSignImageIndex = _this$state.largeSignImageIndex;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
-        images: signImages,
-        server: config.server,
-        onImageClick: this.onClickSignImage
-      })), isPreviewSignImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
-        className: "digital-sign-formatter-image-previewer",
-        readOnly: readOnly,
-        server: isSample ? config.server : '',
-        imageItems: signImages,
-        imageIndex: largeSignImageIndex,
-        closeImagePopup: this.hideLargeSignImage,
-        downloadImage: this.downloadImage,
-        moveToPrevImage: function moveToPrevImage() {},
-        moveToNextImage: function moveToNextImage() {}
-      }));
-    }
-  }]);
-  return DigitalSignFormatter;
-}(Component);
+  render() {
+    const {
+      containerClassName,
+      readOnly,
+      config,
+      isSample
+    } = this.props;
+    const className = classnames('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
+    const signImages = this.getSignImages();
+    if (signImages.length === 0) return null;
+    const {
+      isPreviewSignImage,
+      largeSignImageIndex
+    } = this.state;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
+      images: signImages,
+      server: config.server,
+      onImageClick: this.onClickSignImage
+    })), isPreviewSignImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
+      className: "digital-sign-formatter-image-previewer",
+      readOnly: readOnly,
+      server: isSample ? config.server : '',
+      imageItems: signImages,
+      imageIndex: largeSignImageIndex,
+      closeImagePopup: this.hideLargeSignImage,
+      downloadImage: this.downloadImage,
+      moveToPrevImage: () => {},
+      moveToNextImage: () => {}
+    }));
+  }
+}
 DigitalSignFormatter.defaultProps = {
   isSample: false,
   isSupportPreview: false,

package/lib/DigitalSignFormatter/utils.js

@@ -1,20 +1,21 @@
-export var getDigitalSignImageUrl = function getDigitalSignImageUrl(cellValue, config) {
+export const getDigitalSignImageUrl = (cellValue, config) => {
   if (!cellValue) return '';
-  var url = cellValue && cellValue.sign_image_url || '';
+  const url = cellValue && cellValue.sign_image_url || '';
   if (!url) return '';
   if (!config) return url;
-  var _ref = config || {},
-    server = _ref.server,
-    workspaceID = _ref.workspaceID,
-    dtableUuid = _ref.dtableUuid;
+  const {
+    server,
+    workspaceID,
+    dtableUuid
+  } = config || {};
   if (server && (workspaceID || workspaceID === 0) && dtableUuid) {
     return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
   }
   return url;
 };
-export var isValidDigitalSignImageValue = function isValidDigitalSignImageValue(cellValue) {
+export const isValidDigitalSignImageValue = cellValue => {
   if (!cellValue) return false;
-  var digitalSignImage = cellValue && cellValue.sign_image_url;
+  const digitalSignImage = cellValue && cellValue.sign_image_url;
   if (!digitalSignImage) return false;
   return true;
 };

package/lib/DurationFormatter/index.js

@@ -1,33 +1,20 @@
-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 classnames from 'classnames';
 import { getDurationDisplayString } from 'dtable-utils';
 import './index.css';
-var DurationFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(DurationFormatter, _React$Component);
-  var _super = _createSuper(DurationFormatter);
-  function DurationFormatter() {
-    _classCallCheck(this, DurationFormatter);
-    return _super.apply(this, arguments);
+class DurationFormatter extends React.Component {
+  render() {
+    let {
+      value,
+      containerClassName,
+      format
+    } = this.props;
+    let classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, getDurationDisplayString(value, {
+      duration_format: format
+    }));
   }
-  _createClass(DurationFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName,
-        format = _this$props.format;
-      var classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, getDurationDisplayString(value, {
-        duration_format: format
-      }));
-    }
-  }]);
-  return DurationFormatter;
-}(React.Component);
+}
 export default DurationFormatter;

package/lib/EditEditorButton/index.js

@@ -1,26 +1,14 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import './index.css';
-var EditEditorButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditEditorButton, _React$Component);
-  var _super = _createSuper(EditEditorButton);
-  function EditEditorButton() {
-    _classCallCheck(this, EditEditorButton);
-    return _super.apply(this, arguments);
+class EditEditorButton extends React.Component {
+  render() {
+    const {
+      text
+    } = this.props;
+    return /*#__PURE__*/React.createElement("span", {
+      className: "dtable-ui-editor-button",
+      onClick: this.props.onClick
+    }, text);
   }
-  _createClass(EditEditorButton, [{
-    key: "render",
-    value: function render() {
-      var text = this.props.text;
-      return /*#__PURE__*/React.createElement("span", {
-        className: "dtable-ui-editor-button",
-        onClick: this.props.onClick
-      }, text);
-    }
-  }]);
-  return EditEditorButton;
-}(React.Component);
+}
 export default EditEditorButton;

package/lib/EmailFormatter/index.js

@@ -1,29 +1,16 @@
-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 classnames from 'classnames';
 import './index.css';
-var EmailFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EmailFormatter, _React$Component);
-  var _super = _createSuper(EmailFormatter);
-  function EmailFormatter() {
-    _classCallCheck(this, EmailFormatter);
-    return _super.apply(this, arguments);
+class EmailFormatter extends React.Component {
+  render() {
+    const {
+      containerClassName,
+      value
+    } = this.props;
+    let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname
+    }, value);
   }
-  _createClass(EmailFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        containerClassName = _this$props.containerClassName,
-        value = _this$props.value;
-      var classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname
-      }, value);
-    }
-  }]);
-  return EmailFormatter;
-}(React.Component);
+}
 export default EmailFormatter;