sea-chart 2.0.38 → 2.0.40

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 => {
@@ -11,10 +18,10 @@ const Icon = props => {
     className,
     symbol
   } = props;
-  const iconClass = `sea-chart-icon sea-chart-icon-${symbol} ${className || ''}`;
+  const iconClass = "sea-chart-icon sea-chart-icon-".concat(symbol, " ").concat(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,21 +51,21 @@ 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,
       onChange: this.onUpdateFieldSetting,
-      switchClassName: "dropdown-item"
+      switchClassName: "column-item"
     });
   }
 }
 HideColumnItem.defaultProps = {
   readonly: false
 };
-export default HideColumnItem;
+var _default = exports.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,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", {
-      className: `field-settings ${isEmpty ? 'empty' : ''}`
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "field-settings ".concat(isEmpty ? 'empty' : '')
+    }, /*#__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;

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

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