dtable-ui-component 4.3.7 → 4.3.8

package/lib/FormulaFormatter/index.js

@@ -1,8 +1,3 @@
-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 { CellType, FORMULA_RESULT_TYPE, getFormulaDisplayString } from 'dtable-utils';
 import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
@@ -10,17 +5,10 @@ import TextFormatter from '../TextFormatter';
 import { isArrayFormatColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from './utils';
 import cellValueValidator from './cell-value-validator';
 import './index.css';
-var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(FormulaFormatter, _React$Component);
-  var _super = _createSuper(FormulaFormatter);
-  function FormulaFormatter() {
-    var _this;
-    _classCallCheck(this, FormulaFormatter);
-    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.getGridCellClassName = function (resultType) {
+class FormulaFormatter extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.getGridCellClassName = resultType => {
       switch (resultType) {
         case FORMULA_RESULT_TYPE.NUMBER:
           {
@@ -32,44 +20,51 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
           }
       }
     };
-    _this.renderOtherColumnFormatter = function () {
-      var _this$props = _this.props,
-        value = _this$props.value,
-        column = _this$props.column,
-        collaborators = _this$props.collaborators;
-      var columnData = column.data;
-      var array_type = columnData.array_type,
-        array_data = columnData.array_data;
+    this.renderOtherColumnFormatter = () => {
+      const {
+        value,
+        column,
+        collaborators
+      } = this.props;
+      const {
+        data: columnData
+      } = column;
+      const {
+        array_type,
+        array_data
+      } = columnData;
       if (!array_type || array_type === CellType.LINK) {
         return null;
       }
-      var Formatter = BaseFormatterConfig[array_type];
-      var formatterProps = _this.getFormatterProps(array_type, array_data, collaborators);
+      const Formatter = BaseFormatterConfig[array_type];
+      let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
       if (isArrayFormatColumn(array_type)) {
         formatterProps.value = value;
-        return _this.createColumnFormatter(Formatter, formatterProps);
+        return this.createColumnFormatter(Formatter, formatterProps);
       }
-      var _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
-      var cellValue = value;
+      const _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
+      let cellValue = value;
       if (!Array.isArray(value)) {
         cellValue = cellValueValidator(value, array_type) ? [value] : [];
       }
-      var contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
+      const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
       return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
-      }, cellValue.map(function (v, index) {
+      }, cellValue.map((v, index) => {
         formatterProps.value = v;
         return /*#__PURE__*/React.createElement("div", {
           className: contentItemClassName,
           key: "formula-formatter-content-item-".concat(index)
-        }, _this.createColumnFormatter(Formatter, formatterProps));
+        }, this.createColumnFormatter(Formatter, formatterProps));
       }));
     };
-    _this.getFormatterProps = function (array_type, array_data, collaborators) {
+    this.getFormatterProps = (array_type, array_data, collaborators) => {
       switch (array_type) {
         case CellType.DURATION:
           {
-            var duration_format = array_data.duration_format;
+            const {
+              duration_format
+            } = array_data;
             return {
               format: duration_format
             };
@@ -84,60 +79,59 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
           }
         default:
           {
-            return _objectSpread(_objectSpread({}, array_data), {}, {
-              collaborators: collaborators
-            });
+            return {
+              ...array_data,
+              collaborators
+            };
           }
       }
     };
-    return _this;
   }
-  _createClass(FormulaFormatter, [{
-    key: "createColumnFormatter",
-    value: function createColumnFormatter(Formatter, formatterProps) {
-      if (React.isValidElement(Formatter)) {
-        return React.cloneElement(Formatter, _objectSpread({}, formatterProps));
-      } else if (isFunction(Formatter)) {
-        return /*#__PURE__*/React.createElement(Formatter, formatterProps);
-      }
-      return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
+  createColumnFormatter(Formatter, formatterProps) {
+    if (React.isValidElement(Formatter)) {
+      return React.cloneElement(Formatter, {
+        ...formatterProps
+      });
+    } else if (isFunction(Formatter)) {
+      return /*#__PURE__*/React.createElement(Formatter, formatterProps);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        containerClassName = _this$props2.containerClassName,
-        column = _this$props2.column,
-        collaborators = _this$props2.collaborators;
-      var data = column.data;
-      var array_type = data.array_type,
-        resultType = data.result_type;
-      var value = this.props.value;
-      if (Array.isArray(value)) {
-        value = getFormulaArrayValue(value);
-        if (array_type === CellType.LONG_TEXT) {
-          value = value.map(function (item) {
-            return convertValueToDtableLongTextValue(item);
-          });
-        }
-      }
-      if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
-        return this.renderOtherColumnFormatter();
-      }
-      if (typeof value === 'object') {
-        return null;
+    return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
+  }
+  render() {
+    const {
+      containerClassName,
+      column,
+      collaborators
+    } = this.props;
+    const {
+      data
+    } = column;
+    const {
+      array_type,
+      result_type: resultType
+    } = data;
+    let value = this.props.value;
+    if (Array.isArray(value)) {
+      value = getFormulaArrayValue(value);
+      if (array_type === CellType.LONG_TEXT) {
+        value = value.map(item => convertValueToDtableLongTextValue(item));
       }
-      var gridCellClassName = this.getGridCellClassName(resultType);
-      var formattedValue = getFormulaDisplayString(value, data, {
-        collaborators: collaborators
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
-        title: formattedValue,
-        "aria-label": formattedValue
-      }, formattedValue);
     }
-  }]);
-  return FormulaFormatter;
-}(React.Component);
+    if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
+      return this.renderOtherColumnFormatter();
+    }
+    if (typeof value === 'object') {
+      return null;
+    }
+    const gridCellClassName = this.getGridCellClassName(resultType);
+    const formattedValue = getFormulaDisplayString(value, data, {
+      collaborators
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
+      title: formattedValue,
+      "aria-label": formattedValue
+    }, formattedValue);
+  }
+}
 export default FormulaFormatter;

