@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item.js

@@ -1,26 +1,34 @@
-import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Fragment } from 'react';
-import classnames from 'classnames';
-import { UncontrolledTooltip } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import { CellType, COLLABORATOR_COLUMN_TYPES, DATE_COLUMN_OPTIONS, FORMULA_RESULT_TYPE, FILTER_PREDICATE_TYPE, FILTER_TERM_MODIFIER_TYPE, filterTermModifierIsWithin, isDateColumn } from 'dtable-utils';
-import DtableSearchInput from '../../dtable-search-input';
-import { isCheckboxColumn } from '../../utils/utils';
-import { getColumnOptions, getFilterByColumn, getUpdatedFilterBySelectSingle, getUpdatedFilterBySelectMultiple, getUpdatedFilterByCreator, getUpdatedFilterByCollaborator, getUpdatedFilterByPredicate } from '../filters-utils';
-import CalendarFilter from './calendar-filter';
-import CollaboratorFilter from './collaborator-filter';
-import { DepartmentMultipleSelectFilter, DepartmentSingleSelectFilter } from './department-filter';
-import NumberEditor from './number-editor';
-import RateItem from './rate-item';
-import FilterItemUtils from './filter-item-utils';
-const EMPTY_PREDICATE = [FILTER_PREDICATE_TYPE.EMPTY, FILTER_PREDICATE_TYPE.NOT_EMPTY];
-class FilterItem extends React.Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _dtableUtils = require("dtable-utils");
+var _dtableSearchInput = _interopRequireDefault(require("../../dtable-search-input"));
+var _utils = require("../../utils/utils");
+var _filtersUtils = require("../filters-utils");
+var _calendarFilter = _interopRequireDefault(require("./calendar-filter"));
+var _collaboratorFilter = _interopRequireDefault(require("./collaborator-filter"));
+var _departmentFilter = require("./department-filter");
+var _numberEditor = _interopRequireDefault(require("./number-editor"));
+var _rateItem = _interopRequireDefault(require("./rate-item"));
+var _filterItemUtils = _interopRequireDefault(require("./filter-item-utils"));
+const EMPTY_PREDICATE = [_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY, _dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY];
+class FilterItem extends _react.default.Component {
   constructor(_props) {
     var _this;
     super(_props);
     _this = this;
-    _defineProperty(this, "initSelectOptions", props => {
+    (0, _defineProperty2.default)(this, "initSelectOptions", props => {
       const {
         filter,
         filterColumn,
@@ -30,36 +38,36 @@ class FilterItem extends React.Component {
       let {
         filterPredicateList,
         filterTermModifierList
-      } = getColumnOptions(filterColumn, value);
+      } = (0, _filtersUtils.getColumnOptions)(filterColumn, value);
       // The value of the calculation formula column does not exist in the shared view
       this.filterPredicateOptions = filterPredicateList ? filterPredicateList.map(predicate => {
-        return FilterItemUtils.generatorPredicateOption(predicate, t);
+        return _filterItemUtils.default.generatorPredicateOption(predicate, t);
       }).filter(item => item) : [];
       const {
         filter_predicate
       } = filter;
-      if (isDateColumn(filterColumn)) {
-        if (filter_predicate === FILTER_PREDICATE_TYPE.IS_WITHIN) {
-          filterTermModifierList = filterTermModifierIsWithin;
+      if ((0, _dtableUtils.isDateColumn)(filterColumn)) {
+        if (filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_WITHIN) {
+          filterTermModifierList = _dtableUtils.filterTermModifierIsWithin;
         }
         this.filterTermModifierOptions = filterTermModifierList.map(termModifier => {
-          return FilterItemUtils.generatorTermModifierOption(termModifier, t);
+          return _filterItemUtils.default.generatorTermModifierOption(termModifier, t);
         });
       }
     });
-    _defineProperty(this, "onDeleteFilter", event => {
+    (0, _defineProperty2.default)(this, "onDeleteFilter", event => {
       event.nativeEvent.stopImmediatePropagation();
       const {
         index
       } = this.props;
       this.props.deleteFilter(index);
     });
-    _defineProperty(this, "resetState", filter => {
+    (0, _defineProperty2.default)(this, "resetState", filter => {
       this.setState({
         filterTerm: filter.filter_term
       });
     });
-    _defineProperty(this, "onSelectConjunction", value => {
+    (0, _defineProperty2.default)(this, "onSelectConjunction", value => {
       const {
         filterConjunction
       } = this.props;
@@ -68,7 +76,7 @@ class FilterItem extends React.Component {
       }
       this.props.updateConjunction(value.filterConjunction);
     });
-    _defineProperty(this, "onSelectColumn", value => {
+    (0, _defineProperty2.default)(this, "onSelectColumn", value => {
       const {
         index,
         filter
@@ -77,12 +85,12 @@ class FilterItem extends React.Component {
         column
       } = value;
       if (column.key === filter.column_key) return;
-      let newFilter = getFilterByColumn(column, filter);
+      let newFilter = (0, _filtersUtils.getFilterByColumn)(column, filter);
       if (!newFilter) return;
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectPredicate", value => {
+    (0, _defineProperty2.default)(this, "onSelectPredicate", value => {
       const {
         index,
         filter,
@@ -94,11 +102,11 @@ class FilterItem extends React.Component {
       if (filter.filter_predicate === filterPredicate) {
         return;
       }
-      let newFilter = getUpdatedFilterByPredicate(filter, filterColumn, filterPredicate);
+      let newFilter = (0, _filtersUtils.getUpdatedFilterByPredicate)(filter, filterColumn, filterPredicate);
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectTermModifier", value => {
+    (0, _defineProperty2.default)(this, "onSelectTermModifier", value => {
       const {
         index,
         filter
@@ -106,7 +114,7 @@ class FilterItem extends React.Component {
       const {
         filterTermModifier
       } = value;
-      const inputRangeLabel = [FILTER_TERM_MODIFIER_TYPE.EXACT_DATE, FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO, FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW, FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS, FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS];
+      const inputRangeLabel = [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.EXACT_DATE, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS];
       if (filter.filter_term_modifier === filterTermModifier) {
         return;
       }
@@ -121,7 +129,7 @@ class FilterItem extends React.Component {
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectSingle", value => {
+    (0, _defineProperty2.default)(this, "onSelectSingle", value => {
       const {
         index,
         filter
@@ -132,11 +140,11 @@ class FilterItem extends React.Component {
       if (filter.filter_term === option.id) {
         return;
       }
-      let newFilter = getUpdatedFilterBySelectSingle(filter, option);
+      let newFilter = (0, _filtersUtils.getUpdatedFilterBySelectSingle)(filter, option);
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectMultiple", value => {
+    (0, _defineProperty2.default)(this, "onSelectMultiple", value => {
       const {
         index,
         filter
@@ -144,11 +152,11 @@ class FilterItem extends React.Component {
       const {
         columnOption: option
       } = value;
-      let newFilter = getUpdatedFilterBySelectMultiple(filter, option);
+      let newFilter = (0, _filtersUtils.getUpdatedFilterBySelectMultiple)(filter, option);
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectCollaborator", value => {
+    (0, _defineProperty2.default)(this, "onSelectCollaborator", value => {
       const {
         index,
         filter
@@ -156,11 +164,11 @@ class FilterItem extends React.Component {
       const {
         columnOption: collaborator
       } = value;
-      let newFilter = getUpdatedFilterByCollaborator(filter, collaborator);
+      let newFilter = (0, _filtersUtils.getUpdatedFilterByCollaborator)(filter, collaborator);
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onSelectCreator", value => {
+    (0, _defineProperty2.default)(this, "onSelectCreator", value => {
       const {
         index,
         filter
@@ -168,7 +176,7 @@ class FilterItem extends React.Component {
       const {
         columnOption: collaborator
       } = value;
-      let newFilter = getUpdatedFilterByCreator(filter, collaborator);
+      let newFilter = (0, _filtersUtils.getUpdatedFilterByCreator)(filter, collaborator);
       // the predicate is 'is' or 'is not'
       if (!newFilter) {
         return;
@@ -176,17 +184,17 @@ class FilterItem extends React.Component {
       this.resetState(newFilter);
       this.props.updateFilter(index, newFilter);
     });
-    _defineProperty(this, "onFilterTermCheckboxChanged", e => {
+    (0, _defineProperty2.default)(this, "onFilterTermCheckboxChanged", e => {
       this.onFilterTermChanged(e.target.checked);
     });
-    _defineProperty(this, "onFilterTermTextChanged", value => {
+    (0, _defineProperty2.default)(this, "onFilterTermTextChanged", value => {
       this.onFilterTermChanged(value);
     });
-    _defineProperty(this, "onFilterTermNumberChanged", () => {
+    (0, _defineProperty2.default)(this, "onFilterTermNumberChanged", () => {
       const value = this.numberEditor.getValue();
       this.onFilterTermChanged(Object.values(value)[0]);
     });
-    _defineProperty(this, "onFilterTermChanged", newFilterTerm => {
+    (0, _defineProperty2.default)(this, "onFilterTermChanged", newFilterTerm => {
       const {
         index,
         filter
@@ -204,20 +212,20 @@ class FilterItem extends React.Component {
         this.props.updateFilter(index, newFilter);
       }
     });
-    _defineProperty(this, "onMouseEnterRateItem", index => {
+    (0, _defineProperty2.default)(this, "onMouseEnterRateItem", index => {
       this.setState({
         enterRateItemIndex: index
       });
     });
-    _defineProperty(this, "onMouseLeaveRateItem", () => {
+    (0, _defineProperty2.default)(this, "onMouseLeaveRateItem", () => {
       this.setState({
         enterRateItemIndex: 0
       });
     });
-    _defineProperty(this, "onChangeRateNumber", index => {
+    (0, _defineProperty2.default)(this, "onChangeRateNumber", index => {
       this.onFilterTermChanged(index);
     });
-    _defineProperty(this, "getInputComponent", type => {
+    (0, _defineProperty2.default)(this, "getInputComponent", type => {
       const {
         filterColumn
       } = this.props;
@@ -225,20 +233,20 @@ class FilterItem extends React.Component {
         filterTerm
       } = this.state;
       if (type === 'text') {
-        return /*#__PURE__*/React.createElement(DtableSearchInput, {
+        return /*#__PURE__*/_react.default.createElement(_dtableSearchInput.default, {
           value: filterTerm,
           onChange: this.onFilterTermTextChanged,
           autoFocus: false,
-          className: classnames('text-truncate')
+          className: (0, _classnames.default)('text-truncate')
         });
       } else if (type === 'checkbox') {
-        return /*#__PURE__*/React.createElement("input", {
+        return /*#__PURE__*/_react.default.createElement("input", {
           type: "checkbox",
           checked: filterTerm,
           onChange: this.onFilterTermCheckboxChanged
         });
       } else if (type === 'number') {
-        return /*#__PURE__*/React.createElement(NumberEditor, {
+        return /*#__PURE__*/_react.default.createElement(_numberEditor.default, {
           ref: ref => this.numberEditor = ref,
           column: filterColumn,
           value: filterTerm,
@@ -246,7 +254,7 @@ class FilterItem extends React.Component {
         });
       }
     });
-    _defineProperty(this, "renderConjunction", () => {
+    (0, _defineProperty2.default)(this, "renderConjunction", () => {
       const {
         index,
         filterConjunction,
@@ -260,8 +268,8 @@ class FilterItem extends React.Component {
           }
         case 1:
           {
-            const activeConjunction = FilterItemUtils.getActiveConjunctionOption(filterConjunction, t);
-            return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+            const activeConjunction = _filterItemUtils.default.getActiveConjunctionOption(filterConjunction, t);
+            return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
               value: activeConjunction,
               options: conjunctionOptions,
               onSelectOption: this.onSelectConjunction
@@ -269,13 +277,13 @@ class FilterItem extends React.Component {
           }
         default:
           {
-            return /*#__PURE__*/React.createElement("span", {
+            return /*#__PURE__*/_react.default.createElement("span", {
               className: "selected-conjunction-show"
             }, t(filterConjunction));
           }
       }
     });
-    _defineProperty(this, "renderMultipleSelectOption", function () {
+    (0, _defineProperty2.default)(this, "renderMultipleSelectOption", function () {
       let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       let filterTerm = arguments.length > 1 ? arguments[1] : undefined;
       const {
@@ -287,7 +295,7 @@ class FilterItem extends React.Component {
       } = filter;
       let isSupportMultipleSelect = false;
       // The first two options are used for single selection, and the last four options are used for multiple selection
-      const supportMultipleSelectOptions = [FILTER_PREDICATE_TYPE.IS_ANY_OF, FILTER_PREDICATE_TYPE.IS_NONE_OF, FILTER_PREDICATE_TYPE.HAS_ANY_OF, FILTER_PREDICATE_TYPE.HAS_ALL_OF, FILTER_PREDICATE_TYPE.HAS_NONE_OF, FILTER_PREDICATE_TYPE.IS_EXACTLY];
+      const supportMultipleSelectOptions = [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ALL_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_EXACTLY];
       if (supportMultipleSelectOptions.includes(filter_predicate)) {
         isSupportMultipleSelect = true;
       }
@@ -302,7 +310,7 @@ class FilterItem extends React.Component {
               background: inOption.color,
               color: inOption.textColor || null
             };
-            labelArray.push( /*#__PURE__*/React.createElement("span", {
+            labelArray.push( /*#__PURE__*/_react.default.createElement("span", {
               className: className,
               style: optionStyle,
               key: 'option_' + item,
@@ -313,12 +321,12 @@ class FilterItem extends React.Component {
         });
       }
       const selectedOptionNames = labelArray.length > 0 ? {
-        label: /*#__PURE__*/React.createElement(Fragment, null, labelArray)
+        label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, labelArray)
       } : {};
       const dataOptions = options.map(option => {
-        return FilterItemUtils.generatorMultipleSelectOption(option, filterTerm);
+        return _filterItemUtils.default.generatorMultipleSelectOption(option, filterTerm);
       });
-      return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+      return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
         className: "selector-multiple-select",
         value: selectedOptionNames,
         options: dataOptions,
@@ -330,7 +338,7 @@ class FilterItem extends React.Component {
         supportMultipleSelect: isSupportMultipleSelect
       });
     });
-    _defineProperty(this, "renderFilterTerm", filterColumn => {
+    (0, _defineProperty2.default)(this, "renderFilterTerm", filterColumn => {
       const {
         index,
         filter,
@@ -355,11 +363,11 @@ class FilterItem extends React.Component {
       // 2. CTIME: create-time
       // 3. MTIME: modify-time
       // 4. FORMULA: result_type is date
-      if (isDateColumn(filterColumn)) {
-        const inputRangeLabel = [FILTER_TERM_MODIFIER_TYPE.EXACT_DATE, FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO, FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW, FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS, FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS];
+      if ((0, _dtableUtils.isDateColumn)(filterColumn)) {
+        const inputRangeLabel = [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.EXACT_DATE, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS, _dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS];
         if (inputRangeLabel.indexOf(filter_term_modifier) > -1) {
           if (filter_term_modifier === 'exact_date') {
-            return /*#__PURE__*/React.createElement(CalendarFilter, {
+            return /*#__PURE__*/_react.default.createElement(_calendarFilter.default, {
               onChange: this.onFilterTermTextChanged,
               value: this.state.filterTerm,
               filterColumn: filterColumn
@@ -370,35 +378,35 @@ class FilterItem extends React.Component {
         return null;
       }
       switch (type) {
-        case CellType.TEXT:
-        case CellType.LONG_TEXT:
-        case CellType.GEOLOCATION:
-        case CellType.AUTO_NUMBER:
-        case CellType.DURATION:
-        case CellType.EMAIL:
-        case CellType.URL:
+        case _dtableUtils.CellType.TEXT:
+        case _dtableUtils.CellType.LONG_TEXT:
+        case _dtableUtils.CellType.GEOLOCATION:
+        case _dtableUtils.CellType.AUTO_NUMBER:
+        case _dtableUtils.CellType.DURATION:
+        case _dtableUtils.CellType.EMAIL:
+        case _dtableUtils.CellType.URL:
           {
             // The data in the formula column is a date type that has been excluded
-            if (filter_predicate === FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
+            if (filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
               return null;
             }
             return this.getInputComponent('text');
           }
-        case CellType.NUMBER:
+        case _dtableUtils.CellType.NUMBER:
           {
             return this.getInputComponent('number');
           }
-        case CellType.CHECKBOX:
+        case _dtableUtils.CellType.CHECKBOX:
           {
             return this.getInputComponent('checkbox');
           }
-        case CellType.SINGLE_SELECT:
+        case _dtableUtils.CellType.SINGLE_SELECT:
           {
             // get options
             let {
               options = []
             } = filterColumn.data || {};
-            if ([FILTER_PREDICATE_TYPE.IS_ANY_OF, FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filter_predicate)) {
+            if ([_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filter_predicate)) {
               return this.renderMultipleSelectOption(options, filter_term);
             }
             let selectedOption = options.find(option => option.id === filter_term);
@@ -410,7 +418,7 @@ class FilterItem extends React.Component {
                 color: selectedOption.textColor || null
               };
               selectedOptionName = {
-                label: /*#__PURE__*/React.createElement("span", {
+                label: /*#__PURE__*/_react.default.createElement("span", {
                   className: className,
                   style: style,
                   title: selectedOption.name,
@@ -419,9 +427,9 @@ class FilterItem extends React.Component {
               };
             }
             let dataOptions = options.map(option => {
-              return FilterItemUtils.generatorSingleSelectOption(option);
+              return _filterItemUtils.default.generatorSingleSelectOption(option);
             });
-            return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+            return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
               className: "selector-single-select",
               value: selectedOptionName,
               options: dataOptions,
@@ -432,34 +440,34 @@ class FilterItem extends React.Component {
               noOptionsPlaceholder: t('No_options_available')
             });
           }
-        case CellType.MULTIPLE_SELECT:
+        case _dtableUtils.CellType.MULTIPLE_SELECT:
           {
             let {
               options = []
             } = filterColumn.data || {};
             return this.renderMultipleSelectOption(options, filter_term);
           }
-        case CellType.DEPARTMENT_SINGLE_SELECT:
+        case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
           {
-            if ([FILTER_PREDICATE_TYPE.IS_ANY_OF, FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filter_predicate)) {
-              return /*#__PURE__*/React.createElement(DepartmentMultipleSelectFilter, {
+            if ([_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filter_predicate)) {
+              return /*#__PURE__*/_react.default.createElement(_departmentFilter.DepartmentMultipleSelectFilter, {
                 column: filterColumn,
                 value: filter_term || [],
                 onCommit: this.onSelectMultiple
               });
             }
-            return /*#__PURE__*/React.createElement(DepartmentSingleSelectFilter, {
+            return /*#__PURE__*/_react.default.createElement(_departmentFilter.DepartmentSingleSelectFilter, {
               column: filterColumn,
               value: filter_term || '',
               onCommit: this.onSelectSingle
             });
           }
-        case CellType.COLLABORATOR:
+        case _dtableUtils.CellType.COLLABORATOR:
           {
-            if (filter_predicate === FILTER_PREDICATE_TYPE.INCLUDE_ME) {
+            if (filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.INCLUDE_ME) {
               return null;
             }
-            return /*#__PURE__*/React.createElement(CollaboratorFilter, {
+            return /*#__PURE__*/_react.default.createElement(_collaboratorFilter.default, {
               filterIndex: index,
               filterTerm: filter_term || [],
               filter_predicate: filter_predicate,
@@ -468,29 +476,29 @@ class FilterItem extends React.Component {
               placeholder: t('Add_collaborator')
             });
           }
-        case CellType.CREATOR:
-        case CellType.LAST_MODIFIER:
+        case _dtableUtils.CellType.CREATOR:
+        case _dtableUtils.CellType.LAST_MODIFIER:
           {
-            if (filter_predicate === FILTER_PREDICATE_TYPE.INCLUDE_ME) {
+            if (filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.INCLUDE_ME) {
               return null;
             }
             const creators = collaborators;
-            return /*#__PURE__*/React.createElement(CollaboratorFilter, {
+            return /*#__PURE__*/_react.default.createElement(_collaboratorFilter.default, {
               filterIndex: index,
               filterTerm: filter_term || [],
               collaborators: creators,
               onSelectCollaborator: this.onSelectCreator,
-              placeholder: type === CellType.CREATOR ? t('Add_a_creator') : t('Add_a_last_modifier')
+              placeholder: type === _dtableUtils.CellType.CREATOR ? t('Add_a_creator') : t('Add_a_last_modifier')
             });
           }
-        case CellType.RATE:
+        case _dtableUtils.CellType.RATE:
           {
             let {
               rate_max_number
             } = filterColumn.data || {};
             let rateList = [];
             for (let i = 0; i < rate_max_number; i++) {
-              let rateItem = /*#__PURE__*/React.createElement(RateItem, {
+              let rateItem = /*#__PURE__*/_react.default.createElement(_rateItem.default, {
                 key: i,
                 enterRateItemIndex: this.state.enterRateItemIndex,
                 rateItemIndex: i + 1,
@@ -504,16 +512,16 @@ class FilterItem extends React.Component {
               });
               rateList.push(rateItem);
             }
-            return /*#__PURE__*/React.createElement("div", {
+            return /*#__PURE__*/_react.default.createElement("div", {
               className: "filter-rate-list"
             }, rateList);
           }
-        case CellType.FORMULA:
-        case CellType.LINK_FORMULA:
+        case _dtableUtils.CellType.FORMULA:
+        case _dtableUtils.CellType.LINK_FORMULA:
           {
             return this.renderFormulaFilterTerm(filter_predicate, filter_term, index, filterColumn);
           }
-        case CellType.LINK:
+        case _dtableUtils.CellType.LINK:
           {
             return this.renderLinkFilterTerm(filter_predicate, filter_term, index, filterColumn);
           }
@@ -523,28 +531,28 @@ class FilterItem extends React.Component {
           }
       }
     });
-    _defineProperty(this, "renderFormulaFilterTerm", (filterPredicate, filterTerm, index, filterColumn) => {
+    (0, _defineProperty2.default)(this, "renderFormulaFilterTerm", (filterPredicate, filterTerm, index, filterColumn) => {
       const {
         data
       } = filterColumn || {};
       const {
         result_type
       } = data || {};
-      if (filterPredicate === FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
+      if (filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
         return null;
       }
-      if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
+      if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
         return this.renderFilterTermByArrayType(filterPredicate, filterTerm, index, filterColumn);
       }
       return this.getInputComponent('text');
     });
-    _defineProperty(this, "renderLinkFilterTerm", (filterPredicate, filterTerm, index, filterColumn) => {
-      if (filterPredicate === FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
+    (0, _defineProperty2.default)(this, "renderLinkFilterTerm", (filterPredicate, filterTerm, index, filterColumn) => {
+      if (filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_CURRENT_USER_ID) {
         return null;
       }
       return this.renderFilterTermByArrayType(filterPredicate, filterTerm, index, filterColumn);
     });
-    _defineProperty(this, "renderFilterTermByArrayType", (filterPredicate, filterTerm, index, filterColumn) => {
+    (0, _defineProperty2.default)(this, "renderFilterTermByArrayType", (filterPredicate, filterTerm, index, filterColumn) => {
       const {
         collaborators,
         t
@@ -563,20 +571,20 @@ class FilterItem extends React.Component {
         type: array_type,
         data: array_data
       };
-      if (array_type === CellType.SINGLE_SELECT || array_type === CellType.MULTIPLE_SELECT) {
+      if (array_type === _dtableUtils.CellType.SINGLE_SELECT || array_type === _dtableUtils.CellType.MULTIPLE_SELECT) {
         let {
           options = []
         } = array_data || {};
         return this.renderMultipleSelectOption(options, filterTerm);
       }
-      if (DATE_COLUMN_OPTIONS.includes(array_type) || array_type === CellType.RATE || array_type === CellType.CHECKBOX) {
+      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(array_type) || array_type === _dtableUtils.CellType.RATE || array_type === _dtableUtils.CellType.CHECKBOX) {
         return this.renderFilterTerm(linkedColumn);
       }
-      if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
-        if (filterPredicate === FILTER_PREDICATE_TYPE.INCLUDE_ME) {
+      if (_dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+        if (filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.INCLUDE_ME) {
           return null;
         }
-        return /*#__PURE__*/React.createElement(CollaboratorFilter, {
+        return /*#__PURE__*/_react.default.createElement(_collaboratorFilter.default, {
           filterIndex: index,
           filterTerm: filterTerm || [],
           collaborators: collaborators,
@@ -586,16 +594,16 @@ class FilterItem extends React.Component {
       }
       return this.getInputComponent('text');
     });
-    _defineProperty(this, "renderErrorMessage", () => {
+    (0, _defineProperty2.default)(this, "renderErrorMessage", () => {
       const {
         t
       } = this.props;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "ml-2"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         ref: this.invalidFilterTip,
         className: "dtable-font dtable-icon-exclamation-triangle invalid-filter"
-      }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+      }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
         target: this.invalidFilterTip,
         placement: "bottom",
         fade: false
@@ -607,7 +615,7 @@ class FilterItem extends React.Component {
     };
     this.filterPredicateOptions = null;
     this.filterTermModifierOptions = null;
-    this.invalidFilterTip = React.createRef();
+    this.invalidFilterTip = /*#__PURE__*/_react.default.createRef();
     this.initSelectOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -642,55 +650,55 @@ class FilterItem extends React.Component {
       filter_predicate,
       filter_term_modifier
     } = filter;
-    const activeColumn = FilterItemUtils.generatorColumnOption(filterColumn);
-    const activePredicate = FilterItemUtils.generatorPredicateOption(filter_predicate, t);
+    const activeColumn = _filterItemUtils.default.generatorColumnOption(filterColumn);
+    const activePredicate = _filterItemUtils.default.generatorPredicateOption(filter_predicate, t);
     let activeTermModifier = null;
     let _isCheckboxColumn = false;
-    if (isDateColumn(filterColumn)) {
-      activeTermModifier = FilterItemUtils.generatorTermModifierOption(filter_term_modifier, t);
-    } else if (isCheckboxColumn(filterColumn)) {
+    if ((0, _dtableUtils.isDateColumn)(filterColumn)) {
+      activeTermModifier = _filterItemUtils.default.generatorTermModifierOption(filter_term_modifier, t);
+    } else if ((0, _utils.isCheckboxColumn)(filterColumn)) {
       _isCheckboxColumn = true;
     }
 
     // current predicate is not empty
     const isNeedShowTermModifier = !EMPTY_PREDICATE.includes(filter_predicate);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-item"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "delete-filter",
       onClick: this.onDeleteFilter
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-fork-number"
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "condition"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-conjunction"
-    }, this.renderConjunction()), /*#__PURE__*/React.createElement("div", {
+    }, this.renderConjunction()), /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-column"
-    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       value: activeColumn,
       options: filterColumnOptions,
       onSelectOption: this.onSelectColumn,
       searchable: true,
       searchPlaceholder: t('Search_column'),
       noOptionsPlaceholder: t('No_results')
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "filter-predicate ml-2 ".concat(_isCheckboxColumn ? 'filter-checkbox-predicate' : '')
-    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: `filter-predicate ml-2 ${_isCheckboxColumn ? 'filter-checkbox-predicate' : ''}`
+    }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       value: activePredicate,
       options: filterPredicateOptions,
       onSelectOption: this.onSelectPredicate
-    })), isDateColumn(filterColumn) && isNeedShowTermModifier && /*#__PURE__*/React.createElement("div", {
+    })), (0, _dtableUtils.isDateColumn)(filterColumn) && isNeedShowTermModifier && /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-term-modifier ml-2"
-    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
       value: activeTermModifier,
       options: filterTermModifierOptions,
       onSelectOption: this.onSelectTermModifier
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "filter-term ml-2"
     }, this.renderFilterTerm(filterColumn)), errMsg && this.renderErrorMessage())));
   }
 }
-export default withTranslation('sdoc-editor')(FilterItem);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(FilterItem);