dtable-statistic 4.3.12 → 4.3.14

package/es/components/index.js

@@ -46,17 +46,10 @@ Object.defineProperty(exports, "SeaTableRadio", {
     return _seatableRadio.default;
   }
 });
-Object.defineProperty(exports, "toaster", {
-  enumerable: true,
-  get: function () {
-    return _toast.default;
-  }
-});
 var _commonAddTool = _interopRequireDefault(require("./common-add-tool"));
 var _dtablePopover = _interopRequireDefault(require("./dtable-popover"));
 var _dtableSearchInput = _interopRequireDefault(require("./dtable-search-input"));
 var _loading = _interopRequireDefault(require("./loading"));
 var _modalPortal = _interopRequireDefault(require("./modal-portal"));
 var _newTableDialog = _interopRequireDefault(require("./dialog/new-table-dialog"));
-var _seatableRadio = _interopRequireDefault(require("./seatable-radio"));
-var _toast = _interopRequireDefault(require("./toast"));
+var _seatableRadio = _interopRequireDefault(require("./seatable-radio"));

package/es/stat-list/index.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactGridLayout = _interopRequireWildcard(require("react-grid-layout"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _toaster = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
 var _chartPreview = _interopRequireDefault(require("./chart-preview"));
 var _components = require("../components");
 var _enlargedChartDialog = _interopRequireDefault(require("../components/dialog/enlarged-chart-dialog"));
@@ -60,7 +61,7 @@ class StatList extends _react.Component {
     this.exportChart2Table = (tableName, chart) => {
       if (chart.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
         this.statisticalResult4Export = null;
-        _components.toaster.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
+        _toaster.default.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
         this.closeNewTableDialog();
         return;
       }
@@ -101,7 +102,7 @@ class StatList extends _react.Component {
       } = this.props;
       if (chartUpdate2Table.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
         this.statisticalResult4Update = null;
-        _components.toaster.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
+        _toaster.default.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
         this.closeSelectTableDialog();
         return;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "4.3.12",
+  "version": "4.3.14",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
@@ -10,9 +10,8 @@
     "@antv/g2": "4.1.46",
     "@antv/util": "3.3.2",
     "@seafile/seafile-calendar": "0.0.24",
-    "comlink": "^4.3.1",
+    "comlink": "^4.4.1",
     "dayjs": "1.10.7",
-    "glamor": "^2.20.40",
     "html2canvas": "^1.4.1",
     "rc-slider": "^9.7.4",
     "react": "17.0.2",
@@ -57,7 +56,7 @@
     "css-minimizer-webpack-plugin": "^3.2.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "dtable-ui-component": "4.3.7",
+    "dtable-ui-component": "4.3.10",
     "dtable-utils": "4.3.5",
     "dtable-web-api": "4.3.5",
     "dtable-store": "4.3.6",

package/es/components/toast/alert.js

@@ -1,124 +0,0 @@
-"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 _glamor = require("glamor");
-class Alert extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.containerStyle = (0, _glamor.css)({
-      borderRadius: '3px',
-      backgroundColor: '#fff',
-      padding: '10px 16px',
-      display: 'flex',
-      boxSizing: 'border-box',
-      boxShadow: 'rgba(67, 90, 111, 0.3) 0px 0px 1px, rgba(67, 90, 111, 0.47) 0px 8px 10px -4px',
-      justifyContent: 'space-between',
-      flexDirection: 'row'
-    });
-    this.containerBorderSuccess = (0, _glamor.css)({
-      borderLeft: '3px solid rgb(71, 184, 129)'
-    });
-    this.containerBorderWarn = (0, _glamor.css)({
-      borderLeft: '3px solid rgb(217, 130, 43)'
-    });
-    this.containerBorderDanger = (0, _glamor.css)({
-      borderLeft: '3px solid rgb(236, 76, 71)'
-    });
-    this.containerBorderNotify = (0, _glamor.css)({
-      borderLeft: '3px solid rgb(16, 112, 202)'
-    });
-    this.toastTextTitle = (0, _glamor.css)({
-      fontWeight: '600',
-      fontSize: '14px',
-      color: '#435a6f',
-      margin: '0'
-    });
-    this.toastTextChild = (0, _glamor.css)({
-      fontSize: '14px',
-      color: '#999',
-      margin: '0'
-    });
-    this.toastClose = (0, _glamor.css)({
-      marginLeft: '15px',
-      height: '24px',
-      width: '24px',
-      lineHeight: '22px',
-      fontWeight: '700',
-      textAlign: 'center',
-      fontSize: '20px',
-      color: '#000',
-      cursor: 'pointer',
-      opacity: '0.5',
-      ':hover': {
-        opacity: 1
-      }
-    });
-    this.toastIcon = (0, _glamor.css)({
-      marginRight: '10px',
-      width: '14px',
-      height: '20px',
-      lineHeight: '20px'
-    });
-  }
-  getContainerStyle(intent) {
-    switch (intent) {
-      case 'success':
-        return {
-          borderStyle: this.containerBorderSuccess,
-          iconColor: (0, _glamor.css)({
-            color: 'rgb(71, 184, 129)'
-          }),
-          iconClass: 'dtable-font dtable-icon-check-circle'
-        };
-      case 'warning':
-        return {
-          borderStyle: this.containerBorderWarn,
-          iconColor: (0, _glamor.css)({
-            color: 'rgb(217, 130, 43)'
-          }),
-          iconClass: 'dtable-font dtable-icon-exclamation-triangle'
-        };
-      case 'none':
-        return {
-          borderStyle: this.containerBorderNotify,
-          iconColor: (0, _glamor.css)({
-            color: 'rgb(16, 112, 202)'
-          }),
-          iconClass: 'dtable-font dtable-icon-description'
-        };
-      case 'danger':
-        return {
-          borderStyle: this.containerBorderDanger,
-          iconColor: (0, _glamor.css)({
-            color: 'rgb(236, 76, 71)'
-          }),
-          iconClass: 'dtable-font dtable-icon-exclamation-circle'
-        };
-      default:
-        return null;
-    }
-  }
-  render() {
-    const toastStyle = this.getContainerStyle(this.props.intent);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _glamor.css)(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/_react.default.createElement("div", {
-      className: this.toastIcon
-    }, /*#__PURE__*/_react.default.createElement("i", Object.assign({
-      className: toastStyle.iconClass
-    }, toastStyle.iconColor))), /*#__PURE__*/_react.default.createElement("div", {
-      className: this.toastTextContainer
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: this.toastTextTitle
-    }, this.props.title), this.props.children ? /*#__PURE__*/_react.default.createElement("p", {
-      className: this.toastTextChild
-    }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/_react.default.createElement("div", {
-      onClick: this.props.onRemove,
-      className: this.toastClose
-    }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
-  }
-}
-var _default = exports.default = Alert;

package/es/components/toast/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _toaster = _interopRequireDefault(require("./toaster"));
-const toaster = new _toaster.default();
-var _default = exports.default = toaster;

package/es/components/toast/toast.js

@@ -1,145 +0,0 @@
-"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 _glamor = require("glamor");
-var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
-var _alert = _interopRequireDefault(require("./alert"));
-const animationEasing = {
-  deceleration: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
-  acceleration: 'cubic-bezier(0.4, 0.0, 1, 1)',
-  spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
-};
-const ANIMATION_DURATION = 240;
-const openAnimation = _glamor.css.keyframes('openAnimation', {
-  from: {
-    opacity: 0,
-    transform: 'translateY(-120%)'
-  },
-  to: {
-    transform: 'translateY(0)'
-  }
-});
-const closeAnimation = _glamor.css.keyframes('closeAnimation', {
-  from: {
-    transform: 'scale(1)',
-    opacity: 1
-  },
-  to: {
-    transform: 'scale(0.9)',
-    opacity: 0
-  }
-});
-const animationStyles = (0, _glamor.css)({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'center',
-  height: 0,
-  transition: "all ".concat(ANIMATION_DURATION, "ms ").concat(animationEasing.deceleration),
-  '&[data-state="entering"], &[data-state="entered"]': {
-    animation: "".concat(openAnimation, " ").concat(ANIMATION_DURATION, "ms ").concat(animationEasing.spring, " both")
-  },
-  '&[data-state="exiting"]': {
-    animation: "".concat(closeAnimation, " 120ms ").concat(animationEasing.acceleration, " both")
-  }
-});
-class Toast extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      isShown: true,
-      height: 0
-    };
-    this.close = event => {
-      if (event) {
-        event.nativeEvent.stopImmediatePropagation();
-        event.stopPropagation();
-      }
-      this.clearCloseTimer();
-      this.setState({
-        isShown: false
-      });
-    };
-    this.startCloseTimer = () => {
-      if (this.props.duration) {
-        this.closeTimer = setTimeout(() => {
-          this.close();
-        }, this.props.duration * 1000);
-      }
-    };
-    this.clearCloseTimer = () => {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = null;
-      }
-    };
-    this.handleMouseEnter = () => {
-      this.clearCloseTimer();
-    };
-    this.handleMouseLeave = () => {
-      this.startCloseTimer();
-    };
-    this.onRef = ref => {
-      if (ref === null) return;
-      const {
-        height
-      } = ref.getBoundingClientRect();
-      this.setState({
-        height
-      });
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.isShown !== this.props.isShown) {
-      // eslint-disable-next-line react/no-did-update-set-state
-      this.setState({
-        isShown: this.props.isShown
-      });
-    }
-  }
-  componentDidMount() {
-    this.startCloseTimer();
-  }
-  componentWillUnmount() {
-    this.clearCloseTimer();
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-      appear: true,
-      unmountOnExit: true,
-      timeout: ANIMATION_DURATION,
-      in: this.state.isShown,
-      onExited: this.props.onRemove
-    }, state => /*#__PURE__*/_react.default.createElement("div", {
-      "data-state": state,
-      className: animationStyles,
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      style: {
-        height: this.state.height,
-        zIndex: this.props.zIndex,
-        marginBottom: this.state.isShown ? 0 : -this.state.height
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.onRef,
-      style: {
-        padding: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-      intent: this.props.intent,
-      title: this.props.title,
-      "aria-label": this.props.title,
-      children: this.props.children || '',
-      isRemoveable: this.props.hasCloseButton,
-      onRemove: event => this.close(event)
-    }))));
-  }
-}
-exports.default = Toast;
-Toast.defaultProps = {
-  intent: 'none'
-};