package/lib/FormulaFormatter/utils.js

@@ -6,11 +6,11 @@ export function isSimpleCellFormatter(type) {
 export function isArrayFormatColumn(columnType) {
   return ARRAY_FORMAT_COLUMNS.includes(columnType);
 }
-export var isFunction = function isFunction(functionToCheck) {
-  var getType = {};
+export const isFunction = functionToCheck => {
+  const getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
 };
-export var isValidCellValue = function isValidCellValue(value) {
+export const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -18,63 +18,69 @@ export var isValidCellValue = function isValidCellValue(value) {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-export var getFormulaArrayValue = function getFormulaArrayValue(value) {
-  var isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+export const getFormulaArrayValue = function (value) {
+  let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) {
     return [];
   }
   if (!isFlat) {
     return getTwoDimensionArrayValue(value);
   }
-  return value.map(function (item) {
+  return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]' || !Object.prototype.hasOwnProperty.call(item, 'display_value')) {
       return item;
     }
-    var display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) {
       return display_value;
     }
-    return display_value.map(function (i) {
+    return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) {
           return i;
         }
-        var _display_value = i.display_value;
-        return _display_value;
+        const {
+          display_value
+        } = i;
+        return display_value;
       }
       return i;
     });
-  }).flat().filter(function (item) {
-    return isValidCellValue(item);
-  });
+  }).flat().filter(item => isValidCellValue(item));
 };
-export var getTwoDimensionArrayValue = function getTwoDimensionArrayValue(value) {
+export const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
-  return value.map(function (item) {
+  return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
       return item;
     }
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) {
       return item;
     }
-    var display_value = item.display_value;
+    const {
+      display_value
+    } = item;
     if (!Array.isArray(display_value) || display_value.length === 0) {
       return display_value;
     }
-    return display_value.map(function (i) {
+    return display_value.map(i => {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) {
           return i;
         }
-        var _display_value2 = i.display_value;
-        return _display_value2;
+        const {
+          display_value
+        } = i;
+        return display_value;
       }
       return i;
     });
   });
 };
