sea-chart 2.0.38 → 2.0.39

package/dist/components/color-setting/color-group-selector.js

@@ -1,23 +1,31 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import React, { Component } from 'react';
-import { FormGroup } from 'reactstrap';
-import { COLOR_OPTIONS } from '../../constants/color-rules';
-import intl from '../../intl';
-class ColorGroupSelector extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _colorRules = require("../../constants/color-rules");
+var _intl = _interopRequireDefault(require("../../intl"));
+class ColorGroupSelector extends _react.Component {
   constructor(props) {
     super(props);
     this.getColorOptions = () => {
-      return COLOR_OPTIONS.map(colorOption => {
+      return _colorRules.COLOR_OPTIONS.map(colorOption => {
         return {
           value: colorOption.name,
-          label: /*#__PURE__*/React.createElement("div", {
+          label: /*#__PURE__*/_react.default.createElement("div", {
             className: "sea-chart-color-option d-flex"
           }, colorOption.exampleColors.map((color, index) => {
-            return /*#__PURE__*/React.createElement("span", {
+            return /*#__PURE__*/_react.default.createElement("span", {
               className: "sea-chart-color-block",
               key: index,
               style: {
-                background: `${color}`
+                background: "".concat(color)
               }
             });
           }))
@@ -35,9 +43,9 @@ class ColorGroupSelector extends Component {
       currentColor
     } = this.props;
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
-    return /*#__PURE__*/React.createElement(FormGroup, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: 'chart-color',
       value: currentOption,
@@ -46,4 +54,4 @@ class ColorGroupSelector extends Component {
     }));
   }
 }
-export default ColorGroupSelector;
+var _default = exports.default = ColorGroupSelector;

package/dist/components/common-add-tool/index.js

@@ -1,5 +1,12 @@
-import React from 'react';
-import './index.css';
+"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"));
+require("./index.css");
 function CommonAddTool(props) {
   const {
     callBack,
@@ -7,16 +14,16 @@ function CommonAddTool(props) {
     className,
     addIconClassName
   } = props;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `add-item-btn ${className ? className : ''}`,
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "add-item-btn ".concat(className ? className : ''),
     onClick: e => {
       callBack(e);
     }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
-  }), /*#__PURE__*/React.createElement("span", {
+  }, /*#__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));
 }
-export default CommonAddTool;
+var _default = exports.default = CommonAddTool;

package/dist/components/data-process-setter/data-setting-header.js

@@ -1,11 +1,18 @@
-import React from 'react';
-import { Label } from 'reactstrap';
-import intl from '../../intl';
+"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 _intl = _interopRequireDefault(require("../../intl"));
 function DataSettingHeader() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item data-setting"
-  }, /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("span", null, intl.get('Data_settings')))));
+  }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Data_settings')))));
 }
-export default DataSettingHeader;
+var _default = exports.default = DataSettingHeader;

package/dist/components/data-process-setter/hide-column-setter.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import HideColumnPopover from '../popover/hide-column-popover/hide-column-popover';
-import intl from '../../intl';
-class HideColumnSetter extends React.Component {
+"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 _hideColumnPopover = _interopRequireDefault(require("../popover/hide-column-popover/hide-column-popover"));
+var _intl = _interopRequireDefault(require("../../intl"));
+class HideColumnSetter extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onHideColumnToggle = () => {
@@ -51,23 +58,23 @@ class HideColumnSetter extends React.Component {
     const shown_column_keys = shownColumnKeys || [];
     const hiddenColumns = columns.filter(column => !shown_column_keys.includes(column.key));
     const hiddenColumnsLength = hiddenColumns.length;
-    let message = intl.get('hide_columns');
+    let message = _intl.default.get('hide_columns');
     if (hiddenColumnsLength === 1) {
-      message = intl.get('1_hidden_column');
+      message = _intl.default.get('1_hidden_column');
     } else if (hiddenColumnsLength > 1) {
-      message = hiddenColumnsLength + ' ' + intl.get('Hidden_columns');
+      message = hiddenColumnsLength + ' ' + _intl.default.get('Hidden_columns');
     }
     let settingClass = wrapperClass || '';
     settingClass = settingClass && hiddenColumnsLength > 0 ? settingClass + ' active' : settingClass;
-    return /*#__PURE__*/React.createElement("div", {
-      className: `setting-item ${settingClass ? '' : 'mb-1'}`
-    }, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "setting-item ".concat(settingClass ? '' : 'mb-1')
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mr-2 filters-setting-btn",
       onClick: this.onHideColumnToggle
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-hide mr-2",
       id: "dtable-hidden-column-popover"
-    }), /*#__PURE__*/React.createElement("span", null, message)), this.state.isShowHideColumnSetter && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HideColumnPopover, {
+    }), /*#__PURE__*/_react.default.createElement("span", null, message)), this.state.isShowHideColumnSetter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_hideColumnPopover.default, {
       columns: columns,
       target: 'dtable-hidden-column-popover',
       shownColumnKeys: shownColumnKeys,
@@ -76,4 +83,4 @@ class HideColumnSetter extends React.Component {
     })));
   }
 }
