sea-chart 2.0.36 → 2.0.38

package/dist/view/wrapper/table-element/components/link-formatter.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _LongTextFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LongTextFormatter"));
-var _CheckboxFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CheckboxFormatter"));
-var _MultipleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MultipleSelectFormatter"));
-var _LastModifierFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LastModifierFormatter"));
-var _CreatorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CreatorFormatter"));
-var _MTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MTimeFormatter"));
-var _CTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CTimeFormatter"));
-var _DateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DateFormatter"));
-var _NumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/NumberFormatter"));
-var _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _valueDisplayUtils = require("./value-display-utils");
-var _datasetUtils = require("./dataset-utils");
+import _LongTextFormatter from "dtable-ui-component/lib/LongTextFormatter";
+import _CheckboxFormatter from "dtable-ui-component/lib/CheckboxFormatter";
+import _MultipleSelectFormatter from "dtable-ui-component/lib/MultipleSelectFormatter";
+import _LastModifierFormatter from "dtable-ui-component/lib/LastModifierFormatter";
+import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
+import _MTimeFormatter from "dtable-ui-component/lib/MTimeFormatter";
+import _CTimeFormatter from "dtable-ui-component/lib/CTimeFormatter";
+import _DateFormatter from "dtable-ui-component/lib/DateFormatter";
+import _NumberFormatter from "dtable-ui-component/lib/NumberFormatter";
+import React from 'react';
+import { CellType, FORMULA_RESULT_TYPE, getDurationDisplayString, getGeolocationDisplayString, getMultipleOptionName } from 'dtable-utils';
+import { getCellDisplayValue } from './value-display-utils';
+import { getFormulaArrayValue, isArrayFormalColumn } from './dataset-utils';
 function LinkFormatter(props) {
   const {
     column,
@@ -37,232 +30,232 @@ function LinkFormatter(props) {
     type: displayColumnType,
     data: displayColumnData
   } = displayColumn;
-  const cellValue = (0, _datasetUtils.getFormulaArrayValue)(value, !(0, _datasetUtils.isArrayFormalColumn)(displayColumnType));
+  const cellValue = getFormulaArrayValue(value, !isArrayFormalColumn(displayColumnType));
   if (!Array.isArray(cellValue) || cellValue.length === 0) return props.renderEmptyFormatter();
   switch (displayColumnType) {
-    case _dtableUtils.CellType.TEXT:
-    case _dtableUtils.CellType.AUTO_NUMBER:
-    case _dtableUtils.CellType.EMAIL:
-    case _dtableUtils.CellType.URL:
+    case CellType.TEXT:
+    case CellType.AUTO_NUMBER:
+    case CellType.EMAIL:
+    case CellType.URL:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
           }, value);
         }));
       }
-    case _dtableUtils.CellType.NUMBER:
+    case CellType.NUMBER:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
-          return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_NumberFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             containerClassName: "table-element-link-item",
             data: displayColumnData || {},
             value: value
           });
         }));
       }
-    case _dtableUtils.CellType.DATE:
+    case CellType.DATE:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value || typeof value !== 'string') return null;
           const {
             format
           } = displayColumnData || {};
-          return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_DateFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             value: value,
             format: format,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case _dtableUtils.CellType.CTIME:
+    case CellType.CTIME:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_CTimeFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case _dtableUtils.CellType.MTIME:
+    case CellType.MTIME:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_MTimeFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case _dtableUtils.CellType.DURATION:
+    case CellType.DURATION:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
-          }, (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData));
+          }, getDurationDisplayString(value, displayColumnData));
         }));
       }
-    case _dtableUtils.CellType.CREATOR:
+    case CellType.CREATOR:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, {
+        return /*#__PURE__*/React.createElement(_CreatorFormatter, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case _dtableUtils.CellType.LAST_MODIFIER:
+    case CellType.LAST_MODIFIER:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, {
+        return /*#__PURE__*/React.createElement(_LastModifierFormatter, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case _dtableUtils.CellType.SINGLE_SELECT:
+    case CellType.SINGLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
+        return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
           value: cellValue,
           options: options || [],
-          containerClassName: "table-element-".concat(displayColumnType, "-formatter")
+          containerClassName: `table-element-${displayColumnType}-formatter`
         });
       }
-    case _dtableUtils.CellType.MULTIPLE_SELECT:
+    case CellType.MULTIPLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? (0, _dtableUtils.getMultipleOptionName)(options, value) : (0, _dtableUtils.getMultipleOptionName)(options, [value]);
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          const valueDisplayString = Array.isArray(value) ? getMultipleOptionName(options, value) : getMultipleOptionName(options, [value]);
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case _dtableUtils.CellType.COLLABORATOR:
+    case CellType.COLLABORATOR:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         props.queryUsers(cellValue);
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? (0, _valueDisplayUtils.getCellDisplayValue)({
+          const valueDisplayString = Array.isArray(value) ? getCellDisplayValue({
             [displayColumn.key]: value
-          }, displayColumn, collaborators) : (0, _valueDisplayUtils.getCellDisplayValue)({
+          }, displayColumn, collaborators) : getCellDisplayValue({
             [displayColumn.key]: [value]
           }, displayColumn, collaborators);
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case _dtableUtils.CellType.CHECKBOX:
+    case CellType.CHECKBOX:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             value: Boolean(value),
-            containerClassName: "table-element-".concat(displayColumnType, "-item")
+            containerClassName: `table-element-${displayColumnType}-item`
           });
         }));
       }
