sea-chart 2.0.39 → 2.0.42

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;

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

@@ -1,23 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _rowRecordUtils = require("../../utils/row-record-utils");
-var _highlighter = _interopRequireDefault(require("../highlighter/highlighter"));
-var _linkContent = _interopRequireDefault(require("../cell-factory/link-content"));
-var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
-var _commonConstants = require("../../constants/common-constants");
-const EMPTY_LINK = /*#__PURE__*/_react.default.createElement("span", {
+import React, { PureComponent } from 'react';
+import { CellType } from 'dtable-utils';
+import classnames from 'classnames';
+import { getFormattedCell, getRowRecord } from '../../utils/row-record-utils';
+import Highlighter from '../highlighter/highlighter';
+import LinkContent from '../cell-factory/link-content';
+import EventBus from '../../utils/event-bus';
+import { CommonEventTypes, EXTERNAL_EVENT } from '../../constants/common-constants';
+const EMPTY_LINK = /*#__PURE__*/React.createElement("span", {
   className: "row-cell-value-empty"
 });
-class RowCardItem extends _react.PureComponent {
+class RowCardItem extends PureComponent {
   constructor(props) {
     super(props);
     this.setDraggedCell = draggedCell => {
@@ -36,11 +28,11 @@ class RowCardItem extends _react.PureComponent {
       if (rowCardType !== 'link') {
         var _window, _window$app;
         // row card detail opened by module (statistic, big-screen)
-        if (isExpandRowDetail && (_window = window) !== null && _window !== void 0 && (_window$app = _window.app) !== null && _window$app !== void 0 && _window$app.expandRow) {
+        if (isExpandRowDetail && ((_window = window) === null || _window === void 0 ? void 0 : (_window$app = _window.app) === null || _window$app === void 0 ? void 0 : _window$app.expandRow)) {
           window.app.expandRow(row, table);
         } else {
           // row card detail opened by module (universal-app)
-          _eventBus.default.dispatch(_commonConstants.EXTERNAL_EVENT.SHOW_ROW_DETAIL_DIALOG, {
+          EventBus.dispatch(EXTERNAL_EVENT.SHOW_ROW_DETAIL_DIALOG, {
             row,
             table,
             formulaRows
@@ -61,7 +53,7 @@ class RowCardItem extends _react.PureComponent {
         _id: tableId
       } = table;
       if (rowCardType === 'search') {
-        return (0, _rowRecordUtils.getRowRecord)(tableId, row, columns, unShowColumnKeyList, matchResult);
+        return getRowRecord(tableId, row, columns, unShowColumnKeyList, matchResult);
       }
       return this.linkRowRecord();
     };
@@ -86,13 +78,13 @@ class RowCardItem extends _react.PureComponent {
           data,
           width
         } = column;
-        const draggedCellId = "".concat(tableId, "-").concat(key);
+        const draggedCellId = `${tableId}-${key}`;
         const existedWidth = JSON.parse(localStorage.getItem(draggedCellId));
         let columnWidth = existedWidth && rowCardType === 'link' ? existedWidth : width;
         if (draggedCell.id === draggedCellId) {
           columnWidth = draggedCell.width;
         }
-        if (type === _dtableUtils.CellType.LINK) {
+        if (type === CellType.LINK) {
           const {
             display_column_key,
             array_type,
@@ -104,24 +96,24 @@ class RowCardItem extends _react.PureComponent {
             type: array_type,
             data: array_data
           };
-          return /*#__PURE__*/_react.default.createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: "row-cell-value text-truncate",
             key: row._id + '_' + key,
             style: {
               width: columnWidth
             }
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "links-formatter"
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "formatter-show"
-          }, /*#__PURE__*/_react.default.createElement(_linkContent.default, {
-            key: "link-formatter-".concat(row._id, "-").concat(key),
+          }, /*#__PURE__*/React.createElement(LinkContent, {
+            key: `link-formatter-${row._id}-${key}`,
             linkedColumn: linkedColumn,
             computedValue: formulaRow[key],
             Empty: EMPTY_LINK
           }))));
         }
-        return (0, _rowRecordUtils.getFormattedCell)(column, row, {
+        return getFormattedCell(column, row, {
           formulaRow,
           tableId
         }, columnWidth);
@@ -169,7 +161,7 @@ class RowCardItem extends _react.PureComponent {
       onRef
     } = this.props;
     onRef && onRef(this, rowIdx);
-    this.unsubscribeChangeHeaderWidth = _eventBus.default.subscribe(_commonConstants.CommonEventTypes.CHANGE_HEADER_WIDTH, this.setDraggedCell);
+    this.unsubscribeChangeHeaderWidth = EventBus.subscribe(CommonEventTypes.CHANGE_HEADER_WIDTH, this.setDraggedCell);
   }
   componentWillUnmount() {
     this.unsubscribeChangeHeaderWidth();
@@ -188,34 +180,34 @@ class RowCardItem extends _react.PureComponent {
       isShowRemoveCardItemBtn,
       displayRowName
     } = this.props;
-    const cardItemClass = (0, _classnames.default)('row-card-item', {
+    const cardItemClass = classnames('row-card-item', {
       'row-card-item-highlight': this.props.isHighlightRow
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: cardItemClass,
       onClick: this.onSelectRow
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-header"
-    }, matchResult ? /*#__PURE__*/_react.default.createElement(_highlighter.default, {
+    }, matchResult ? /*#__PURE__*/React.createElement(Highlighter, {
       highlight: this.props.matchResult['0000'] || ''
-    }, displayRowName) : /*#__PURE__*/_react.default.createElement("div", {
+    }, displayRowName) : /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-name seatable-row-card-name"
-    }, displayRowName), row.isShowTick && /*#__PURE__*/_react.default.createElement("span", {
+    }, displayRowName), row.isShowTick && /*#__PURE__*/React.createElement("span", {
       className: "row-card-item-check dtable-font dtable-icon-check-circle"
-    }), isShowRemoveCardItemBtn && /*#__PURE__*/_react.default.createElement("span", {
+    }), isShowRemoveCardItemBtn && /*#__PURE__*/React.createElement("span", {
       className: "row-card-item-remove d-print-none",
       onClick: this.removeCardItem
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "row-card-remove-icon dtable-font dtable-icon-x-"
-    }))), /*#__PURE__*/_react.default.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       className: "row-card-item-content",
       onScroll: this.changeScroll,
       ref: this.setCardRecordsItemRef
-    }, row._deleted ? /*#__PURE__*/_react.default.createElement("div", {
+    }, row._deleted ? /*#__PURE__*/React.createElement("div", {
       className: "d-flex flex-fill justify-content-center error"
-    }, t('The_linked_row_has_been_deleted')) : /*#__PURE__*/_react.default.createElement("div", {
+    }, t('The_linked_row_has_been_deleted')) : /*#__PURE__*/React.createElement("div", {
       className: "d-inline-flex"
     }, this.getRowRecord()))));
   }
@@ -223,4 +215,4 @@ class RowCardItem extends _react.PureComponent {
 RowCardItem.defaultProps = {
   unShowColumnKeyList: ['0000']
 };
-var _default = exports.default = RowCardItem;
+export default RowCardItem;