dtable-ui-component 0.1.75 → 0.1.79

package/lib/utils/editor-utils.js

@@ -0,0 +1,71 @@
+var zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
+
+var zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
+
+var enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
+
+var frFR = require('@seafile/seafile-calendar/lib/locale/fr_FR');
+
+var deDE = require('@seafile/seafile-calendar/lib/locale/de_DE');
+
+var esES = require('@seafile/seafile-calendar/lib/locale/es_ES');
+
+var plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
+
+var csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
+
+export var initDateEditorLanguage = function initDateEditorLanguage(lang) {
+  var language;
+
+  switch (lang) {
+    case 'zh-cn':
+      language = zhCN;
+      break;
+
+    case 'zh-tw':
+      language = zhTW;
+      break;
+
+    case 'en':
+      language = enUS;
+      break;
+
+    case 'fr':
+      language = frFR;
+      break;
+
+    case 'de':
+      language = deDE;
+      break;
+
+    case 'es':
+      language = esES;
+      break;
+
+    case 'es-ar':
+      language = esES;
+      break;
+
+    case 'es-mx':
+      language = esES;
+      break;
+
+    case 'pl':
+      language = plPL;
+      break;
+
+    case 'cs':
+      language = csCZ;
+      break;
+
+    default:
+      language = zhCN;
+  }
+
+  return language;
+};
+export var getSelectOptionItem = function getSelectOptionItem(options, optionId) {
+  return options.find(function (option) {
+    return option.id === optionId;
+  });
+};

package/{es → lib}/utils/number-precision.js

