dtable-ui-component 4.3.7 → 4.3.9-alpha1

package/lib/toaster/toastManager.js

@@ -1,74 +1,38 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-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";
-var _excluded = ["id", "description"];
 import React from 'react';
-import { css } from 'glamor';
 import Toast from './toast';
-var wrapperClass = css({
-  maxWidth: 560,
-  margin: '0 auto',
-  top: 0,
-  left: 0,
-  right: 0,
-  position: 'fixed',
-  zIndex: 999999
-});
-var hasCustomId = function hasCustomId(settings) {
-  return Object.hasOwnProperty.call(settings, 'id');
-};
-var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ToastManager, _React$PureComponent);
-  var _super = _createSuper(ToastManager);
-  function ToastManager(props, context) {
-    var _this;
-    _classCallCheck(this, ToastManager);
-    _this = _super.call(this, props, context);
-    _this.getToasts = function () {
-      return _this.state.toasts;
+const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
+export default class ToastManager extends React.PureComponent {
+  constructor(props, context) {
+    super(props, context);
+    this.getToasts = () => {
+      return this.state.toasts;
     };
-    _this.closeAll = function () {
-      _this.getToasts().forEach(function (toast) {
-        return toast.close();
-      });
+    this.closeAll = () => {
+      this.getToasts().forEach(toast => toast.close());
     };
-    _this.notify = function (title, settings) {
+    this.notify = (title, settings) => {
       // If there's a custom toast ID passed, close existing toasts with the same custom ID
       if (hasCustomId(settings)) {
-        var _iterator = _createForOfIteratorHelper(_this.state.toasts),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var toast = _step.value;
-            // Since unique ID is still appended to a custom ID, skip the unique ID and check only prefix
-            if (String(toast.id).startsWith(settings.id)) {
-              _this.closeToast(toast.id);
-            }
+        for (const toast of this.state.toasts) {
+          // Since unique ID is still appended to a custom ID, skip the unique ID and check only prefix
+          if (String(toast.id).startsWith(settings.id)) {
+            this.closeToast(toast.id);
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
       }
-      var instance = _this.createToastInstance(title, settings);
-      _this.setState(function (previousState) {
+      const instance = this.createToastInstance(title, settings);
+      this.setState(previousState => {
         return {
-          toasts: [instance].concat(_toConsumableArray(previousState.toasts))
+          toasts: [instance, ...previousState.toasts]
         };
       });
       return instance;
     };
-    _this.createToastInstance = function (title, settings) {
-      var uniqueId = ++ToastManager.idCounter;
-      var id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
-      var hasCloseButton = settings.hasCloseButton || true;
-      var duration = settings.duration || 2;
+    this.createToastInstance = (title, settings) => {
+      const uniqueId = ++ToastManager.idCounter;
+      const id = hasCustomId(settings) ? "".concat(settings.id, "-").concat(uniqueId) : uniqueId;
+      let hasCloseButton = settings.hasCloseButton || true;
+      let duration = settings.duration || 2;
       if (settings.hasCloseButton !== undefined) {
         hasCloseButton = settings.hasCloseButton;
       }
@@ -76,14 +40,12 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
         duration = settings.duration;
       }
       return {
-        id: id,
-        title: title,
+        id,
+        title,
         description: settings.description,
         hasCloseButton: hasCloseButton,
         duration: duration,
-        close: function close() {
-          return _this.closeToast(id);
-        },
+        close: () => this.closeToast(id),
         intent: settings.intent
       };
     };
@@ -91,57 +53,49 @@ var ToastManager = /*#__PURE__*/function (_React$PureComponent) {
      * This will set isShown on the Toast which will close the toast.
      * It won't remove the toast until onExited triggers onRemove.
      */
-    _this.closeToast = function (id) {
-      _this.setState(function (previousState) {
+    this.closeToast = id => {
+      this.setState(previousState => {
         return {
-          toasts: previousState.toasts.map(function (toast) {
+          toasts: previousState.toasts.map(toast => {
             if (toast.id === id) {
-              return _objectSpread(_objectSpread({}, toast), {}, {
+              return {
+                ...toast,
                 isShown: false
-              });
+              };
             }
             return toast;
           })
         };
       });
     };
-    _this.removeToast = function (id) {
-      _this.setState(function (previousState) {
+    this.removeToast = id => {
+      this.setState(previousState => {
         return {
-          toasts: previousState.toasts.filter(function (toast) {
-            return toast.id !== id;
-          })
+          toasts: previousState.toasts.filter(toast => toast.id !== id)
         };
       });
     };
-    props.bindNotify(_this.notify);
-    props.bindGetToasts(_this.getToasts);
-    props.bindCloseAll(_this.closeAll);
-    _this.state = {
+    props.bindNotify(this.notify);
+    props.bindGetToasts(this.getToasts);
+    props.bindCloseAll(this.closeAll);
+    this.state = {
       toasts: []
     };
-    return _this;
   }
-  _createClass(ToastManager, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement("span", {
-        className: wrapperClass
-      }, this.state.toasts.map(function (_ref) {
-        var id = _ref.id,
-          description = _ref.description,
-          props = _objectWithoutProperties(_ref, _excluded);
-        return /*#__PURE__*/React.createElement(Toast, Object.assign({
-          key: id,
-          onRemove: function onRemove() {
-            return _this2.removeToast(id);
-          }
-        }, props), description);
-      }));
-    }
-  }]);
-  return ToastManager;
-}(React.PureComponent);
-ToastManager.idCounter = 0;
-export { ToastManager as default };
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "dtable-toast-manager"
+    }, this.state.toasts.map(_ref => {
+      let {
+        id,
+        description,
+        ...props
+      } = _ref;
+      return /*#__PURE__*/React.createElement(Toast, Object.assign({
+        key: id,
+        onRemove: () => this.removeToast(id)
+      }, props), description);
+    }));
+  }
+}
+ToastManager.idCounter = 0;

package/lib/toaster/toaster.js

@@ -1,65 +1,67 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ToastManager from './toastManager';
-var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
+import './index.css';
+const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
 /**
  * The Toaster manages the interactionsb between
  * the ToasterManger and the toast API.
  */
-var Toaster = /*#__PURE__*/_createClass(function Toaster() {
-  var _this = this;
-  _classCallCheck(this, Toaster);
-  this._bindNotify = function (handler) {
-    _this.notifyHandler = handler;
-  };
-  this._bindGetToasts = function (handler) {
-    _this.getToastsHandler = handler;
-  };
-  this._bindCloseAll = function (handler) {
-    _this.closeAllHandler = handler;
-  };
-  this.getToasts = function () {
-    return _this.getToastsHandler();
-  };
-  this.closeAll = function () {
-    return _this.closeAllHandler();
-  };
-  this.notify = function (title) {
-    var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return _this.notifyHandler(title, _objectSpread(_objectSpread({}, settings), {}, {
-      intent: 'none'
-    }));
-  };
-  this.success = function (title) {
-    var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return _this.notifyHandler(title, _objectSpread(_objectSpread({}, settings), {}, {
-      intent: 'success'
-    }));
-  };
-  this.warning = function (title) {
-    var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return _this.notifyHandler(title, _objectSpread(_objectSpread({}, settings), {}, {
-      intent: 'warning'
-    }));
-  };
-  this.danger = function (title) {
-    var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return _this.notifyHandler(title, _objectSpread(_objectSpread({}, settings), {}, {
-      intent: 'danger'
-    }));
-  };
-  if (!isBrowser) return;
-  var container = document.createElement('div');
-  container.setAttribute('data-evergreen-toaster-container', '');
-  document.body.appendChild(container);
-  ReactDOM.render( /*#__PURE__*/React.createElement(ToastManager, {
-    bindNotify: this._bindNotify,
-    bindGetToasts: this._bindGetToasts,
-    bindCloseAll: this._bindCloseAll
-  }), container);
-});
-export { Toaster as default };
+export default class Toaster {
+  constructor() {
+    var _this = this;
+    this._bindNotify = handler => {
+      this.notifyHandler = handler;
+    };
+    this._bindGetToasts = handler => {
+      this.getToastsHandler = handler;
+    };
+    this._bindCloseAll = handler => {
+      this.closeAllHandler = handler;
+    };
+    this.getToasts = () => {
+      return this.getToastsHandler();
+    };
+    this.closeAll = () => {
+      return this.closeAllHandler();
+    };
+    this.notify = function (title) {
+      let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return _this.notifyHandler(title, {
+        ...settings,
+        intent: 'none'
+      });
+    };
+    this.success = function (title) {
+      let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return _this.notifyHandler(title, {
+        ...settings,
+        intent: 'success'
+      });
+    };
+    this.warning = function (title) {
+      let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return _this.notifyHandler(title, {
+        ...settings,
+        intent: 'warning'
+      });
+    };
+    this.danger = function (title) {
+      let settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return _this.notifyHandler(title, {
+        ...settings,
+        intent: 'danger'
+      });
+    };
+    if (!isBrowser) return;
+    const container = document.createElement('div');
+    container.setAttribute('data-evergreen-toaster-container', '');
+    document.body.appendChild(container);
+    ReactDOM.render( /*#__PURE__*/React.createElement(ToastManager, {
+      bindNotify: this._bindNotify,
+      bindGetToasts: this._bindGetToasts,
+      bindCloseAll: this._bindCloseAll
+    }), container);
+  }
+}

package/lib/utils/editor-utils.js

@@ -1,15 +1,15 @@
-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 ptBR = require('@seafile/seafile-calendar/lib/locale/pt_BR');
-var csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
-var ruRU = require('@seafile/seafile-calendar/lib/locale/ru_RU');
-export var initDateEditorLanguage = function initDateEditorLanguage(lang) {
-  var language;
+const zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
+const zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
+const enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
+const frFR = require('@seafile/seafile-calendar/lib/locale/fr_FR');
+const deDE = require('@seafile/seafile-calendar/lib/locale/de_DE');
+const esES = require('@seafile/seafile-calendar/lib/locale/es_ES');
+const plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
+const ptBR = require('@seafile/seafile-calendar/lib/locale/pt_BR');
+const csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
+const ruRU = require('@seafile/seafile-calendar/lib/locale/ru_RU');
+export const initDateEditorLanguage = lang => {
+  let language;
   switch (lang) {
     case 'zh-cn':
       language = zhCN;
@@ -52,15 +52,13 @@ export var initDateEditorLanguage = function initDateEditorLanguage(lang) {
   }
   return language;
 };
-export var getSelectOptionItem = function getSelectOptionItem(options, optionId) {
-  return options.find(function (option) {
-    return option.id === optionId;
-  });
+export const getSelectOptionItem = (options, optionId) => {
+  return options.find(option => option.id === optionId);
 };
-export var isValidUrl = function isValidUrl(url) {
-  var reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
+export const isValidUrl = url => {
+  const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
   return reg.test(url);
 };
-export var getTrimmedString = function getTrimmedString(value) {
+export const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
 };

package/lib/utils/utils.js

@@ -1,18 +1,18 @@
-export var debounce = function debounce(fn, wait) {
-  var timeout = null;
+export const debounce = (fn, wait) => {
+  let 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();
+export const throttle = (func, delay) => {
+  let timer = null;
+  let startTime = Date.now();
   return function () {
-    var curTime = Date.now();
-    var remaining = delay - (curTime - startTime);
-    var context = this;
-    var args = arguments;
+    let curTime = Date.now();
+    let remaining = delay - (curTime - startTime);
+    let context = this;
+    let args = arguments;
     clearTimeout(timer);
     if (remaining <= 0) {
       func.apply(context, args);
@@ -22,17 +22,17 @@ export var throttle = function throttle(func, delay) {
     }
   };
 };
-export var isMac = function isMac() {
-  var platform = navigator.platform;
+export const isMac = () => {
+  const platform = navigator.platform;
   // eslint-disable-next-line eqeqeq
   return platform == 'Mac68K' || platform == 'MacPPC' || platform == 'Macintosh' || platform == 'MacIntel';
 };
-export var downloadFile = function downloadFile(downloadUrl) {
-  var downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
+export const downloadFile = downloadUrl => {
+  const downloadFrame = document.getElementById('dtableUiComponentDownloadFrame');
   if (downloadFrame != null) {
     document.body.removeChild(downloadFrame);
   }
-  var iframe = document.createElement('iframe');
+  let iframe = document.createElement('iframe');
   iframe.setAttribute('id', 'dtableUiComponentDownloadFrame');
   iframe.style.display = 'none';
   iframe.src = downloadUrl;

package/package.json

@@ -1,25 +1,24 @@
 {
   "name": "dtable-ui-component",
-  "version": "4.3.7",
+  "version": "4.3.9-alpha1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.5",
     "@seafile/seafile-calendar": "0.0.24",
-    "@seafile/seafile-editor": "0.3.140",
+    "@seafile/seafile-editor": "0.3.146",
     "antd-mobile": "2.3.1",
     "bail": "1.0.5",
     "classnames": "^2.3.2",
     "dayjs": "1.10.7",
     "deepmerge": "^2.1.0",
-    "dtable-utils": "4.3.5",
-    "glamor": "^2.20.40",
+    "dtable-utils": "~4.3.5",
     "hast-util-sanitize": "^1.1.2",
     "hast-util-to-html": "3.1.0",
     "is-hotkey": "0.2.0",
     "react": "17.0.2",
-    "react-app-polyfill": "^1.0.6",
+    "react-app-polyfill": "^3.0.0",
     "react-dom": "17.0.2",
-    "react-responsive": "^8.0.3",
+    "react-responsive": "9.0.2",
     "react-select": "5.7.0",
     "react-transition-group": "^4.4.1",
     "reactstrap": "8.9.0",