-export var convertValueToDtableLongTextValue = function convertValueToDtableLongTextValue(value) {
-  var valueType = Object.prototype.toString.call(value);
+export const convertValueToDtableLongTextValue = value => {
+  const valueType = Object.prototype.toString.call(value);
   if (value && valueType === '[object String]') {
     return getPreviewContent(value);
   }

package/lib/GeolocationFormatter/index.js

@@ -1,40 +1,27 @@
-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 { getGeolocationDisplayString } from 'dtable-utils';
 import './index.css';
-var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
-  _inherits(GeolocationFormatter, _React$Component);
-  var _super = _createSuper(GeolocationFormatter);
-  function GeolocationFormatter() {
-    _classCallCheck(this, GeolocationFormatter);
-    return _super.apply(this, arguments);
-  }
-  _createClass(GeolocationFormatter, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        data = _this$props.data,
-        containerClassName = _this$props.containerClassName,
-        isBaiduMap = _this$props.isBaiduMap;
-      var className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
-      if (typeof value !== 'object') {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, getGeolocationDisplayString(value, data, {
-        isBaiduMap: isBaiduMap,
-        hyphen: ' '
-      }));
+class GeolocationFormatter extends React.Component {
+  render() {
+    let {
+      value,
+      data,
+      containerClassName,
+      isBaiduMap
+    } = this.props;
+    let className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
+    if (typeof value !== 'object') {
+      return null;
     }
-  }]);
-  return GeolocationFormatter;
-}(React.Component);
+    return /*#__PURE__*/React.createElement("div", {
+      className: className
+    }, getGeolocationDisplayString(value, data, {
+      isBaiduMap,
+      hyphen: ' '
+    }));
+  }
+}
 GeolocationFormatter.defaultProps = {
   value: {
     province: '',

package/lib/HtmlLongTextFormatter/index.js

@@ -1,78 +1,69 @@
-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 { processor } from './markdown2html';
 import './index.css';
-var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
-  _inherits(HtmlLongTextFormatter, _Component);
-  var _super = _createSuper(HtmlLongTextFormatter);
-  function HtmlLongTextFormatter(_props) {
-    var _this;
-    _classCallCheck(this, HtmlLongTextFormatter);
-    _this = _super.call(this, _props);
-    _this.translateValue = function (props) {
-      var value = props.value;
+class HtmlLongTextFormatter extends Component {
+  constructor(_props) {
+    super(_props);
+    this.translateValue = props => {
+      const {
+        value
+      } = props;
       if (!value) {
-        _this.setState({
+        this.setState({
           innerHtml: null
         });
         return;
       }
-      var valueType = Object.prototype.toString.call(value);
+      const valueType = Object.prototype.toString.call(value);
       if (valueType === '[object String]') {
-        _this.convertMarkdown(value);
+        this.convertMarkdown(value);
         return;
       }
       if (valueType === '[object Object]') {
-        _this.convertMarkdown(value.text);
+        this.convertMarkdown(value.text);
         return;
       }
       return;
     };
-    _this.convertMarkdown = function (mdFile) {
-      processor.process(mdFile).then(function (result) {
-        var innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
-        _this.setState({
-          innerHtml: innerHtml
+    this.convertMarkdown = mdFile => {
+      processor.process(mdFile).then(result => {
+        let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
+        this.setState({
+          innerHtml
         });
       });
     };
-    _this.state = {
+    this.state = {
       innerHtml: null
     };
-    return _this;
   }
-  _createClass(HtmlLongTextFormatter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.translateValue(this.props);
+  componentDidMount() {
+    this.translateValue(this.props);
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      value
+    } = this.props;
+    if (nextProps.value !== value) {
+      this.translateValue(nextProps);
     }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var value = this.props.value;
-      if (nextProps.value !== value) {
-        this.translateValue(nextProps);
+  }
+  render() {
+    const {
+      innerHtml
+    } = this.state;
+    const {
+      containerClassName
+    } = this.props;
+    const className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+    if (!innerHtml) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(className, " article"),
+      dangerouslySetInnerHTML: {
+        __html: innerHtml
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var innerHtml = this.state.innerHtml;
-      var containerClassName = this.props.containerClassName;
-      var className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
-      if (!innerHtml) return null;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(className, " article"),
-        dangerouslySetInnerHTML: {
-          __html: innerHtml
-        }
-      });
-    }
-  }]);
-  return HtmlLongTextFormatter;
-}(Component);
+    });
+  }
+}
 export default HtmlLongTextFormatter;

package/lib/HtmlLongTextFormatter/markdown2html.js

@@ -9,8 +9,8 @@ var toHTML = require('hast-util-to-html');
 var sanitize = require('hast-util-sanitize');
 var gh = require('hast-util-sanitize/lib/github');
 var deepmerge = require('deepmerge').default;
-var mathjax = require('rehype-mathjax/browser');
-var math = require('remark-math/block');
+const mathjax = require('rehype-mathjax/browser');
+const math = require('remark-math/block');
 var unified = require('./unified').default;
 function stringify(config) {
   var settings = xtend(config, this.data('settings'));

package/lib/HtmlLongTextFormatter/unified/index.js

@@ -396,5 +396,5 @@ function assertDone(name, asyncName, complete) {
 }
 
 /* Expose a frozen processor. */
-var unified_freeze = unified().freeze();
+const unified_freeze = unified().freeze();
 export default unified_freeze;

package/lib/HtmlLongTextFormatter/vfile/core.js

@@ -58,10 +58,10 @@ function VFile(options) {
 
 /* Access full path (`~/index.min.js`). */
 Object.defineProperty(proto, 'path', {
-  get: function get() {
+  get: function () {
     return this.history[this.history.length - 1];
   },
-  set: function set(path) {
+  set: function (path) {
     assertNonEmpty(path, 'path');
     if (path !== this.path) {
       this.history.push(path);
@@ -71,10 +71,10 @@ Object.defineProperty(proto, 'path', {
 
 /* Access parent path (`~`). */
 Object.defineProperty(proto, 'dirname', {
-  get: function get() {
+  get: function () {
     return typeof this.path === 'string' ? path.dirname(this.path) : undefined;
   },
-  set: function set(dirname) {
+  set: function (dirname) {
     assertPath(this.path, 'dirname');
     this.path = path.join(dirname || '', this.basename);
   }
@@ -82,10 +82,10 @@ Object.defineProperty(proto, 'dirname', {
 
 /* Access basename (`index.min.js`). */
 Object.defineProperty(proto, 'basename', {
-  get: function get() {
+  get: function () {
     return typeof this.path === 'string' ? path.basename(this.path) : undefined;
   },
-  set: function set(basename) {
+  set: function (basename) {
     assertNonEmpty(basename, 'basename');
     assertPart(basename, 'basename');
     this.path = path.join(this.dirname || '', basename);
@@ -94,10 +94,10 @@ Object.defineProperty(proto, 'basename', {
 
 /* Access extname (`.js`). */
 Object.defineProperty(proto, 'extname', {
-  get: function get() {
+  get: function () {
     return typeof this.path === 'string' ? path.extname(this.path) : undefined;
   },
-  set: function set(extname) {
+  set: function (extname) {
     var ext = extname || '';
     assertPart(ext, 'extname');
     assertPath(this.path, 'extname');
@@ -115,10 +115,10 @@ Object.defineProperty(proto, 'extname', {
 
 /* Access stem (`index.min`). */
 Object.defineProperty(proto, 'stem', {
-  get: function get() {
+  get: function () {
     return typeof this.path === 'string' ? path.basename(this.path, this.extname) : undefined;
   },
-  set: function set(stem) {
+  set: function (stem) {
     assertNonEmpty(stem, 'stem');
     assertPart(stem, 'stem');
     this.path = path.join(this.dirname || '', stem + (this.extname || ''));