dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/FileEditor/pc-files-addition/pc-file-uploaded-item.js

@@ -1 +0,0 @@
-"use strict";

package/lib/FileEditor/pc-files-preview/index.js

@@ -1 +0,0 @@
-"use strict";

package/lib/FileEditor/pc-files-preview/pc-file-item-preview.js

@@ -1 +0,0 @@
-"use strict";

package/lib/FileFormatter/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
-require("./index.css");
-class FileFormatter extends _react.default.PureComponent {
+import React from 'react';
+import classnames from 'classnames';
+import FileItemFormatter from '../FileItemFormatter';
+import './index.css';
+export default class FileFormatter extends React.PureComponent {
   render() {
     let {
       isSample,
@@ -19,28 +12,27 @@ class FileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    let className = (0, _classnames.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
+    let className = classnames('dtable-ui cell-formatter-container file-formatter', containerClassName);
     if (isSample) {
       let item = value[0];
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: className
-      }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+      }, /*#__PURE__*/React.createElement(FileItemFormatter, {
         file: item
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
+      }), value.length !== 1 && /*#__PURE__*/React.createElement("span", {
         className: "file-item-count"
       }, "+".concat(value.length)));
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className
     }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+      return /*#__PURE__*/React.createElement(FileItemFormatter, {
         file: item,
         key: index
       });
     }));
   }
 }
