sea-chart 2.0.38 → 2.0.40

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

package/dist/components/dtable-popover/index.js

@@ -1,9 +1,16 @@
-import React from 'react';
-import { Popover } from 'reactstrap';
-import { CommonEventTypes } from '../../constants/common-constants';
-import KeyCodes from '../../constants/key-codes.js';
-import { getEventClassName } from '../../utils/common-utils';
-class DTablePopover 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 _reactstrap = require("reactstrap");
+var _commonConstants = require("../../constants/common-constants");
+var _keyCodes = _interopRequireDefault(require("../../constants/key-codes.js"));
+var _commonUtils = require("../../utils/common-utils");
+class DTablePopover extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.dtablePopoverRef = null;
@@ -17,10 +24,10 @@ class DTablePopover extends React.Component {
         canHideDTablePopover,
         hideDTablePopoverWithEsc
       } = this.props;
-      if (e.keyCode === KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
+      if (e.keyCode === _keyCodes.default.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
         e.preventDefault();
         hideDTablePopoverWithEsc();
-      } else if (e.keyCode === KeyCodes.Enter) {
+      } else if (e.keyCode === _keyCodes.default.Enter) {
         // Resolve the default behavior of the enter key when entering formulas is blocked
         if (canHideDTablePopover) return;
         e.stopImmediatePropagation();
@@ -34,7 +41,7 @@ class DTablePopover extends React.Component {
         canHideDTablePopover
       } = this.props;
       if (!canHideDTablePopover) return;
-      if (this.dtablePopoverRef && e && getEventClassName(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
+      if (this.dtablePopoverRef && e && (0, _commonUtils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hideDTablePopover(e);
       }
     };
@@ -47,7 +54,7 @@ class DTablePopover extends React.Component {
     document.addEventListener('mousedown', this.onMouseDown);
     document.addEventListener('keydown', this.onKeyDown);
     window.addEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect = (_window = window) === null || _window === void 0 ? void 0 : (_window$app = _window.app) === null || _window$app === void 0 ? void 0 : (_window$app$eventBus = _window$app.eventBus) === null || _window$app$eventBus === void 0 ? void 0 : _window$app$eventBus.subscribe(CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
+    this.unsubscribeOpenSelect = (_window = window) === null || _window === void 0 ? void 0 : (_window$app = _window.app) === null || _window$app === void 0 ? void 0 : (_window$app$eventBus = _window$app.eventBus) === null || _window$app$eventBus === void 0 ? void 0 : _window$app$eventBus.subscribe(_commonConstants.CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
   }
   componentWillUnmount() {
     document.removeEventListener('mousedown', this.onMouseDown);
@@ -69,7 +76,7 @@ class DTablePopover extends React.Component {
     if (boundariesElement) {
       additionalProps.boundariesElement = boundariesElement;
     }
-    return /*#__PURE__*/React.createElement(Popover, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, Object.assign({
       placement: placement,
       isOpen: true,
       target: target,
@@ -78,7 +85,7 @@ class DTablePopover extends React.Component {
       innerClassName: innerClassName,
       className: popoverClassName,
       modifiers: modifiers
-    }, additionalProps), /*#__PURE__*/React.createElement("div", {
+    }, additionalProps), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.dtablePopoverRef = ref,
       onClick: this.onPopoverInsideClick
     }, this.props.children));
@@ -89,4 +96,4 @@ DTablePopover.defaultProps = {
   hideArrow: true,
   canHideDTablePopover: true
 };
-export default DTablePopover;
+var _default = exports.default = DTablePopover;

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;