sea-chart 2.0.36 → 2.0.38

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;
+};

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

@@ -1,33 +1,23 @@
-"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 = void 0;
-var _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
-var _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
-var _react = _interopRequireWildcard(require("react"));
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _utils = require("../../../utils");
-var _commonAddTool = _interopRequireDefault(require("../../common-add-tool"));
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _sortUtils = require("./sort-popover-widgets/sort-utils");
-require("./sort-popover.css");
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
+import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
+import React, { Component, Fragment } from 'react';
 // import intl from 'react-intl-universal';
-
+import isHotkey from 'is-hotkey';
+import { Button, UncontrolledPopover } from 'reactstrap';
+import { SORT_COLUMN_OPTIONS, SORT_TYPE } from 'dtable-utils';
+import { getEventClassName, getColumnByKey } from '../../../utils';
+import CommonAddTool from '../../common-add-tool';
 // import eventBus from '../../utils/event-bus';
 // import { EVENT_BUS_TYPE } from '../../constants';
-
-const SORT_TYPES = [_dtableUtils.SORT_TYPE.UP, _dtableUtils.SORT_TYPE.DOWN];
-class SortPopover extends _react.Component {
+import intl from '../../../intl';
+import { execSortsOperation, getDisplaySorts, isSortsEmpty, SORT_OPERATION } from './sort-popover-widgets/sort-utils';
+import './sort-popover.css';
+const SORT_TYPES = [SORT_TYPE.UP, SORT_TYPE.DOWN];
+class SortPopover extends Component {
   constructor(props) {
     super(props);
     this.hideDTablePopover = e => {
-      if (this.sortPopoverRef && !(0, _utils.getEventClassName)(e).includes('popover') && !this.sortPopoverRef.contains(e.target)) {
+      if (this.sortPopoverRef && !getEventClassName(e).includes('popover') && !this.sortPopoverRef.contains(e.target)) {
         this.props.onSortComponentToggle(e);
         e.preventDefault();
         e.stopPropagation();
@@ -38,7 +28,7 @@ class SortPopover extends _react.Component {
       return this.props.isNeedSubmit;
     };
     this.onHotKey = e => {
-      if ((0, _isHotkey.default)('esc', e) && !this.isSelectOpen) {
+      if (isHotkey('esc', e) && !this.isSelectOpen) {
         e.preventDefault();
         this.props.onSortComponentToggle();
       }
@@ -50,7 +40,7 @@ class SortPopover extends _react.Component {
       const {
         sorts
       } = this.state;
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.ADD_SORT, {
+      const newSorts = execSortsOperation(SORT_OPERATION.ADD_SORT, {
         sorts
       });
       this.updateSorts(newSorts);
@@ -58,7 +48,7 @@ class SortPopover extends _react.Component {
     this.deleteSort = (event, index) => {
       event.nativeEvent.stopImmediatePropagation();
       const sorts = this.state.sorts.slice(0);
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.DELETE_SORT, {
+      const newSorts = execSortsOperation(SORT_OPERATION.DELETE_SORT, {
         sorts,
         index
       });
@@ -70,7 +60,7 @@ class SortPopover extends _react.Component {
       if (newColumnKey === sorts[index].column_key) {
         return;
       }
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.MODIFY_SORT_COLUMN, {
+      const newSorts = execSortsOperation(SORT_OPERATION.MODIFY_SORT_COLUMN, {
         sorts,
         index,
         column_key: newColumnKey
@@ -83,7 +73,7 @@ class SortPopover extends _react.Component {
       if (newSortType === sorts[index].sort_type) {
         return;
       }
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.MODIFY_SORT_TYPE, {
+      const newSorts = execSortsOperation(SORT_OPERATION.MODIFY_SORT_TYPE, {
         sorts,
         index,
         sort_type: newSortType
@@ -126,7 +116,7 @@ class SortPopover extends _react.Component {
     };
     this.createColumnsOptions = function () {
       let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      const sortableColumns = columns.filter(column => _dtableUtils.SORT_COLUMN_OPTIONS.includes(column.type));
+      const sortableColumns = columns.filter(column => SORT_COLUMN_OPTIONS.includes(column.type));
       return sortableColumns.map(column => {
         const {
           name
@@ -135,11 +125,11 @@ class SortPopover extends _react.Component {
           value: {
             column
           },
-          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
             className: "filter-header-icon"
-          }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
+          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
             column: column
-          })), /*#__PURE__*/_react.default.createElement("span", {
+          })), /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
           }, name))
         };
@@ -151,9 +141,9 @@ class SortPopover extends _react.Component {
           value: {
             sortType
           },
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _intl.default.get(sortType))
+          }, intl.get(sortType))
         };
       });
     };
@@ -165,7 +155,7 @@ class SortPopover extends _react.Component {
         sorts
       } = this.state;
       return sorts.map((sort, index) => {
-        const column = (0, _utils.getColumnByKey)(sort.column_key, columns) || {};
+        const column = getColumnByKey(sort.column_key, columns) || {};
         return this.renderSortItem(column, sort, index);
       });
     };
@@ -177,11 +167,11 @@ class SortPopover extends _react.Component {
         readonly
       } = this.props;
       let selectedColumn = {
-        label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
           className: "filter-header-icon"
-        }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
+        }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
           column: column
-        })), /*#__PURE__*/_react.default.createElement("span", {
+        })), /*#__PURE__*/React.createElement("span", {
           className: "select-option-name",
           title: name,
           "aria-label": name
@@ -189,33 +179,33 @@ class SortPopover extends _react.Component {
       };
       let selectedTypeShow = sort.sort_type;
       let selectedSortType = selectedTypeShow && {
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
-        }, _intl.default.get(selectedTypeShow))
+        }, intl.get(selectedTypeShow))
       };
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: 'sort-item-' + index,
         className: "sort-item"
-      }, !readonly && /*#__PURE__*/_react.default.createElement("div", {
+      }, !readonly && /*#__PURE__*/React.createElement("div", {
         className: "delete-sort",
         onClick: event => this.deleteSort(event, index)
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-fork-number"
-      })), /*#__PURE__*/_react.default.createElement("div", {
+      })), /*#__PURE__*/React.createElement("div", {
         className: "condition"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "sort-column"
-      }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+      }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
         isLocked: readonly,
         value: selectedColumn,
         onSelectOption: value => this.onSelectColumn(value, index),
         options: this.columnsOptions,
         searchable: true,
-        searchPlaceholder: _intl.default.get('Search_column'),
-        noOptionsPlaceholder: _intl.default.get('No_results')
-      })), /*#__PURE__*/_react.default.createElement("div", {
+        searchPlaceholder: intl.get('Search_column'),
+        noOptionsPlaceholder: intl.get('No_results')
+      })), /*#__PURE__*/React.createElement("div", {
         className: "sort-predicate ml-2"
-      }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+      }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
         isLocked: readonly,
         value: selectedSortType,
         onSelectOption: value => this.onSelectSortType(value, index),
