sea-chart 2.0.39 → 2.0.42

package/dist/components/icon/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';
 const components = {};
 const requireContext = require.context('../../assets/icons', false, /\.svg$/);
 requireContext.keys().forEach(path => {
@@ -18,10 +11,10 @@ const Icon = props => {
     className,
     symbol
   } = props;
-  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(className || '');
+  const iconClass = `sea-chart-icon sea-chart-icon-${symbol} ${className || ''}`;
   const IconComponent = components[symbol];
-  return /*#__PURE__*/_react.default.createElement(IconComponent, {
+  return /*#__PURE__*/React.createElement(IconComponent, {
     className: iconClass
   });
 };
-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,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 _reactstrap = require("reactstrap");
+import React from 'react';
+import { Input } from 'reactstrap';
 function NumberInput(_ref) {
   let {
     value,
@@ -21,7 +14,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.default.createElement(_reactstrap.Input, Object.assign({
+  return /*#__PURE__*/React.createElement(Input, Object.assign({
     type: "number",
     className: className,
     value: number,
@@ -32,4 +25,4 @@ function NumberInput(_ref) {
     onChange: onChange
   }, otherProps));
 }
-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;

package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.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 _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 {
+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 {
   constructor(props) {
     super(props);
     this.onUpdateFieldSetting = event => {
@@ -51,21 +44,21 @@ class HideColumnItem extends _react.default.PureComponent {
     const {
       column
     } = setting;
-    const placeholder = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
+    const placeholder = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
       column: column
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "text-truncate"
     }, column.name));
-    return /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+    return /*#__PURE__*/React.createElement(_DTableSwitch, {
       checked: setting.isChecked,
       disabled: readonly,
       placeholder: placeholder,
       onChange: this.onUpdateFieldSetting,
-      switchClassName: "dropdown-item"
+      switchClassName: "column-item"
     });
   }
 }
 HideColumnItem.defaultProps = {
   readonly: false
 };
-var _default = exports.default = HideColumnItem;
+export default HideColumnItem;

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

@@ -6,8 +6,12 @@
   margin: 0;
 }
 
-.hidden-column-popover .field-settings-body .dtable-switch.dropdown-item {
-  padding: 0 10px;
+.hidden-column-popover .field-settings-body .dtable-switch.column-item {
+  padding: 0 20px;
+}
+
+.hidden-column-popover .field-settings-body .dtable-switch.column-item .custom-switch-indicator {
+  margin-right: 0;
 }
 
 .hidden-column-popover .custom-switch .dtable-font {

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

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

package/dist/components/popover/sort-popover/sort-popover-widgets/sort-utils.js

@@ -1,28 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSortsEmpty = exports.getDisplaySorts = exports.execSortsOperation = exports.SORT_OPERATION = void 0;
-var _dtableUtils = require("dtable-utils");
-const SORT_OPERATION = exports.SORT_OPERATION = {
+import { SORT_TYPE, isValidSort } from 'dtable-utils';
+export const SORT_OPERATION = {
   ADD_SORT: 'add_sort',
   DELETE_SORT: 'delete_sort',
   MODIFY_SORT_COLUMN: 'modify_sort_column',
   MODIFY_SORT_TYPE: 'modify_sort_type'
 };
-const getDisplaySorts = (sorts, columns) => {
+export const getDisplaySorts = (sorts, columns) => {
   if (!Array.isArray(sorts) || !Array.isArray(columns)) {
     return [];
   }
-  return sorts.filter(sort => !sort.column_key || (0, _dtableUtils.isValidSort)(sort, columns));
+  return sorts.filter(sort => !sort.column_key || isValidSort(sort, columns));
 };
-exports.getDisplaySorts = getDisplaySorts;
-const isSortsEmpty = sorts => {
+export const isSortsEmpty = sorts => {
   return !sorts || sorts.length === 0;
 };
-exports.isSortsEmpty = isSortsEmpty;
-const execSortsOperation = (action, payload) => {
+export const execSortsOperation = (action, payload) => {
   const {
     sorts: updatedSorts
   } = payload;
@@ -31,7 +23,7 @@ const execSortsOperation = (action, payload) => {
       {
         const newSort = {
           column_key: null,
-          sort_type: _dtableUtils.SORT_TYPE.UP
+          sort_type: SORT_TYPE.UP
         };
         updatedSorts.push(newSort);
         return updatedSorts;
@@ -52,7 +44,7 @@ const execSortsOperation = (action, payload) => {
         } = payload;
         const newSort = {
           column_key: column_key,
-          sort_type: _dtableUtils.SORT_TYPE.UP
+          sort_type: SORT_TYPE.UP
         };
         updatedSorts[index] = newSort;
         return updatedSorts;
@@ -76,5 +68,4 @@ const execSortsOperation = (action, payload) => {
         return updatedSorts;
       }
   }
-};
-exports.execSortsOperation = execSortsOperation;
+};