-    case _dtableUtils.CellType.GEOLOCATION:
+    case CellType.GEOLOCATION:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
-          }, (0, _dtableUtils.getGeolocationDisplayString)(value, displayColumnData, {
+          }, getGeolocationDisplayString(value, displayColumnData, {
             hyphen: ' '
           }));
         }));
       }
-    case _dtableUtils.CellType.LONG_TEXT:
+    case CellType.LONG_TEXT:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement(_LongTextFormatter, {
+            key: `link-${displayColumnType}-${index}`,
             value: value,
-            containerClassName: "table-element-".concat(displayColumnType, "-item")
+            containerClassName: `table-element-${displayColumnType}-item`
           });
         }));
       }
-    case _dtableUtils.CellType.FORMULA:
-    case _dtableUtils.CellType.LINK_FORMULA:
+    case CellType.FORMULA:
+    case CellType.LINK_FORMULA:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
-          }, (0, _valueDisplayUtils.getCellDisplayValue)({
+          }, getCellDisplayValue({
             [displayColumn.key]: value
           }, displayColumn, collaborators));
         }));
       }
-    case _dtableUtils.FORMULA_RESULT_TYPE.BOOL:
+    case FORMULA_RESULT_TYPE.BOOL:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
           }, value + '');
         }));
       }
-    case _dtableUtils.FORMULA_RESULT_TYPE.STRING:
+    case FORMULA_RESULT_TYPE.STRING:
       {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            key: "link-".concat(displayColumnType, "-").concat(index),
+          return /*#__PURE__*/React.createElement("div", {
+            key: `link-${displayColumnType}-${index}`,
             className: "table-element-link-item"
           }, value);
         }));
@@ -273,4 +266,4 @@ function LinkFormatter(props) {
       }
   }
 }
-var _default = exports.default = LinkFormatter;
+export default LinkFormatter;