-export default HideColumnSetter;
+var _default = exports.default = HideColumnSetter;

package/dist/components/data-process-setter/index.js

@@ -1,4 +1,27 @@
-import SortSetter from './sort-setter';
-import HideColumnSetter from './hide-column-setter';
-import DataSettingHeader from './data-setting-header';
-export { SortSetter, HideColumnSetter, DataSettingHeader };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataSettingHeader", {
+  enumerable: true,
+  get: function () {
+    return _dataSettingHeader.default;
+  }
+});
+Object.defineProperty(exports, "HideColumnSetter", {
+  enumerable: true,
+  get: function () {
+    return _hideColumnSetter.default;
+  }
+});
+Object.defineProperty(exports, "SortSetter", {
+  enumerable: true,
+  get: function () {
+    return _sortSetter.default;
+  }
+});
+var _sortSetter = _interopRequireDefault(require("./sort-setter"));
+var _hideColumnSetter = _interopRequireDefault(require("./hide-column-setter"));
+var _dataSettingHeader = _interopRequireDefault(require("./data-setting-header"));

package/dist/components/data-process-setter/sort-setter.js

@@ -1,9 +1,17 @@
-import React, { Component } from 'react';
-import { getValidSorts } from 'dtable-utils';
-import SortPopover from '../../components/popover/sort-popover/sort-popover';
-import { isEnter, isSpace } from '../../utils/hotkey';
-import intl from '../../intl';
-class SortSetter extends Component {
+"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 _dtableUtils = require("dtable-utils");
+var _sortPopover = _interopRequireDefault(require("../../components/popover/sort-popover/sort-popover"));
+var _hotkey = require("../../utils/hotkey");
+var _intl = _interopRequireDefault(require("../../intl"));
+class SortSetter extends _react.Component {
   constructor(props) {
     super(props);
     this.onSortToggle = () => {
@@ -13,7 +21,7 @@ class SortSetter extends Component {
     };
     this.onKeyDown = e => {
       e.stopPropagation();
-      if (isEnter(e) || isSpace(e)) this.onSortToggle();
+      if ((0, _hotkey.isEnter)(e) || (0, _hotkey.isSpace)(e)) this.onSortToggle();
     };
     this.update = update => {
       const {
@@ -33,32 +41,32 @@ class SortSetter extends Component {
       wrapperClass
     } = this.props;
     if (!columns) return null;
-    const validSorts = getValidSorts(sorts || [], columns);
+    const validSorts = (0, _dtableUtils.getValidSorts)(sorts || [], columns);
     const sortsLength = validSorts ? validSorts.length : 0;
-    let sortMessage = intl.get('Sort');
+    let sortMessage = _intl.default.get('Sort');
     if (sortsLength === 1) {
-      sortMessage = intl.get('1_Sort');
+      sortMessage = _intl.default.get('1_Sort');
     } else if (sortsLength > 1) {
-      sortMessage = isNeedSubmit ? intl.get('Sorts') : intl.get('Sorts');
+      sortMessage = isNeedSubmit ? _intl.default.get('Sorts') : _intl.default.get('Sorts');
       sortMessage = sortsLength + ' ' + sortMessage;
     }
     let labelClass = wrapperClass || '';
     labelClass = labelClass && sortsLength > 0 ? labelClass + ' active' : labelClass;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: `setting-item ${labelClass ? '' : 'mb-1'}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `mr-2 setting-item-btn filters-setting-btn ${labelClass}`,
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "setting-item ".concat(labelClass ? '' : 'mb-1')
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "mr-2 setting-item-btn filters-setting-btn ".concat(labelClass),
       onClick: this.onSortToggle,
       role: "button",
       onKeyDown: this.onKeyDown,
       title: sortMessage,
       "aria-label": sortMessage,
       tabIndex: 0
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       "aria-hidden": "true",
       className: "dtable-font dtable-icon-sort mr-2",
       id: this.props.target
-    }), /*#__PURE__*/React.createElement("span", null, sortMessage))), this.state.isSortPopoverShow && /*#__PURE__*/React.createElement(SortPopover, {
+    }), /*#__PURE__*/_react.default.createElement("span", null, sortMessage))), this.state.isSortPopoverShow && /*#__PURE__*/_react.default.createElement(_sortPopover.default, {
       target: this.props.target,
       isNeedSubmit: isNeedSubmit,
       columns: columns,
@@ -72,4 +80,4 @@ SortSetter.defaultProps = {
   target: 'dtable-sort-popover',
   isNeedSubmit: false
 };
-export default SortSetter;
+var _default = exports.default = SortSetter;

package/dist/components/draggable/Draggable.js

@@ -1,10 +1,16 @@
-import React from 'react';
-import { createObjectWithProperties } from '../../utils/common-utils';
-import '../../assets/css/react-data-grid-header.css';
+"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 _commonUtils = require("../../utils/common-utils");
+require("../../assets/css/react-data-grid-header.css");
 // The list of the propTypes that we want to include in the Draggable div
 const knownDivPropertyKeys = ['onDragStart', 'onDragEnd', 'onDrag', 'style'];
-class Draggable extends React.Component {
+class Draggable extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -49,7 +55,7 @@ class Draggable extends React.Component {
       window.removeEventListener('touchmove', this.onMouseMove);
     };
     this.getKnownDivProps = () => {
-      return createObjectWithProperties(this.props, knownDivPropertyKeys);
+      return (0, _commonUtils.createObjectWithProperties)(this.props, knownDivPropertyKeys);
     };
     this.setDraggableLeft = left => {
       if (this.draggable) {
@@ -61,7 +67,7 @@ class Draggable extends React.Component {
     this.cleanUp();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, this.getKnownDivProps(), {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, this.getKnownDivProps(), {
       ref: ref => this.draggable = ref,
       onMouseDown: this.onMouseDown,
       onTouchStart: this.onMouseDown,
@@ -74,4 +80,4 @@ Draggable.defaultProps = {
   onDragEnd: () => {},
   onDrag: () => {}
 };
-export default Draggable;
+var _default = exports.default = Draggable;

package/dist/components/drill-down-settings/drill-down-fields-popover/index.js

@@ -1,11 +1,19 @@
-import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
-import React, { useEffect, useRef } from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import isHotkey from 'is-hotkey';
-import intl from '../../../intl';
-import { getEventClassName } from '../../../utils/common-utils';
-import styles from './index.module.css';
-export default function DrillDownFieldsPopover(_ref) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrillDownFieldsPopover;
+var _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _commonUtils = require("../../../utils/common-utils");
+var _indexModule = _interopRequireDefault(require("./index.module.css"));
+function DrillDownFieldsPopover(_ref) {
   let {
     onPopoverToggle,
     columns,
@@ -26,20 +34,20 @@ export default function DrillDownFieldsPopover(_ref) {
       setDrillDownFields(drillDownFields.filter(key => key !== columnKey));
     }
   };
-  const popoverRef = useRef(null);
+  const popoverRef = (0, _react.useRef)(null);
   const onPopoverInsideClick = e => {
     e.stopPropagation();
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const hidePopover = e => {
-      if (popoverRef.current && !getEventClassName(e).includes('popover') && !popoverRef.current.contains(e.target)) {
+      if (popoverRef.current && !(0, _commonUtils.getEventClassName)(e).includes('popover') && !popoverRef.current.contains(e.target)) {
         onPopoverToggle(false);
         e.preventDefault();
         e.stopPropagation();
       }
     };
     const onHotKey = e => {
-      if (isHotkey('esc', e)) {
+      if ((0, _isHotkey.default)('esc', e)) {
         e.preventDefault();
         onPopoverToggle(false);
       }
@@ -51,54 +59,54 @@ export default function DrillDownFieldsPopover(_ref) {
       document.removeEventListener('keydown', onHotKey);
     };
   }, [onPopoverToggle]);
-  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     placement: "left",
     isOpen: true,
     target: "set-drill-down-fields",
     fade: false,
     hideArrow: true,
-    className: styles['drill-down-fields-popover'],
+    className: _indexModule.default['drill-down-fields-popover'],
     boundariesElement: document.body
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: popoverRef,
     onClick: onPopoverInsideClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles['drill-down-fields-container']
-  }, /*#__PURE__*/React.createElement("table", {
-    className: styles['drill-down-fields-table']
-  }, /*#__PURE__*/React.createElement("thead", {
-    className: styles['drill-down-fields-table-header']
-  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _indexModule.default['drill-down-fields-container']
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    className: _indexModule.default['drill-down-fields-table']
+  }, /*#__PURE__*/_react.default.createElement("thead", {
+    className: _indexModule.default['drill-down-fields-table-header']
+  }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     width: "80%",
-    className: styles['text-truncate']
-  }, ''), /*#__PURE__*/React.createElement("th", {
+    className: _indexModule.default['text-truncate']
+  }, ''), /*#__PURE__*/_react.default.createElement("th", {
     width: "20%",
-    className: `${styles['column-checkbox']} pr-3`
-  }, intl.get('Visible')))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", {
-    className: styles['drill-down-fields-row']
-  }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", {
-    className: styles['drill-down-fields-select-all']
-  }, intl.get('Select_all'))), /*#__PURE__*/React.createElement("td", {
-    className: `${styles['column-checkbox']} pr-3`
-  }, /*#__PURE__*/React.createElement("input", {
+    className: "".concat(_indexModule.default['column-checkbox'], " pr-3")
+  }, _intl.default.get('Visible')))), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", {
+    className: _indexModule.default['drill-down-fields-row']
+  }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: _indexModule.default['drill-down-fields-select-all']
+  }, _intl.default.get('Select_all'))), /*#__PURE__*/_react.default.createElement("td", {
+    className: "".concat(_indexModule.default['column-checkbox'], " pr-3")
+  }, /*#__PURE__*/_react.default.createElement("input", {
     type: "checkbox",
     checked: isAllColumnsVisible,
     onChange: toggleAllColumnsVisible
   }))), columns.map(column => {
     const visibleChecked = drillDownFields.includes(column.key);
     const checkedByDefault = column.key === '0000';
-    return /*#__PURE__*/React.createElement("tr", {
+    return /*#__PURE__*/_react.default.createElement("tr", {
       key: column.key,
-      className: styles['drill-down-fields-row']
-    }, /*#__PURE__*/React.createElement("td", {
+      className: _indexModule.default['drill-down-fields-row']
+    }, /*#__PURE__*/_react.default.createElement("td", {
       className: "pl-5 text-truncate",
       title: column.name
-    }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
       column: column,
-      className: `${styles['drill-down-fields-icon']} mr-2`
-    }), /*#__PURE__*/React.createElement("span", null, column.name)), /*#__PURE__*/React.createElement("td", {
-      className: `${styles['column-checkbox']} pr-3`
-    }, /*#__PURE__*/React.createElement("input", {
+      className: "".concat(_indexModule.default['drill-down-fields-icon'], " mr-2")
+    }), /*#__PURE__*/_react.default.createElement("span", null, column.name)), /*#__PURE__*/_react.default.createElement("td", {
+      className: "".concat(_indexModule.default['column-checkbox'], " pr-3")
+    }, /*#__PURE__*/_react.default.createElement("input", {
       disabled: checkedByDefault,
       type: "checkbox",
       checked: visibleChecked,

package/dist/components/drill-down-settings/drill-down-fields-settings/index.js

@@ -1,27 +1,35 @@
-import React, { useState } from 'react';
-import DrillDownFieldsPopover from '../drill-down-fields-popover';
-import intl from '../../../intl';
-import styles from './index.module.css';
-export default function DrillDownFieldSettings(_ref) {
+"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 = DrillDownFieldSettings;
+var _react = _interopRequireWildcard(require("react"));
+var _drillDownFieldsPopover = _interopRequireDefault(require("../drill-down-fields-popover"));
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _indexModule = _interopRequireDefault(require("./index.module.css"));
+function DrillDownFieldSettings(_ref) {
   let {
     columns,
     drillDownFields,
     setDrillDownFields
   } = _ref;
-  const [isFieldsPopoverShow, setFieldsPopoverShow] = useState(false);
+  const [isFieldsPopoverShow, setFieldsPopoverShow] = (0, _react.useState)(false);
   const handleFieldsPopoverShow = e => {
     // stop event propagation to prevent tragger click handler inside of the popover
     // otherwise popover close handler will be triggered immediately after component mounted becase click event is still bubbling
     e.stopPropagation();
     setFieldsPopoverShow(!isFieldsPopoverShow);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles['drill-down-fields-btn'],
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _indexModule.default['drill-down-fields-btn'],
     id: "set-drill-down-fields",
     onClick: handleFieldsPopoverShow
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "ml-2"
-  }, intl.get('Field_settings'))), isFieldsPopoverShow && /*#__PURE__*/React.createElement(DrillDownFieldsPopover, {
+  }, _intl.default.get('Field_settings'))), isFieldsPopoverShow && /*#__PURE__*/_react.default.createElement(_drillDownFieldsPopover.default, {
     onPopoverToggle: setFieldsPopoverShow,
     columns: columns,
     drillDownFields: drillDownFields,

package/dist/components/drill-down-settings/index.js

@@ -1,9 +1,16 @@
-import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React from 'react';
-import intl from '../../intl';
-import DrillDownFieldSettings from './drill-down-fields-settings';
-export default function DrillDownSettings(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DrillDownSettings;
+var _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireDefault(require("react"));
+var _intl = _interopRequireDefault(require("../../intl"));
+var _drillDownFieldsSettings = _interopRequireDefault(require("./drill-down-fields-settings"));
+function DrillDownSettings(_ref) {
   let {
     columns,
     drillDownStatus,
@@ -11,13 +18,13 @@ export default function DrillDownSettings(_ref) {
     drillDownFields,
     setDrillDownFields
   } = _ref;
-  return /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Drill_down_settings')
-  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  return /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get('Drill_down_settings')
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     onChange: toggleDrillDownStatus,
     checked: drillDownStatus,
-    placeholder: intl.get('Enable_drill_down_feature')
-  }), drillDownStatus && /*#__PURE__*/React.createElement(DrillDownFieldSettings, {
+    placeholder: _intl.default.get('Enable_drill_down_feature')
+  }), drillDownStatus && /*#__PURE__*/_react.default.createElement(_drillDownFieldsSettings.default, {
     columns: columns,
     drillDownFields: drillDownFields,
     setDrillDownFields: setDrillDownFields