dtable-ui-component 4.3.7 → 4.3.8

package/lib/FieldDisplaySetting/field-item.js

@@ -1,38 +1,36 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useRef } from 'react';
 import { COLUMNS_ICON_CONFIG } from 'dtable-utils';
 import { DTableSwitch } from '../index';
 function FieldItem(_ref) {
-  var field = _ref.field,
-    isCollapsed = _ref.isCollapsed,
-    onClickField = _ref.onClickField,
-    onMoveField = _ref.onMoveField;
-  var enteredCounter = 0;
-  var fieldItemRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isItemDropTipShow = _useState2[0],
-    setDropTipShow = _useState2[1];
-  var handleClickField = function handleClickField(e) {
+  let {
+    field,
+    isCollapsed,
+    onClickField,
+    onMoveField
+  } = _ref;
+  let enteredCounter = 0;
+  const fieldItemRef = useRef(null);
+  const [isItemDropTipShow, setDropTipShow] = useState(false);
+  const handleClickField = e => {
     e.nativeEvent.stopImmediatePropagation();
-    var value = e.target.checked;
+    const value = e.target.checked;
     if (value === field.shown) return;
     onClickField(field.key, value);
   };
-  var onDragStart = function onDragStart(e) {
+  const onDragStart = e => {
     e.stopPropagation();
     e.dataTransfer.setDragImage(fieldItemRef.current, 10, 10);
     e.dataTransfer.effectAllowed = 'move';
     e.dataTransfer.setData('text/plain', field.key);
   };
-  var onTableDragEnter = function onTableDragEnter(e) {
+  const onTableDragEnter = e => {
     e.stopPropagation();
     enteredCounter++;
     if (enteredCounter !== 0 && !isItemDropTipShow) {
       setDropTipShow(true);
     }
   };
-  var onDragOver = function onDragOver(e) {
+  const onDragOver = e => {
     if (e.dataTransfer.dropEffect === 'copy') {
       return;
     }
@@ -40,22 +38,22 @@ function FieldItem(_ref) {
     e.preventDefault();
     e.dataTransfer.dropEffect = 'move';
   };
-  var onDragLeave = function onDragLeave(e) {
+  const onDragLeave = e => {
     e.stopPropagation();
     enteredCounter--;
     if (enteredCounter === 0) {
       setDropTipShow(false);
     }
   };
-  var onDrop = function onDrop(e) {
+  const onDrop = e => {
     e.stopPropagation();
     e.preventDefault();
     setDropTipShow(false);
-    var droppedColumnKey = e.dataTransfer.getData('text/plain');
+    const droppedColumnKey = e.dataTransfer.getData('text/plain');
     if (droppedColumnKey === field.key) return;
     onMoveField(droppedColumnKey, field.key);
   };
-  var placeholder = function placeholder() {
+  const placeholder = () => {
     return /*#__PURE__*/React.createElement("div", {
       className: "field-switch"
     }, /*#__PURE__*/React.createElement("i", {

package/lib/FieldDisplaySetting/index.js

@@ -1,33 +1,30 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useRef, useState } from 'react';
 import { Label } from 'reactstrap';
 import { Transition } from 'react-transition-group';
 import FieldItem from './field-item';
 import './index.css';
-var FIELD_ITEM_HEIGHT = 30;
-var BANNER_HEIGHT = 24;
-var DURATION = 300;
+const FIELD_ITEM_HEIGHT = 30;
+const BANNER_HEIGHT = 24;
+const DURATION = 300;
 function FieldDisplaySetting(_ref) {
-  var fields = _ref.fields,
-    textProperties = _ref.textProperties,
-    fieldAllShown = _ref.fieldAllShown,
-    onClickField = _ref.onClickField,
-    onMoveField = _ref.onMoveField,
-    onToggleFieldsVisibility = _ref.onToggleFieldsVisibility;
-  var nodeRef = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCollapsed = _useState2[0],
-    setCollapsed = _useState2[1];
-  var expandAllFields = function expandAllFields() {
+  let {
+    fields,
+    textProperties,
+    fieldAllShown,
+    onClickField,
+    onMoveField,
+    onToggleFieldsVisibility
+  } = _ref;
+  const nodeRef = useRef(null);
+  const [isCollapsed, setCollapsed] = useState(true);
+  const expandAllFields = () => {
     setCollapsed(!isCollapsed);
   };
-  var defaultStyle = {
+  const defaultStyle = {
     transition: "all ".concat(DURATION, "ms cubic-bezier(.645,.045,.355,1)"),
     opacity: 0
   };
-  var transitionStyles = {
+  const transitionStyles = {
     entering: {
       opacity: 1,
       height: "".concat(fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT, "px")
@@ -58,29 +55,30 @@ function FieldDisplaySetting(_ref) {
     nodeRef: nodeRef,
     in: !isCollapsed,
     timeout: DURATION
-  }, function (state) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "field-setting-wrapper",
-      ref: nodeRef,
-      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "field-setting-banner ".concat(isCollapsed ? 'd-none' : 'd-flex', " align-items-center justify-content-between h-5 mt-2 mb-2")
-    }, /*#__PURE__*/React.createElement(Label, {
-      className: "mb-0"
-    }, textProperties.bannerValue), /*#__PURE__*/React.createElement("span", {
-      className: "show-all-button",
-      onClick: onToggleFieldsVisibility
-    }, fieldAllShown ? textProperties.hideValue : textProperties.showValue)), /*#__PURE__*/React.createElement("div", {
-      className: "field-setting-body"
-    }, fields.map(function (field, index) {
-      return /*#__PURE__*/React.createElement(FieldItem, {
-        key: "".concat(field.key, "-").concat(index),
-        field: field,
-        isCollapsed: isCollapsed,
-        onClickField: onClickField,
-        onMoveField: onMoveField
-      });
-    })));
-  }));
+  }, state => /*#__PURE__*/React.createElement("div", {
+    className: "field-setting-wrapper",
+    ref: nodeRef,
+    style: {
+      ...defaultStyle,
+      ...transitionStyles[state]
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "field-setting-banner ".concat(isCollapsed ? 'd-none' : 'd-flex', " align-items-center justify-content-between h-5 mt-2 mb-2")
+  }, /*#__PURE__*/React.createElement(Label, {
+    className: "mb-0"
+  }, textProperties.bannerValue), /*#__PURE__*/React.createElement("span", {
+    className: "show-all-button",
+    onClick: onToggleFieldsVisibility
+  }, fieldAllShown ? textProperties.hideValue : textProperties.showValue)), /*#__PURE__*/React.createElement("div", {
+    className: "field-setting-body"
+  }, fields.map((field, index) => {
+    return /*#__PURE__*/React.createElement(FieldItem, {
+      key: "".concat(field.key, "-").concat(index),
+      field: field,
+      isCollapsed: isCollapsed,
+      onClickField: onClickField,
+      onMoveField: onMoveField
+    });
+  })))));
 }
 export default FieldDisplaySetting;

package/lib/FileEditor/index.js

@@ -1,36 +1,25 @@
-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 { Modal, ModalHeader, ModalBody } from 'reactstrap';
 import { getLocale } from '../lang';
-var FileEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileEditor, _React$Component);
-  var _super = _createSuper(FileEditor);
-  function FileEditor(props) {
-    var _this;
-    _classCallCheck(this, FileEditor);
-    _this = _super.call(this, props);
-    _this.state = {};
-    return _this;
+class FileEditor extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
   }
-  _createClass(FileEditor, [{
-    key: "render",
-    value: function render() {
-      var closeEditor = this.props.closeEditor;
-      return /*#__PURE__*/React.createElement(Modal, {
-        isOpen: true,
-        toggle: closeEditor
-      }, /*#__PURE__*/React.createElement(ModalHeader, {
-        toggle: closeEditor
-      }, getLocale('Add_Files')), /*#__PURE__*/React.createElement(ModalBody, {
-        className: "file-editor-container"
-      }));
-    }
-  }]);
-  return FileEditor;
-}(React.Component);
+  render() {
+    let {
+      closeEditor
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Modal, {
+      isOpen: true,
+      toggle: closeEditor
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
+      toggle: closeEditor
+    }, getLocale('Add_Files')), /*#__PURE__*/React.createElement(ModalBody, {
+      className: "file-editor-container"
+    }));
+  }
+}
 FileEditor.defaultProps = {
   isCheckRepeat: false,
   columnType: 'file'

package/lib/FileFormatter/index.js

@@ -1,54 +1,40 @@
-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 FileItemFormatter from '../FileItemFormatter';
 import './index.css';
-var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(FileFormatter, _React$PureComponent);
-  var _super = _createSuper(FileFormatter);
-  function FileFormatter() {
-    _classCallCheck(this, FileFormatter);
-    return _super.apply(this, arguments);
-  }
-  _createClass(FileFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        isSample = _this$props.isSample,
-        value = _this$props.value,
-        containerClassName = _this$props.containerClassName;
-      if (!Array.isArray(value) || value.length === 0) {
-        return null;
-      }
-      var className = classnames('dtable-ui cell-formatter-container file-formatter', containerClassName);
-      if (isSample) {
-        var item = value[0];
-        return /*#__PURE__*/React.createElement("div", {
-          className: className
-        }, /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item
-        }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
-          className: "file-item-count"
-        }, "+".concat(value.length)));
-      }
+export default class FileFormatter extends React.PureComponent {
+  render() {
+    let {
+      isSample,
+      value,
+      containerClassName
+    } = this.props;
+    if (!Array.isArray(value) || value.length === 0) {
+      return null;
+    }
+    let className = classnames('dtable-ui cell-formatter-container file-formatter', containerClassName);
+    if (isSample) {
+      let item = value[0];
       return /*#__PURE__*/React.createElement("div", {
         className: className
-      }, value.map(function (item, index) {
-        return /*#__PURE__*/React.createElement(FileItemFormatter, {
-          file: item,
-          key: index
-        });
-      }));
+      }, /*#__PURE__*/React.createElement(FileItemFormatter, {
+        file: item
+      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
+        className: "file-item-count"
+      }, "+".concat(value.length)));
     }
-  }]);
-  return FileFormatter;
-}(React.PureComponent);
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, value.map((item, index) => {
+      return /*#__PURE__*/React.createElement(FileItemFormatter, {
+        file: item,
+        key: index
+      });
+    }));
+  }
+}
 FileFormatter.defaultProps = {
   isSample: false,
   value: [],
   containerClassName: ''
-};
-export { FileFormatter as default };
+};

