dtable-statistic 4.4.24-alpha.9 → 5.0.0-alpha.0

package/es/dashboard.js

@@ -12,7 +12,6 @@ var _dtableUtils = require("dtable-utils");
 var _statisticDashboard = _interopRequireDefault(require("./model/statistic-dashboard"));
 var _dashboardService = _interopRequireDefault(require("./service/dashboard-service"));
 var _chartService = _interopRequireDefault(require("./service/chart-service"));
-var _mapJson = require("./service/map-json");
 var _desktopDashboard = _interopRequireDefault(require("./desktop-dashboard"));
 var _mobileDashboard = _interopRequireDefault(require("./mobile-dashboard"));
 var _utils = require("./utils");
@@ -37,7 +36,6 @@ class DashBoard extends _react.Component {
       }
     };
     this.onLocalDTableChanged = value => {
-      console.log('onLocalDTableChanged');
       if (this.updatingLocalStatistics) {
         // it's unnecessary to notify data changed during update statistics
         this.value = value;
@@ -49,7 +47,6 @@ class DashBoard extends _react.Component {
       });
     };
     this.onServerDTableChanged = value => {
-      console.log('onServerDTableChanged', value);
       this.onDTableChanged({
         value
       });
@@ -83,7 +80,6 @@ class DashBoard extends _react.Component {
         updateStatistics: this.props.updateStatistics,
         deletePluginSettings: this.props.deletePluginSettings
       });
-      this.initLabelColorConfigs();
       const statistics = this.dashboardService.getStatistics();
       const validStatistics = this.dashboardService.getValidStatistics(statistics);
       let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(_constants.KEY_SELECTED_DASHBOARD) || 0;
@@ -95,22 +91,6 @@ class DashBoard extends _react.Component {
         selectedDashboardIdx
       };
     };
-    this.initLabelColorConfigs = () => {
-      const systemCustomColors = window.dtable.customColors || [];
-      const baseSettings = this.value && this.value.settings;
-      const baseCustomColors = baseSettings && baseSettings.custom_colors || [];
-      this.labelColorConfigs = [..._constants.LABEL_COLORS.map(color => ({
-        color: color.toUpperCase(),
-        text_color: '#fff'
-      })), ...systemCustomColors.map(customColor => ({
-        ...customColor,
-        color: customColor.color.toUpperCase()
-      })), ...baseCustomColors.map(customColor => ({
-        color: customColor.COLOR.toUpperCase(),
-        text_color: customColor.TEXT_COLOR,
-        border_color: customColor.BORDER_COLOR
-      }))];
-    };
     this.getSelectedDashboardIdxFromLocal = key => {
       const {
         dtableUuid
@@ -148,18 +128,6 @@ class DashBoard extends _react.Component {
         activeView
       });
     };
