sea-chart 2.0.47 → 2.0.48

package/dist/components/dtable-search-input/index.js

@@ -1,7 +1,15 @@
-import React, { Component, Fragment } from 'react';
-import classnames from 'classnames';
-import { isFunction } from '../../utils';
-class DtableSearchInput 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 _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../utils");
+class DtableSearchInput extends _react.Component {
   constructor(props) {
     super(props);
     this.onCompositionStart = () => {
@@ -58,17 +66,17 @@ class DtableSearchInput extends Component {
       const {
         ClearIndicator
       } = components;
-      if (React.isValidElement(ClearIndicator)) {
-        return React.cloneElement(ClearIndicator, {
+      if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });
-      } else if (isFunction(ClearIndicator)) {
-        return /*#__PURE__*/React.createElement(ClearIndicator, {
+      } else if ((0, _utils.isFunction)(ClearIndicator)) {
+        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
           clearValue: this.clearSearch
         });
       }
-      return /*#__PURE__*/React.createElement("i", {
-        className: classnames('search-text-clear input-icon-addon', clearClassName),
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
         onClick: this.clearSearch
       }, "\xD7");
     };
@@ -103,10 +111,10 @@ class DtableSearchInput extends Component {
     const {
       searchValue
     } = this.state;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
       type: "text",
       value: searchValue,
-      className: classnames('form-control', className),
+      className: (0, _classnames.default)('form-control', className),
       onChange: this.onChange,
       autoFocus: autoFocus,
       placeholder: placeholder,
@@ -124,4 +132,4 @@ DtableSearchInput.defaultProps = {
   disabled: false,
   value: ''
 };
-export default DtableSearchInput;
+var _default = exports.default = DtableSearchInput;

package/dist/components/font-settings/index.js

@@ -1,9 +1,17 @@
-import React, { useRef, useState } from 'react';
-import { Input } from 'reactstrap';
-import { FontColorSettings, FontSizeSettings, FontWeightSettings } from '../../settings/widgets/font-settings';
-import TextHorizontalSettings from '../../settings/widgets/text-horizontal-settings';
-import { CHART_SUPPORT_FONT_WEIGHTS } from '../../constants';
-export default function GeneralFontSetting(_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 = GeneralFontSetting;
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _fontSettings = require("../../settings/widgets/font-settings");
+var _textHorizontalSettings = _interopRequireDefault(require("../../settings/widgets/text-horizontal-settings"));
+var _constants = require("../../constants");
+function GeneralFontSetting(_ref) {
   let {
     labelTitle,
     config,
@@ -23,8 +31,8 @@ export default function GeneralFontSetting(_ref) {
     text_align: defaultTextAlign,
     font_weight: defaultFontWeight
   } = defaultConfig;
-  const labelRef = useRef(null);
-  const [currentLabel, setCurrentLabel] = useState(label);
+  const labelRef = (0, _react.useRef)(null);
+  const [currentLabel, setCurrentLabel] = (0, _react.useState)(label);
   const handleLabelChange = e => {
     setCurrentLabel(e.target.value);
   };
@@ -43,28 +51,28 @@ export default function GeneralFontSetting(_ref) {
   const handleFontWeightChange = value => {
     onChange('font_weight', value);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, labelTitle && /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labelTitle && /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     ref: labelRef,
     type: "text",
     value: currentLabel,
     onBlur: onSaveLabel,
     onChange: handleLabelChange
-  }), /*#__PURE__*/React.createElement(FontSizeSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
     className: 'mt-3',
     fontSize: font_size,
     defaultFontSize: defaultFontSize,
     modifyFontSize: handleFontSizeChange
-  }), /*#__PURE__*/React.createElement(FontWeightSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontWeightSettings, {
     className: 'mt-3',
     fontWeight: font_weight || defaultFontWeight,
-    supportFontWeights: CHART_SUPPORT_FONT_WEIGHTS,
+    supportFontWeights: _constants.CHART_SUPPORT_FONT_WEIGHTS,
     modifyFontWeight: handleFontWeightChange
-  }), /*#__PURE__*/React.createElement(FontColorSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontColorSettings, {
     className: 'mt-3',
     fontColor: font_color,
     defaultFontColor: defaultFontColor,
     modifyFontColor: handleFontColorChange
-  }), /*#__PURE__*/React.createElement(TextHorizontalSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_textHorizontalSettings.default, {
     className: 'mt-3',
     value: text_align,
     defaultValue: defaultTextAlign,

package/dist/components/goal-line-setting/goal-setting-item.js

@@ -1,6 +1,14 @@
-import React, { useState } from 'react';
-import { Input, Label } from 'reactstrap';
-import intl from '../../intl';
+"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 _reactstrap = require("reactstrap");
+var _intl = _interopRequireDefault(require("../../intl"));
 const GoalSettingItem = _ref => {
   let {
     title,
@@ -9,7 +17,7 @@ const GoalSettingItem = _ref => {
     handleValueChange,
     onlyNumber
   } = _ref;
-  const [currText, setCurrText] = useState(modelValue || '');
+  const [currText, setCurrText] = (0, _react.useState)(modelValue || '');
   const onTextChange = event => {
     const value = onlyNumber ? parseFloat(event.target.value) : event.target.value;
     setCurrText(value);
@@ -25,7 +33,7 @@ const GoalSettingItem = _ref => {
       [modelKey]: currText
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, intl.get(title)), /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get(title)), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     type: onlyNumber ? 'number' : 'text',
     value: currText,
     onBlur: onSaveText,
@@ -34,4 +42,4 @@ const GoalSettingItem = _ref => {
     className: "mb-3"
   }));
 };
-export default GoalSettingItem;
+var _default = exports.default = GoalSettingItem;

package/dist/components/goal-line-setting/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 GoalSettingItem from './goal-setting-item';
-export default function GoalLineSetting(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GoalLineSetting;
+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 _goalSettingItem = _interopRequireDefault(require("./goal-setting-item"));
+function GoalLineSetting(_ref) {
   let {
     displayGoalLine,
     goalLabel,
@@ -18,19 +25,19 @@ export default function GoalLineSetting(_ref) {
   const onGoalSettingChange = value => {
     onChange && onChange(value);
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Goal_line')
-  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get('Goal_line')
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     switchClassName: "mb-3",
     onChange: toggleDisplayGoalLine,
     checked: !!displayGoalLine,
-    placeholder: intl.get('Display_goal_line')
-  }), displayGoalLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GoalSettingItem, {
+    placeholder: _intl.default.get('Display_goal_line')
+  }), displayGoalLine && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_goalSettingItem.default, {
     title: "Goal_label",
     modelKey: "goal_label",
     modelValue: goalLabel,
     handleValueChange: onGoalSettingChange
-  }), /*#__PURE__*/React.createElement(GoalSettingItem, {
+  }), /*#__PURE__*/_react.default.createElement(_goalSettingItem.default, {
     title: "Goal_value",
     modelKey: "goal_value",
     modelValue: goalValue,

package/dist/components/highlighter/highlighter.js

@@ -1,5 +1,12 @@
-import React from 'react';
-import { escapeRegExp } from '../../utils/common-utils';
+"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");
 const Highlighter = _ref => {
   let {
     children,
@@ -7,19 +14,19 @@ const Highlighter = _ref => {
   } = _ref;
   if (!children) return null;
   if (!highlight || !Array.isArray(highlight)) return children;
-  const cleanHighlights = highlight.map(item => escapeRegExp(item));
+  const cleanHighlights = highlight.map(item => (0, _commonUtils.escapeRegExp)(item));
   const regexp = new RegExp(cleanHighlights.join('|'), 'ig');
   const matches = children.match(regexp);
   let parts = children.split(regexp);
   for (let i = 0; i < parts.length - 1; i++) {
-    parts[i] = /*#__PURE__*/React.createElement(React.Fragment, {
+    parts[i] = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: i
-    }, parts[i], /*#__PURE__*/React.createElement("span", {
+    }, parts[i], /*#__PURE__*/_react.default.createElement("span", {
       className: "highlighted"
     }, matches[i]));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "highlighter"
   }, parts);
 };
-export default Highlighter;
+var _default = exports.default = Highlighter;

package/dist/components/icon/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");
 const components = {};
 const requireContext = require.context('../../assets/icons', false, /\.svg$/);
 requireContext.keys().forEach(path => {
@@ -13,8 +20,8 @@ const Icon = props => {
   } = props;
   const iconClass = `sea-chart-icon sea-chart-icon-${symbol} ${className || ''}`;
   const IconComponent = components[symbol];
-  return /*#__PURE__*/React.createElement(IconComponent, {
+  return /*#__PURE__*/_react.default.createElement(IconComponent, {
     className: iconClass
   });
 };
-export default Icon;
+var _default = exports.default = Icon;

package/dist/components/index.js

@@ -1,7 +1,48 @@
-import Collaborator from './collaborator';
-import Loading from './loading';
-import Icon from './icon';
-import NumberInput from './number-input';
-import TypesDialog from './types-dialog';
-import PixelEditor from './pixel-editor';
-export { Collaborator, Loading, Icon, NumberInput, TypesDialog, PixelEditor };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Collaborator", {
+  enumerable: true,
+  get: function () {
+    return _collaborator.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _icon.default;
+  }
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function () {
+    return _loading.default;
+  }
+});
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function () {
+    return _numberInput.default;
+  }
+});
+Object.defineProperty(exports, "PixelEditor", {
+  enumerable: true,
+  get: function () {
+    return _pixelEditor.default;
+  }
+});
+Object.defineProperty(exports, "TypesDialog", {
+  enumerable: true,
+  get: function () {
+    return _typesDialog.default;
+  }
+});
+var _collaborator = _interopRequireDefault(require("./collaborator"));
+var _loading = _interopRequireDefault(require("./loading"));
+var _icon = _interopRequireDefault(require("./icon"));
+var _numberInput = _interopRequireDefault(require("./number-input"));
+var _typesDialog = _interopRequireDefault(require("./types-dialog"));
+var _pixelEditor = _interopRequireDefault(require("./pixel-editor"));

package/dist/components/loading/index.js

@@ -1,12 +1,19 @@
-import React from 'react';
-import classnames from 'classnames';
-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"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
 const Loading = _ref => {
   let {
     className
   } = _ref;
-  return /*#__PURE__*/React.createElement("span", {
-    className: classnames('loading-icon loading-tip', className)
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)('loading-icon loading-tip', className)
   });
 };
-export default Loading;
+var _default = exports.default = Loading;

package/dist/components/number-input/index.js

@@ -1,5 +1,12 @@
-import React from 'react';
-import { Input } from 'reactstrap';
+"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");
 function NumberInput(_ref) {
   let {
     value,
@@ -14,7 +21,7 @@ function NumberInput(_ref) {
   } = _ref;
   // useempty is used to control whether to use empty string or '0'
   const number = value ? value : useEmpty ? '' : '0';
-  return /*#__PURE__*/React.createElement(Input, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, Object.assign({
     type: "number",
     className: className,
     value: number,
@@ -25,4 +32,4 @@ function NumberInput(_ref) {
     onChange: onChange
   }, otherProps));
 }
-export default NumberInput;
+var _default = exports.default = NumberInput;

package/dist/components/pixel-editor/index.js

@@ -1,19 +1,27 @@
-import { isNumber } from 'dtable-utils';
-import React, { useEffect, useRef, useState } from 'react';
-import { isBoolean } from '../../utils';
-import NumberInput from '../number-input';
-import './index.css';
+"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 _dtableUtils = require("dtable-utils");
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _numberInput = _interopRequireDefault(require("../number-input"));
+require("./index.css");
 const PixelEditor = props => {
   const {
     pixel
   } = props;
-  const [currPixel, setCurrPixel] = useState(isNumber(pixel) ? pixel : null);
-  const mountRef = useRef(false);
-  useEffect(() => {
+  const [currPixel, setCurrPixel] = (0, _react.useState)((0, _dtableUtils.isNumber)(pixel) ? pixel : null);
+  const mountRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
     if (!mountRef.current) {
       mountRef.current = true;
     } else {
-      setCurrPixel(isNumber(props.pixel) ? props.pixel : null);
+      setCurrPixel((0, _dtableUtils.isNumber)(props.pixel) ? props.pixel : null);
     }
   }, [props.pixel]);
   const onSavePixel = () => {
@@ -25,17 +33,17 @@ const PixelEditor = props => {
       event.target.blur();
     }
   };
-  const showPx = isBoolean(props.showPx) ? props.showPx : true;
-  return /*#__PURE__*/React.createElement("div", {
+  const showPx = (0, _utils.isBoolean)(props.showPx) ? props.showPx : true;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sea-chart-pixel-editor-wrapper"
-  }, /*#__PURE__*/React.createElement(NumberInput, {
+  }, /*#__PURE__*/_react.default.createElement(_numberInput.default, {
     value: currPixel,
     useEmpty: props.useEmpty,
     onChange: event => setCurrPixel(event.target.value),
     onBlur: onSavePixel,
     onKeyDown: onKeyDown
-  }), showPx && /*#__PURE__*/React.createElement("div", {
+  }), showPx && /*#__PURE__*/_react.default.createElement("div", {
     className: "pixel-unit"
-  }, /*#__PURE__*/React.createElement("span", null, "px")));
+  }, /*#__PURE__*/_react.default.createElement("span", null, "px")));
 };
-export default PixelEditor;
+var _default = exports.default = PixelEditor;

package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js

@@ -1,7 +1,14 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
-import React from 'react';
-class HideColumnItem extends React.PureComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
+var _react = _interopRequireDefault(require("react"));
+class HideColumnItem extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     this.onUpdateFieldSetting = event => {
@@ -44,12 +51,12 @@ class HideColumnItem extends React.PureComponent {
     const {
       column
     } = setting;
-    const placeholder = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+    const placeholder = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
       column: column
-    }), /*#__PURE__*/React.createElement("span", {
+    }), /*#__PURE__*/_react.default.createElement("span", {
       className: "text-truncate"
     }, column.name));
-    return /*#__PURE__*/React.createElement(_DTableSwitch, {
+    return /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       checked: setting.isChecked,
       disabled: readonly,
       placeholder: placeholder,
@@ -61,4 +68,4 @@ class HideColumnItem extends React.PureComponent {
 HideColumnItem.defaultProps = {
   readonly: false
 };
-export default HideColumnItem;
+var _default = exports.default = HideColumnItem;

package/dist/components/popover/hide-column-popover/hide-column-popover.js

@@ -1,16 +1,24 @@
-import React from 'react';
+"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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _utils = require("../../../utils");
+var _hideColumnItem = _interopRequireDefault(require("./hide-column-popover-widgets/hide-column-item"));
+require("./hide-column-popover.css");
 // import intl from 'react-intl-universal';
-import { UncontrolledPopover } from 'reactstrap';
-import isHotkey from 'is-hotkey';
-import intl from '../../../intl';
-import { getEventClassName } from '../../../utils';
-import HideColumnItem from './hide-column-popover-widgets/hide-column-item';
-import './hide-column-popover.css';
-class HideColumnPopover extends React.Component {
+
+class HideColumnPopover extends _react.default.Component {
   constructor(props) {
     super(props);
     this.hidePopover = e => {
-      if (this.popoverRef && !getEventClassName(e).includes('popover') && !this.popoverRef.contains(e.target)) {
+      if (this.popoverRef && !(0, _utils.getEventClassName)(e).includes('popover') && !this.popoverRef.contains(e.target)) {
         this.props.onPopoverToggle(e);
         e.preventDefault();
         e.stopPropagation();
@@ -18,7 +26,7 @@ class HideColumnPopover extends React.Component {
       }
     };
     this.onHotKey = e => {
-      if (isHotkey('esc', e)) {
+      if ((0, _isHotkey.default)('esc', e)) {
         e.preventDefault();
         this.props.onPopoverToggle();
       }
@@ -152,7 +160,7 @@ class HideColumnPopover extends React.Component {
     } = this.props;
     const fieldSettings = this.getFilteredColumns();
     const isEmpty = fieldSettings.length === 0 ? true : false;
-    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
@@ -160,47 +168,47 @@ class HideColumnPopover extends React.Component {
       hideArrow: true,
       className: "hidden-column-popover",
       boundariesElement: document.body
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.popoverRef = ref,
       onClick: this.onPopoverInsideClick
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: `field-settings ${isEmpty ? 'empty' : ''}`
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "search-column"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       type: "text",
-      placeholder: intl.get('Search_column'),
+      placeholder: _intl.default.get('Search_column'),
       value: this.state.searchVal,
       onChange: this.onChangeSearch
-    })), isEmpty && /*#__PURE__*/React.createElement("div", {
+    })), isEmpty && /*#__PURE__*/_react.default.createElement("div", {
       className: "empty-hidden-columns-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "empty-hidden-columns-list"
-    }, intl.get('No_columns_available_to_be_hidden'))), !isEmpty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, _intl.default.get('No_columns_available_to_be_hidden'))), !isEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "field-settings-body",
       style: {
         maxHeight: window.innerHeight - 200 + 'px'
       }
     }, fieldSettings.map(setting => {
-      return /*#__PURE__*/React.createElement(HideColumnItem, {
+      return /*#__PURE__*/_react.default.createElement(_hideColumnItem.default, {
         key: setting.key,
         setting: setting,
         onUpdateFieldSetting: this.onUpdateFieldSetting,
         readonly: readonly
       });
-    })), !this.state.searchVal && !readonly && /*#__PURE__*/React.createElement("div", {
+    })), !this.state.searchVal && !readonly && /*#__PURE__*/_react.default.createElement("div", {
       className: "field-settings-header"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "hide-all px-2",
       onClick: this.onHideAllColumns
-    }, intl.get('Hide_all')), /*#__PURE__*/React.createElement("div", {
+    }, _intl.default.get('Hide_all')), /*#__PURE__*/_react.default.createElement("div", {
       className: "show-all px-2",
       onClick: this.onChooseAllColumns
-    }, intl.get('Show_all')))))));
+    }, _intl.default.get('Show_all')))))));
   }
 }
 HideColumnPopover.defaultProps = {
   readonly: false
 };
-export default HideColumnPopover;
+var _default = exports.default = HideColumnPopover;