@@ -232,7 +222,7 @@ class SortPopover extends _react.Component {
     this.sortTypeOptions = this.createSortTypeOptions();
     this.columnsOptions = this.createColumnsOptions(_columns);
     this.state = {
-      sorts: (0, _sortUtils.getDisplaySorts)(_sorts, _columns)
+      sorts: getDisplaySorts(_sorts, _columns)
     };
     this.isSelectOpen = false;
   }
@@ -260,8 +250,8 @@ class SortPopover extends _react.Component {
     const {
       sorts
     } = this.state;
-    const isEmpty = (0, _sortUtils.isSortsEmpty)(sorts);
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    const isEmpty = isSortsEmpty(sorts);
+    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
@@ -269,31 +259,31 @@ class SortPopover extends _react.Component {
       hideArrow: true,
       className: "sort-popover",
       boundariesElement: document.body
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: ref => this.sortPopoverRef = ref,
       onClick: this.onPopoverInsideClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "sorts-list ".concat(isEmpty ? 'empty-sorts-container' : '')
-    }, isEmpty ? /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `sorts-list ${isEmpty ? 'empty-sorts-container' : ''}`
+    }, isEmpty ? /*#__PURE__*/React.createElement("div", {
       className: "empty-sorts-list"
-    }, _intl.default.get('No_sorts')) : this.renderSortsList()), !readonly && /*#__PURE__*/_react.default.createElement(_commonAddTool.default, {
+    }, intl.get('No_sorts')) : this.renderSortsList()), !readonly && /*#__PURE__*/React.createElement(CommonAddTool, {
       callBack: this.addSort,
-      footerName: _intl.default.get('Add_sort'),
+      footerName: intl.get('Add_sort'),
       className: "popover-add-tool",
       addIconClassName: "popover-add-icon"
-    }), this.isNeedSubmit() && !readonly && /*#__PURE__*/_react.default.createElement("div", {
+    }), this.isNeedSubmit() && !readonly && /*#__PURE__*/React.createElement("div", {
       className: "sort-popover-footer"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    }, /*#__PURE__*/React.createElement(Button, {
       className: "mr-2",
       onClick: this.onClosePopover
-    }, _intl.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
       color: "primary",
       disabled: this.state.isSubmitDisabled,
       onClick: this.onSubmitSorts
-    }, _intl.default.get('Submit')))));
+    }, intl.get('Submit')))));
   }
 }
 SortPopover.defaultProps = {
   readonly: false
 };