-    this.getConvertedChart = _ref3 => {
-      let {
-        originalStatistic,
-        targetStatisticType,
-        activeTable
-      } = _ref3;
-      return this.chartService.getConvertedChart({
-        originalStatistic,
-        targetStatisticType,
-        activeTable
-      });
-    };
     this.selectDashboard = selectedDashboardIdx => {
       this.disabledUpdateLayout = true;
       this.setSelectedDashboardIdx(selectedDashboardIdx);
@@ -380,19 +348,6 @@ class DashBoard extends _react.Component {
       const permission = window.dtable.permission || '';
       return permission === 'r' || permission.slice(0, 2) === 'c-';
     };
-    this.queryMapJson = (_ref4, callback) => {
-      let {
-        map_level,
-        map_location
-      } = _ref4;
-      this.mapJsonService.queryMapJson({
-        map_level,
-        map_location
-      }, callback);
-    };
-    const {
-      mediaUrl
-    } = window.dtable;
     const {
       value: _value
     } = props;
@@ -402,9 +357,6 @@ class DashBoard extends _react.Component {
     this.chartService = new _chartService.default({
       defaultChartTitle
     });
-    this.mapJsonService = new _mapJson.MapJsonService({
-      mediaUrl
-    });
     const {
       statistics: _statistics,
       selectedDashboardIdx: _selectedDashboardIdx
@@ -439,8 +391,7 @@ class DashBoard extends _react.Component {
     const {
       statistics,
       selectedDashboardIdx,
-      dtableChangedTime,
-      editingChart
+      dtableChangedTime
     } = this.state;
     const isTableReadOnly = this.isTableReadOnly();
     const colorThemeName = this.dashboardService.getColorThemeName();
@@ -450,7 +401,6 @@ class DashBoard extends _react.Component {
       dtableChangedTime: dtableChangedTime,
       statistics: statistics,
       selectedDashboardIdx: selectedDashboardIdx,
-      labelColorConfigs: this.labelColorConfigs,
       eventBus: eventBus,
       onCloseDashboard: this.props.onCloseStatistic,
       getViewRows: this.props.getViewRows,
@@ -459,16 +409,13 @@ class DashBoard extends _react.Component {
       addDashboard: this.addDashboard,
       renameDashboard: this.renameDashboard,
       deleteDashboard: this.deleteDashboard,
-      getTableById: this.getTableById,
-      queryMapJson: this.queryMapJson
+      getTableById: this.getTableById
     }) : /*#__PURE__*/_react.default.createElement(_desktopDashboard.default, {
       isTableReadOnly: isTableReadOnly,
       colorThemeName: colorThemeName,
       dtableChangedTime: dtableChangedTime,
       statistics: statistics,
-      editingChart: editingChart,
       selectedDashboardIdx: selectedDashboardIdx,
-      labelColorConfigs: this.labelColorConfigs,
       eventBus: eventBus,
       getActiveTable: this.getActiveTable,
       getActiveView: this.getActiveView,
@@ -483,11 +430,8 @@ class DashBoard extends _react.Component {
       moveDashboard: this.moveDashboard,
       getTableById: this.getTableById,
       getTables: this.getTables,
-      getViews: this.getViews,
       getValue: this.getValue,
-      queryMapJson: this.queryMapJson,
       getInitChart: this.getInitChart,
-      getConvertedChart: this.getConvertedChart,
       copyChart: this.copyChart,
       moveChartToView: this.moveChartToView,
       deleteChart: this.deleteChart,

package/es/index.js

@@ -2,7 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
+var _dtableStore = require("dtable-store");
 var _dashboard = _interopRequireDefault(require("./dashboard"));
+var _converStatItem = require("./model/conver-statItem");
 class Statistic {
   static getInitProps() {
     if (!window || !window.app) {
@@ -17,15 +19,68 @@ class Statistic {
       selectedTableIdx,
       selectedViewId
     } = state;
+    const convertedValue = this.convertStatistics(value);
     return {
-      value,
+      value: convertedValue,
       eventBus: dtableStore.eventBus,
       activeTableIdx: selectedTableIdx,
       activeViewId: selectedViewId,
+      getViewRows: this.getViewRows,
+      getTableFormulaResults: this.getTableFormulaResults,
       updateStatistics: this.updateStatistics.bind(this, dtableStore),
       deletePluginSettings: this.deletePluginSettings.bind(this, dtableStore)
     };
   }
+
+  // Compatible with old statistics
+  static convertStatistics(value) {
+    value.statistics.forEach(dashboard => {
+      const new_stat_items = dashboard.stat_items.map(item => {
+        if (!item.config) {
+          const newItem = {
+            config: {
+              ...item,
+              ...(0, _converStatItem.convertByType)(item)
+            },
+            layout: item.layout,
+            style_config: {
+              border: {},
+              title: {
+                text: item.name
+              }
+            }
+          };
+          return newItem;
+        }
+        return item;
+      });
+      dashboard.stat_items = new_stat_items;
+    });
+    return value;
+  }
+  static getViewRows(view, table) {
+    const dtableStore = window.app.dtableStore || {};
+    const {
+      username = null,
+      userId = null,
+      userDepartmentIdsMap = null
+    } = dtableStore.dtableSettings;
+    return _dtableStore.Views.getViewRows(view, table, dtableStore.value, username, userId, userDepartmentIdsMap);
+  }
+  static getTableFormulaResults(table, rows) {
+    const dtableStore = window.app.dtableStore || {};
+    const {
+      username = null,
+      userId = null,
+      userDepartmentIdsMap = null
+    } = dtableStore.dtableSettings;
+    const formulaColumns = _dtableStore.Views.getFormulaColumnsContainLinks(table);
+    return _dtableStore.Views.getTableFormulaResults(table, rows, dtableStore.value, formulaColumns, {
+      username,
+      userId,
+      userDepartmentIdsMap
+    });
+  }
   static updateStatistics(dtableStore, statistics) {
     dtableStore.updateStatisticsList(statistics);
   }

package/es/service/chart-service.js

@@ -58,17 +58,5 @@ class ChartService {
     newStatItem.layout = null;
     return newStatItem;
   }
-  getConvertedChart(_ref4) {
-    let {
-      originalStatistic,
-      targetStatisticType,
-      activeTable
-    } = _ref4;
-    if (targetStatisticType === originalStatistic.type) return originalStatistic;
-    return this.generatorChart({
-      ...originalStatistic,
-      type: targetStatisticType
-    }, activeTable);
-  }
 }
 var _default = exports.default = ChartService;

package/es/stat-list/index.js

@@ -12,7 +12,7 @@ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal")
 var _toaster = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
 var _seaChart = require("sea-chart");
 var _chartPreview = _interopRequireDefault(require("./chart-preview"));
-var _components = require("../components");
+var _newTableDialog = _interopRequireDefault(require("../components/dialog/new-table-dialog"));
 var _enlargedChartDialog = _interopRequireDefault(require("../components/dialog/enlarged-chart-dialog"));
 var _tableSelectDialog = _interopRequireDefault(require("../components/dialog/table-select-dialog"));
 var _exportTableUtils = require("../utils/export-table-utils");
@@ -236,7 +236,7 @@ class StatList extends _react.Component {
       getTableById: this.props.getTableById,
       onEnlargeToggle: this.closeEnlargedChart,
       toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }), chartExport2Table && /*#__PURE__*/_react.default.createElement(_components.NewTableDialog, {
+    }), chartExport2Table && /*#__PURE__*/_react.default.createElement(_newTableDialog.default, {
       getTables: this.props.getTables,
       tableName: chartExport2Table.name,
       onNewTableConfirm: tableName => this.exportChart2Table(tableName, chartExport2Table),

package/es/stat-view/index.js

@@ -58,7 +58,7 @@ class StatView extends _react.default.Component {
       hideTitle: true,
       globalTheme: theme,
       chartColorTheme: colorThemeName,
-      integrator: "statistic",
+      isCalculateByView: true,
       onViewRef: this.getViewRef
     }));
   }

package/es/tabs/tab.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../components");
+var _ModalPortal = _interopRequireDefault(require("dtable-ui-component/lib/ModalPortal"));
 var _utils = require("../utils");
 var _constants = require("../constants");
 var _statisticTabsModule = _interopRequireDefault(require("./statistic-tabs.module.css"));
@@ -23,19 +23,22 @@ class DashBoardTab extends _react.Component {
       }
     };
     this.onDropdownToggle = evt => {
+      var _this$btnViewDropdown;
       evt.nativeEvent.stopImmediatePropagation();
-      const {
-        top,
-        left,
-        height
-      } = this.btnViewDropdown.parentNode.getBoundingClientRect();
-      this.setState({
-        isShowViewDropdown: !this.state.isShowViewDropdown,
-        dropdownMenuPosition: {
-          top: top + height - 3,
-          left
-        }
-      });
+      if ((_this$btnViewDropdown = this.btnViewDropdown) !== null && _this$btnViewDropdown !== void 0 && _this$btnViewDropdown.parentNode) {
+        const {
+          top,
+          left,
+          height
+        } = this.btnViewDropdown.parentNode.getBoundingClientRect();
+        this.setState({
+          isShowViewDropdown: !this.state.isShowViewDropdown,
+          dropdownMenuPosition: {
+            top: top + height - 3,
+            left
+          }
+        });
+      }
     };
     this.onDragStart = event => {
       event.stopPropagation();
@@ -135,7 +138,7 @@ class DashBoardTab extends _react.Component {
       className: "".concat(_statisticTabsModule.default['btn-view-dropdown'])
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "".concat(_statisticTabsModule.default['icon'], " dtable-font dtable-icon-drop-down")
-    }), isShowViewDropdown && /*#__PURE__*/_react.default.createElement(_components.ModalPortal, null, /*#__PURE__*/_react.default.createElement("div", {
+    }), isShowViewDropdown && /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(theme === _constants.THEME_NAME_MAP.DARK ? 'statistic-tabs-dropdown-dark' : 'statistic-tabs-dropdown-light', " statistic-dropdown-menu dropdown-menu large show"),
       style: {
         ...dropdownMenuPosition,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "4.4.24-alpha.9",
+  "version": "5.0.0-alpha.0",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
@@ -18,7 +18,7 @@
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
     "reactstrap": "8.9.0",
-    "sea-chart": "0.0.42-alpha.7"
+    "sea-chart": "^0.0.47-alpha.2"
   },
   "peerDependencies": {
     "dtable-ui-component": "~4.4.*",
@@ -54,7 +54,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "4.3.6",
-    "dtable-ui-component": "4.4.34",
+    "dtable-ui-component": "~4.4.34",
     "dtable-utils": "4.4.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",

package/es/components/dtable-popover.js

@@ -1,97 +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 _reactstrap = require("reactstrap");
-var _utils = require("../utils");
-var _constants = require("../constants");
-class DTablePopover extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.dtablePopoverRef = null;
-    this.isSelectOpen = false;
-    this.onHistoryState = e => {
-      e.preventDefault();
-      this.props.hideDTablePopover(e);
-    };
-    this.onKeyDown = e => {
-      const {
-        canHideDTablePopover,
-        hideDTablePopoverWithEsc
-      } = this.props;
-      if (e.keyCode === _constants.KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
-        e.preventDefault();
-        hideDTablePopoverWithEsc();
-      } else if (e.keyCode === _constants.KeyCodes.Enter) {
-        // Resolve the default behavior of the enter key when entering formulas is blocked
-        if (canHideDTablePopover) return;
-        e.stopImmediatePropagation();
-      }
-    };
-    this.setSelectStatus = status => {
-      this.isSelectOpen = status;
-    };
-    this.onMouseDown = e => {
-      const {
-        canHideDTablePopover
-      } = this.props;
-      if (!canHideDTablePopover) return;
-      if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
-        this.props.hideDTablePopover(e);
-      }
-    };
-    this.onPopoverInsideClick = e => {
-      e.stopPropagation();
-    };
-  }
-  componentDidMount() {
-    document.addEventListener('mousedown', this.onMouseDown);
-    document.addEventListener('keydown', this.onKeyDown);
-    window.addEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect = window.app.eventBus.subscribe(_constants.CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.onMouseDown);
-    document.removeEventListener('keydown', this.onKeyDown);
-    window.removeEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect();
-  }
-  render() {
-    const {
-      target,
-      boundariesElement,
-      innerClassName,
-      popoverClassName,
-      hideArrow,
-      modifiers,
-      placement
-    } = this.props;
-    let additionalProps = {};
-    if (boundariesElement) {
-      additionalProps.boundariesElement = boundariesElement;
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, Object.assign({
-      placement: placement,
-      isOpen: true,
-      target: target,
-      fade: false,
-      hideArrow: hideArrow,
-      innerClassName: innerClassName,
-      className: popoverClassName,
-      modifiers: modifiers
-    }, additionalProps), /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.dtablePopoverRef = ref,
-      onClick: this.onPopoverInsideClick
-    }, this.props.children));
-  }
-}
-DTablePopover.defaultProps = {
-  placement: 'bottom-start',
-  hideArrow: true,
-  canHideDTablePopover: true
-};
-var _default = exports.default = DTablePopover;

package/es/components/dtable-search-input.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
-class DtableSearchInput extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onCompositionStart = () => {
-      this.isInputtingChinese = true;
-    };
-    this.onChange = e => {
-      this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait
-      } = this.props;
-      let text = e.target.value;
-      this.setState({
-        searchValue: text || ''
-      }, () => {
-        if (this.isInputtingChinese) return;
-        this.timer = setTimeout(() => {
-          onChange && onChange(this.state.searchValue.trim());
-        }, wait);
-      });
-    };
-    this.onCompositionEnd = e => {
-      this.isInputtingChinese = false;
-      this.onChange(e);
-    };
-    this.clearSearch = () => {
-      const {
-        clearValue
-      } = this.props;
-      this.setState({
-        searchValue: ''
-      }, () => {
-        clearValue && clearValue();
-      });
-    };
-    this.setFocus = isSelectAllText => {
-      if (this.inputRef === document.activeElement) return;
-      this.inputRef.focus();
-      if (isSelectAllText) {
-        const txtLength = this.state.searchValue.length;
-        this.inputRef.setSelectionRange(0, txtLength);
-      }
-    };
-    this.renderClear = () => {
-      const {
-        isClearable,
-        clearClassName,
-        components = {}
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
-      if (!isClearable || !searchValue) return null;
-      const {
-        ClearIndicator
-      } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      } else if ((0, _utils.isFunction)(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
-        onClick: this.clearSearch
-      }, "\xD7");
-    };
-    this.state = {
-      searchValue: props.value
-    };
-    this.isInputtingChinese = false;
-    this.timer = null;
-    this.inputRef = null;
-  }
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      this.setState({
-        searchValue: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    this.timer && clearTimeout(this.timer);
-    this.timer = null;
-    this.inputRef = null;
-  }
-  render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled,
-      style
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: searchValue,
-      className: (0, _classnames.default)('form-control', className),
-      onChange: this.onChange,
-      autoFocus: autoFocus,
-      placeholder: placeholder,
-      onCompositionStart: this.onCompositionStart,
-      onCompositionEnd: this.onCompositionEnd,
-      onKeyDown: onKeyDown,
-      disabled: disabled,
-      style: style,
-      ref: ref => this.inputRef = ref
-    }), this.renderClear());
-  }
-}
-DtableSearchInput.defaultProps = {
-  wait: 100,
-  disabled: false,
-  value: ''
-};
-var _default = exports.default = DtableSearchInput;