@@ -48,6 +48,7 @@ function float2Fixed(num) {
 function checkBoundary(num) {
   if (_boundaryCheckingState) {
     if (num > Number.MAX_SAFE_INTEGER || num < Number.MIN_SAFE_INTEGER) {
+      // eslint-disable-next-line no-console
       console.warn("".concat(num, " is beyond boundary when transfer to integer, the results may not be accurate"));
     }
   }

package/lib/utils/utils.js

@@ -0,0 +1,25 @@
+export var debounce = function debounce(fn, wait) {
+  var timeout = null;
+  return function () {
+    if (timeout !== null) clearTimeout(timeout);
+    timeout = setTimeout(fn, wait);
+  };
+};
+export var throttle = function throttle(func, delay) {
+  var timer = null;
+  var startTime = Date.now();
+  return function () {
+    var curTime = Date.now();
+    var remaining = delay - (curTime - startTime);
+    var context = this;
+    var args = arguments;
+    clearTimeout(timer);
+
+    if (remaining <= 0) {
+      func.apply(context, args);
+      startTime = Date.now();
+    } else {
+      timer = setTimeout(func, remaining);
+    }
+  };
+};

package/{es → lib}/utils/value-format-utils.js

@@ -1,7 +1,7 @@
+/* eslint-disable no-case-declarations */
 import moment from 'moment';
 import NP from './number-precision';
-import { NUMBER_TYPES, DEFAULT_NUMBER_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_DATE_FORMAT } from '../constants';
-import * as CellType from '../constants/cell-types';
+import { CellType, NUMBER_TYPES, DEFAULT_NUMBER_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_DATE_FORMAT } from '../constants';
 NP.enableBoundaryChecking(false);
 var _separatorMap = {
   'comma': ',',
@@ -167,6 +167,7 @@ export var getDateDisplayString = function getDateDisplayString(value, format) {
   switch (format) {
     case 'D/M/YYYY':
     case 'DD/MM/YYYY':
+      // no-case-declarations
       var formatValue = date.format('YYYY-MM-DD');
       var formatValueList = formatValue.split('-');
       return "".concat(formatValueList[2], "/").concat(formatValueList[1], "/").concat(formatValueList[0]);
@@ -179,19 +180,15 @@ export var getDateDisplayString = function getDateDisplayString(value, format) {
       return "".concat(formatDateList[2], "/").concat(formatDateList[1], "/").concat(formatDateList[0], " ").concat(formatValuesList[1]);
 
     case 'M/D/YYYY':
-      return date.format('M/D/YYYY');
-
     case 'M/D/YYYY HH:mm':
-      return date.format('M/D/YYYY HH:mm');
-
     case 'YYYY-MM-DD':
-      return date.format('YYYY-MM-DD');
-
     case 'YYYY-MM-DD HH:mm':
-      return date.format('YYYY-MM-DD HH:mm');
+    case 'DD.MM.YYYY':
+    case 'DD.MM.YYYY HH:mm':
+      return date.format(format);
 
     default:
-      return value;
+      return date.format('YYYY-MM-DD');
   }
 };
 export var getDurationDisplayString = function getDurationDisplayString(value, duration_format) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.75",
-  "main": "./es/index.js",
+  "version": "0.1.79",
+  "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",
     "@seafile/seafile-calendar": "0.0.15",
@@ -16,10 +16,11 @@
     "hast-util-to-html": "3.1.0",
     "is-hotkey": "^0.1.6",
     "moment": "^2.26.0",
-    "react": "^16.13.0",
+    "react": "16.14.0",
     "react-app-polyfill": "^1.0.6",
-    "react-dom": "^16.13.0",
+    "react-dom": "16.14.0",
     "react-responsive": "^8.0.3",
+    "react-select": "^3.1.0",
     "react-transition-group": "^4.4.1",
     "reactstrap": "^8.4.1",
     "rehype-format": "^2.2.0",
@@ -45,11 +46,11 @@
     "eslint": "eslint --ext .jsx,.js src --max-warnings=0",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -c .storybook -o docs",
-    "pub:esm": "npm run clean:esm && export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir es --copy-files && rm -rf es/components/cell-editor/ && rm -rf es/components/cell-editor-dialog/ && rm -rf es/components/cell-editor-popover/ && rm es/utils/editor-utils.js",
-    "pub:lib": "npm run clean:lib && export BABEL_ENV=node && ./node_modules/.bin/babel src --out-dir lib --copy-files",
+    "pub:esm": "npm run clean:esm && export BABEL_ENV=node && ./node_modules/.bin/babel src --out-dir es --copy-files",
+    "pub:lib": "npm run clean:lib && export BABEL_ENV=production && ./node_modules/.bin/babel src --out-dir lib --copy-files",
     "pub:umd": "npm run build",
-    "pub:optimized": "rm es/index.local.js",
-    "prepublishOnly": "npm run pub:esm && npm run pub:umd && npm run pub:optimized"
+    "pub:optimized": "rm lib/index.local.js && rm lib/app.js && rm lib/app.css",
+    "prepublishOnly": "npm run pub:lib && npm run pub:umd && npm run pub:optimized"
   },
   "files": [
     "assets",

package/es/app.css

@@ -1,20 +0,0 @@
-html, body, #root {
-  width: 100%;
-  height: 100%;
-}
-
-.app {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.app .app-body {
-  flex: 1;
-}
-
-.app .app-body .collaborator-container {
-  padding: 5px;
-  border: 1px solid;
-}

package/es/app.js

@@ -1,91 +0,0 @@
-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 { CollaboratorFormatter, SingleSelectFormatter } from './components/cell-formatter';
-import './app.css';
-
-var App = /*#__PURE__*/function (_React$Component) {
-  _inherits(App, _React$Component);
-
-  var _super = _createSuper(App);
-
-  function App() {
-    var _this;
-
-    _classCallCheck(this, App);
-
-    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.onDeleteCollaborator = function () {//
-    };
-
-    return _this;
-  }
-
-  _createClass(App, [{
-    key: "render",
-    value: function render() {
-      var collaborators = [{
-        name: '小强',
-        email: '214402@qq.com',
-        avatar_url: '你好饿',
-        contact_email: 'adbd'
-      }];
-      var options = [{
-        id: '1111',
-        name: '未开始',
-        color: '#e3f9f6'
-      }, {
-        id: '2222',
-        name: '进行中',
-        color: '#ff7500'
-      }, {
-        id: '3333',
-        name: '待评审',
-        color: '#eaff56'
-      }, {
-        id: '4444',
-        name: '已评审',
-        color: '#faff72'
-      }, {
-        id: '5555',
-        name: '完成',
-        color: '#00e500'
-      }];
-      return /*#__PURE__*/React.createElement("div", {
-        className: "app"
-      }, /*#__PURE__*/React.createElement("header", {
-        className: "app-header"
-      }, /*#__PURE__*/React.createElement("h1", {
-        className: "text-center"
-      }, 'seatable ui component test')), /*#__PURE__*/React.createElement("div", {
-        className: "app-body"
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "collaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement("div", null, "\u5355\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: '123',
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u591A\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: ['123', '4567'],
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u5E26\u5220\u9664\u6309\u94AE\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        containerClassName: "collaborator-container",
-        value: ['123', '4567'],
-        collaborators: collaborators,
-        enableDeleteCollaborator: true,
-        onDeleteCollaborator: this.onDeleteCollaborator
-      })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "single-select\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(SingleSelectFormatter, {
-        value: '3333',
-        options: options
-      }))));
-    }
-  }]);
-
-  return App;
-}(React.Component);
-
-export default App;