-var _default = exports.default = SortPopover;
+export default SortPopover;

package/dist/components/resize-handle/ResizeHandle.js

@@ -1,13 +1,6 @@
-"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 _Draggable = _interopRequireDefault(require("../draggable/Draggable"));
-require("../../assets/css/react-data-grid-header.css");
+import React from 'react';
+import Draggable from '../draggable/Draggable';
+import '../../assets/css/react-data-grid-header.css';
 const style = {
   position: 'absolute',
   top: 0,
@@ -16,7 +9,7 @@ const style = {
   margin: '3px 0',
   height: '80%'
 };
-class ResizeHandle extends _react.default.Component {
+class ResizeHandle extends React.Component {
   constructor() {
     super(...arguments);
     this.setResizeHandleLeft = left => {
@@ -24,7 +17,7 @@ class ResizeHandle extends _react.default.Component {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_Draggable.default, Object.assign({}, this.props, {
+    return /*#__PURE__*/React.createElement(Draggable, Object.assign({}, this.props, {
       ref: ref => this.draggable = ref,
       className: "react-grid-HeaderCell__resizeHandle",
       style: {
@@ -34,4 +27,4 @@ class ResizeHandle extends _react.default.Component {
     }));
   }
 }
-var _default = exports.default = ResizeHandle;
+export default ResizeHandle;

package/dist/components/row-card/row-card-header-cell.js

@@ -1,17 +1,10 @@
-"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 _reactDom = _interopRequireDefault(require("react-dom"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _commonConstants = require("../../constants/common-constants");
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _ResizeHandle = _interopRequireDefault(require("../resize-handle/ResizeHandle"));
-class RowCardHeaderCell extends _react.default.Component {
+import React from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import { CommonEventTypes } from '../../constants/common-constants';
+import eventBus from '../../utils/event-bus';
+import ResizeHandle from '../resize-handle/ResizeHandle';
+class RowCardHeaderCell extends React.Component {
   constructor(props) {
     super(props);
     this.getHeaderCellWidth = () => {
@@ -27,7 +20,7 @@ class RowCardHeaderCell extends _react.default.Component {
       let headerCellWidth = width;
       if (rowCardType === 'link') {
         const tableId = table._id;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         if (existedWidth) {
           headerCellWidth = existedWidth;
@@ -55,12 +48,12 @@ class RowCardHeaderCell extends _react.default.Component {
       const {
         _id: tableId
       } = table;
-      const draggedCellId = "".concat(tableId, "-").concat(columnKey);
+      const draggedCellId = `${tableId}-${columnKey}`;
       let width = this.getWidthFromMouseEvent(e);
       this.setState({
         resizing: false
       });
-      _eventBus.default.dispatch(_commonConstants.CommonEventTypes.CHANGE_HEADER_WIDTH, {
+      eventBus.dispatch(CommonEventTypes.CHANGE_HEADER_WIDTH, {
         id: draggedCellId,
         width
       });
@@ -71,7 +64,7 @@ class RowCardHeaderCell extends _react.default.Component {
       if (e.pageX === 0) {
         right = 0;
       }
-      const left = _reactDom.default.findDOMNode(this.headerCell).getBoundingClientRect().left;
+      const left = ReactDOM.findDOMNode(this.headerCell).getBoundingClientRect().left;
       // add 5px is ResizeHandle component DOM width, and the draggable column minimum width is 50px
       return Math.max(right - left + 5, 50);
     };
@@ -94,13 +87,13 @@ class RowCardHeaderCell extends _react.default.Component {
       name,
       key
     } = column;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('row-card-column-name text-truncate position-relative', {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('row-card-column-name text-truncate position-relative', {
         'row-card-column--resizing': resizing
       }, {
         'row-card-draggable': isDraggable
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: ref => this.headerCell = ref,
       className: "row-card-column-name-item position-relative",
       style: {
@@ -108,9 +101,9 @@ class RowCardHeaderCell extends _react.default.Component {
       },
       key: key,
       title: name
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       title: name
-    }, name)), isDraggable && /*#__PURE__*/_react.default.createElement(_ResizeHandle.default, {
+    }, name)), isDraggable && /*#__PURE__*/React.createElement(ResizeHandle, {
       style: {
         right: 0
       },
@@ -120,4 +113,4 @@ class RowCardHeaderCell extends _react.default.Component {
     }));
   }
 }
-var _default = exports.default = RowCardHeaderCell;
+export default RowCardHeaderCell;

package/dist/components/row-card/row-card-header.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 _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _rowCardHeaderCell = _interopRequireDefault(require("./row-card-header-cell"));
-class RowCardHeader extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import RowCardHeaderCell from './row-card-header-cell';
+class RowCardHeader extends React.Component {
   constructor(props) {
     super(props);
     this.onScrollControlClick = type => {
@@ -76,7 +69,7 @@ class RowCardHeader extends _react.default.Component {
       } = this.props;
       for (let i = 0; i < renderedColumns.length; i++) {
         const renderedColumn = renderedColumns[i];
-        cardHeaderCells.push(/*#__PURE__*/_react.default.createElement(_rowCardHeaderCell.default, {
+        cardHeaderCells.push(/*#__PURE__*/React.createElement(RowCardHeaderCell, {
           key: renderedColumn.key,
           column: renderedColumn,
           rowCardType: rowCardType,
@@ -115,28 +108,28 @@ class RowCardHeader extends _react.default.Component {
       linkRecordsNavScrollWidth
     } = this.state;
     const cardHeaderCells = this.getCardHeaderCells();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-header ".concat(cardHeaderClassName ? cardHeaderClassName : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-column-names records-column-names",
       ref: ref => this.recordItemRef = ref
-    }, showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
+    }, showScrollBtn && /*#__PURE__*/React.createElement("span", {
+      className: classnames('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
         'scroll-active': scrollLeft > 0
       }),
       onClick: this.onScrollControlClick.bind(this, 'prev')
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "row-card-columns-container",
       onScroll: this.onScrollHeader,
       ref: ref => this.linkRecordsHeader = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "d-inline-flex"
-    }, cardHeaderCells)), showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('dtable-font', 'dtable-icon-right', 'row-card-scroll', 'link-scroll-next', {
+    }, cardHeaderCells)), showScrollBtn && /*#__PURE__*/React.createElement("span", {
+      className: classnames('dtable-font', 'dtable-icon-right', 'row-card-scroll', 'link-scroll-next', {
         'scroll-active': scrollLeft + linkRecordsNavWidth < linkRecordsNavScrollWidth
       }),
       onClick: this.onScrollControlClick.bind(this, 'next')
     })));
   }
 }
-var _default = exports.default = RowCardHeader;
+export default RowCardHeader;