sea-chart 2.0.39 → 2.0.42

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;

package/dist/components/color-picker/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableColorPicker2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColorPicker"));
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-class ColorPicker extends _react.default.PureComponent {
+import _DTableColorPicker from "dtable-ui-component/lib/DTableColorPicker";
+import React from 'react';
+import './index.css';
+class ColorPicker extends React.PureComponent {
   constructor(props) {
     super(props);
     this.onPickColorToggle = () => {
@@ -25,30 +18,30 @@ class ColorPicker extends _react.default.PureComponent {
       isShowColorPicker: false
     };
     this.colorPickerContainerRef = null;
-    this.colorPickerRef = /*#__PURE__*/_react.default.createRef();
+    this.colorPickerRef = React.createRef();
   }
   render() {
     const {
       activeColor
     } = this.props;
     const isWhiteColor = activeColor && activeColor.toUpperCase() === '#FFFFFF';
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "color-picker-container",
       ref: ref => this.colorPickerContainerRef = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "picker-control"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "color-control ".concat(isWhiteColor ? 'white-color' : ''),
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `color-control ${isWhiteColor ? 'white-color' : ''}`,
       onClick: this.onPickColorToggle,
       style: {
         background: activeColor
       }
-    }), /*#__PURE__*/_react.default.createElement("input", {
+    }), /*#__PURE__*/React.createElement("input", {
       className: "text-control",
       type: "text",
       value: activeColor,
       onChange: this.onInputChanged
-    })), this.state.isShowColorPicker && /*#__PURE__*/_react.default.createElement(_DTableColorPicker2.default, {
+    })), this.state.isShowColorPicker && /*#__PURE__*/React.createElement(_DTableColorPicker, {
       ref: this.colorPickerRef,
       color: activeColor,
       onSubmit: this.props.onColorChanged,
@@ -62,4 +55,4 @@ class ColorPicker extends _react.default.PureComponent {
 ColorPicker.defaultProps = {
   activeColor: '#000000'
 };
-var _default = exports.default = ColorPicker;
+export default ColorPicker;

package/dist/components/color-popover/color-rules/color-rule.js

@@ -1,18 +1,10 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _ruleFilters = _interopRequireDefault(require("./rule-filters"));
-var _colorSelectorPopover = _interopRequireDefault(require("../color-selector-popover"));
-var _commonAddTool = _interopRequireDefault(require("../../common-add-tool"));
-class ColorRule extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import intl from '../../../intl';
+import RuleFilters from './rule-filters';
+import ColorSelectorPopover from '../color-selector-popover';
+import CommonAddTool from '../../common-add-tool';
+class ColorRule extends Component {
   constructor(props) {
     super(props);
     this.onColorPopoverToggle = event => {
@@ -116,20 +108,20 @@ class ColorRule extends _react.Component {
       filter_conjunction,
       filters
     } = rule;
-    const target = "row-color-rule-".concat(ruleIndex);
+    const target = `row-color-rule-${ruleIndex}`;
     const selectedColorConfig = this.props.getColorConfigByColor(color);
-    const ruleTitle = ruleName || _intl.default.get('Define_rule');
+    const ruleTitle = ruleName || intl.get('Define_rule');
     const canAddFilter = filters.length < 8;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-item', {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-item', {
         'editing': isEditing
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "d-flex justify-content-between pr-4"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rule-title",
       onClick: () => this.props.setEditingRuleIndex(ruleIndex)
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       ref: ref => this.rowColorRule = ref,
       className: "statistic-color-rule-dropdown",
       style: {
@@ -138,12 +130,12 @@ class ColorRule extends _react.Component {
       onMouseDown: this.onMouseDown,
       onClick: this.onColorPopoverToggle,
       id: target
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-drop-down",
       style: {
         color: selectedColorConfig.text_color
       }
-    }), this.state.isColorPopoverShow && /*#__PURE__*/_react.default.createElement(_colorSelectorPopover.default, {
+    }), this.state.isColorPopoverShow && /*#__PURE__*/React.createElement(ColorSelectorPopover, {
       placement: "bottom-start",
       hideArrow: false,
       target: target,
@@ -151,33 +143,33 @@ class ColorRule extends _react.Component {
       colorConfigs: labelColorConfigs,
       toggle: this.hideColorPopover,
       onSelectColor: this.onSelectColor
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-name text-truncate', {
+    })), /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-name text-truncate', {
         'invalid': !!ruleName
       }),
       title: ruleTitle
-    }, ruleTitle)), /*#__PURE__*/_react.default.createElement("span", {
+    }, ruleTitle)), /*#__PURE__*/React.createElement("span", {
       className: "statistic-delete-color-rule"
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-delete",
       onClick: this.deleteRule
-    }))), isEditing && /*#__PURE__*/_react.default.createElement("div", {
+    }))), isEditing && /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rule-filters-wrapper"
-    }, /*#__PURE__*/_react.default.createElement(_ruleFilters.default, {
+    }, /*#__PURE__*/React.createElement(RuleFilters, {
       filterTypes: colorRuleTypes,
       filters: rule.filters,
       filterConjunction: filter_conjunction,
       getFilterConfigByType: this.props.getFilterConfigByType,
       modifyConjunction: this.modifyFilterConjunction,
       updateFilters: this.updateFilters
-    }), /*#__PURE__*/_react.default.createElement(_commonAddTool.default, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule-filter', {
+    }), /*#__PURE__*/React.createElement(CommonAddTool, {
+      className: classnames('statistic-btn-add-color-rule-filter', {
         'disabled': !canAddFilter
       }),
       callBack: this.addFilter,
-      footerName: _intl.default.get('Add_condition'),
+      footerName: intl.get('Add_condition'),
       addIconClassName: "popover-add-icon"
     })));
   }
 }
