sea-chart 1.1.64 → 2.0.0

package/dist/api/index.js

@@ -1,4 +1,11 @@
-import axios from 'axios';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _axios = _interopRequireDefault(require("axios"));
 class SeaChartAPI {
   constructor(config) {
     var _this = this;
@@ -12,7 +19,7 @@ class SeaChartAPI {
       const headers = {
         'Authorization': 'Token ' + APIToken
       };
-      return axios.get(url, {
+      return _axios.default.get(url, {
         headers
       });
     };
@@ -26,7 +33,7 @@ class SeaChartAPI {
       const headers = {
         'Authorization': 'Token ' + accessToken
       };
-      return axios.get(url, {
+      return _axios.default.get(url, {
         headers
       });
     };
@@ -40,7 +47,7 @@ class SeaChartAPI {
       const headers = {
         'Authorization': 'Token ' + accessToken
       };
-      return axios.get(url, {
+      return _axios.default.get(url, {
         headers
       });
     };
@@ -63,7 +70,7 @@ class SeaChartAPI {
       const headers = {
         'Authorization': 'Token ' + accessToken
       };
-      return axios.post(url, data, {
+      return _axios.default.post(url, data, {
         headers
       });
     };
@@ -109,4 +116,4 @@ class SeaChartAPI {
   //   return axios.post(url, operation, { headers });
   // }
 }
-export default SeaChartAPI;
+var _default = exports.default = SeaChartAPI;

package/dist/assets/css/sea-chart-d3-tooltip.css

@@ -0,0 +1,64 @@
+.sea-chart-d3-tooltip-container {
+  position: absolute;
+  transform: translate(-9999px, -9999px);
+  transition: transform 0.2s;
+  background-color: rgb(255, 255, 255);
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
+  border-radius: 3px;
+  color: rgb(89, 89, 89);
+  font-size: 12px;
+  padding: 8px 16px;
+  min-width: 178px;
+  border: 1px solid rgb(226, 226, 226);
+}
+
+.sea-chart-d3-tooltip-title {
+  margin-bottom: 12px;
+  margin-top: 12px;
+  color: rgb(51, 51, 51);
+  font-size: 14px;
+  padding-bottom: 10px;
+  max-width: 160px;
+  white-space: nowrap;
+  overflow: hidden;
+  line-height: 14px;
+  text-overflow: ellipsis;
+}
+
+.sea-chart-d3-tooltip-list {
+  list-style-type: none !important;
+  margin: 0px !important;
+  padding: 0px !important;
+}
+
+.sea-chart-d3-tooltip-list-item {
+  list-style-type: none;
+  padding: 0px;
+  margin: 8px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.sea-chart-d3-tooltip-marker {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+  margin-right: 8px;
+}
+
+.sea-chart-d3-tooltip-name {
+  display: inline-block;
+  font-size: 12px;
+  min-width: 80px;
+  white-space: nowrap;
+  overflow: hidden;
+  line-height: 12px;
+  text-overflow: ellipsis;
+}
+
+.sea-chart-d3-tooltip-value {
+  display: inline-block;
+  margin-left: 30px;
+  font-size: 12px;
+}

package/dist/components/cell-factory/FormatterConfig.js

@@ -1,57 +1,64 @@
-import _DepartmentSingleSelectFormatter from "dtable-ui-component/lib/DepartmentSingleSelectFormatter";
-import _DigitalSignFormatter from "dtable-ui-component/lib/DigitalSignFormatter";
-import _RateFormatter from "dtable-ui-component/lib/RateFormatter";
-import _ButtonFormatter from "dtable-ui-component/lib/ButtonFormatter";
-import _DurationFormatter from "dtable-ui-component/lib/DurationFormatter";
-import _EmailFormatter from "dtable-ui-component/lib/EmailFormatter";
-import _UrlFormatter from "dtable-ui-component/lib/UrlFormatter";
-import _AutoNumberFormatter from "dtable-ui-component/lib/AutoNumberFormatter";
-import _FormulaFormatter from "dtable-ui-component/lib/FormulaFormatter";
-import _GeolocationFormatter from "dtable-ui-component/lib/GeolocationFormatter";
-import _MTimeFormatter from "dtable-ui-component/lib/MTimeFormatter";
-import _LastModifierFormatter from "dtable-ui-component/lib/LastModifierFormatter";
-import _CTimeFormatter from "dtable-ui-component/lib/CTimeFormatter";
-import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
-import _LinkFormatter from "dtable-ui-component/lib/LinkFormatter";
-import _DateFormatter from "dtable-ui-component/lib/DateFormatter";
-import _NumberFormatter from "dtable-ui-component/lib/NumberFormatter";
-import _CollaboratorFormatter from "dtable-ui-component/lib/CollaboratorFormatter";
-import _MultipleSelectFormatter from "dtable-ui-component/lib/MultipleSelectFormatter";
-import _FileFormatter from "dtable-ui-component/lib/FileFormatter";
-import _ImageFormatter from "dtable-ui-component/lib/ImageFormatter";
-import _SingleSelectFormatter from "dtable-ui-component/lib/SingleSelectFormatter";
-import _LongTextFormatter from "dtable-ui-component/lib/LongTextFormatter";
-import _CheckboxFormatter from "dtable-ui-component/lib/CheckboxFormatter";
-import React from 'react';
-import { CellType } from 'dtable-utils';
-import SimpleCellFormatter from '../cell-factory/SimpleCellFormatter';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DepartmentSingleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DepartmentSingleSelectFormatter"));
+var _DigitalSignFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DigitalSignFormatter"));
+var _RateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/RateFormatter"));
+var _ButtonFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/ButtonFormatter"));
+var _DurationFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DurationFormatter"));
+var _EmailFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/EmailFormatter"));
+var _UrlFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/UrlFormatter"));
+var _AutoNumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/AutoNumberFormatter"));
+var _FormulaFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/FormulaFormatter"));
+var _GeolocationFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/GeolocationFormatter"));
+var _MTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MTimeFormatter"));
+var _LastModifierFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LastModifierFormatter"));
+var _CTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CTimeFormatter"));
+var _CreatorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CreatorFormatter"));
+var _LinkFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LinkFormatter"));
+var _DateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DateFormatter"));
+var _NumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/NumberFormatter"));
+var _CollaboratorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CollaboratorFormatter"));
+var _MultipleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MultipleSelectFormatter"));
+var _FileFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/FileFormatter"));
+var _ImageFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/ImageFormatter"));
+var _SingleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/SingleSelectFormatter"));
+var _LongTextFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LongTextFormatter"));
+var _CheckboxFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CheckboxFormatter"));
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _SimpleCellFormatter = _interopRequireDefault(require("../cell-factory/SimpleCellFormatter"));
 const FormatterConfig = {
-  [CellType.DEFAULT]: /*#__PURE__*/React.createElement(SimpleCellFormatter, null),
-  [CellType.TEXT]: /*#__PURE__*/React.createElement(SimpleCellFormatter, null),
-  [CellType.CHECKBOX]: /*#__PURE__*/React.createElement(_CheckboxFormatter, null),
-  [CellType.LONG_TEXT]: /*#__PURE__*/React.createElement(_LongTextFormatter, null),
-  [CellType.SINGLE_SELECT]: /*#__PURE__*/React.createElement(_SingleSelectFormatter, null),
-  [CellType.IMAGE]: /*#__PURE__*/React.createElement(_ImageFormatter, null),
-  [CellType.FILE]: /*#__PURE__*/React.createElement(_FileFormatter, null),
-  [CellType.MULTIPLE_SELECT]: /*#__PURE__*/React.createElement(_MultipleSelectFormatter, null),
-  [CellType.COLLABORATOR]: /*#__PURE__*/React.createElement(_CollaboratorFormatter, null),
-  [CellType.NUMBER]: /*#__PURE__*/React.createElement(_NumberFormatter, null),
-  [CellType.DATE]: /*#__PURE__*/React.createElement(_DateFormatter, null),
-  [CellType.LINK]: /*#__PURE__*/React.createElement(_LinkFormatter, null),
-  [CellType.CREATOR]: /*#__PURE__*/React.createElement(_CreatorFormatter, null),
-  [CellType.CTIME]: /*#__PURE__*/React.createElement(_CTimeFormatter, null),
-  [CellType.LAST_MODIFIER]: /*#__PURE__*/React.createElement(_LastModifierFormatter, null),
-  [CellType.MTIME]: /*#__PURE__*/React.createElement(_MTimeFormatter, null),
-  [CellType.GEOLOCATION]: /*#__PURE__*/React.createElement(_GeolocationFormatter, null),
-  [CellType.FORMULA]: /*#__PURE__*/React.createElement(_FormulaFormatter, null),
-  [CellType.AUTO_NUMBER]: /*#__PURE__*/React.createElement(_AutoNumberFormatter, null),
-  [CellType.URL]: /*#__PURE__*/React.createElement(_UrlFormatter, null),
-  [CellType.EMAIL]: /*#__PURE__*/React.createElement(_EmailFormatter, null),
-  [CellType.DURATION]: /*#__PURE__*/React.createElement(_DurationFormatter, null),
-  [CellType.BUTTON]: /*#__PURE__*/React.createElement(_ButtonFormatter, null),
-  [CellType.LINK_FORMULA]: /*#__PURE__*/React.createElement(_FormulaFormatter, null),
-  [CellType.RATE]: /*#__PURE__*/React.createElement(_RateFormatter, null),
-  [CellType.DIGITAL_SIGN]: /*#__PURE__*/React.createElement(_DigitalSignFormatter, null),
-  [CellType.DEPARTMENT_SINGLE_SELECT]: /*#__PURE__*/React.createElement(_DepartmentSingleSelectFormatter, null)
+  [_dtableUtils.CellType.DEFAULT]: /*#__PURE__*/_react.default.createElement(_SimpleCellFormatter.default, null),
+  [_dtableUtils.CellType.TEXT]: /*#__PURE__*/_react.default.createElement(_SimpleCellFormatter.default, null),
+  [_dtableUtils.CellType.CHECKBOX]: /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, null),
+  [_dtableUtils.CellType.LONG_TEXT]: /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, null),
+  [_dtableUtils.CellType.SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter2.default, null),
+  [_dtableUtils.CellType.IMAGE]: /*#__PURE__*/_react.default.createElement(_ImageFormatter2.default, null),
+  [_dtableUtils.CellType.FILE]: /*#__PURE__*/_react.default.createElement(_FileFormatter2.default, null),
+  [_dtableUtils.CellType.MULTIPLE_SELECT]: /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, null),
+  [_dtableUtils.CellType.COLLABORATOR]: /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter2.default, null),
+  [_dtableUtils.CellType.NUMBER]: /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, null),
+  [_dtableUtils.CellType.DATE]: /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, null),
+  [_dtableUtils.CellType.LINK]: /*#__PURE__*/_react.default.createElement(_LinkFormatter2.default, null),
+  [_dtableUtils.CellType.CREATOR]: /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, null),
+  [_dtableUtils.CellType.CTIME]: /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, null),
+  [_dtableUtils.CellType.LAST_MODIFIER]: /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, null),
+  [_dtableUtils.CellType.MTIME]: /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, null),
+  [_dtableUtils.CellType.GEOLOCATION]: /*#__PURE__*/_react.default.createElement(_GeolocationFormatter2.default, null),
+  [_dtableUtils.CellType.FORMULA]: /*#__PURE__*/_react.default.createElement(_FormulaFormatter2.default, null),
+  [_dtableUtils.CellType.AUTO_NUMBER]: /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter2.default, null),
+  [_dtableUtils.CellType.URL]: /*#__PURE__*/_react.default.createElement(_UrlFormatter2.default, null),
+  [_dtableUtils.CellType.EMAIL]: /*#__PURE__*/_react.default.createElement(_EmailFormatter2.default, null),
+  [_dtableUtils.CellType.DURATION]: /*#__PURE__*/_react.default.createElement(_DurationFormatter2.default, null),
+  [_dtableUtils.CellType.BUTTON]: /*#__PURE__*/_react.default.createElement(_ButtonFormatter2.default, null),
+  [_dtableUtils.CellType.LINK_FORMULA]: /*#__PURE__*/_react.default.createElement(_FormulaFormatter2.default, null),
+  [_dtableUtils.CellType.RATE]: /*#__PURE__*/_react.default.createElement(_RateFormatter2.default, null),
+  [_dtableUtils.CellType.DIGITAL_SIGN]: /*#__PURE__*/_react.default.createElement(_DigitalSignFormatter2.default, null),
+  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter2.default, null)
 };
