dtable-ui-component 0.2.0 → 0.2.2

package/lib/ButtonFormatter/index.js

@@ -27,7 +27,7 @@ var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
           button_type = _this$props$data.button_type,
           url_address = _this$props$data.url_address;
 
-      if (button_type == 'open_url' && url_address) {
+      if (button_type === 'open_url' && url_address) {
         window.open(url_address);
       }
     };

package/lib/CollaboratorFormatter/index.js

@@ -88,4 +88,7 @@ var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
   return CollaboratorFormatter;
 }(React.PureComponent);
 
+CollaboratorFormatter.defaultProps = {
+  value: []
+};
 export default CollaboratorFormatter;

package/lib/CreatorFormatter/index.js

@@ -84,4 +84,7 @@ var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
   return CreatorFormatter;
 }(React.PureComponent);
 
+CreatorFormatter.defaultProps = {
+  value: ''
+};
 export default CreatorFormatter;

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -30,7 +30,7 @@ var CollaboratorSelect = /*#__PURE__*/function (_Component) {
 
       if (_this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
       var eventClassName = event.target.className;
-      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input 
+      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input
 
       if (event.target.value === '') return;
       _this.selectedOptionWidth = _this.selectedOptionRef.clientWidth;

package/lib/DTableCustomizeSelect/index.js

@@ -28,7 +28,7 @@ var DTableCustomizeSelect = /*#__PURE__*/function (_Component) {
 
       if (_this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
       var eventClassName = event.target.className;
-      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input 
+      if (_this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return; //Prevent closing by pressing the spacebar in the search input
 
       if (event.target.value === '') return;
 

package/lib/DTableSelect/index.js

@@ -113,7 +113,7 @@ var DtableSelect = /*#__PURE__*/function (_React$Component) {
         placeholder: placeholder,
         isSearchable: isSearchable,
         isClearable: isClearable,
-        menuPosition: menuPosition || 'fixed' // when use default menuPosition(absolute), menuPortalTarget is unnecessary. 
+        menuPosition: menuPosition || 'fixed' // when use default menuPosition(absolute), menuPortalTarget is unnecessary.
         ,
         menuShouldScrollIntoView: true,
         menuPortalTarget: this.getMenuPortalTarget(),

package/lib/FormulaFormatter/index.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { FORMULA_RESULT_TYPE, CellType } from '../constants';
-import cellFormatterFactory from '../cellFormatterFactory';
+import BaseFormatterConfig from '../formatterConfig/base-formatter-config';
 import TextFormatter from '../TextFormatter';
 import { isArrayFormalColumn, isSimpleCellFormatter, isFunction } from './utils';
 import cellValueValidator from './cell-value-validator';
@@ -55,7 +55,7 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
         return null;
       }
 
-      var Formatter = cellFormatterFactory.createFormatter(array_type);
+      var Formatter = BaseFormatterConfig[array_type];
 
       var formatterProps = _this.getFormatterProps(array_type, array_data, collaborators);
 

package/lib/HtmlLongTextFormatter/vfile/index.js

@@ -1,5 +1,3 @@
-'use strict';
-
 var VMessage = require('vfile-message');
 
 var VFile = require('./core.js').default;

package/lib/ImageFormatter/index.js

@@ -135,7 +135,8 @@ var ImageFormatter = /*#__PURE__*/function (_React$Component) {
         deleteImage: readOnly ? null : this.deleteImage,
         downloadImage: this.downloadImage,
         onRotateImage: readOnly ? null : this.onRotateImage,
-        readOnly: readOnly
+        readOnly: readOnly,
+        server: server
       }));
     }
   }]);

package/lib/ImagePreviewerLightbox/index.js