-var _default = exports.default = ColorRule;
+export default ColorRule;

package/dist/components/color-popover/color-rules/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 _colorRule = _interopRequireDefault(require("./color-rule"));
-class ColorRules extends _react.Component {
+import React, { Component } from 'react';
+import ColorRule from './color-rule';
+class ColorRules extends Component {
   constructor(props) {
     super(props);
     this.setEditingRuleIndex = editingRuleIndex => {
@@ -62,12 +54,12 @@ class ColorRules extends _react.Component {
     const {
       editingRuleIndex
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rules"
     }, rules.map((rule, ruleIndex) => {
       const isEditing = editingRuleIndex === ruleIndex;
-      return /*#__PURE__*/_react.default.createElement(_colorRule.default, {
-        key: "statistic-color-rule-".concat(ruleIndex),
+      return /*#__PURE__*/React.createElement(ColorRule, {
+        key: `statistic-color-rule-${ruleIndex}`,
         ruleIndex: ruleIndex,
         rule: rule,
         labelColorConfigs: labelColorConfigs,
@@ -84,4 +76,4 @@ class ColorRules extends _react.Component {
     }));
   }
 }
-var _default = exports.default = ColorRules;
+export default ColorRules;

package/dist/components/color-popover/color-rules/rule-filters/filter.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 _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
-var _react = _interopRequireDefault(require("react"));
-var _intl = _interopRequireDefault(require("../../../../intl"));
-var _numberInput = _interopRequireDefault(require("./number-input"));
-var _colorRules = require("../../../../constants/color-rules");
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
+import React from 'react';
+import intl from '../../../../intl';
+import NumberInput from './number-input';
+import { COLOR_RULE_FILTER_TYPE_MAP, EMPTY_PREDICATE } from '../../../../constants/color-rules';
 const INPUT_CMP_TYPE_MAP = {
   NUMBER: 'number'
 };
-class Filter extends _react.default.Component {
+class Filter extends React.Component {
   constructor(_props) {
     super(_props);
     this.initSelectOptions = props => {
@@ -24,14 +17,14 @@ class Filter extends _react.default.Component {
         filterPredicateList
       } = this.props.getFilterConfigByType(filter.filter_type);
       this.predicateOptions = filterPredicateList ? filterPredicateList.map(predicate => {
-        if (_colorRules.EMPTY_PREDICATE.includes(predicate)) {
+        if (EMPTY_PREDICATE.includes(predicate)) {
           return null;
         }
         return {
           value: predicate,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _intl.default.get(predicate))
+          }, intl.get(predicate))
         };
       }).filter(Boolean) : [];
     };
@@ -99,7 +92,7 @@ class Filter extends _react.default.Component {
         case INPUT_CMP_TYPE_MAP.NUMBER:
           {
             const number = filter_term || filter_term === 0 ? filter_term : '';
-            return /*#__PURE__*/_react.default.createElement(_numberInput.default, {
+            return /*#__PURE__*/React.createElement(NumberInput, {
               value: number,
               onChange: this.onNumberFilterTermChanged
             });
@@ -124,7 +117,7 @@ class Filter extends _react.default.Component {
         case 1:
           {
             const selectedConjunction = conjunctionOptions.find(option => option.value === filterConjunction);
-            return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+            return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
               value: selectedConjunction,
               options: conjunctionOptions,
               onSelectOption: this.onSelectConjunction
@@ -132,9 +125,9 @@ class Filter extends _react.default.Component {
           }
         default:
           {
-            return /*#__PURE__*/_react.default.createElement("span", {
+            return /*#__PURE__*/React.createElement("span", {
               className: "selected-conjunction-show"
-            }, _intl.default.get(filterConjunction));
+            }, intl.get(filterConjunction));
           }
       }
     };
@@ -148,11 +141,11 @@ class Filter extends _react.default.Component {
       } = filter;
 
       // predicate is empty or not empty
-      if (_colorRules.EMPTY_PREDICATE.includes(filter_predicate)) {
+      if (EMPTY_PREDICATE.includes(filter_predicate)) {
         return null;
       }
       switch (filter_type) {
-        case _colorRules.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
             return this.getInputComponent(INPUT_CMP_TYPE_MAP.NUMBER);
           }
@@ -188,34 +181,34 @@ class Filter extends _react.default.Component {
     } = filter;
     const selectedFilterType = filterTypeOptions.find(option => option.value === filter_type);
     const selectedPredicate = this.predicateOptions.find(option => option.value === filter_predicate);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "filter-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "delete-filter",
       onClick: this.onDeleteFilter
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number"
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "condition"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "filter-conjunction"
-    }, this.renderConjunction()), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.renderConjunction()), /*#__PURE__*/React.createElement("div", {
       className: "filter-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "filter-column"
-    }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
       value: selectedFilterType,
       options: filterTypeOptions,
       onSelectOption: this.onSelectFilterBy
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "filter-predicate ml-2"
-    }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
       value: selectedPredicate,
       options: this.predicateOptions,
       onSelectOption: this.onSelectPredicate
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "filter-term ml-2"
     }, this.renderFilterTerm()))));
   }
 }
-var _default = exports.default = Filter;
+export default Filter;