package/es/components/cell-formatter/formatter-config.js

@@ -1,31 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _FormatterConfig;
-
-import React from 'react';
-import * as CellTypes from '../../constants/cell-types';
-import CheckboxFormatter from './checkbox-formatter';
-import ImageFormatter from './image-formatter';
-import LongTextFormatter from './long-text-formatter';
-import TextCellFormatter from './text-formatter';
-import SingleSelectFormatter from './single-select-formatter';
-import MultipleSelectFormatter from './multiple-select-formatter';
-import FileFormatter from './file-formatter';
-import LinkFormatter from './link-formatter';
-import CollaboratorFormatter from './collaborator-formatter';
-import NumberFormatter from './number-formatter';
-import DateFormatter from './date-formatter';
-import CreatorFormatter from './creator-formatter';
-import CTimeFormatter from './ctime-formatter';
-import LastModifierFormatter from './last-modifier-formatter';
-import MTimeFormatter from './mtime-formatter';
-import GeolocationFormatter from './geolocation-formatter';
-import FormulaFormatter from './formula-formatter';
-import AutoNumberFormatter from './auto-number-formatter';
-import UrlFormatter from './url-formatter';
-import EmailFormatter from './email-formatter';
-import DurationFormatter from './duration-formatter';
-import RateFormatter from './rate-formatter';
-import ButtonFormatter from './button-formatter';
-var FormatterConfig = (_FormatterConfig = {}, _defineProperty(_FormatterConfig, CellTypes.DEFAULT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.TEXT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.CHECKBOX, /*#__PURE__*/React.createElement(CheckboxFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.LONG_TEXT, /*#__PURE__*/React.createElement(LongTextFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.SINGLE_SELECT, /*#__PURE__*/React.createElement(SingleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.IMAGE, /*#__PURE__*/React.createElement(ImageFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.FILE, /*#__PURE__*/React.createElement(FileFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.MULTIPLE_SELECT, /*#__PURE__*/React.createElement(MultipleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.COLLABORATOR, /*#__PURE__*/React.createElement(CollaboratorFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.NUMBER, /*#__PURE__*/React.createElement(NumberFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.DATE, /*#__PURE__*/React.createElement(DateFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.CREATOR, /*#__PURE__*/React.createElement(CreatorFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.CTIME, /*#__PURE__*/React.createElement(CTimeFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.LAST_MODIFIER, /*#__PURE__*/React.createElement(LastModifierFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.MTIME, /*#__PURE__*/React.createElement(MTimeFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.GEOLOCATION, /*#__PURE__*/React.createElement(GeolocationFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.AUTO_NUMBER, /*#__PURE__*/React.createElement(AutoNumberFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.URL, /*#__PURE__*/React.createElement(UrlFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.EMAIL, /*#__PURE__*/React.createElement(EmailFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.DURATION, /*#__PURE__*/React.createElement(DurationFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.RATE, /*#__PURE__*/React.createElement(RateFormatter, null)), _defineProperty(_FormatterConfig, CellTypes.BUTTON, /*#__PURE__*/React.createElement(ButtonFormatter, null)), _FormatterConfig);
-export default FormatterConfig;

package/es/components/cell-formatter/index.js

@@ -1,27 +0,0 @@
-import '../../css/cell-formatter.css';
-export { default as TextFormatter } from './text-formatter';
-export { default as NumberFormatter } from './number-formatter';
-export { default as DateFormatter } from './date-formatter';
-export { default as CheckboxFormatter } from './checkbox-formatter';
-export { default as CollaboratorFormatter } from './collaborator-formatter';
-export { default as SingleSelectFormatter } from './single-select-formatter';
-export { default as MultipleSelectFormatter } from './multiple-select-formatter';
-export { default as LongTextFormatter } from './long-text-formatter';
-export { default as FileFormatter } from './file-formatter';
-export { default as ImageFormatter } from './image-formatter';
-export { default as GeolocationFormatter } from './geolocation-formatter';
-export { default as CTimeFormatter } from './ctime-formatter';
-export { default as CreatorFormatter } from './creator-formatter';
-export { default as LastModifierFormatter } from './last-modifier-formatter';
-export { default as MTimeFormatter } from './mtime-formatter';
-export { default as FormulaFormatter } from './formula-formatter';
-export { default as LinkFormatter } from './link-formatter';
-export { default as AutoNumberFormatter } from './auto-number-formatter';
-export { default as UrlFormatter } from './url-formatter';
-export { default as EmailFormatter } from './email-formatter';
-export { default as DurationFormatter } from './duration-formatter';
-export { default as RateFormatter } from './rate-formatter';
-export { default as ButtonFormatter } from './button-formatter';
-export { default as FileItemFormatter } from './widgets/file-item-formatter';
-export { default as ImagePreviewerLightbox } from './widgets/image-previewer-lightbox';
-export { default as CollaboratorItem } from '../common/collaborator-item';

package/es/constants/index.js

@@ -1,48 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-var _DURATION_ZERO_DISPLA, _DURATION_DECIMAL_DIG;
-
-import * as CellType from './cell-types';
-export var NUMBER_TYPES = {
-  'NUMBER': 'number',
-  'NUMBER_WITH_COMMAS': 'number-with-commas',
-  'PERCENT': 'percent',
-  'YUAN': 'yuan',
-  'EURO': 'euro',
-  'DOLLAR': 'dollar'
-};
-export var DATE_TYPES = {
-  'D/M/YYYY': 'D/M/YYYY',
-  'D/M/YYYY HH:mm': 'D/M/YYYY HH:mm',
-  'M/D/YYYY': 'M/D/YY',
-  'M/D/YYYY HH:mm': 'M/D/YYYY HH:mm',
-  'YYYY-MM-DD': 'YYYY-MM-DD',
-  'YYYY-MM-DD HH:mm': 'YYYY-MM-DD HH:mm'
-};
-export var FORMULA_RESULT_TYPE = {
-  NUMBER: 'number',
-  STRING: 'string',
-  DATE: 'date',
-  BOOL: 'bool',
-  ARRAY: 'array'
-};
-export var SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.GEOLOCATION, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
-export var ARRAY_FORMAL_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
-export var SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
-export var COLLABORATOR_COLUMN_TYPES = [CellType.COLLABORATOR, CellType.CREATOR, CellType.LAST_MODIFIER];
-export var ARRAY_FORMAL_COLUMNS_TYPES = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
-export var DEFAULT_NUMBER_FORMAT = 'number';
-export var DEFAULT_DATE_FORMAT = 'YYYY-MM-DD';
-export var DURATION_FORMATS_MAP = {
-  H_MM: 'h:mm',
-  H_MM_SS: 'h:mm:ss'
-};
-export var DURATION_FORMATS = [{
-  name: DURATION_FORMATS_MAP.H_MM,
-  type: DURATION_FORMATS_MAP.H_MM
-}, {
-  name: DURATION_FORMATS_MAP.H_MM_SS,
-  type: DURATION_FORMATS_MAP.H_MM_SS
-}];
-export var DURATION_ZERO_DISPLAY = (_DURATION_ZERO_DISPLA = {}, _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM, '0:00'), _defineProperty(_DURATION_ZERO_DISPLA, DURATION_FORMATS_MAP.H_MM_SS, '0:00'), _DURATION_ZERO_DISPLA);
-export var DURATION_DECIMAL_DIGITS = (_DURATION_DECIMAL_DIG = {}, _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM, 0), _defineProperty(_DURATION_DECIMAL_DIG, DURATION_FORMATS_MAP.H_MM_SS, 0), _DURATION_DECIMAL_DIG);