-export default FormatterConfig;
+var _default = exports.default = FormatterConfig;

package/dist/components/cell-factory/SimpleCellFormatter.js

@@ -1,5 +1,12 @@
-import React from 'react';
-class SimpleCellFormatter 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"));
+class SimpleCellFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getFormattedValue = val => {
@@ -22,11 +29,11 @@ class SimpleCellFormatter extends React.Component {
     }
     const gridCellClassName = this.props.type ? "grid-cell-type-".concat(this.props.type) : 'grid-cell-type-default';
     let formattedValue = this.getFormattedValue(value);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: gridCellClassName,
       title: formattedValue,
       "aria-label": formattedValue
     }, formattedValue);
   }
 }
-export default SimpleCellFormatter;
+var _default = exports.default = SimpleCellFormatter;

package/dist/components/cell-factory/SingleSelectOption.js

@@ -1,8 +1,15 @@
-import React from 'react';
-import intl from '../../intl';
-import { getSelectColumnOptions } from '../../utils/column-utils';
-import { DELETED_OPTION_BACKGROUND_COLOR, DELETED_OPTION_TIPS } from '../../constants/common-constants';
-class SingleSelectOption 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 _intl = _interopRequireDefault(require("../../intl"));
+var _columnUtils = require("../../utils/column-utils");
+var _commonConstants = require("../../constants/common-constants");
+class SingleSelectOption extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.getCurrentOption = () => {
@@ -10,7 +17,7 @@ class SingleSelectOption extends React.Component {
         value,
         column
       } = this.props;
-      let options = getSelectColumnOptions(column);
+      let options = (0, _columnUtils.getSelectColumnOptions)(column);
       return options.find(item => item.id === value);
     };
     this.getStyle = option => {
@@ -27,7 +34,7 @@ class SingleSelectOption extends React.Component {
         style.backgroundColor = option.color;
         style.color = option.textColor || null;
       } else {
-        style.backgroundColor = DELETED_OPTION_BACKGROUND_COLOR;
+        style.backgroundColor = _commonConstants.DELETED_OPTION_BACKGROUND_COLOR;
       }
       return style;
     };