package/es/components/toast/toastManager.js

@@ -1,123 +0,0 @@
-"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 _glamor = require("glamor");
-var _toast = _interopRequireDefault(require("./toast"));
-var _zIndexes = require("../../constants/zIndexes");
-const wrapperClass = (0, _glamor.css)({
-  maxWidth: 560,
-  margin: '0 auto',
-  top: 0,
-  left: 0,
-  right: 0,
-  position: 'fixed',
-  zIndex: _zIndexes.TOAST_MANAGER
-});
-const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
-class ToastManager extends _react.default.PureComponent {
-  constructor(props, context) {
-    super(props, context);
-    this.getToasts = () => {
-      return this.state.toasts;
-    };
-    this.closeAll = () => {
-      this.getToasts().forEach(toast => toast.close());
-    };
-    this.notify = (title, settings) => {
-      // If there's a custom toast ID passed, close existing toasts with the same custom ID
-      if (hasCustomId(settings)) {
-        // eslint-disable-next-line
-        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);
-          }
-        }
-      }
-      const instance = this.createToastInstance(title, settings);
-      this.onClose = settings.onClose;
-      this.setState(previousState => {
-        return {
-          toasts: [instance, ...previousState.toasts]
-        };
-      });
-      return instance;
-    };
-    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;
-      }
-      if (settings.duration !== undefined) {
-        duration = settings.duration;
-      }
-      return {
-        id,
-        title,
-        description: settings.description,
-        hasCloseButton: hasCloseButton,
-        duration: duration,
-        close: () => this.closeToast(id),
-        intent: settings.intent
-      };
-    };
-    /**
-     * This will set isShown on the Toast which will close the toast.
-     * It won't remove the toast until onExited triggers onRemove.
-     */
-    this.closeToast = id => {
-      this.setState(previousState => {
-        return {
-          toasts: previousState.toasts.map(toast => {
-            if (toast.id === id) {
-              return {
-                ...toast,
-                isShown: false
-              };
-            }
-            return toast;
-          })
-        };
-      });
-    };
-    this.removeToast = id => {
-      this.onClose && this.onClose();
-      this.setState(previousState => {
-        return {
-          toasts: previousState.toasts.filter(toast => toast.id !== id)
-        };
-      });
-    };
-    props.bindNotify(this.notify);
-    props.bindGetToasts(this.getToasts);
-    props.bindCloseAll(this.closeAll);
-    this.state = {
-      toasts: []
-    };
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: wrapperClass
-    }, this.state.toasts.map(_ref => {
-      let {
-        id,
-        description,
-        ...props
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
-        key: id,
-        onRemove: () => this.removeToast(id)
-      }, props), description);
-    }));
-  }
-}
-exports.default = ToastManager;
-ToastManager.idCounter = 0;

package/es/components/toast/toaster.js

@@ -1,74 +0,0 @@
-"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 _reactDom = _interopRequireDefault(require("react-dom"));
-var _toastManager = _interopRequireDefault(require("./toastManager"));
-const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
-
-/**
- * The Toaster manages the interactionsb between
- * the ToasterManger and the toast API.
- */
-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.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
-      bindNotify: this._bindNotify,
-      bindGetToasts: this._bindGetToasts,
-      bindCloseAll: this._bindCloseAll
-    }), container);
-  }
-}
-exports.default = Toaster;