package/dist/view/wrapper/table-element/components/record.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 _dtableUtils = require("dtable-utils");
-var _formatter = _interopRequireDefault(require("./formatter"));
+import React from 'react';
+import { CellType } from 'dtable-utils';
+import Formatter from './formatter';
 function Record(_ref) {
   let {
     columns,
@@ -16,7 +9,7 @@ function Record(_ref) {
     collaborators,
     queryUsers
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: 'table-element-result-table-row'
   }, columns.map(column => {
     const {
@@ -28,28 +21,28 @@ function Record(_ref) {
     } = column;
     const value = record[name] !== undefined && record[name] !== null ? record[name] : record[key];
     let className = 'table-element-result-table-cell ';
-    if (type === _dtableUtils.CellType.FORMULA || type === _dtableUtils.CellType.LINK_FORMULA) {
+    if (type === CellType.FORMULA || type === CellType.LINK_FORMULA) {
       className += 'table-element-result-table-formula-cell ';
       const {
         array_type
       } = data || {};
-      if (array_type === _dtableUtils.CellType.IMAGE || array_type === _dtableUtils.CellType.FILE) {
+      if (array_type === CellType.IMAGE || array_type === CellType.FILE) {
         className += 'table-element-result-table-formula-image-cell';
       }
     } else {
-      className += "table-element-result-table-".concat(type, "-cell");
+      className += `table-element-result-table-${type}-cell`;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "".concat(key, "-").concat({
+    return /*#__PURE__*/React.createElement("div", {
+      key: `${key}-${{
         index
-      }),
+      }}`,
       className: className,
       style: {
         width,
         maxWidth: width,
         minWidth: width
       }
-    }, /*#__PURE__*/_react.default.createElement(_formatter.default, {
+    }, /*#__PURE__*/React.createElement(Formatter, {
       collaborators: collaborators,
       cellValue: value,
       column: column,
@@ -58,7 +51,7 @@ function Record(_ref) {
     }));
   }));
 }
-const memoized = /*#__PURE__*/_react.default.memo(Record, (prevProps, nextProps) => {
+const memoized = React.memo(Record, (prevProps, nextProps) => {
   const {
     record: prevRecord
   } = prevProps;
@@ -71,4 +64,4 @@ const memoized = /*#__PURE__*/_react.default.memo(Record, (prevProps, nextProps)
     return false;
   }
 });
-var _default = exports.default = memoized;
+export default memoized;

package/dist/view/wrapper/table-element/components/records-body.js

@@ -1,17 +1,9 @@
-"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 _lodashEs = require("lodash-es");
-var _record = _interopRequireDefault(require("./record"));
+import React, { Component } from 'react';
+import { throttle } from 'lodash-es';
+import Record from './record';
 const ROW_HEIGHT = 33;
 const RENDER_MORE_NUMBER = 10;
-class RecordsBody extends _react.Component {
+class RecordsBody extends Component {
   constructor(props) {
     super(props);
     this.getInitEndIndex = () => {
@@ -25,7 +17,7 @@ class RecordsBody extends _react.Component {
         endRenderIndex
       };
     };
-    this.handleContainerResize = (0, _lodashEs.throttle)(() => {
+    this.handleContainerResize = throttle(() => {
       this.recalculate();
     }, 100);
     this.recalculate = () => {
@@ -104,7 +96,7 @@ class RecordsBody extends _react.Component {
     const renderingRecords = records.slice(startRenderIndex, endRenderIndex);
     const upperHeight = startRenderIndex * ROW_HEIGHT;
     const belowHeight = (recordsCount - endRenderIndex) * ROW_HEIGHT;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "table-element-result-table-content",
       style: {
         color: globalTheme === 'light' ? '#212529' : '#ffffff'
@@ -112,14 +104,14 @@ class RecordsBody extends _react.Component {
       onScroll: this.onScroll,
       onWheel: this.onWheel,
       ref: ref => this.tableElementResultContentRef = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "table-element-result-table",
       style: {
         paddingTop: upperHeight,
         paddingBottom: belowHeight
       }
     }, renderingRecords.map((record, index) => {
-      return /*#__PURE__*/_react.default.createElement(_record.default, {
+      return /*#__PURE__*/React.createElement(Record, {
         key: record._id || index,
         columns: columns,
         record: record,
@@ -131,4 +123,4 @@ class RecordsBody extends _react.Component {
     })));
   }
 }
-var _default = exports.default = RecordsBody;
+export default RecordsBody;

package/dist/view/wrapper/table-element/components/records-header/index.js

@@ -1,14 +1,6 @@
-"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 _recordsHeaderCell = _interopRequireDefault(require("./records-header-cell"));
-class RecordsHeader extends _react.Component {
+import React, { Component } from 'react';
+import RecordsHeaderCell from './records-header-cell';
+class RecordsHeader extends Component {
   constructor() {
     super(...arguments);
     this.onMouseEnter = () => {
@@ -33,16 +25,16 @@ class RecordsHeader extends _react.Component {
       resizeColumnWidthEnd,
       globalTheme
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "static-table-element-result-content",
       style: {
         color: globalTheme === 'light' ? '#666666' : '#ffffff'
       },
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "table-element-result-table-row"
-    }, columns.map((column, index) => /*#__PURE__*/_react.default.createElement(_recordsHeaderCell.default, {
+    }, columns.map((column, index) => /*#__PURE__*/React.createElement(RecordsHeaderCell, {
       column: column,
       key: index,
       resizeColumnWidth: resizeColumnWidth,
@@ -50,4 +42,4 @@ class RecordsHeader extends _react.Component {
     }))));
   }
 }
-var _default = exports.default = RecordsHeader;
+export default RecordsHeader;

package/dist/view/wrapper/table-element/components/records-header/records-header-cell.js

@@ -1,14 +1,6 @@
-"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 = RecordsHeaderCell;
-var _react = _interopRequireWildcard(require("react"));
-var _resizeColumnHandle = _interopRequireDefault(require("../resize-column-handle/resize-column-handle"));
-function RecordsHeaderCell(_ref) {
+import React, { useRef } from 'react';
+import ResizeColumnHandle from '../resize-column-handle/resize-column-handle';
+export default function RecordsHeaderCell(_ref) {
   let {
     column,
     resizeColumnWidth,
@@ -19,7 +11,7 @@ function RecordsHeaderCell(_ref) {
     name,
     width
   } = column;
-  const headerCellRef = (0, _react.useRef)(null);
+  const headerCellRef = useRef(null);
   const getWidthFromMouseEvent = e => {
     let right = e.pageX || e.touches && e.touches[0] && e.touches[0].pageX || e.changedTouches && e.changedTouches[e.changedTouches.length - 1].pageX;
     if (e.pageX === 0) {
@@ -40,9 +32,9 @@ function RecordsHeaderCell(_ref) {
       resizeColumnWidth(column, width);
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "table-element-header-cell"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: headerCellRef,
     className: "table-element-result-table-cell column",
     style: {
@@ -50,9 +42,9 @@ function RecordsHeaderCell(_ref) {
       maxWidth: width,
       minWidth: width
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "table-element-result-column-content text-truncate"
-  }, name)), /*#__PURE__*/_react.default.createElement(_resizeColumnHandle.default, {
+  }, name)), /*#__PURE__*/React.createElement(ResizeColumnHandle, {
     onDrag: onDrag,
     onDragEnd: onDragEnd
   }));