dtable-ui-component 0.1.75 → 0.1.79-beta

package/{es/utils → lib/FormulaFormatter}/cell-value-validator.js

@@ -2,8 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 var _validators;
 
-import * as CellType from '../constants/cell-types';
-import { FORMULA_RESULT_TYPE } from '../constants';
+import { FORMULA_RESULT_TYPE, CellType } from '../constants';
 
 var numberValidator = function numberValidator(value) {
   return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';

package/lib/FormulaFormatter/index.css

@@ -0,0 +1,19 @@
+@import url('../css/cell-formatter.css');
+
+.dtable-ui.formula-formatter.multiple .formula-formatter-content-item {
+  display: inline-flex;
+  margin-right: 10px;
+}
+
+
+.dtable-ui.formula-formatter.multiple .formula-formatter-content-item.simple-cell-formatter {
+  height: 20px;
+  padding: 0 8px;
+  align-items: center;
+  background: #eceff4;
+  border-radius: 3px;
+}
+
+.dtable-ui.formula-formatter.multiple .formula-formatter-content-item .collaborator {
+  margin-right: 0;
+}

package/{es/components/cell-formatter/formula-formatter.js → lib/FormulaFormatter/index.js}

@@ -4,14 +4,13 @@ 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 { FORMULA_RESULT_TYPE } from '../../constants';
-import cellFormatterFactory from '../cell-factory/cell-formatter-factory';
-import * as CellType from '../../constants/cell-types';
-import { isFunction } from '../../utils/utils';
-import TextFormatter from './text-formatter';
-import { isArrayFormalColumn, isSimpleCellFormatter } from '../../utils/column-utils';
-import cellValueValidator from '../../utils/cell-value-validator';
-import { getFormulaDisplayString } from '../../utils/value-format-utils';
+import { FORMULA_RESULT_TYPE, CellType } from '../constants';
+import cellFormatterFactory from '../cellFormatterFactory';
+import TextFormatter from '../TextFormatter';
+import { isArrayFormalColumn, isSimpleCellFormatter, isFunction } from './utils';
+import cellValueValidator from './cell-value-validator';
+import { getFormulaDisplayString } from '../utils/value-format-utils';
+import './index.css';
 
 var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(FormulaFormatter, _React$Component);

package/{es/utils/column-utils.js → lib/FormulaFormatter/utils.js}

@@ -4,4 +4,8 @@ export function isSimpleCellFormatter(type) {
 }
 export function isArrayFormalColumn(columnType) {
   return ARRAY_FORMAL_COLUMNS.includes(columnType);
-}
+}
+export var isFunction = function isFunction(functionToCheck) {
+  var getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};

package/lib/GeolocationFormatter/index.css

@@ -0,0 +1 @@
+@import url('../css/cell-formatter.css');

package/{es/components/cell-formatter/geolocation-formatter.js → lib/GeolocationFormatter/index.js}

@@ -4,7 +4,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
-import { getGeolocationDisplayString } from '../../utils/value-format-utils';
+import { getGeolocationDisplayString } from '../utils/value-format-utils';
+import './index.css';
 
 var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(GeolocationFormatter, _React$Component);

package/lib/HtmlLongTextFormatter/index.css

