dtable-ui-component 4.4.4 → 4.4.5

package/lib/CreatorFormatter/index.js

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

package/lib/DTableCommonAddTool/index.js

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

package/lib/DTableCustomizeCollaboratorSelect/index.js

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

package/lib/DTableCustomizeSelect/index.js

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

package/lib/DTableFiltersPopover/constants/index.js

@@ -1,45 +1,51 @@
-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 = {
+"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 = {
   CREATOR: 'creator',
   SINGLE_SELECT: 'single_select',
   MULTIPLE_SELECT: 'multiple_select',
   COLLABORATOR: 'collaborator',
   RATE: 'rate'
 };
-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 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 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 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 ARRAY_PREDICATE = {
-  [FILTER_PREDICATE_TYPE.IS_ANY_OF]: true,
-  [FILTER_PREDICATE_TYPE.IS_NONE_OF]: true
+const ARRAY_PREDICATE = exports.ARRAY_PREDICATE = {
+  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF]: true,
+  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF]: true
 };
-const STRING_PREDICATE = {
-  [FILTER_PREDICATE_TYPE.IS]: true,
-  [FILTER_PREDICATE_TYPE.IS_NOT]: true
+const STRING_PREDICATE = exports.STRING_PREDICATE = {
+  [_dtableUtils.FILTER_PREDICATE_TYPE.IS]: true,
+  [_dtableUtils.FILTER_PREDICATE_TYPE.IS_NOT]: true
 };
-const DATE_EMPTY_LABEL_MAP = {
-  [FILTER_PREDICATE_TYPE.EMPTY]: true,
-  [FILTER_PREDICATE_TYPE.NOT_EMPTY]: 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 MULTIPLE_SELECTOR_COLUMNS = [CellType.MULTIPLE_SELECT, CellType.COLLABORATOR, CellType.CREATOR, CellType.LAST_MODIFIER];
-const FILTER_TERM_MODIFIER_SHOW = {
+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 = {
   'today': 'Today',
   'tomorrow': 'Tomorrow',
   'yesterday': 'Yesterday',
@@ -61,5 +67,4 @@ const 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,16 +1,23 @@
-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';
+"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 _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: '',
@@ -19,11 +26,11 @@ import './index.css';
  *  filter_term_modifier: '',
  * }
  */
-class DTableFiltersPopover extends Component {
+class DTableFiltersPopover extends _react.Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
-      if (isHotkey('esc', e) && !this.isSelectOpen) {
+      if ((0, _isHotkey.default)('esc', e) && !this.isSelectOpen) {
         e.preventDefault();
         this.props.hidePopover();
       }
@@ -32,7 +39,7 @@ class DTableFiltersPopover extends Component {
       this.isSelectOpen = status;
     };
     this.hideDTablePopover = e => {
-      if (this.dtablePopoverRef && !getEventClassName(e).includes('popover') && !this.dtablePopoverRef.contains(e.target)) {
+      if (this.dtablePopoverRef && !(0, _utils.getEventClassName)(e).includes('popover') && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hidePopover(e);
         e.preventDefault();
         e.stopPropagation();
@@ -98,11 +105,11 @@ class DTableFiltersPopover extends Component {
         columns
       } = this.props;
       let defaultColumn = columns[0];
-      if (!FILTER_COLUMN_OPTIONS[defaultColumn.type]) {
-        defaultColumn = columns.find(c => FILTER_COLUMN_OPTIONS[c.type]);
+      if (!_dtableUtils.FILTER_COLUMN_OPTIONS[defaultColumn.type]) {
+        defaultColumn = columns.find(c => _dtableUtils.FILTER_COLUMN_OPTIONS[c.type]);
       }
       if (!defaultColumn) return;
-      let filter = getFilterByColumn(defaultColumn);
+      let filter = (0, _utils2.getFilterByColumn)(defaultColumn);
       const filters = this.state.filters.slice(0);
       if (filters.length === 0) {
         scheduleUpdate();
@@ -129,7 +136,7 @@ class DTableFiltersPopover extends Component {
       e.stopPropagation();
     };
     this.state = {
-      filters: getValidFilters(props.filters, props.columns),
+      filters: (0, _dtableUtils.getValidFilters)(props.filters, props.columns),
       filterConjunction: props.filterConjunction || 'And'
     };
     this.isSelectOpen = false;
@@ -137,7 +144,7 @@ class DTableFiltersPopover extends Component {
   componentDidMount() {
     document.addEventListener('mousedown', this.hideDTablePopover, true);
     document.addEventListener('keydown', this.onHotKey);
-    this.unsubscribeOpenSelect = eventBus.subscribe(EVENT_BUS_TYPE.OPEN_SELECT, this.setSelectStatus);
+    this.unsubscribeOpenSelect = _eventBus.default.subscribe(_constants.EVENT_BUS_TYPE.OPEN_SELECT, this.setSelectStatus);
   }
   componentWillUnmount() {
     document.removeEventListener('mousedown', this.hideDTablePopover, true);
@@ -160,7 +167,7 @@ class DTableFiltersPopover extends Component {
       filterConjunction
     } = this.state;
     const canAddFilter = columns.length > 0;
-    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
@@ -172,16 +179,16 @@ class DTableFiltersPopover extends Component {
       let {
         scheduleUpdate
       } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         ref: ref => this.dtablePopoverRef = ref,
         onClick: this.onPopoverInsideClick,
         className: className
-      }, /*#__PURE__*/React.createElement(FiltersList, {
+      }, /*#__PURE__*/_react.default.createElement(_filterList.default, {
         filterConjunction: filterConjunction,
         filters: filters,
         roleId: roleId,
         columns: columns,
-        emptyPlaceholder: getLocale('No_filters'),
+        emptyPlaceholder: (0, _lang.getLocale)('No_filters'),
         collaborators: this.props.collaborators,
         readOnly: readOnly,
         scheduleUpdate: scheduleUpdate,
@@ -191,21 +198,21 @@ class DTableFiltersPopover extends Component {
         updateFilter: this.updateFilter,
         deleteFilter: this.deleteFilter,
         updateFilterConjunction: this.updateFilterConjunction
-      }), /*#__PURE__*/React.createElement(CommonAddTool, {
+      }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
         className: "popover-add-tool ".concat(canAddFilter ? '' : 'disabled'),
         callBack: canAddFilter ? () => this.addFilter(scheduleUpdate) : () => {},
-        footerName: getLocale('Add_filter'),
+        footerName: (0, _lang.getLocale)('Add_filter'),
         addIconClassName: "popover-add-icon"
-      }), this.isNeedSubmit() && /*#__PURE__*/React.createElement("div", {
+      }), this.isNeedSubmit() && /*#__PURE__*/_react.default.createElement("div", {
         className: "dtable-filter-popover-footer"
-      }, /*#__PURE__*/React.createElement(Button, {
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
         className: "mr-2",
         onClick: this.onClosePopover
-      }, getLocale('Cancel')), /*#__PURE__*/React.createElement(Button, {
+      }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
         color: "primary",
         disabled: this.state.isSubmitDisabled,
         onClick: this.onSubmitFilters
-      }, getLocale('Submit'))));
+      }, (0, _lang.getLocale)('Submit'))));
     });
   }
 }
@@ -213,4 +220,4 @@ DTableFiltersPopover.defaultProps = {
   className: '',
   readOnly: false
 };
-export default DTableFiltersPopover;
+var _default = exports.default = DTableFiltersPopover;