@@ -12,12 +12,13 @@ function ImagePreviewerLightbox(props) {
       deleteImage = props.deleteImage,
       downloadImage = props.downloadImage,
       onRotateImage = props.onRotateImage,
-      readOnly = props.readOnly;
+      readOnly = props.readOnly,
+      server = props.server;
   var imageItemsLength = imageItems.length;
   var URL = imageItems[imageIndex];
   var imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : ''; // svg image is vectorgraph and can't rotate, external image can't rotate
 
-  var canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL);
+  var canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL, server);
   var imageTitleEl = /*#__PURE__*/React.createElement("span", {
     className: "d-flex"
   }, /*#__PURE__*/React.createElement("span", {

package/lib/ImagePreviewerLightbox/utils.js

@@ -1,6 +1,7 @@
-export var isInternalImg = function isInternalImg(url) {
+export var isInternalImg = function isInternalImg(url, server) {
   if (!url) return;
-  return url.indexOf(window.dtable.server) > -1;
+  var currentServer = server || window.dtable && window.dtable.server;
+  return url.indexOf(currentServer) > -1;
 };
 export var checkSVGImage = function checkSVGImage(url) {
   if (!url) return false;

package/lib/LastModifierFormatter/index.js

@@ -84,4 +84,7 @@ var LastModifierFormatter = /*#__PURE__*/function (_React$PureComponent) {
   return LastModifierFormatter;
 }(React.PureComponent);
 
+LastModifierFormatter.defaultProps = {
+  value: ''
+};
 export default LastModifierFormatter;

package/lib/LinkFormatter/index.js

@@ -140,6 +140,9 @@ var LinkFormatter = /*#__PURE__*/function (_React$Component) {
 
 LinkFormatter.defaultProps = {
   enableOpenLinkedRow: false,
-  value: []
+  currentTableId: '',
+  value: [],
+  column: {},
+  row: {}
 };
 export default LinkFormatter;

package/lib/MultipleSelectFormatter/index.js

@@ -67,4 +67,7 @@ var MultipleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
   return MultipleSelectFormatter;
 }(React.PureComponent);
 
+MultipleSelectFormatter.defaultProps = {
+  options: []
+};
 export default MultipleSelectFormatter;

package/lib/SelectOptionGroup/KeyCodes.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   LeftArrow: 37,
   UpArrow: 38,
   RightArrow: 39,

package/lib/SingleSelectFormatter/index.js

@@ -59,4 +59,7 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
   return SingleSelectFormatter;
 }(React.PureComponent);
 
+SingleSelectFormatter.defaultProps = {
+  options: []
+};
 export default SingleSelectFormatter;

package/lib/cellFormatterFactory/index.js

@@ -1,6 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import formatterConfig from '../formatterConfig';
+import FormatterConfig from '../formatterConfig';
 
 var CellFormatterFactory = /*#__PURE__*/function () {
   function CellFormatterFactory() {
@@ -10,8 +10,8 @@ var CellFormatterFactory = /*#__PURE__*/function () {
   _createClass(CellFormatterFactory, [{
     key: "createFormatter",
     value: function createFormatter(formatterType) {
-      if (formatterConfig[formatterType]) {
-        return formatterConfig[formatterType];
+      if (FormatterConfig[formatterType]) {
+        return FormatterConfig[formatterType];
       }
 
       return null;

package/lib/formatterConfig/base-formatter-config.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _CellType$DEFAULT$Cel;
+
+import React from 'react';
+import { CellType } from '../constants';
+import CheckboxFormatter from '../CheckboxFormatter';
+import ImageFormatter from '../ImageFormatter';
+import SimpleLongTextFormatter from '../SimpleLongTextFormatter';
+import TextCellFormatter from '../TextFormatter';
+import SingleSelectFormatter from '../SingleSelectFormatter';
+import MultipleSelectFormatter from '../MultipleSelectFormatter';
+import FileFormatter from '../FileFormatter';
+import CollaboratorFormatter from '../CollaboratorFormatter';
+import NumberFormatter from '../NumberFormatter';
+import DateFormatter from '../DateFormatter';
+import CreatorFormatter from '../CreatorFormatter';
+import CTimeFormatter from '../CTimeFormatter';
+import LastModifierFormatter from '../LastModifierFormatter';
+import MTimeFormatter from '../MTimeFormatter';
+import GeolocationFormatter from '../GeolocationFormatter';
+import AutoNumberFormatter from '../AutoNumberFormatter';
+import UrlFormatter from '../UrlFormatter';
+import EmailFormatter from '../EmailFormatter';
+import DurationFormatter from '../DurationFormatter';
+import RateFormatter from '../RateFormatter';
+import ButtonFormatter from '../ButtonFormatter';
+export default (_CellType$DEFAULT$Cel = {}, _defineProperty(_CellType$DEFAULT$Cel, CellType.DEFAULT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.TEXT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CHECKBOX, /*#__PURE__*/React.createElement(CheckboxFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.LONG_TEXT, /*#__PURE__*/React.createElement(SimpleLongTextFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.SINGLE_SELECT, /*#__PURE__*/React.createElement(SingleSelectFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.IMAGE, /*#__PURE__*/React.createElement(ImageFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.FILE, /*#__PURE__*/React.createElement(FileFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.MULTIPLE_SELECT, /*#__PURE__*/React.createElement(MultipleSelectFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.COLLABORATOR, /*#__PURE__*/React.createElement(CollaboratorFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.NUMBER, /*#__PURE__*/React.createElement(NumberFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.DATE, /*#__PURE__*/React.createElement(DateFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CREATOR, /*#__PURE__*/React.createElement(CreatorFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CTIME, /*#__PURE__*/React.createElement(CTimeFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.LAST_MODIFIER, /*#__PURE__*/React.createElement(LastModifierFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.MTIME, /*#__PURE__*/React.createElement(MTimeFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.GEOLOCATION, /*#__PURE__*/React.createElement(GeolocationFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.AUTO_NUMBER, /*#__PURE__*/React.createElement(AutoNumberFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.URL, /*#__PURE__*/React.createElement(UrlFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.EMAIL, /*#__PURE__*/React.createElement(EmailFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.DURATION, /*#__PURE__*/React.createElement(DurationFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.RATE, /*#__PURE__*/React.createElement(RateFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.BUTTON, /*#__PURE__*/React.createElement(ButtonFormatter, null)), _CellType$DEFAULT$Cel);

package/lib/formatterConfig/index.js

@@ -1,31 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 
-var _FormatterConfig;
+var _objectSpread2;
 
 import React from 'react';
 import { CellType } from '../constants';
-import CheckboxFormatter from '../CheckboxFormatter';
-import ImageFormatter from '../ImageFormatter';
-import SimpleLongTextFormatter from '../SimpleLongTextFormatter';
-import TextCellFormatter from '../TextFormatter';
-import SingleSelectFormatter from '../SingleSelectFormatter';
-import MultipleSelectFormatter from '../MultipleSelectFormatter';
-import FileFormatter from '../FileFormatter';
+import BaseFormatterConfig from './base-formatter-config';
 import LinkFormatter from '../LinkFormatter';
-import CollaboratorFormatter from '../CollaboratorFormatter';
-import NumberFormatter from '../NumberFormatter';
-import DateFormatter from '../DateFormatter';
-import CreatorFormatter from '../CreatorFormatter';
-import CTimeFormatter from '../CTimeFormatter';
-import LastModifierFormatter from '../LastModifierFormatter';
-import MTimeFormatter from '../MTimeFormatter';
-import GeolocationFormatter from '../GeolocationFormatter';
 import FormulaFormatter from '../FormulaFormatter';
-import AutoNumberFormatter from '../AutoNumberFormatter';
-import UrlFormatter from '../UrlFormatter';
-import EmailFormatter from '../EmailFormatter';
-import DurationFormatter from '../DurationFormatter';
-import RateFormatter from '../RateFormatter';
-import ButtonFormatter from '../ButtonFormatter';
-var FormatterConfig = (_FormatterConfig = {}, _defineProperty(_FormatterConfig, CellType.DEFAULT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellType.TEXT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellType.CHECKBOX, /*#__PURE__*/React.createElement(CheckboxFormatter, null)), _defineProperty(_FormatterConfig, CellType.LONG_TEXT, /*#__PURE__*/React.createElement(SimpleLongTextFormatter, null)), _defineProperty(_FormatterConfig, CellType.SINGLE_SELECT, /*#__PURE__*/React.createElement(SingleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellType.IMAGE, /*#__PURE__*/React.createElement(ImageFormatter, null)), _defineProperty(_FormatterConfig, CellType.FILE, /*#__PURE__*/React.createElement(FileFormatter, null)), _defineProperty(_FormatterConfig, CellType.MULTIPLE_SELECT, /*#__PURE__*/React.createElement(MultipleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellType.COLLABORATOR, /*#__PURE__*/React.createElement(CollaboratorFormatter, null)), _defineProperty(_FormatterConfig, CellType.NUMBER, /*#__PURE__*/React.createElement(NumberFormatter, null)), _defineProperty(_FormatterConfig, CellType.DATE, /*#__PURE__*/React.createElement(DateFormatter, null)), _defineProperty(_FormatterConfig, CellType.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _defineProperty(_FormatterConfig, CellType.CREATOR, /*#__PURE__*/React.createElement(CreatorFormatter, null)), _defineProperty(_FormatterConfig, CellType.CTIME, /*#__PURE__*/React.createElement(CTimeFormatter, null)), _defineProperty(_FormatterConfig, CellType.LAST_MODIFIER, /*#__PURE__*/React.createElement(LastModifierFormatter, null)), _defineProperty(_FormatterConfig, CellType.MTIME, /*#__PURE__*/React.createElement(MTimeFormatter, null)), _defineProperty(_FormatterConfig, CellType.GEOLOCATION, /*#__PURE__*/React.createElement(GeolocationFormatter, null)), _defineProperty(_FormatterConfig, CellType.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_FormatterConfig, CellType.AUTO_NUMBER, /*#__PURE__*/React.createElement(AutoNumberFormatter, null)), _defineProperty(_FormatterConfig, CellType.URL, /*#__PURE__*/React.createElement(UrlFormatter, null)), _defineProperty(_FormatterConfig, CellType.EMAIL, /*#__PURE__*/React.createElement(EmailFormatter, null)), _defineProperty(_FormatterConfig, CellType.DURATION, /*#__PURE__*/React.createElement(DurationFormatter, null)), _defineProperty(_FormatterConfig, CellType.RATE, /*#__PURE__*/React.createElement(RateFormatter, null)), _defineProperty(_FormatterConfig, CellType.BUTTON, /*#__PURE__*/React.createElement(ButtonFormatter, null)), _FormatterConfig);
+
+var FormatterConfig = _objectSpread(_objectSpread({}, BaseFormatterConfig), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, CellType.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_objectSpread2, CellType.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _objectSpread2));
+
 export default FormatterConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",