dtable-ui-component 4.3.6 → 4.3.8

package/lib/RowExpandEmailFormatter/index.js

@@ -1,45 +1,32 @@
-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 { getTrimmedString } from '../utils/editor-utils';
 import './index.css';
-var RowExpandEmailFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(RowExpandEmailFormatter, _React$Component);
-  var _super = _createSuper(RowExpandEmailFormatter);
-  function RowExpandEmailFormatter() {
-    var _this;
-    _classCallCheck(this, RowExpandEmailFormatter);
-    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.onOpenEmailLink = function () {
-      var value = _this.props.value;
-      var newValue = value.trim();
+class RowExpandEmailFormatter extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.onOpenEmailLink = () => {
+      const {
+        value
+      } = this.props;
+      let newValue = value.trim();
       window.location.href = "mailto:".concat(newValue);
     };
-    return _this;
   }
-  _createClass(RowExpandEmailFormatter, [{
-    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
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "email-formatter-value text-truncate"
-      }, value), getTrimmedString(value) && /*#__PURE__*/React.createElement("span", {
-        className: "dtable-font dtable-icon-email row-expand-jump-link",
-        onClick: this.onOpenEmailLink
-      }));
-    }
-  }]);
-  return RowExpandEmailFormatter;
-}(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
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "email-formatter-value text-truncate"
+    }, value), getTrimmedString(value) && /*#__PURE__*/React.createElement("span", {
+      className: "dtable-font dtable-icon-email row-expand-jump-link",
+      onClick: this.onOpenEmailLink
+    }));
+  }
+}
 export default RowExpandEmailFormatter;

package/lib/RowExpandFileFormatter/index.js

@@ -1,50 +1,36 @@
-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 classname from 'classnames';
 import RowExpandFileItemFormatter from './row-expand-file-item-formatter';
 import './index.css';
-var RowExpandFileFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(RowExpandFileFormatter, _React$PureComponent);
-  var _super = _createSuper(RowExpandFileFormatter);
-  function RowExpandFileFormatter() {
-    _classCallCheck(this, RowExpandFileFormatter);
-    return _super.apply(this, arguments);
-  }
-  _createClass(RowExpandFileFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName,
-        column = _this$props.column,
-        downloadFile = _this$props.downloadFile,
-        deleteFile = _this$props.deleteFile,
-        readOnly = _this$props.readOnly;
-      if (!Array.isArray(value) || value.length === 0) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: classname('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
-      }, value.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(RowExpandFileItemFormatter, {
-          file: item,
-          key: index,
-          index: index,
-          column: column,
-          downloadFile: downloadFile,
-          deleteFile: deleteFile,
-          readOnly: readOnly
-        });
-      }));
+export default class RowExpandFileFormatter extends React.PureComponent {
+  render() {
+    let {
+      value,
+      containerClassName,
+      column,
+      downloadFile,
+      deleteFile,
+      readOnly
+    } = this.props;
+    if (!Array.isArray(value) || value.length === 0) {
+      return null;
     }
-  }]);
-  return RowExpandFileFormatter;
-}(React.PureComponent);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
+    }, value.map((item, index) => {
+      return /*#__PURE__*/React.createElement(RowExpandFileItemFormatter, {
+        file: item,
+        key: index,
+        index: index,
+        column: column,
+        downloadFile: downloadFile,
+        deleteFile: deleteFile,
+        readOnly: readOnly
+      });
+    }));
+  }
+}
 RowExpandFileFormatter.defaultProps = {
   value: [],
   containerClassName: ''
-};
-export { RowExpandFileFormatter as default };
+};

package/lib/RowExpandFileFormatter/row-expand-file-item-formatter.js

@@ -1,107 +1,91 @@
-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 { Tooltip } from 'reactstrap';
 import { getLocale } from '../lang';
 import { getFileIconUrl } from '../FileItemFormatter/utils';
 import DeleteTip from '../common/delete-tip';