package/lib/FileItemFormatter/index.js

@@ -1,37 +1,22 @@
-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 { getFileIconUrl } from './utils';
-var FileItemFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(FileItemFormatter, _Component);
-  var _super = _createSuper(FileItemFormatter);
-  function FileItemFormatter() {
-    var _this;
-    _classCallCheck(this, FileItemFormatter);
-    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.getFileIconData = function (item) {
-      var fileIconUrl = getFileIconUrl(item.name, item.type);
-      var fileIconData = require('./' + fileIconUrl);
+export default class FileItemFormatter extends Component {
+  constructor() {
+    super(...arguments);
+    this.getFileIconData = item => {
+      let fileIconUrl = getFileIconUrl(item.name, item.type);
+      let fileIconData = require('./' + fileIconUrl);
       return fileIconData;
     };
-    return _this;
   }
-  _createClass(FileItemFormatter, [{
-    key: "render",
-    value: function render() {
-      var file = this.props.file;
-      return /*#__PURE__*/React.createElement("img", {
-        className: "file-item-icon",
-        src: this.getFileIconData(file),
-        alt: file.name
-      });
-    }
-  }]);
-  return FileItemFormatter;
-}(Component);
-export { FileItemFormatter as default };
+  render() {
+    const {
+      file
+    } = this.props;
+    return /*#__PURE__*/React.createElement("img", {
+      className: "file-item-icon",
+      src: this.getFileIconData(file),
+      alt: file.name
+    });
+  }
+}

package/lib/FileItemFormatter/utils.js

@@ -1,4 +1,4 @@
-var FILEEXT_ICON_MAP = {
+const FILEEXT_ICON_MAP = {
   // text file
   md: 'txt.png',
   txt: 'txt.png',
@@ -46,15 +46,15 @@ var FILEEXT_ICON_MAP = {
   // default
   default: 'file.png'
 };
-export var getFileIconUrl = function getFileIconUrl(filename, direntType) {
+export const getFileIconUrl = (filename, direntType) => {
   if (typeof direntType === 'string' && direntType === 'dir') {
     return 'assets/folder/' + FILEEXT_ICON_MAP['folder'];
   }
-  var identifierIndex = typeof filename === 'string' && filename.lastIndexOf('.');
+  const identifierIndex = typeof filename === 'string' && filename.lastIndexOf('.');
   if (identifierIndex === -1) {
     return 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
   }
-  var file_ext = typeof filename === 'string' && filename.slice(identifierIndex + 1).toLowerCase() || 'default';
-  var iconUrl = FILEEXT_ICON_MAP[file_ext] ? 'assets/file/192/' + FILEEXT_ICON_MAP[file_ext] : 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
+  const file_ext = typeof filename === 'string' && filename.slice(identifierIndex + 1).toLowerCase() || 'default';
+  const iconUrl = FILEEXT_ICON_MAP[file_ext] ? 'assets/file/192/' + FILEEXT_ICON_MAP[file_ext] : 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
   return iconUrl;
 };

package/lib/FileUploader/index.js

@@ -1,37 +1,24 @@
-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';
-var FileUploader = /*#__PURE__*/function (_React$Component) {
-  _inherits(FileUploader, _React$Component);
-  var _super = _createSuper(FileUploader);
-  function FileUploader(props) {
-    var _this;
-    _classCallCheck(this, FileUploader);
-    _this = _super.call(this, props);
-    _this.onFilesChanged = function () {};
-    _this.uploadFiles = function (fileList) {
-      var isMultiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+class FileUploader extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onFilesChanged = () => {};
+    this.uploadFiles = function (fileList) {
+      let isMultiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     };
-    _this.checkRepeat = function () {};
-    _this.cancelUploadFile = function () {};
-    _this.onFileUploadProgress = function () {};
-    _this.onFileUploadSuccss = function () {};
-    _this.onFileUploadFailed = function () {};
-    _this.state = {};
-    _this.uploadFiles = [];
-    return _this;
+    this.checkRepeat = () => {};
+    this.cancelUploadFile = () => {};
+    this.onFileUploadProgress = () => {};
+    this.onFileUploadSuccss = () => {};
+    this.onFileUploadFailed = () => {};
+    this.state = {};
+    this.uploadFiles = [];
   }
-  _createClass(FileUploader, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("input", {
-        type: "file",
-        onChange: this.onFilesChanged
-      });
-    }
-  }]);
-  return FileUploader;
-}(React.Component);
+  render() {
+    return /*#__PURE__*/React.createElement("input", {
+      type: "file",
+      onChange: this.onFilesChanged
+    });
+  }
+}
 export default FileUploader;

package/lib/FormulaFormatter/cell-value-validator.js

@@ -1,18 +1,33 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _validators;
 import { FORMULA_RESULT_TYPE, CellType } from '../constants';
-var numberValidator = function numberValidator(value) {
+const numberValidator = value => {
   return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';
 };
-var textValidator = function textValidator(value) {
+const textValidator = value => {
   return !!value;
 };
-var checkboxValidator = function checkboxValidator(value) {
+const checkboxValidator = value => {
   return typeof value === 'boolean';
 };
-var validators = (_validators = {}, _defineProperty(_validators, CellType.NUMBER, numberValidator), _defineProperty(_validators, CellType.RATE, numberValidator), _defineProperty(_validators, CellType.DURATION, numberValidator), _defineProperty(_validators, CellType.CHECKBOX, checkboxValidator), _defineProperty(_validators, CellType.TEXT, textValidator), _defineProperty(_validators, CellType.DATE, textValidator), _defineProperty(_validators, CellType.CTIME, textValidator), _defineProperty(_validators, CellType.MTIME, textValidator), _defineProperty(_validators, CellType.GEOLOCATION, textValidator), _defineProperty(_validators, CellType.AUTO_NUMBER, textValidator), _defineProperty(_validators, CellType.URL, textValidator), _defineProperty(_validators, CellType.EMAIL, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.DATE, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.STRING, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.NUMBER, numberValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.BOOL, checkboxValidator), _validators);
-var cellValueValidator = function cellValueValidator(cellValue, type) {
-  var validator = validators[type];
+const validators = {
+  [CellType.NUMBER]: numberValidator,
+  [CellType.RATE]: numberValidator,
+  [CellType.DURATION]: numberValidator,
+  [CellType.CHECKBOX]: checkboxValidator,
+  [CellType.TEXT]: textValidator,
+  [CellType.DATE]: textValidator,
+  [CellType.CTIME]: textValidator,
+  [CellType.MTIME]: textValidator,
+  [CellType.GEOLOCATION]: textValidator,
+  [CellType.AUTO_NUMBER]: textValidator,
+  [CellType.URL]: textValidator,
+  [CellType.EMAIL]: textValidator,
+  [FORMULA_RESULT_TYPE.DATE]: textValidator,
+  [FORMULA_RESULT_TYPE.STRING]: textValidator,
+  [FORMULA_RESULT_TYPE.NUMBER]: numberValidator,
+  [FORMULA_RESULT_TYPE.BOOL]: checkboxValidator
+};
+const cellValueValidator = (cellValue, type) => {
+  const validator = validators[type];
   if (validator) {
     return validator(cellValue);
   }