dtable-statistic 4.4.24 → 5.0.0

package/es/components/dialog/statistic-record-dialog/index.js

@@ -9,9 +9,10 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _reactstrap = require("reactstrap");
+var _DTableSearchInput = _interopRequireDefault(require("dtable-ui-component/lib/DTableSearchInput"));
+var _Loading = _interopRequireDefault(require("dtable-ui-component/lib/Loading"));
 var _dtableUtils = require("dtable-utils");
 var _dtableDbApi = _interopRequireDefault(require("../../../api/dtable-db-api"));
-var _index = require("../../index");
 var _utils = require("../../../utils");
 var _sqlUtils = require("../../../utils/sql-utils");
 var _constants = require("../../../constants");
@@ -322,7 +323,7 @@ class StatisticRecordDialog extends _react.default.Component {
       className: "search-input-container"
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "header-search-icon dtable-font dtable-icon-search"
-    }), /*#__PURE__*/_react.default.createElement(_index.DtableSearchInput, {
+    }), /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
       autoFocus: true,
       isClearable: true,
       className: "search-tables-input",
@@ -345,7 +346,7 @@ class StatisticRecordDialog extends _react.default.Component {
       className: "statistic-records-container"
     }, loading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "d-flex py-8"
-    }, /*#__PURE__*/_react.default.createElement(_index.Loading, null)) : this.renderRowsCards())));
+    }, /*#__PURE__*/_react.default.createElement(_Loading.default, null)) : this.renderRowsCards())));
   }
 }
 var _default = exports.default = StatisticRecordDialog;

package/es/components/popover/color-rules/color-rule.js

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _DTableCommonAddTool = _interopRequireDefault(require("dtable-ui-component/lib/DTableCommonAddTool"));
 var _ruleFilters = _interopRequireDefault(require("./rule-filters"));
 var _colorSelectorPopover = _interopRequireDefault(require("../color-selector-popover"));
