sea-chart 2.0.36 → 2.0.38

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

@@ -1,31 +1,23 @@
-"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 {
+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 {
   constructor(props) {
     super(props);
     this.getColorOptions = () => {
-      return _colorRules.COLOR_OPTIONS.map(colorOption => {
+      return COLOR_OPTIONS.map(colorOption => {
         return {
           value: colorOption.name,
-          label: /*#__PURE__*/_react.default.createElement("div", {
+          label: /*#__PURE__*/React.createElement("div", {
             className: "sea-chart-color-option d-flex"
           }, colorOption.exampleColors.map((color, index) => {
-            return /*#__PURE__*/_react.default.createElement("span", {
+            return /*#__PURE__*/React.createElement("span", {
               className: "sea-chart-color-block",
               key: index,
               style: {
-                background: "".concat(color)
+                background: `${color}`
               }
             });
           }))
@@ -43,9 +35,9 @@ class ColorGroupSelector extends _react.Component {
       currentColor
     } = this.props;
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: 'chart-color',
       value: currentOption,
@@ -54,4 +46,4 @@ class ColorGroupSelector extends _react.Component {
     }));
   }
 }
-var _default = exports.default = ColorGroupSelector;
+export default ColorGroupSelector;

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

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

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

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

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

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

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

@@ -1,27 +1,4 @@
-"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"));
+import SortSetter from './sort-setter';
+import HideColumnSetter from './hide-column-setter';
+import DataSettingHeader from './data-setting-header';
+export { SortSetter, HideColumnSetter, DataSettingHeader };

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

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

package/dist/components/draggable/Draggable.js

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

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

@@ -1,19 +1,11 @@
-"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) {
+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) {
   let {
     onPopoverToggle,
     columns,
@@ -34,20 +26,20 @@ function DrillDownFieldsPopover(_ref) {
       setDrillDownFields(drillDownFields.filter(key => key !== columnKey));
     }
   };
-  const popoverRef = (0, _react.useRef)(null);
+  const popoverRef = useRef(null);
   const onPopoverInsideClick = e => {
     e.stopPropagation();
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const hidePopover = e => {
-      if (popoverRef.current && !(0, _commonUtils.getEventClassName)(e).includes('popover') && !popoverRef.current.contains(e.target)) {
+      if (popoverRef.current && !getEventClassName(e).includes('popover') && !popoverRef.current.contains(e.target)) {
         onPopoverToggle(false);
         e.preventDefault();
         e.stopPropagation();
       }
     };
     const onHotKey = e => {
-      if ((0, _isHotkey.default)('esc', e)) {
+      if (isHotkey('esc', e)) {
         e.preventDefault();
         onPopoverToggle(false);
       }
@@ -59,54 +51,54 @@ function DrillDownFieldsPopover(_ref) {
       document.removeEventListener('keydown', onHotKey);
     };
   }, [onPopoverToggle]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+  return /*#__PURE__*/React.createElement(UncontrolledPopover, {
     placement: "left",
     isOpen: true,
     target: "set-drill-down-fields",
     fade: false,
     hideArrow: true,
-    className: _indexModule.default['drill-down-fields-popover'],
+    className: styles['drill-down-fields-popover'],
     boundariesElement: document.body
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: popoverRef,
     onClick: onPopoverInsideClick
-  }, /*#__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", {
+  }, /*#__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", {
     width: "80%",
-    className: _indexModule.default['text-truncate']
-  }, ''), /*#__PURE__*/_react.default.createElement("th", {
+    className: styles['text-truncate']
+  }, ''), /*#__PURE__*/React.createElement("th", {
     width: "20%",
-    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", {
+    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", {
     type: "checkbox",
     checked: isAllColumnsVisible,
     onChange: toggleAllColumnsVisible
   }))), columns.map(column => {
     const visibleChecked = drillDownFields.includes(column.key);
     const checkedByDefault = column.key === '0000';
-    return /*#__PURE__*/_react.default.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: column.key,
-      className: _indexModule.default['drill-down-fields-row']
-    }, /*#__PURE__*/_react.default.createElement("td", {
+      className: styles['drill-down-fields-row']
+    }, /*#__PURE__*/React.createElement("td", {
       className: "pl-5 text-truncate",
       title: column.name
-    }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
       column: column,
-      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", {
+      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", {
       disabled: checkedByDefault,
       type: "checkbox",
       checked: visibleChecked,

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

@@ -1,35 +1,27 @@
-"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) {
+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) {
   let {
     columns,
     drillDownFields,
     setDrillDownFields
   } = _ref;
-  const [isFieldsPopoverShow, setFieldsPopoverShow] = (0, _react.useState)(false);
+  const [isFieldsPopoverShow, setFieldsPopoverShow] = 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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _indexModule.default['drill-down-fields-btn'],
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles['drill-down-fields-btn'],
     id: "set-drill-down-fields",
     onClick: handleFieldsPopoverShow
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "ml-2"
-  }, _intl.default.get('Field_settings'))), isFieldsPopoverShow && /*#__PURE__*/_react.default.createElement(_drillDownFieldsPopover.default, {
+  }, intl.get('Field_settings'))), isFieldsPopoverShow && /*#__PURE__*/React.createElement(DrillDownFieldsPopover, {
     onPopoverToggle: setFieldsPopoverShow,
     columns: columns,
     drillDownFields: drillDownFields,

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

@@ -1,16 +1,9 @@
-"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) {
+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) {
   let {
     columns,
     drillDownStatus,
@@ -18,13 +11,13 @@ function DrillDownSettings(_ref) {
     drillDownFields,
     setDrillDownFields
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
-    title: _intl.default.get('Drill_down_settings')
-  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  return /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
+    title: intl.get('Drill_down_settings')
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     onChange: toggleDrillDownStatus,
     checked: drillDownStatus,
-    placeholder: _intl.default.get('Enable_drill_down_feature')
-  }), drillDownStatus && /*#__PURE__*/_react.default.createElement(_drillDownFieldsSettings.default, {
+    placeholder: intl.get('Enable_drill_down_feature')
+  }), drillDownStatus && /*#__PURE__*/React.createElement(DrillDownFieldSettings, {
     columns: columns,
     drillDownFields: drillDownFields,
     setDrillDownFields: setDrillDownFields