dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/CreatorFormatter/index.js

@@ -1,21 +1,14 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
-var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
-require("./index.css");
+import React from 'react';
+import classnames from 'classnames';
+import CollaboratorItem from '../CollaboratorItem';
+import DefaultAvatar from '../assets/images/avatar/default_avatar.png';
+import './index.css';
 // there will be there conditions
 // 1 value is not exist, typeof value is array, but it's length is 0
 // 2 value is exist, but can't find in collaborators
 // 3 value is exist, typeof value is a string
 // 4 value is exist, typeof value is array
-class CreatorFormatter extends _react.default.PureComponent {
+class CreatorFormatter extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.getCollaborators = () => {
@@ -32,10 +25,10 @@ class CreatorFormatter extends _react.default.PureComponent {
         if (!collaborator) {
           collaborator = {
             name: item,
-            avatar_url: _default_avatar.default
+            avatar_url: DefaultAvatar
           };
         }
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+        return /*#__PURE__*/React.createElement(CollaboratorItem, {
           key: index,
           collaborator: collaborator
         });
@@ -47,14 +40,14 @@ class CreatorFormatter extends _react.default.PureComponent {
       containerClassName,
       value
     } = this.props;
-    const classname = (0, _classnames.default)('dtable-ui cell-formatter-container creator-formatter', containerClassName);
+    const classname = classnames('dtable-ui cell-formatter-container creator-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, collaborators);
   }
@@ -62,4 +55,4 @@ class CreatorFormatter extends _react.default.PureComponent {
 CreatorFormatter.defaultProps = {
   value: ''
 };
-var _default = exports.default = CreatorFormatter;
+export default CreatorFormatter;

package/lib/DTableCommonAddTool/index.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"));
-require("./index.css");
+import React from 'react';
+import './index.css';
 function DTableCommonAddTool(_ref) {
   let {
     callBack,
@@ -16,16 +9,16 @@ function DTableCommonAddTool(_ref) {
     hideIcon,
     style
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "dtable-ui add-item-btn ".concat(className ? className : ''),
     style: style,
     onClick: e => {
       callBack(e);
     }
-  }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
+  }, !hideIcon && /*#__PURE__*/React.createElement("span", {
     className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text-truncate"
   }, footerName));
 }
-var _default = exports.default = DTableCommonAddTool;
+export default DTableCommonAddTool;

package/lib/DTableCustomizeCollaboratorSelect/index.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 _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"));
-require("./index.css");
-class CollaboratorSelect extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { Popover } from 'reactstrap';
+import { searchCollaborators } from 'dtable-utils';
+import SelectOptionGroup from '../SelectOptionGroup';
+import './index.css';
+class CollaboratorSelect extends Component {
   constructor(props) {
     super(props);
     this.onSelectToggle = event => {
@@ -51,7 +43,7 @@ class CollaboratorSelect extends _react.Component {
         searchable
       } = this.props;
       if (!searchable) return options || [];
-      return (0, _dtableUtils.searchCollaborators)(options, searchValue);
+      return searchCollaborators(options, searchValue);
     };
     this.renderOptionGroup = () => {
       const {
@@ -65,7 +57,7 @@ class CollaboratorSelect extends _react.Component {
         isUsePopover
       } = this.props;
       if (!isUsePopover) {
-        return /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+        return /*#__PURE__*/React.createElement(SelectOptionGroup, {
           value: value,
           top: top,
           left: left,
@@ -83,14 +75,14 @@ class CollaboratorSelect extends _react.Component {
           isShowSelected: true
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
+      return /*#__PURE__*/React.createElement(Popover, {
         placement: "bottom",
         isOpen: true,
         target: this.id,
         fade: false,
         hideArrow: true,
         className: "dtable-customize-collaborator-select dtable-select"
-      }, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+      }, /*#__PURE__*/React.createElement(SelectOptionGroup, {
         value: value,
         top: top,
         left: left,
@@ -127,23 +119,23 @@ class CollaboratorSelect extends _react.Component {
       placeholder,
       isLocked
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/React.createElement("button", {
       ref: node => this.selector = node,
-      className: (0, _classnames.default)('dtable-select custom-select collaborator-select', {
+      className: classnames('dtable-select custom-select collaborator-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked
       }, className),
       id: this.id,
       onClick: this.onSelectToggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "selected-option",
       ref: node => this.selectedOptionRef = node
-    }, value.label ? /*#__PURE__*/_react.default.createElement("span", {
+    }, value.label ? /*#__PURE__*/React.createElement("span", {
       className: "selected-option-show"
-    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
+    }, value.label) : /*#__PURE__*/React.createElement("span", {
       className: "select-placeholder"
-    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
+    }, placeholder), !isLocked && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-drop-down"
     })), this.state.isShowSelectOptions && this.renderOptionGroup());
   }
@@ -152,4 +144,4 @@ CollaboratorSelect.defaultProps = {
   top: -3,
   left: -3
 };
-var _default = exports.default = CollaboratorSelect;
+export default CollaboratorSelect;

package/lib/DTableCustomizeSelect/index.js

@@ -1,17 +1,9 @@
-"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 _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _modalPortal = _interopRequireDefault(require("../common/modal-portal"));
-require("./index.css");
-class DTableCustomizeSelect extends _react.Component {
+import React, { Component } from 'react';
+import SelectOptionGroup from '../SelectOptionGroup';
+import classnames from 'classnames';
+import ModalPortal from '../common/modal-portal';
+import './index.css';
+class DTableCustomizeSelect extends Component {
   constructor(props) {
     super(props);
     this.onSelectToggle = event => {
@@ -93,23 +85,23 @@ class DTableCustomizeSelect extends _react.Component {
       isLocked,
       isInModal
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       ref: node => this.selector = node,
-      className: (0, _classnames.default)('dtable-select custom-select', {
+      className: classnames('dtable-select custom-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked
       }, className),
       onClick: this.onSelectToggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "selected-option"
-    }, value && value.label ? /*#__PURE__*/_react.default.createElement("span", {
+    }, value && value.label ? /*#__PURE__*/React.createElement("span", {
       className: "selected-option-show"
-    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
+    }, value.label) : /*#__PURE__*/React.createElement("span", {
       className: "select-placeholder"
-    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
+    }, placeholder), !isLocked && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-drop-down"
-    })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+    })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/React.createElement(SelectOptionGroup, {
       value: value,
       isShowSelected: this.props.isShowSelected,
       top: this.getSelectedOptionTop(),
@@ -122,7 +114,7 @@ class DTableCustomizeSelect extends _react.Component {
       closeSelect: this.closeSelect,
       getFilterOptions: this.getFilterOptions,
       supportMultipleSelect: this.props.supportMultipleSelect
-    }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+    }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(SelectOptionGroup, {
       className: className,
       value: value,
       isShowSelected: this.props.isShowSelected,
@@ -141,4 +133,4 @@ class DTableCustomizeSelect extends _react.Component {
     })));
   }
 }
-var _default = exports.default = DTableCustomizeSelect;
+export default DTableCustomizeSelect;

package/lib/DTableFiltersPopover/constants/index.js

@@ -1,51 +1,45 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.STRING_PREDICATE = exports.SPECIAL_TERM_TYPE = exports.SIMPLE_TEXT_INPUT_COLUMNS_MAP = exports.MULTIPLE_SELECTOR_COLUMNS = exports.FORMULA_COLUMN_TYPES = exports.FILTER_TERM_MODIFIER_SHOW = exports.DATE_LABEL_MAP = exports.DATE_EMPTY_LABEL_MAP = exports.ARRAY_PREDICATE = void 0;
-var _dtableUtils = require("dtable-utils");
-const FORMULA_COLUMN_TYPES = exports.FORMULA_COLUMN_TYPES = [_dtableUtils.CellType.FORMULA, _dtableUtils.CellType.LINK_FORMULA];
-const SPECIAL_TERM_TYPE = exports.SPECIAL_TERM_TYPE = {
+import { FILTER_PREDICATE_TYPE, FILTER_TERM_MODIFIER_TYPE, CellType, FORMULA_RESULT_TYPE } from 'dtable-utils';
+const FORMULA_COLUMN_TYPES = [CellType.FORMULA, CellType.LINK_FORMULA];
+const SPECIAL_TERM_TYPE = {
   CREATOR: 'creator',
   SINGLE_SELECT: 'single_select',
   MULTIPLE_SELECT: 'multiple_select',
   COLLABORATOR: 'collaborator',
   RATE: 'rate'
 };
-const SIMPLE_TEXT_INPUT_COLUMNS_MAP = exports.SIMPLE_TEXT_INPUT_COLUMNS_MAP = {
-  [_dtableUtils.CellType.TEXT]: true,
-  [_dtableUtils.CellType.LONG_TEXT]: true,
-  [_dtableUtils.CellType.GEOLOCATION]: true,
-  [_dtableUtils.CellType.AUTO_NUMBER]: true,
-  [_dtableUtils.CellType.EMAIL]: true,
-  [_dtableUtils.CellType.URL]: true,
-  [_dtableUtils.CellType.IMAGE]: true,
-  [_dtableUtils.CellType.FILE]: true,
-  [_dtableUtils.FORMULA_RESULT_TYPE.STRING]: true,
-  [_dtableUtils.FORMULA_RESULT_TYPE.BOOL]: true
+const SIMPLE_TEXT_INPUT_COLUMNS_MAP = {
+  [CellType.TEXT]: true,
+  [CellType.LONG_TEXT]: true,
+  [CellType.GEOLOCATION]: true,
+  [CellType.AUTO_NUMBER]: true,
+  [CellType.EMAIL]: true,
+  [CellType.URL]: true,
+  [CellType.IMAGE]: true,
+  [CellType.FILE]: true,
+  [FORMULA_RESULT_TYPE.STRING]: true,
+  [FORMULA_RESULT_TYPE.BOOL]: true
 };
-const DATE_LABEL_MAP = exports.DATE_LABEL_MAP = {
-  [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.EXACT_DATE]: true,
-  [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO]: true,
-  [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW]: true,
-  [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS]: true,
-  [_dtableUtils.FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS]: true
+const DATE_LABEL_MAP = {
+  [FILTER_TERM_MODIFIER_TYPE.EXACT_DATE]: true,
+  [FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_AGO]: true,
+  [FILTER_TERM_MODIFIER_TYPE.NUMBER_OF_DAYS_FROM_NOW]: true,
+  [FILTER_TERM_MODIFIER_TYPE.THE_NEXT_NUMBERS_OF_DAYS]: true,
+  [FILTER_TERM_MODIFIER_TYPE.THE_PAST_NUMBERS_OF_DAYS]: true
 };
-const ARRAY_PREDICATE = exports.ARRAY_PREDICATE = {
-  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF]: true,
-  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF]: true
+const ARRAY_PREDICATE = {
+  [FILTER_PREDICATE_TYPE.IS_ANY_OF]: true,
+  [FILTER_PREDICATE_TYPE.IS_NONE_OF]: true
 };
-const STRING_PREDICATE = exports.STRING_PREDICATE = {
-  [_dtableUtils.FILTER_PREDICATE_TYPE.IS]: true,
-  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_NOT]: true
+const STRING_PREDICATE = {
+  [FILTER_PREDICATE_TYPE.IS]: true,
+  [FILTER_PREDICATE_TYPE.IS_NOT]: true
 };
-const DATE_EMPTY_LABEL_MAP = exports.DATE_EMPTY_LABEL_MAP = {
-  [_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY]: true,
-  [_dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY]: true
+const DATE_EMPTY_LABEL_MAP = {
+  [FILTER_PREDICATE_TYPE.EMPTY]: true,
+  [FILTER_PREDICATE_TYPE.NOT_EMPTY]: true
 };
-const MULTIPLE_SELECTOR_COLUMNS = exports.MULTIPLE_SELECTOR_COLUMNS = [_dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.CREATOR, _dtableUtils.CellType.LAST_MODIFIER];
-const FILTER_TERM_MODIFIER_SHOW = exports.FILTER_TERM_MODIFIER_SHOW = {
+const MULTIPLE_SELECTOR_COLUMNS = [CellType.MULTIPLE_SELECT, CellType.COLLABORATOR, CellType.CREATOR, CellType.LAST_MODIFIER];
+const FILTER_TERM_MODIFIER_SHOW = {
   'today': 'Today',
   'tomorrow': 'Tomorrow',
   'yesterday': 'Yesterday',
@@ -67,4 +61,5 @@ const FILTER_TERM_MODIFIER_SHOW = exports.FILTER_TERM_MODIFIER_SHOW = {
   'this_week': 'This_week',
   'this_month': 'This_month',
   'this_year': 'This_year'
-};
+};
+export { FORMULA_COLUMN_TYPES, SPECIAL_TERM_TYPE, SIMPLE_TEXT_INPUT_COLUMNS_MAP, DATE_LABEL_MAP, ARRAY_PREDICATE, STRING_PREDICATE, DATE_EMPTY_LABEL_MAP, MULTIPLE_SELECTOR_COLUMNS, FILTER_TERM_MODIFIER_SHOW };

package/lib/DTableFiltersPopover/index.js

@@ -1,23 +1,16 @@
-"use strict";
+import React, { Component } from 'react';
+import isHotkey from 'is-hotkey';
+import { Button, UncontrolledPopover } from 'reactstrap';
+import { FILTER_COLUMN_OPTIONS, getValidFilters } from 'dtable-utils';
+import CommonAddTool from '../DTableCommonAddTool';
+import { getEventClassName } from '../utils/utils';
+import { getFilterByColumn } from './utils';
+import FiltersList from './widgets/filter-list';
+import eventBus from '../utils/event-bus';
+import { EVENT_BUS_TYPE } from '../constants';
+import { getLocale } from '../lang';
+import './index.css';
 
-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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _DTableCommonAddTool = _interopRequireDefault(require("../DTableCommonAddTool"));
-var _utils = require("../utils/utils");
-var _utils2 = require("./utils");
-var _filterList = _interopRequireDefault(require("./widgets/filter-list"));
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
-var _constants = require("../constants");
-var _lang = require("../lang");
-require("./index.css");
 /**
  * filter = {
  *  column_key: '',
@@ -26,11 +19,11 @@ require("./index.css");
  *  filter_term_modifier: '',
  * }
  */
-class DTableFiltersPopover extends _react.Component {
+class DTableFiltersPopover extends Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
-      if ((0, _isHotkey.default)('esc', e) && !this.isSelectOpen) {
+      if (isHotkey('esc', e) && !this.isSelectOpen) {
         e.preventDefault();
         this.props.hidePopover();
       }
@@ -39,7 +32,7 @@ class DTableFiltersPopover extends _react.Component {
       this.isSelectOpen = status;
     };
     this.hideDTablePopover = e => {
-      if (this.dtablePopoverRef && !(0, _utils.getEventClassName)(e).includes('popover') && !this.dtablePopoverRef.contains(e.target)) {
+      if (this.dtablePopoverRef && !getEventClassName(e).includes('popover') && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hidePopover(e);
         e.preventDefault();
         e.stopPropagation();
@@ -105,11 +98,11 @@ class DTableFiltersPopover extends _react.Component {
         columns
       } = this.props;
       let defaultColumn = columns[0];
-      if (!_dtableUtils.FILTER_COLUMN_OPTIONS[defaultColumn.type]) {
-        defaultColumn = columns.find(c => _dtableUtils.FILTER_COLUMN_OPTIONS[c.type]);
+      if (!FILTER_COLUMN_OPTIONS[defaultColumn.type]) {
+        defaultColumn = columns.find(c => FILTER_COLUMN_OPTIONS[c.type]);
       }
       if (!defaultColumn) return;
-      let filter = (0, _utils2.getFilterByColumn)(defaultColumn);
+      let filter = getFilterByColumn(defaultColumn);
       const filters = this.state.filters.slice(0);
       if (filters.length === 0) {
         scheduleUpdate();
@@ -136,7 +129,7 @@ class DTableFiltersPopover extends _react.Component {
       e.stopPropagation();
     };
     this.state = {
-      filters: (0, _dtableUtils.getValidFilters)(props.filters, props.columns),
+      filters: getValidFilters(props.filters, props.columns),
       filterConjunction: props.filterConjunction || 'And'
     };
     this.isSelectOpen = false;
@@ -144,7 +137,7 @@ class DTableFiltersPopover extends _react.Component {
   componentDidMount() {
     document.addEventListener('mousedown', this.hideDTablePopover, true);
     document.addEventListener('keydown', this.onHotKey);
-    this.unsubscribeOpenSelect = _eventBus.default.subscribe(_constants.EVENT_BUS_TYPE.OPEN_SELECT, this.setSelectStatus);
+    this.unsubscribeOpenSelect = eventBus.subscribe(EVENT_BUS_TYPE.OPEN_SELECT, this.setSelectStatus);
   }
   componentWillUnmount() {
     document.removeEventListener('mousedown', this.hideDTablePopover, true);
@@ -167,7 +160,7 @@ class DTableFiltersPopover extends _react.Component {
       filterConjunction
     } = this.state;
     const canAddFilter = columns.length > 0;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
@@ -179,16 +172,16 @@ class DTableFiltersPopover extends _react.Component {
       let {
         scheduleUpdate
       } = _ref;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: ref => this.dtablePopoverRef = ref,
         onClick: this.onPopoverInsideClick,
         className: className
-      }, /*#__PURE__*/_react.default.createElement(_filterList.default, {
+      }, /*#__PURE__*/React.createElement(FiltersList, {
         filterConjunction: filterConjunction,
         filters: filters,
         roleId: roleId,
         columns: columns,
-        emptyPlaceholder: (0, _lang.getLocale)('No_filters'),
+        emptyPlaceholder: getLocale('No_filters'),
         collaborators: this.props.collaborators,
         readOnly: readOnly,
         scheduleUpdate: scheduleUpdate,
@@ -198,21 +191,21 @@ class DTableFiltersPopover extends _react.Component {
         updateFilter: this.updateFilter,
         deleteFilter: this.deleteFilter,
         updateFilterConjunction: this.updateFilterConjunction
-      }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
+      }), /*#__PURE__*/React.createElement(CommonAddTool, {
         className: "popover-add-tool ".concat(canAddFilter ? '' : 'disabled'),
         callBack: canAddFilter ? () => this.addFilter(scheduleUpdate) : () => {},
-        footerName: (0, _lang.getLocale)('Add_filter'),
+        footerName: getLocale('Add_filter'),
         addIconClassName: "popover-add-icon"
-      }), this.isNeedSubmit() && /*#__PURE__*/_react.default.createElement("div", {
+      }), this.isNeedSubmit() && /*#__PURE__*/React.createElement("div", {
         className: "dtable-filter-popover-footer"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      }, /*#__PURE__*/React.createElement(Button, {
         className: "mr-2",
         onClick: this.onClosePopover
-      }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      }, getLocale('Cancel')), /*#__PURE__*/React.createElement(Button, {
         color: "primary",
         disabled: this.state.isSubmitDisabled,
         onClick: this.onSubmitFilters
-      }, (0, _lang.getLocale)('Submit'))));
+      }, getLocale('Submit'))));
     });
   }
 }
@@ -220,4 +213,4 @@ DTableFiltersPopover.defaultProps = {
   className: '',
   readOnly: false
 };
-var _default = exports.default = DTableFiltersPopover;
+export default DTableFiltersPopover;