-var _index = require("../../index");
 class ColorRule extends _react.Component {
   constructor(props) {
     super(props);
@@ -170,7 +170,7 @@ class ColorRule extends _react.Component {
       getFilterConfigByType: this.props.getFilterConfigByType,
       modifyConjunction: this.modifyFilterConjunction,
       updateFilters: this.updateFilters
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
+    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
       className: (0, _classnames.default)('statistic-btn-add-color-rule-filter', {
         'disabled': !canAddFilter
       }),

package/es/components/popover/color-rules-popover.js

@@ -10,7 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _index = require("../index");
+var _DTableCommonAddTool = _interopRequireDefault(require("dtable-ui-component/lib/DTableCommonAddTool"));
+var _DTablePopover = _interopRequireDefault(require("dtable-ui-component/lib/DTablePopover"));
 var _colorRules = _interopRequireDefault(require("./color-rules"));
 var _colorRules2 = require("../../constants/color-rules");
 require("../../assets/css/color-rules-popover.css");
@@ -182,7 +183,7 @@ class ColorRulesPopover extends _react.Component {
     const hasRules = colorRules && colorRules.length > 0;
     const rulesName = this.getRulesName();
     const canAddRule = !rulesName.some(ruleName => !ruleName);
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
+    return /*#__PURE__*/_react.default.createElement(_DTablePopover.default, {
       hideArrow: true,
       target: target,
       placement: "left-end",
@@ -205,7 +206,7 @@ class ColorRulesPopover extends _react.Component {
       generateDefaultFilter: this.generateDefaultFilter,
       updateRules: this.updateColorRules,
       resetPopoverPosition: this.resetPopoverPosition
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
+    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
       className: (0, _classnames.default)('statistic-btn-add-color-rule', {
         'disabled': !canAddRule
       }),

package/es/components/popover/color-selector-popover.js

@@ -1,12 +1,13 @@
 "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 _index = require("../index");
+var _DTablePopover = _interopRequireDefault(require("dtable-ui-component/lib/DTablePopover"));
 var _utils = require("../../utils");
 class ColorSelectorPopover extends _react.Component {
   constructor(props) {
@@ -44,7 +45,7 @@ class ColorSelectorPopover extends _react.Component {
       selectedColor
     } = this.props;
     const upperCaseSelectedColor = selectedColor.toUpperCase();
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
+    return /*#__PURE__*/_react.default.createElement(_DTablePopover.default, {
       target: target,
       placement: placement || 'auto-start',
       hideArrow: hideArrow,

package/es/stat-editor/stat-settings/public-setting/data-sort-setting.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 _DTableRadio = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadio"));
 var _constants = require("../../../constants");
 class DataSort extends _react.Component {
   constructor(props) {
@@ -50,7 +50,7 @@ class DataSort extends _react.Component {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: 'chart-group-item-' + index,
         className: 'chart-group-item'
-      }, /*#__PURE__*/_react.default.createElement(_components.SeaTableRadio, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableRadio.default, {
         isChecked: isChecked,
         onCheckedChange: this.onChangeSortType.bind(this, item),
         label: _reactIntlUniversal.default.get(_constants.DATA_SORT_TYPE_LABEL[item])

package/es/stat-list/index.js

@@ -11,7 +11,7 @@ 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 _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");
@@ -242,7 +242,7 @@ class StatList extends _react.Component {
       onEnlargeToggle: this.closeEnlargedChart,
       onToggleShowEnlarged: 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/base-chart.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../components");
+var _Loading = _interopRequireDefault(require("dtable-ui-component/lib/Loading"));
 var _commonUtils = require("../utils/common-utils");
 var _basicChartUtils = require("../utils/basic-chart-utils");
 var _constants = require("../constants");
@@ -120,7 +120,7 @@ class BaseChart extends _react.Component {
     this.renderLoading = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: 'statistic-chart-loading-container'
-      }, /*#__PURE__*/_react.default.createElement(_components.Loading, null));
+      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
     };
     this.renderEmpty = () => {
       return /*#__PURE__*/_react.default.createElement("div", {

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"));
@@ -135,7 +135,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/es/utils/index.js

@@ -27,7 +27,6 @@ Object.defineProperty(exports, "getDateColumnFormat", {
     return _column.getDateColumnFormat;
   }
 });
-exports.getEventClassName = void 0;
 Object.defineProperty(exports, "getKnownCreatorByEmail", {
   enumerable: true,
   get: function () {
@@ -65,7 +64,7 @@ Object.defineProperty(exports, "isEmptyObject", {
     return _object.isEmptyObject;
   }
 });
-exports.isMobile = exports.isFunction = void 0;
+exports.isMobile = void 0;
 Object.defineProperty(exports, "isSameObject", {
   enumerable: true,
   get: function () {
@@ -91,17 +90,6 @@ var _collaborator = require("./collaborator");
 var _column = require("./column");
 var _dateFormat = require("./date-format");
 var _search = require("./search");
-const isFunction = functionToCheck => {
-  const getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-exports.isFunction = isFunction;
-const getEventClassName = e => {
-  // svg mouseEvent event.target.className is an object
-  if (!e || !e.target) return '';
-  return e.target.getAttribute('class') || '';
-};
-exports.getEventClassName = getEventClassName;
 const hexToRgb = hex => {
   hex = hex.replace('#', '');
   const bigint = parseInt(hex, 16);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "4.4.24",
+  "version": "5.0.0",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
@@ -23,7 +23,7 @@
   },
   "peerDependencies": {
     "@antv/scale": "0.3.14",
-    "dtable-ui-component": "~4.4.*",
+    "dtable-ui-component": "~5.0.*",
     "dtable-utils": "~4.4.*"
   },
   "devDependencies": {
@@ -56,7 +56,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "4.3.6",
-    "dtable-ui-component": "4.4.34",
+    "dtable-ui-component": "5.0.0",
     "dtable-utils": "4.4.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",

package/es/components/common-add-tool.js

@@ -1,28 +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 CommonAddTool(props) {
-  const {
-    callBack,
-    footerName,
-    className,
-    addIconClassName
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "add-item-btn ".concat(className ? className : ''),
-    onClick: e => {
-      callBack(e);
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "add-new-option text-truncate",
-    title: footerName
-  }, footerName));
-}
-var _default = exports.default = CommonAddTool;

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,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CommonAddTool", {
-  enumerable: true,
-  get: function () {
-    return _commonAddTool.default;
-  }
-});
-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;
-  }
-});
-Object.defineProperty(exports, "SeaTableRadio", {
-  enumerable: true,
-  get: function () {
-    return _seatableRadio.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"));

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;

package/es/components/seatable-radio/index.css

@@ -1,51 +0,0 @@
-.seatable-radio {
-  user-select: none;
-  cursor: default;
-  display: inline-flex;
-  align-items: center;
-  margin: 0;
-  font-size: 14px;
-}
-
-.seatable-radio .seatable-radio-input {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
-
-.seatable-radio .seatable-radio-indicator {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background-color: #ffffff;
-  border: 1px solid #bdbdbd;
-  position: relative;
-}
-
-.seatable-radio .seatable-radio-selected-indicator {
-  background-color: #FF8000;
-  border: unset !important;
-}
-
-.seatable-radio .seatable-radio-selected-indicator::before {
-  display: inline-block;
-  content: '';
-  width: 6px;
-  height: 6px;
-  background-color: #ffffff;
-  position: absolute;
-  left: 5px;
-  top: 5px;
-  border-radius: 50%;
-}
-
-.seatable-radio .seatable-radio-disable {
-  background-color: #f5f5f5;
-}
-
-.seatable-radio .seatable-radio-description {
-  margin-left: .5rem;
-  color: inherit;
-  transition: .3s color;
-}

package/es/components/seatable-radio/index.js

@@ -1,35 +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 _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-function SeaTableRadio(props) {
-  return /*#__PURE__*/_react.default.createElement("label", {
-    className: "seatable-radio"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "radio",
-    className: "seatable-radio-input",
-    checked: props.isChecked,
-    onChange: props.disabled ? () => {} : props.onCheckedChange,
-    name: props.name,
-    value: props.value
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('seatable-radio-indicator', {
-      'seatable-radio-selected-indicator': props.isChecked,
-      'seatable-radio-disable': props.disabled
-    })
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "seatable-radio-description text-truncate"
-  }, props.label));
-}
-SeaTableRadio.defaultProps = {
-  disabled: false,
-  name: 'seatable-radio-input',
-  onCheckedChange: () => {}
-};
-var _default = exports.default = SeaTableRadio;