-exports.default = FileFormatter;
 FileFormatter.defaultProps = {
   isSample: false,
   value: [],

package/lib/FileItemFormatter/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("./utils");
-class FileItemFormatter extends _react.Component {
+import React, { Component } from 'react';
+import { getFileIconUrl } from './utils';
+export default class FileItemFormatter extends Component {
   constructor() {
     super(...arguments);
     this.getFileIconData = item => {
-      let fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
+      let fileIconUrl = getFileIconUrl(item.name, item.type);
       let fileIconData = require('./' + fileIconUrl);
       return fileIconData;
     };
@@ -20,11 +13,10 @@ class FileItemFormatter extends _react.Component {
     const {
       file
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("img", {
+    return /*#__PURE__*/React.createElement("img", {
       className: "file-item-icon",
       src: this.getFileIconData(file),
       alt: file.name
     });
   }
-}
-exports.default = FileItemFormatter;
+}

package/lib/FileItemFormatter/utils.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFileIconUrl = void 0;
 const FILEEXT_ICON_MAP = {
   // text file
   md: 'txt.png',
@@ -52,7 +46,7 @@ const FILEEXT_ICON_MAP = {
   // default
   default: 'file.png'
 };
-const getFileIconUrl = (filename, direntType) => {
+export const getFileIconUrl = (filename, direntType) => {
   if (typeof direntType === 'string' && direntType === 'dir') {
     return 'assets/folder/' + FILEEXT_ICON_MAP['folder'];
   }
@@ -63,5 +57,4 @@ const getFileIconUrl = (filename, direntType) => {
   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;
-};
-exports.getFileIconUrl = getFileIconUrl;
+};

package/lib/FileUploader/index.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-class FileUploader extends _react.default.Component {
+import React from 'react';
+class FileUploader extends React.Component {
   constructor(props) {
     super(props);
     this.onFilesChanged = () => {};
@@ -22,10 +15,10 @@ class FileUploader extends _react.default.Component {
     this.uploadFiles = [];
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/React.createElement("input", {
       type: "file",
       onChange: this.onFilesChanged
     });
   }
 }
-var _default = exports.default = FileUploader;
+export default FileUploader;

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

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../constants");
+import { FORMULA_RESULT_TYPE, CellType } from '../constants';
 const numberValidator = value => {
   return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';
 };
@@ -15,22 +9,22 @@ const checkboxValidator = value => {
   return typeof value === 'boolean';
 };
 const validators = {
-  [_constants.CellType.NUMBER]: numberValidator,
-  [_constants.CellType.RATE]: numberValidator,
-  [_constants.CellType.DURATION]: numberValidator,
-  [_constants.CellType.CHECKBOX]: checkboxValidator,
-  [_constants.CellType.TEXT]: textValidator,
-  [_constants.CellType.DATE]: textValidator,
-  [_constants.CellType.CTIME]: textValidator,
-  [_constants.CellType.MTIME]: textValidator,
-  [_constants.CellType.GEOLOCATION]: textValidator,
-  [_constants.CellType.AUTO_NUMBER]: textValidator,
-  [_constants.CellType.URL]: textValidator,
-  [_constants.CellType.EMAIL]: textValidator,
-  [_constants.FORMULA_RESULT_TYPE.DATE]: textValidator,
-  [_constants.FORMULA_RESULT_TYPE.STRING]: textValidator,
-  [_constants.FORMULA_RESULT_TYPE.NUMBER]: numberValidator,
-  [_constants.FORMULA_RESULT_TYPE.BOOL]: checkboxValidator
+  [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];
@@ -39,4 +33,4 @@ const cellValueValidator = (cellValue, type) => {
   }
   return true;
 };
-var _default = exports.default = cellValueValidator;
+export default cellValueValidator;

package/lib/FormulaFormatter/index.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
-var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
-var _utils = require("./utils");
-var _cellValueValidator = _interopRequireDefault(require("./cell-value-validator"));
-require("./index.css");
-class FormulaFormatter extends _react.default.Component {
+import React from 'react';
+import { CellType, FORMULA_RESULT_TYPE, getFormulaDisplayString } from 'dtable-utils';
+import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
+import TextFormatter from '../TextFormatter';
+import { isArrayFormatColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from './utils';
+import cellValueValidator from './cell-value-validator';
+import './index.css';
+class FormulaFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.getGridCellClassName = resultType => {
       switch (resultType) {
-        case _dtableUtils.FORMULA_RESULT_TYPE.NUMBER:
+        case FORMULA_RESULT_TYPE.NUMBER:
           {
             return 'text-right';
           }
@@ -40,26 +33,26 @@ class FormulaFormatter extends _react.default.Component {
         array_type,
         array_data
       } = columnData;
-      if (!array_type || array_type === _dtableUtils.CellType.LINK) {
+      if (!array_type || array_type === CellType.LINK) {
         return null;
       }
-      const Formatter = _baseFormatterConfig.default[array_type];
+      const Formatter = BaseFormatterConfig[array_type];
       let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
-      if ((0, _utils.isArrayFormatColumn)(array_type)) {
+      if (isArrayFormatColumn(array_type)) {
         formatterProps.value = value;
         return this.createColumnFormatter(Formatter, formatterProps);
       }
-      const _isSimpleCellFormatterColumn = (0, _utils.isSimpleCellFormatter)(array_type);
+      const _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
       let cellValue = value;
       if (!Array.isArray(value)) {
-        cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
+        cellValue = cellValueValidator(value, array_type) ? [value] : [];
       }
       const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map((v, index) => {
         formatterProps.value = v;
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: contentItemClassName,
           key: "formula-formatter-content-item-".concat(index)
         }, this.createColumnFormatter(Formatter, formatterProps));
@@ -67,7 +60,7 @@ class FormulaFormatter extends _react.default.Component {
     };
     this.getFormatterProps = (array_type, array_data, collaborators) => {
       switch (array_type) {
-        case _dtableUtils.CellType.DURATION:
+        case CellType.DURATION:
           {
             const {
               duration_format
@@ -76,9 +69,9 @@ class FormulaFormatter extends _react.default.Component {
               format: duration_format
             };
           }
-        case _dtableUtils.CellType.NUMBER:
-        case _dtableUtils.CellType.RATE:
-        case _dtableUtils.CellType.GEOLOCATION:
+        case CellType.NUMBER:
+        case CellType.RATE:
+        case CellType.GEOLOCATION:
           {
             return {
               data: array_data
@@ -95,14 +88,14 @@ class FormulaFormatter extends _react.default.Component {
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
-    if ( /*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+    if (React.isValidElement(Formatter)) {
+      return React.cloneElement(Formatter, {
         ...formatterProps
       });
-    } else if ((0, _utils.isFunction)(Formatter)) {
-      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
+    } else if (isFunction(Formatter)) {
+      return /*#__PURE__*/React.createElement(Formatter, formatterProps);
     }
-    return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
+    return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
   }
   render() {
     const {
@@ -119,26 +112,26 @@ class FormulaFormatter extends _react.default.Component {
     } = data;
     let value = this.props.value;
     if (Array.isArray(value)) {
-      value = (0, _utils.getFormulaArrayValue)(value);
-      if (array_type === _dtableUtils.CellType.LONG_TEXT) {
-        value = value.map(item => (0, _utils.convertValueToDtableLongTextValue)(item));
+      value = getFormulaArrayValue(value);
+      if (array_type === CellType.LONG_TEXT) {
+        value = value.map(item => convertValueToDtableLongTextValue(item));
       }
     }
-    if (resultType === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
+    if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
       return this.renderOtherColumnFormatter();
     }
     if (typeof value === 'object') {
       return null;
     }
     const gridCellClassName = this.getGridCellClassName(resultType);
-    const formattedValue = (0, _dtableUtils.getFormulaDisplayString)(value, data, {
+    const formattedValue = getFormulaDisplayString(value, data, {
       collaborators
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
       title: formattedValue,
       "aria-label": formattedValue
     }, formattedValue);
   }
 }
-var _default = exports.default = FormulaFormatter;
+export default FormulaFormatter;

package/lib/FormulaFormatter/utils.js

@@ -1,28 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = exports.convertValueToDtableLongTextValue = void 0;
-exports.isArrayFormatColumn = isArrayFormatColumn;
-exports.isFunction = void 0;
-exports.isSimpleCellFormatter = isSimpleCellFormatter;
-exports.isValidCellValue = void 0;
-var _constants = require("../constants");
-var _normalizeLongTextValue = _interopRequireDefault(require("../SimpleLongTextFormatter/normalize-long-text-value"));
-function isSimpleCellFormatter(type) {
-  return _constants.SIMPLE_CELL_COLUMNS.includes(type) || _constants.SIMPLE_CELL_FORMULA_RESULTS.includes(type);
+import { ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS } from '../constants';
+import getPreviewContent from '../SimpleLongTextFormatter/normalize-long-text-value';
+export function isSimpleCellFormatter(type) {
+  return SIMPLE_CELL_COLUMNS.includes(type) || SIMPLE_CELL_FORMULA_RESULTS.includes(type);
 }
-function isArrayFormatColumn(columnType) {
-  return _constants.ARRAY_FORMAT_COLUMNS.includes(columnType);
+export function isArrayFormatColumn(columnType) {
+  return ARRAY_FORMAT_COLUMNS.includes(columnType);
 }
-const isFunction = functionToCheck => {
+export const isFunction = functionToCheck => {
   const getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
 };
-exports.isFunction = isFunction;
-const isValidCellValue = value => {
+export const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -30,8 +18,7 @@ const isValidCellValue = value => {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-exports.isValidCellValue = isValidCellValue;
-const getFormulaArrayValue = function (value) {
+export const getFormulaArrayValue = function (value) {
   let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) {
     return [];
@@ -63,8 +50,7 @@ const getFormulaArrayValue = function (value) {
     });
   }).flat().filter(item => isValidCellValue(item));
 };
-exports.getFormulaArrayValue = getFormulaArrayValue;
-const getTwoDimensionArrayValue = value => {
+export const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
   return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
@@ -93,15 +79,13 @@ const getTwoDimensionArrayValue = value => {
     });
   });
 };
-exports.getTwoDimensionArrayValue = getTwoDimensionArrayValue;
-const convertValueToDtableLongTextValue = value => {
+export const convertValueToDtableLongTextValue = value => {
   const valueType = Object.prototype.toString.call(value);
   if (value && valueType === '[object String]') {
-    return (0, _normalizeLongTextValue.default)(value);
+    return getPreviewContent(value);
   }
   if (valueType === '[object Object]') {
     return value;
   }
   return '';
-};
-exports.convertValueToDtableLongTextValue = convertValueToDtableLongTextValue;
+};

package/lib/GeolocationFormatter/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-require("./index.css");
-class GeolocationFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import { getGeolocationDisplayString } from 'dtable-utils';
+import './index.css';
+class GeolocationFormatter extends React.Component {
   render() {
     let {
       value,
@@ -17,13 +10,13 @@ class GeolocationFormatter extends _react.default.Component {
       containerClassName,
       isBaiduMap
     } = this.props;
-    let className = (0, _classnames.default)('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
+    let className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
     if (typeof value !== 'object') {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: className
-    }, (0, _dtableUtils.getGeolocationDisplayString)(value, data, {
+    }, getGeolocationDisplayString(value, data, {
       isBaiduMap,
       hyphen: ' '
     }));
@@ -40,4 +33,4 @@ GeolocationFormatter.defaultProps = {
   containerClassName: '',
   isBaiduMap: false
 };
-var _default = exports.default = GeolocationFormatter;
+export default GeolocationFormatter;

package/lib/HtmlLongTextFormatter/index.js

@@ -1,16 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _seafileEditor = require("@seafile/seafile-editor");
-require("./index.css");
-class HtmlLongTextFormatter extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { processor } from './markdown2html';
+import './index.css';
+class HtmlLongTextFormatter extends Component {
   constructor(_props) {
     super(_props);
     this.translateValue = props => {
@@ -35,7 +27,7 @@ class HtmlLongTextFormatter extends _react.Component {
       return;
     };
     this.convertMarkdown = mdFile => {
-      _seafileEditor.processor.process(mdFile).then(result => {
+      processor.process(mdFile).then(result => {
         let innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
         this.setState({
           innerHtml
@@ -64,9 +56,9 @@ class HtmlLongTextFormatter extends _react.Component {
     const {
       containerClassName
     } = this.props;
-    const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
+    const className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     if (!innerHtml) return null;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(className, " article"),
       dangerouslySetInnerHTML: {
         __html: innerHtml
@@ -74,4 +66,4 @@ class HtmlLongTextFormatter extends _react.Component {
     });
   }
 }
-var _default = exports.default = HtmlLongTextFormatter;
+export default HtmlLongTextFormatter;

package/lib/HtmlLongTextFormatter/markdown2html.js

@@ -0,0 +1,47 @@
+var markdown = require('remark-parse');
+var slug = require('remark-slug');
+var breaks = require('remark-breaks');
+var remark2rehype = require('remark-rehype');
+var format = require('rehype-format');
+var raw = require('rehype-raw');
+var xtend = require('xtend');
+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;
+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'));
+  var schema = deepmerge(gh, {
+    'attributes': {
+      'input': ['type'],
+      'li': ['className'],
+      'code': ['className'],
+      'span': ['className'],
+      'div': ['className']
+    },
+    'tagNames': ['input', 'code', 'span', 'div']
+  });
+  this.Compiler = compiler;
+  function compiler(tree) {
+    // use sanity to remove dangerous html, the default is
+    // GitHub style sanitation
+    var hast = sanitize(tree, schema);
+    return toHTML(hast, settings);
+  }
+}
+
+// markdown -> mdast -> html AST -> html
+var processor = unified().use(markdown, {
+  commonmark: true
+}).use(math).use(breaks).use(slug).use(remark2rehype, {
+  allowDangerousHTML: true
+}).use(mathjax, {
+  displayMath: ['$$', '$$']
+}).use(raw).use(format).use(stringify);
+var processorGetAST = unified().use(markdown, {
+  commonmark: true
+}).use(slug);
+export { processor, processorGetAST };