@@ -0,0 +1,63 @@
+@import url('../css/cell-formatter.css');
+
+.dtable-ui.long-text-formatter {
+  display: flex;
+  align-items: center;
+  height: 28px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dtable-ui.long-text-formatter.article {
+  display: block;
+  height: auto;
+  overflow: auto;
+}
+
+.dtable-ui.long-text-formatter .long-text-links,
+.dtable-ui.long-text-formatter .long-text-check-list {
+  display: inline-block;
+  height: 20px;
+  padding: 2px;
+  margin: 4px;
+  color: #9c9c9c;
+  background-color: #f0f0f0;
+  border-radius: 3px;
+  line-height: 16px;
+}
+
+.dtable-ui.long-text-formatter .long-text-check-list .dtable-font,
+.dtable-ui.long-text-formatter .long-text-links .dtable-font {
+  margin-right: 4px;
+  font-size: 12px;
+}
+
+.dtable-ui.long-text-formatter .long-text-check-list .long-text-check-list-completed {
+  color: #61BD4F;
+}
+
+.dtable-ui.long-text-formatter .long-text-images {
+  margin-right: -10px;
+}
+
+.dtable-ui.long-text-formatter .long-text-images img {
+  max-width: 28px;
+  max-height: 28px;
+  border: 1px solid #f0f0f0;
+  box-sizing: border-box;
+  border-radius: 3px;
+}
+
+.dtable-ui.long-text-formatter .long-text-images .image-number {
+  display: inline-block;
+  min-width: 14px;
+  padding: 0 3px;
+  line-height: 14px;
+  font-style: normal;
+  font-size: 12px;
+  border-radius: 6px;
+  background-color: #999;
+  color: #fff;
+  transform: translate(-50%, 9px) scale(0.8);
+}

package/{es/components/cell-formatter/widgets/long-text-formatter/html-long-text-formatter.js → lib/HtmlLongTextFormatter/index.js}

@@ -3,7 +3,9 @@ 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 { processor } from '../../../../utils/markdown2html';
+import cn from 'astro-classname';
+import { processor } from './markdown2html';
+import './index.css';
 
 var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
   _inherits(HtmlLongTextFormatter, _Component);
@@ -79,7 +81,8 @@ var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var innerHtml = this.state.innerHtml;
-      var className = this.props.className;
+      var containerClassName = this.props.containerClassName;
+      var className = cn('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
       if (!innerHtml) return null;
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(className, " article"),

package/{es/utils → lib/HtmlLongTextFormatter}/markdown2html.js

@@ -1,5 +1,3 @@
-var unified = require('./unified');
-
 var markdown = require('remark-parse');
 
 var slug = require('remark-slug');
@@ -26,6 +24,8 @@ var mathjax = require('rehype-mathjax/browser');
 
 var math = require('remark-math/block');
 
+var unified = require('./unified').default;
+
 function stringify(config) {
   var settings = xtend(config, this.data('settings'));
   var schema = deepmerge(gh, {

package/{es/utils → lib/HtmlLongTextFormatter}/unified/index.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 'use strict';
 /* Dependencies. */
 
@@ -5,17 +6,14 @@ var extend = require('extend');
 
 var bail = require('bail');
 
-var vfile = require('../vfile');
-
 var trough = require('trough');
 
 var string = require('x-is-string');
 
 var plain = require('is-plain-obj');
-/* Expose a frozen processor. */
 
+var vfile = require('../vfile').default;
 
-module.exports = unified().freeze();
 var slice = [].slice;
 var own = {}.hasOwnProperty;
 /* Process pipeline. */
@@ -467,4 +465,9 @@ function assertDone(name, asyncName, complete) {
   if (!complete) {
     throw new Error('`' + name + '` finished async. Use `' + asyncName + '` instead');
   }
-}
+}
+/* Expose a frozen processor. */
+
+
+var unified_freeze = unified().freeze();
+export default unified_freeze;

package/{es/utils → lib/HtmlLongTextFormatter}/vfile/core.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 'use strict';
 
 var path = require('path');
@@ -6,7 +7,6 @@ var replace = require('replace-ext');
 
 var buffer = require('is-buffer');
 
-module.exports = VFile;
 var own = {}.hasOwnProperty;
 var proto = VFile.prototype;
 proto.toString = toString;
@@ -169,4 +169,6 @@ function assertPath(path, name) {
   if (!path) {
     throw new Error('Setting `' + name + '` requires `path` to be set too');
   }
-}
+}
+
+export default VFile;

package/{es/utils → lib/HtmlLongTextFormatter}/vfile/index.js

@@ -2,9 +2,8 @@
 
 var VMessage = require('vfile-message');
 
-var VFile = require('./core.js');
+var VFile = require('./core.js').default;
 
-module.exports = VFile;
 var proto = VFile.prototype;
 proto.message = message;
 proto.info = info;
@@ -45,4 +44,6 @@ function info() {
   var message = this.message.apply(this, arguments);
   message.fatal = null;
   return message;
-}
+}
+
+export default VFile;

package/{es/components/common → lib/ImageFormatter}/images-lazy-load.js

@@ -3,8 +3,8 @@ 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 Loading from '../loading';
-import { getImageThumbnailUrl } from '../../utils/utils';
+import Loading from '../Loading';
+import { getImageThumbnailUrl } from './utils';
 
 var ImagesLazyLoad = /*#__PURE__*/function (_React$Component) {
   _inherits(ImagesLazyLoad, _React$Component);

package/lib/ImageFormatter/index.css

@@ -0,0 +1,34 @@
+@import url('../css/cell-formatter.css');
+
+.dtable-ui.image-formatter {
+  display: flex;
+  align-items: center;
+}
+
+.dtable-ui.image-formatter .image-item {
+  display: inline-block;
+  height: 28px;
+  width: 28px;
+  margin-right: 4px;
+  border: 1px solid #f0f0f0;
+}
+
+.dtable-ui.image-formatter .image-item:hover {
+  border: 1px solid #c9c9c9;
+}
+
+.dtable-ui.image-formatter .image-item-count {
+  display: inline-block;
+  padding: 0 3px;
+  min-width: 14px;
+  line-height: 14px;
+  font-size: 12px;
+  border-radius: 6px;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #fff;
+  background-color: #999;
+  -webkit-transform: translate(-50%, 8px) scale(.8);
+  transform: translate(-50%, 8px) scale(.8);
+}

package/{es/components/cell-formatter/image-formatter.js → lib/ImageFormatter/index.js}

@@ -4,9 +4,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import cn from 'astro-classname';
-import ImagesLazyLoad from '../common/images-lazy-load';
-import { getImageThumbnailUrl } from '../../utils/utils';
-import ImagePreviewerLightbox from './widgets/image-previewer-lightbox';
+import ImagesLazyLoad from './images-lazy-load';
+import { getImageThumbnailUrl } from './utils';
+import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
+import './index.css';
 
 var ImageFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(ImageFormatter, _React$Component);

package/lib/ImageFormatter/utils.js

@@ -0,0 +1,7 @@
+export var getImageThumbnailUrl = function getImageThumbnailUrl(url, server) {
+  if (server && url.indexOf(server) > -1) {
+    return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
+  }
+
+  return url;
+};

package/{es/components/cell-formatter/widgets/image-previewer-lightbox.js → lib/ImagePreviewerLightbox/index.js}

@@ -1,10 +1,10 @@
 import React, { Fragment } from 'react';
 import MediaQuery from 'react-responsive';
-import ModalPortal from '../../common/modal-portal';
+import ModalPortal from '../ModalPortal';
 import Lightbox from '@seafile/react-image-lightbox';
-import { checkSVGImage, isInternalImg } from '../../../utils/utils';
+import { checkSVGImage, isInternalImg } from './utils';
 import '@seafile/react-image-lightbox/style.css';
-import '../../../css/image-previewer-ligntbox.css';
+import './index.css';
 
 function ImagePreviewerLightbox(props) {
   var imageItems = props.imageItems,

package/lib/ImagePreviewerLightbox/utils.js

@@ -0,0 +1,8 @@
+export var isInternalImg = function isInternalImg(url) {
+  if (!url) return;
+  return url.indexOf(window.dtable.server) > -1;
+};
+export var checkSVGImage = function checkSVGImage(url) {
+  if (!url) return false;
+  return url.substr(-4).toLowerCase() === '.svg';
+};

package/lib/LastModifierFormatter/index.css

@@ -0,0 +1 @@
+@import url('../css/cell-formatter.css');

package/{es/components/cell-formatter/last-modifier-formatter.js → lib/LastModifierFormatter/index.js}

@@ -4,14 +4,15 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
-import ColloboratorItem from '../common/collaborator-item';
-import DefaultAvatar from '../../assets/images/avatar/default_avatar.png';
+import CollaboratorItem from '../CollaboratorItem';
+import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
+import './index.css';
 
 // there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
-// 4 vlaue is exist, typeof value is array
+// 4 value is exist, typeof value is array
 var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(LastModifierFormatter, _React$PureComponent);
 
@@ -49,7 +50,7 @@ var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
           };
         }
 
-        return /*#__PURE__*/React.createElement(ColloboratorItem, {
+        return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: index,
           collaborator: collaborator
         });

package/lib/LinkEditor/index.css

@@ -0,0 +1,9 @@
+.dtable-ui-link-editor {
+  position: relative;
+}
+
+.dtable-ui-link-editor-container {
+  display: inline-block;
+  height: 30px;
+  padding: 0 10px;
+}