sea-chart 2.0.38 → 2.0.39

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

@@ -1,16 +1,23 @@
-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';
+"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");
 function LinkFormatter(props) {
   const {
     column,
@@ -30,232 +37,232 @@ function LinkFormatter(props) {
     type: displayColumnType,
     data: displayColumnData
   } = displayColumn;
-  const cellValue = getFormulaArrayValue(value, !isArrayFormalColumn(displayColumnType));
+  const cellValue = (0, _datasetUtils.getFormulaArrayValue)(value, !(0, _datasetUtils.isArrayFormalColumn)(displayColumnType));
   if (!Array.isArray(cellValue) || cellValue.length === 0) return props.renderEmptyFormatter();
   switch (displayColumnType) {
-    case CellType.TEXT:
-    case CellType.AUTO_NUMBER:
-    case CellType.EMAIL:
-    case CellType.URL:
+    case _dtableUtils.CellType.TEXT:
+    case _dtableUtils.CellType.AUTO_NUMBER:
+    case _dtableUtils.CellType.EMAIL:
+    case _dtableUtils.CellType.URL:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
       }
-    case CellType.NUMBER:
+    case _dtableUtils.CellType.NUMBER:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
-          return /*#__PURE__*/React.createElement(_NumberFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             containerClassName: "table-element-link-item",
             data: displayColumnData || {},
             value: value
           });
         }));
       }
-    case CellType.DATE:
+    case _dtableUtils.CellType.DATE:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value || typeof value !== 'string') return null;
           const {
             format
           } = displayColumnData || {};
-          return /*#__PURE__*/React.createElement(_DateFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             format: format,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.CTIME:
+    case _dtableUtils.CellType.CTIME:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_CTimeFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.MTIME:
+    case _dtableUtils.CellType.MTIME:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_MTimeFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.DURATION:
+    case _dtableUtils.CellType.DURATION:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
-          }, getDurationDisplayString(value, displayColumnData));
+          }, (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData));
         }));
       }
-    case CellType.CREATOR:
+    case _dtableUtils.CellType.CREATOR:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/React.createElement(_CreatorFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case CellType.LAST_MODIFIER:
+    case _dtableUtils.CellType.LAST_MODIFIER:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/React.createElement(_LastModifierFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case CellType.SINGLE_SELECT:
+    case _dtableUtils.CellType.SINGLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
           value: cellValue,
           options: options || [],
-          containerClassName: `table-element-${displayColumnType}-formatter`
+          containerClassName: "table-element-".concat(displayColumnType, "-formatter")
         });
       }
-    case CellType.MULTIPLE_SELECT:
+    case _dtableUtils.CellType.MULTIPLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? getMultipleOptionName(options, value) : getMultipleOptionName(options, [value]);
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          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),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case CellType.COLLABORATOR:
+    case _dtableUtils.CellType.COLLABORATOR:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         props.queryUsers(cellValue);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? getCellDisplayValue({
+          const valueDisplayString = Array.isArray(value) ? (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: value
-          }, displayColumn, collaborators) : getCellDisplayValue({
+          }, displayColumn, collaborators) : (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: [value]
           }, displayColumn, collaborators);
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case CellType.CHECKBOX:
+    case _dtableUtils.CellType.CHECKBOX:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: Boolean(value),
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
-    case CellType.GEOLOCATION:
+    case _dtableUtils.CellType.GEOLOCATION:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
-          }, getGeolocationDisplayString(value, displayColumnData, {
+          }, (0, _dtableUtils.getGeolocationDisplayString)(value, displayColumnData, {
             hyphen: ' '
           }));
         }));
       }
-    case CellType.LONG_TEXT:
+    case _dtableUtils.CellType.LONG_TEXT:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_LongTextFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
-    case CellType.FORMULA:
-    case CellType.LINK_FORMULA:
+    case _dtableUtils.CellType.FORMULA:
+    case _dtableUtils.CellType.LINK_FORMULA:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
-          }, getCellDisplayValue({
+          }, (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: value
           }, displayColumn, collaborators));
         }));
       }
-    case FORMULA_RESULT_TYPE.BOOL:
+    case _dtableUtils.FORMULA_RESULT_TYPE.BOOL:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value + '');
         }));
       }
-    case FORMULA_RESULT_TYPE.STRING:
+    case _dtableUtils.FORMULA_RESULT_TYPE.STRING:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
@@ -266,4 +273,4 @@ function LinkFormatter(props) {
       }
   }
 }
-export default LinkFormatter;
+var _default = exports.default = LinkFormatter;

package/dist/view/wrapper/table-element/components/record.js

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

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

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

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

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

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

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