-var RowExpandFileItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(RowExpandFileItemFormatter, _Component);
-  var _super = _createSuper(RowExpandFileItemFormatter);
-  function RowExpandFileItemFormatter(props) {
-    var _this;
-    _classCallCheck(this, RowExpandFileItemFormatter);
-    _this = _super.call(this, props);
-    _this.toggleTooltip = function () {
-      _this.setState({
-        isTooltipOpen: !_this.state.isTooltipOpen
+export default class RowExpandFileItemFormatter extends Component {
+  constructor(props) {
+    super(props);
+    this.toggleTooltip = () => {
+      this.setState({
+        isTooltipOpen: !this.state.isTooltipOpen
       });
     };
-    _this.closeDeleteTip = function () {
-      _this.setState({
+    this.closeDeleteTip = () => {
+      this.setState({
         isDeleteTipOpen: false
       });
     };
-    _this.onClickDelete = function (e) {
+    this.onClickDelete = e => {
       e.stopPropagation();
-      _this.position = {
+      this.position = {
         top: e.clientY,
         left: e.clientX
       };
-      _this.setState({
+      this.setState({
         isDeleteTipOpen: true
       });
     };
-    _this.onDelete = function (e) {
+    this.onDelete = e => {
       e.stopPropagation();
-      _this.closeDeleteTip();
-      _this.props.deleteFile(_this.props.index);
+      this.closeDeleteTip();
+      this.props.deleteFile(this.props.index);
     };
-    _this.getFileIconData = function (item) {
-      var fileIconUrl = getFileIconUrl(item.name, item.type);
+    this.getFileIconData = item => {
+      let fileIconUrl = getFileIconUrl(item.name, item.type);
       return require('../FileItemFormatter/' + fileIconUrl);
     };
-    _this.state = {
+    this.state = {
       isTooltipOpen: false,
       isDeleteTipOpen: false
     };
-    return _this;
   }
-  _createClass(RowExpandFileItemFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        file = _this$props.file,
-        column = _this$props.column,
-        index = _this$props.index,
-        readOnly = _this$props.readOnly,
-        downloadFile = _this$props.downloadFile,
-        deleteFile = _this$props.deleteFile;
-      var id = 'file-list-preview-item' + column.key + index;
-      var url = this.getFileIconData(file);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        key: "file-".concat(index),
-        className: "row-expand-item-file",
-        id: id
-      }, /*#__PURE__*/React.createElement("img", {
-        src: url,
-        id: "item-file-".concat(index),
-        alt: file.name
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "dtable-file-icons-choice"
-      }, downloadFile && /*#__PURE__*/React.createElement("span", {
-        className: "file-icon",
-        onClick: function onClick(e) {
-          return _this2.props.downloadFile(file, e);
-        }
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-download"
-      })), !readOnly && deleteFile && /*#__PURE__*/React.createElement("span", {
-        className: "file-icon",
-        onClick: this.onClickDelete
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number"
-      })))), this.state.isDeleteTipOpen && /*#__PURE__*/React.createElement(DeleteTip, {
-        position: this.position,
-        toggle: this.closeDeleteTip,
-        onDelete: this.onDelete,
-        deleteTip: getLocale('Are_you_sure_you_want_to_delete_this_file')
-      }), /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "bottom",
-        isOpen: this.state.isTooltipOpen,
-        toggle: this.toggleTooltip,
-        target: id,
-        delay: {
-          show: 0,
-          hide: 0
-        },
-        fade: false
-      }, file.name));
-    }
-  }]);
-  return RowExpandFileItemFormatter;
-}(Component);
-export { RowExpandFileItemFormatter as default };
+  render() {
+    const {
+      file,
+      column,
+      index,
+      readOnly,
+      downloadFile,
+      deleteFile
+    } = this.props;
+    const id = 'file-list-preview-item' + column.key + index;
+    const url = this.getFileIconData(file);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      key: "file-".concat(index),
+      className: "row-expand-item-file",
+      id: id
+    }, /*#__PURE__*/React.createElement("img", {
+      src: url,
+      id: "item-file-".concat(index),
+      alt: file.name
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "dtable-file-icons-choice"
+    }, downloadFile && /*#__PURE__*/React.createElement("span", {
+      className: "file-icon",
+      onClick: e => this.props.downloadFile(file, e)
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "dtable-font dtable-icon-download"
+    })), !readOnly && deleteFile && /*#__PURE__*/React.createElement("span", {
+      className: "file-icon",
+      onClick: this.onClickDelete
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number"
+    })))), this.state.isDeleteTipOpen && /*#__PURE__*/React.createElement(DeleteTip, {
+      position: this.position,
+      toggle: this.closeDeleteTip,
+      onDelete: this.onDelete,
+      deleteTip: getLocale('Are_you_sure_you_want_to_delete_this_file')
+    }), /*#__PURE__*/React.createElement(Tooltip, {
+      placement: "bottom",
+      isOpen: this.state.isTooltipOpen,
+      toggle: this.toggleTooltip,
+      target: id,
+      delay: {
+        show: 0,
+        hide: 0
+      },
+      fade: false
+    }, file.name));
+  }
+}