@@ -38,11 +45,11 @@ class SingleSelectOption extends React.Component {
       column
     } = this.props;
     if (!value) {
-      return /*#__PURE__*/React.createElement("div", null);
+      return /*#__PURE__*/_react.default.createElement("div", null);
     }
     const currentOption = this.getCurrentOption();
-    const name = currentOption ? currentOption.name : intl.get(DELETED_OPTION_TIPS);
-    return /*#__PURE__*/React.createElement("div", {
+    const name = currentOption ? currentOption.name : _intl.default.get(_commonConstants.DELETED_OPTION_TIPS);
+    return /*#__PURE__*/_react.default.createElement("div", {
       // If parent node is FormulaFormatter, column is {data: array_data}, so column.type is undefined
       className: 'grid_cell_type_' + (column.type || ''),
       style: this.getStyle(currentOption),
@@ -50,4 +57,4 @@ class SingleSelectOption extends React.Component {
     }, name);
   }
 }
-export default SingleSelectOption;
+var _default = exports.default = SingleSelectOption;

package/dist/components/cell-factory/cell-editor-factory.js

@@ -1,12 +1,19 @@
-import EditorConfig from '../cell-editors/EditorConfig';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _EditorConfig = _interopRequireDefault(require("../cell-editors/EditorConfig"));
 const DEFAULT = 'default';
 class CellEditorFactory {
   createEditor(editorType) {
-    if (EditorConfig[editorType]) {
-      return EditorConfig[editorType];
+    if (_EditorConfig.default[editorType]) {
+      return _EditorConfig.default[editorType];
     }
-    return EditorConfig[DEFAULT];
+    return _EditorConfig.default[DEFAULT];
   }
 }
 let cellEditorFactory = new CellEditorFactory();
-export default cellEditorFactory;
+var _default = exports.default = cellEditorFactory;

package/dist/components/cell-factory/cell-formatter-factory.js

@@ -1,11 +1,18 @@
-import FormatterConfig from './/FormatterConfig';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FormatterConfig = _interopRequireDefault(require(".//FormatterConfig"));
 class CellFormatterFactory {
   createFormatter(formatterType) {
-    if (FormatterConfig[formatterType]) {
-      return FormatterConfig[formatterType];
+    if (_FormatterConfig.default[formatterType]) {
+      return _FormatterConfig.default[formatterType];
     }
     return null;
   }
 }
 const cellFormatterFactory = new CellFormatterFactory();
-export default cellFormatterFactory;
+var _default = exports.default = cellFormatterFactory;

package/dist/components/cell-factory/link-content.js

@@ -1,12 +1,20 @@
-import React, { Component } from 'react';
-import { CellType, getCellValueStringResult } from 'dtable-utils';
-import context from '../../context';
-import { isFunction } from '../../utils/common-utils';
-import SimpleCellFormatter from '../cell-factory/SimpleCellFormatter';
-import { LINK_NOT_SUPPORT_TYPES, NEED_FORMATTER } from '../../constants/common-constants';
-import cellFormatterFactory from './cell-formatter-factory';
+"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 _context = _interopRequireDefault(require("../../context"));
+var _commonUtils = require("../../utils/common-utils");
+var _SimpleCellFormatter = _interopRequireDefault(require("../cell-factory/SimpleCellFormatter"));
+var _commonConstants = require("../../constants/common-constants");
+var _cellFormatterFactory = _interopRequireDefault(require("./cell-formatter-factory"));
 const DEFAULT_MAX_DISPLAY_LINKS = 40;
-class LinkContent extends Component {
+class LinkContent extends _react.Component {
   constructor() {
     super(...arguments);
     this.getFormatterContent = shownLinks => {
@@ -16,33 +24,33 @@ class LinkContent extends Component {
       const {
         type
       } = linkedColumn;
-      let Formatter = cellFormatterFactory.createFormatter(type);
+      let Formatter = _cellFormatterFactory.default.createFormatter(type);
       let formatterProps = {
         column: linkedColumn,
         isCellSelected: false,
         readOnly: true
       };
-      const className = "link formatter-item ".concat(type === CellType.SINGLE_SELECT ? 'mr-1' : '');
+      const className = "link formatter-item ".concat(type === _dtableUtils.CellType.SINGLE_SELECT ? 'mr-1' : '');
       return shownLinks.map(link => {
         if (!link) return null;
         const {
           row_id,
           display_value
         } = link;
-        if ([CellType.SINGLE_SELECT].includes(type)) {
+        if ([_dtableUtils.CellType.SINGLE_SELECT].includes(type)) {
           var _linkedColumn$data;
           formatterProps['options'] = (linkedColumn === null || linkedColumn === void 0 ? void 0 : (_linkedColumn$data = linkedColumn.data) === null || _linkedColumn$data === void 0 ? void 0 : _linkedColumn$data.options) || [];
         }
         if (!Array.isArray(display_value)) {
           formatterProps['value'] = display_value;
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: "link-record-item-".concat(row_id),
             className: className
           }, this.createColumnFormatter(Formatter, formatterProps));
         }
         return display_value.map((item, index) => {
           formatterProps['value'] = item;
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: "link-record-item-".concat(row_id, "-").concat(index),
             className: className
           }, this.createColumnFormatter(Formatter, formatterProps));
@@ -63,33 +71,33 @@ class LinkContent extends Component {
         return [];
       }
       const shownLinks = computedValue.length > maxDisplayLinks ? computedValue.slice(0, 40) : computedValue;
-      if (NEED_FORMATTER.includes(type)) {
+      if (_commonConstants.NEED_FORMATTER.includes(type)) {
         return this.getFormatterContent(shownLinks);
       }
-      const collaborators = context.getCollaboratorsFromCache() || [];
-      const departments = context.getDepartments();
+      const collaborators = _context.default.getCollaboratorsFromCache() || [];
+      const departments = _context.default.getDepartments();
       return shownLinks.map((link, index) => {
         const {
           row_id,
           display_value
         } = link;
-        const linkedValue = LINK_NOT_SUPPORT_TYPES.includes(type) ? null : display_value;
+        const linkedValue = _commonConstants.LINK_NOT_SUPPORT_TYPES.includes(type) ? null : display_value;
         const row = {
           _id: row_id,
           [key]: linkedValue
         };
-        const formulaRows = type === CellType.FORMULA ? {
+        const formulaRows = type === _dtableUtils.CellType.FORMULA ? {
           [row_id]: row
         } : null;
-        const cellValue = getCellValueStringResult(row, linkedColumn, {
+        const cellValue = (0, _dtableUtils.getCellValueStringResult)(row, linkedColumn, {
           formulaRows,
           collaborators,
           departments
         });
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           key: "link-item-".concat(index),
           className: "link"
-        }, /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("span", {
           className: "link-name pr-1",
           title: cellValue
         }, cellValue));
@@ -97,14 +105,14 @@ class LinkContent extends Component {
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
-    if (React.isValidElement(Formatter)) {
-      return React.cloneElement(Formatter, {
+    if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
         ...formatterProps
       });
-    } else if (isFunction(Formatter)) {
-      return /*#__PURE__*/React.createElement(Formatter, formatterProps);
+    } else if ((0, _commonUtils.isFunction)(Formatter)) {
+      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
     }
-    return /*#__PURE__*/React.createElement(SimpleCellFormatter, formatterProps);
+    return /*#__PURE__*/_react.default.createElement(_SimpleCellFormatter.default, formatterProps);
   }
   render() {
     const {
@@ -122,4 +130,4 @@ LinkContent.defaultProps = {
   maxDisplayLinks: DEFAULT_MAX_DISPLAY_LINKS,
   Empty: null
 };
-export default LinkContent;
+var _default = exports.default = LinkContent;

package/dist/components/chart-color-selector/color-selector.js

@@ -1,25 +1,32 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import React from 'react';
-import { FormGroup, Label } from 'reactstrap';
-import { SUPPORT_SINGLE_SELECT_THEMES_OPTIONS } from '../../constants/color-rules';
-import intl from '../../intl';
-export default function ColorSelector(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ColorSelector;
+var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _colorRules = require("../../constants/color-rules");
+var _intl = _interopRequireDefault(require("../../intl"));
+function ColorSelector(_ref) {
   let {
     colorTheme,
     onChange
   } = _ref;
   const options = [{
-    value: SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT,
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get('Use_default_color')))
+    value: _colorRules.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT,
+    label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Use_default_color')))
   }, {
-    value: SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.SINGLE_SELECT_COLUMN_COLORS,
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get('Use_colors_in_single_select_solumn')))
+    value: _colorRules.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.SINGLE_SELECT_COLUMN_COLORS,
+    label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Use_colors_in_single_select_solumn')))
   }];
   const selectedOption = options.find(option => option.value === colorTheme);
   const handleChange = selectedOption => {
     onChange(selectedOption.value);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     value: selectedOption,
     onChange: handleChange,
     options: options

package/dist/components/collaborator/index.js

@@ -1,4 +1,11 @@
-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"));
 const Collaborator = _ref => {
   let {
     collaborator = {}
@@ -7,20 +14,20 @@ const Collaborator = _ref => {
     avatar_url,
     name
   } = collaborator || {};
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborators-formatter"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborator"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-avatar-container"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: avatar_url,
     alt: '',
     className: "collaborator-avatar"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-name",
     title: name,
     "aria-label": name
   }, name)));
 };
-export default Collaborator;
+var _default = exports.default = Collaborator;