sea-chart 2.0.37 → 2.0.38

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

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

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

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

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

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

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

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

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

@@ -1,16 +1,9 @@
-"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) {
+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) {
   let {
     displayGoalLine,
     goalLabel,
@@ -25,19 +18,19 @@ function GoalLineSetting(_ref) {
   const onGoalSettingChange = value => {
     onChange && onChange(value);
   };
-  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, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
+    title: intl.get('Goal_line')
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "mb-3",
     onChange: toggleDisplayGoalLine,
     checked: !!displayGoalLine,
-    placeholder: _intl.default.get('Display_goal_line')
-  }), displayGoalLine && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_goalSettingItem.default, {
+    placeholder: intl.get('Display_goal_line')
+  }), displayGoalLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GoalSettingItem, {
     title: "Goal_label",
     modelKey: "goal_label",
     modelValue: goalLabel,
     handleValueChange: onGoalSettingChange
-  }), /*#__PURE__*/_react.default.createElement(_goalSettingItem.default, {
+  }), /*#__PURE__*/React.createElement(GoalSettingItem, {
     title: "Goal_value",
     modelKey: "goal_value",
     modelValue: goalValue,

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

package/dist/components/icon/index.js

@@ -1,31 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+import React from 'react';
+import './index.css';
+const components = {};
+const requireContext = require.context('../../assets/icons', false, /\.svg$/);
+requireContext.keys().forEach(path => {
+  const iconName = path.replace(/^\.\/(.*?)\.svg$/, '$1').toLowerCase();
+  components[iconName] = requireContext(path).default;
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-const importAll = requireContext => {
-  requireContext.keys().forEach(requireContext);
-};
-try {
-  importAll(require.context('../../assets/icons', true, /\.svg$/));
-} catch (error) {
-  // eslint-disable-next-line no-console
-  console.log(error);
-}
 const Icon = props => {
   const {
     className,
     symbol
   } = props;
-  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(className || '');
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  const iconClass = `sea-chart-icon sea-chart-icon-${symbol} ${className || ''}`;
+  const IconComponent = components[symbol];
+  return /*#__PURE__*/React.createElement(IconComponent, {
     className: iconClass
-  }, /*#__PURE__*/_react.default.createElement("use", {
-    xlinkHref: "#".concat(symbol)
-  }));
+  });
 };
-var _default = exports.default = Icon;
+export default Icon;

package/dist/components/index.js

@@ -1,48 +1,7 @@
-"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"));
+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 };

package/dist/components/loading/index.js

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

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

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

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

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