package/es/components/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DTablePopover", {
-  enumerable: true,
-  get: function () {
-    return _dtablePopover.default;
-  }
-});
-Object.defineProperty(exports, "DtableSearchInput", {
-  enumerable: true,
-  get: function () {
-    return _dtableSearchInput.default;
-  }
-});
-Object.defineProperty(exports, "Loading", {
-  enumerable: true,
-  get: function () {
-    return _loading.default;
-  }
-});
-Object.defineProperty(exports, "ModalPortal", {
-  enumerable: true,
-  get: function () {
-    return _modalPortal.default;
-  }
-});
-Object.defineProperty(exports, "NewTableDialog", {
-  enumerable: true,
-  get: function () {
-    return _newTableDialog.default;
-  }
-});
-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"));

package/es/components/loading.js

@@ -1,15 +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"));
-function Loading() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
-    className: "loading-icon loading-tip"
-  }));
-}
-var _default = exports.default = Loading;

package/es/components/modal-portal.js

@@ -1,26 +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"));
-const modalRoot = document.getElementById('modal-wrapper');
-class ModalPortal extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.el = document.createElement('div');
-  }
-  componentDidMount() {
-    modalRoot.appendChild(this.el);
-  }
-  componentWillUnmount() {
-    modalRoot.removeChild(this.el);
-  }
-  render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
-  }
-}
-var _default = exports.default = ModalPortal;