sea-chart 2.0.38 → 2.0.39

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;

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

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

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

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

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

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

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

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