sea-chart 2.0.37 → 2.0.38

package/dist/api/index.js

@@ -1,11 +1,4 @@
-"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"));
+import axios from 'axios';
 class SeaChartAPI {
   constructor(config) {
     var _this = this;
@@ -19,47 +12,21 @@ class SeaChartAPI {
       const headers = {
         'Authorization': 'Token ' + APIToken
       };
-      return _axios.default.get(url, {
+      return axios.get(url, {
         headers
       });
     };
     this.getBaseData = () => {
-      const {
-        dtableServer,
-        dtableUuid,
-        accessToken
-      } = this;
-      const url = dtableServer + 'dtables/' + dtableUuid;
-      const headers = {
-        'Authorization': 'Token ' + accessToken
-      };
-      return _axios.default.get(url, {
-        headers
-      });
+      const url = `/api/v2/dtables/${this.dtableUuid}/`;
+      return this.req.get(url);
     };
     this.getBaseMetaData = () => {
-      const {
-        dtableServer,
-        dtableUuid,
-        accessToken
-      } = this;
-      const url = dtableServer + 'api/v1/dtables/' + dtableUuid + '/metadata';
-      const headers = {
-        'Authorization': 'Token ' + accessToken
-      };
-      return _axios.default.get(url, {
-        headers
-      });
+      const url = `/api/v2/dtables/${this.dtableUuid}/metadata/`;
+      return this.req.get(url);
     };
     this.sqlQuery = function (sql, parameters) {
       let convert_keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      // dtable-db
-      const {
-        dtableDB,
-        dtableUuid,
-        accessToken
-      } = _this;
-      const url = dtableDB + '/api/v2/dtables/' + dtableUuid + '/sql/';
+      const url = `/api/v2/dtables/${_this.dtableUuid}/sql/`;
       const data = {
         sql,
         convert_keys,
@@ -67,20 +34,16 @@ class SeaChartAPI {
           parameters: parameters
         })
       };
-      const headers = {
-        'Authorization': 'Token ' + accessToken
-      };
-      return _axios.default.post(url, data, {
-        headers
-      });
+      return _this.req.post(url, data);
     };
     this.config = config;
+    const {
+      server: _server
+    } = config;
     this.instance = null;
     this.appName = '';
-    this.accessToken = '';
     this.dtableUuid = '';
-    this.dtableServer = '';
-    this.dtableSocket = '';
+    this.baseURL = _server[_server.length - 1] === '/' ? `${_server}api-gateway` : `${_server}/api-gateway`;
   }
   static getInstance(config) {
     if (this.instance) return this.instance;
@@ -92,28 +55,16 @@ class SeaChartAPI {
     const {
       app_name,
       access_token,
-      dtable_uuid,
-      dtable_server,
-      dtable_socket,
-      dtable_db
+      dtable_uuid
     } = accessTokenRes.data;
     this.appName = app_name;
-    this.accessToken = access_token;
     this.dtableUuid = dtable_uuid;
-    this.dtableServer = dtable_server.replace(/\/+$/, '') + '/';
-    this.dtableSocket = dtable_socket.replace(/\/+$/, '') + '/';
-    this.dtableDB = dtable_db.replace(/\/+$/, '') + '/';
+    this.req = axios.create({
+      baseURL: this.baseURL,
+      headers: {
+        'Authorization': 'Token ' + access_token
+      }
+    });
   }
-
-  // queryUsers(userIdList) {
-  //   const { dtableServer, accessToken } = this;
-  //   const url =  dtableServer + 'api/v2.1/user-list';
-  //   let operation = { user_id_list: userIdList };
-  //   const headers = {
-  //     'Content-type': 'application/json',
-  //     'Authorization': 'Token ' +  accessToken
-  //   };
-  //   return axios.post(url, operation, { headers });
-  // }
 }
-var _default = exports.default = SeaChartAPI;
+export default SeaChartAPI;

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

@@ -1,7 +1,6 @@
 .sea-chart-d3-tooltip-container {
   position: absolute;
   transform: translate(-9999px, -9999px);
-  transition: transform 0.1s;
   background-color: rgb(255, 255, 255);
   box-shadow: rgba(196, 175, 175, 0.1) 0px 0px 1px 1px;
   border-radius: 3px;

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

@@ -1,64 +1,57 @@
-"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"));
+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';
 const FormatterConfig = {
-  [_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)
+  [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)
 };
-var _default = exports.default = FormatterConfig;
+export default FormatterConfig;

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

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

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

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

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

@@ -1,19 +1,12 @@
-"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"));
+import EditorConfig from '../cell-editors/EditorConfig';
 const DEFAULT = 'default';
 class CellEditorFactory {
   createEditor(editorType) {
-    if (_EditorConfig.default[editorType]) {
-      return _EditorConfig.default[editorType];
+    if (EditorConfig[editorType]) {
+      return EditorConfig[editorType];
     }
-    return _EditorConfig.default[DEFAULT];
+    return EditorConfig[DEFAULT];
   }
 }
 let cellEditorFactory = new CellEditorFactory();
-var _default = exports.default = cellEditorFactory;
+export default cellEditorFactory;

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

@@ -1,18 +1,11 @@
-"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"));
+import FormatterConfig from './/FormatterConfig';
 class CellFormatterFactory {
   createFormatter(formatterType) {
-    if (_FormatterConfig.default[formatterType]) {
-      return _FormatterConfig.default[formatterType];
+    if (FormatterConfig[formatterType]) {
+      return FormatterConfig[formatterType];
     }
     return null;
   }
 }
 const cellFormatterFactory = new CellFormatterFactory();
-var _default = exports.default = cellFormatterFactory;
+export default cellFormatterFactory;

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

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

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

@@ -1,32 +1,25 @@
-"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) {
+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) {
   let {
     colorTheme,
     onChange
   } = _ref;
   const options = [{
-    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.DEFAULT,
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, intl.get('Use_default_color')))
   }, {
-    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')))
+    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')))
   }];
   const selectedOption = options.find(option => option.value === colorTheme);
   const handleChange = selectedOption => {
     onChange(selectedOption.value);
   };
-  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, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
     value: selectedOption,
     onChange: handleChange,
     options: options

package/dist/components/collaborator/index.js

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