package/lib/RowExpandFormatter/index.js

@@ -1,71 +1,70 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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 { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, DurationFormatter, ButtonFormatter, RowExpandUrlFormatter, RowExpandEmailFormatter, RowExpandRateFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, RowExpandFormulaFormatter, DigitalSignFormatter, DepartmentSingleSelectFormatter } from '../index';
 import { CellType } from '../constants';
 import './index.css';
-var EditorFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditorFormatter, _React$Component);
-  var _super = _createSuper(EditorFormatter);
-  function EditorFormatter(_props) {
-    var _this;
-    _classCallCheck(this, EditorFormatter);
-    _this = _super.call(this, _props);
-    _this.updateCollaborators = function () {
-      _this.setState({
-        collaborators: _this.getCollaborator()
+export default class EditorFormatter extends React.Component {
+  constructor(_props) {
+    super(_props);
+    this.updateCollaborators = () => {
+      this.setState({
+        collaborators: this.getCollaborator()
       });
     };
-    _this.calculateCollaboratorData = function (props) {
-      var row = props.row,
-        column = props.column;
+    this.calculateCollaboratorData = props => {
+      const {
+        row,
+        column
+      } = props;
       if (column.type === CellType.CREATOR || column.type === CellType.LAST_MODIFIER) {
-        var email = row[column.name];
-        _this.loadCollaborator(email);
+        const email = row[column.name];
+        this.loadCollaborator(email);
       } else if (column.type === CellType.COLLABORATOR) {
-        var emails = row[column.name];
+        const emails = row[column.name];
         if (Array.isArray(emails)) {
-          emails.forEach(function (email) {
-            _this.loadCollaborator(email);
+          emails.forEach(email => {
+            this.loadCollaborator(email);
           });
         }
       }
     };
-    _this.getCollaborator = function () {
-      var _this$props = _this.props,
-        context = _this$props.context,
-        collaborators = _this$props.collaborators;
+    this.getCollaborator = () => {
+      const {
+        context,
+        collaborators
+      } = this.props;
       if (context && context.getCollaboratorsFromCache) {
         return context.getCollaboratorsFromCache();
       }
       return collaborators || [];
     };
-    _this.loadCollaborator = function (email) {
-      var context = _this.props.context;
+    this.loadCollaborator = email => {
+      const {
+        context
+      } = this.props;
       if (context && context.loadCollaborator) {
         context.loadCollaborator(email);
       }
     };
-    _this.renderEmpty = function () {
+    this.renderEmpty = () => {
       return /*#__PURE__*/React.createElement("div", {
         className: "d-flex align-items-center form-control disabled h-auto"
       });
     };
-    _this.renderFormatter = function () {
-      var _this$props2 = _this.props,
-        column = _this$props2.column,
-        row = _this$props2.row,
-        className = _this$props2.className;
-      var _column = column,
-        columnType = _column.type;
-      var collaborators = _this.state.collaborators;
-      var containerClassName = "dtable-".concat(columnType, "-formatter ").concat(className || '');
-      var cellValue = row[column.key] || row[column.name];
+    this.renderFormatter = () => {
+      let {
+        column,
+        row,
+        className
+      } = this.props;
+      let {
+        type: columnType
+      } = column;
+      const {
+        collaborators
+      } = this.state;
+      const containerClassName = "dtable-".concat(columnType, "-formatter ").concat(className || '');
+      let cellValue = row[column.key] || row[column.name];
       switch (columnType) {
         case CellType.TEXT:
           {
@@ -160,7 +159,7 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
           }
         case CellType.MULTIPLE_SELECT:
           {
-            var options = column.data ? column.data.options : [];
+            const options = column.data ? column.data.options : [];
             return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100 h-auto"
             }, /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
@@ -171,12 +170,12 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
           }
         case CellType.SINGLE_SELECT:
           {
-            var _options = column.data ? column.data.options : [];
+            const options = column.data ? column.data.options : [];
             return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100"
             }, /*#__PURE__*/React.createElement(SingleSelectFormatter, {
               value: cellValue,
-              options: _options,
+              options: options,
               containerClassName: containerClassName
             }));
           }
@@ -185,8 +184,8 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/React.createElement(RowExpandFileFormatter, {
               value: cellValue,
               column: column,
-              downloadFile: _this.props.downloadFile,
-              deleteFile: _this.props.deleteFile
+              downloadFile: this.props.downloadFile,
+              deleteFile: this.props.deleteFile
             });
           }
         case CellType.IMAGE:
@@ -194,9 +193,9 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/React.createElement(RowExpandImageFormatter, {
               value: cellValue,
               column: column,
-              downloadImage: _this.props.downloadImage,
-              deleteFile: _this.props.deleteFile,
-              onRotateImage: _this.props.onRotateImage
+              downloadImage: this.props.downloadImage,
+              deleteFile: this.props.deleteFile,
+              onRotateImage: this.props.onRotateImage
             });
           }
         case CellType.CHECKBOX:
@@ -236,28 +235,33 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
         case CellType.LINK:
           {
             // handle link column do not have column.data.display_column
-            var _column2 = column,
-              data = _column2.data;
-            var display_column_key = data.display_column_key,
-              array_type = data.array_type,
-              array_data = data.array_data;
+            const {
+              data
+            } = column;
+            const {
+              display_column_key,
+              array_type,
+              array_data
+            } = data;
             if (!data.display_column) {
-              column = _objectSpread(_objectSpread({}, column), {}, {
-                data: _objectSpread(_objectSpread({}, data), {}, {
+              column = {
+                ...column,
+                data: {
+                  ...data,
                   display_column: {
                     key: display_column_key || '0000',
                     type: array_type || CellType.TEXT,
                     data: array_data || null
                   }
-                })
-              });
+                }
+              };
             }
             return /*#__PURE__*/React.createElement(RowExpandLinkFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
               containerClassName: containerClassName,
-              renderEmpty: _this.renderEmpty
+              renderEmpty: this.renderEmpty
             });
           }
         case CellType.AUTO_NUMBER:
@@ -316,7 +320,7 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/React.createElement(ButtonFormatter, {
               data: column.data,
               containerClassName: containerClassName,
-              onClickButton: _this.props.onClickButton
+              onClickButton: this.props.onClickButton
             });
           }
         case CellType.DIGITAL_SIGN:
@@ -324,57 +328,49 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
             return /*#__PURE__*/React.createElement(DigitalSignFormatter, {
               value: cellValue,
               containerClassName: containerClassName,
-              config: _this.props.config
+              config: this.props.config
             });
           }
         case CellType.DEPARTMENT_SINGLE_SELECT:
           {
             return /*#__PURE__*/React.createElement(DepartmentSingleSelectFormatter, {
               value: cellValue,
-              departments: _this.props.departments
+              departments: this.props.departments
             });
           }
         default:
           return null;
       }
     };
-    _this.state = {
-      collaborators: _this.getCollaborator()
+    this.state = {
+      collaborators: this.getCollaborator()
     };
-    return _this;
   }
-  _createClass(EditorFormatter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.calculateCollaboratorData(this.props);
-      if (this.props.eventBus) {
-        this.unsubscribeCollaboratorsUpdated = this.props.eventBus.subscribe('collaborators-updated', this.updateCollaborators);
-      }
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.calculateCollaboratorData(nextProps);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.props.eventBus && this.unsubscribeCollaboratorsUpdated) {
-        this.unsubscribeCollaboratorsUpdated();
-      }
+  componentDidMount() {
+    this.calculateCollaboratorData(this.props);
+    if (this.props.eventBus) {
+      this.unsubscribeCollaboratorsUpdated = this.props.eventBus.subscribe('collaborators-updated', this.updateCollaborators);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var className = this.props.className;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('dtable-ui dtable-row-expand-formatter', _defineProperty({}, className, className))
-      }, this.renderFormatter());
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.calculateCollaboratorData(nextProps);
+  }
+  componentWillUnmount() {
+    if (this.props.eventBus && this.unsubscribeCollaboratorsUpdated) {
+      this.unsubscribeCollaboratorsUpdated();
     }
-  }]);
-  return EditorFormatter;
-}(React.Component);
+  }
+  render() {
+    const {
+      className
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('dtable-ui dtable-row-expand-formatter', {
+        [className]: className
+      })
+    }, this.renderFormatter());
+  }
+}
 EditorFormatter.defaultProps = {
   className: ''
-};
-export { EditorFormatter as default };
+};