dtable-ui-component 4.4.4 → 4.4.6

package/lib/DTableFiltersPopover/widgets/filter-list/index.js

@@ -1,10 +1,18 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import { CellType, FILTER_COLUMN_OPTIONS, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, ValidateFilter } from 'dtable-utils';
-import FilterItem from '../filter-item';
-import { getColumnByKey, FilterItemUtils } from '../../utils';
-import './index.css';
-class FiltersList 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 _dtableUtils = require("dtable-utils");
+var _filterItem = _interopRequireDefault(require("../filter-item"));
+var _utils = require("../../utils");
+require("./index.css");
+class FiltersList extends _react.Component {
   constructor(props) {
     super(props);
     this.updateFilter = (filterIndex, updatedFilter) => {
@@ -22,7 +30,7 @@ class FiltersList extends Component {
     };
     this.getConjunctionOptions = () => {
       if (!this.conjunctionOptions) {
-        this.conjunctionOptions = FilterItemUtils.generatorConjunctionOptions();
+        this.conjunctionOptions = _utils.FilterItemUtils.generatorConjunctionOptions();
       }
       return this.conjunctionOptions;
     };
@@ -37,17 +45,17 @@ class FiltersList extends Component {
         let {
           type
         } = column;
-        if (data && (type === CellType.LINK || FORMULA_COLUMN_TYPES_MAP[type] && data.result_type === FORMULA_RESULT_TYPE.ARRAY)) {
+        if (data && (type === _dtableUtils.CellType.LINK || _dtableUtils.FORMULA_COLUMN_TYPES_MAP[type] && data.result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY)) {
           type = data.array_type;
         }
-        return Object.prototype.hasOwnProperty.call(FILTER_COLUMN_OPTIONS, type);
+        return Object.prototype.hasOwnProperty.call(_dtableUtils.FILTER_COLUMN_OPTIONS, type);
       });
     };
     this.getColumnOptions = () => {
       if (!this.columnOptions) {
         const filterColumns = this.getFilterColumns();
         this.columnOptions = filterColumns.map(column => {
-          return FilterItemUtils.generatorColumnOption(column);
+          return _utils.FilterItemUtils.generatorColumnOption(column);
         });
       }
       return this.columnOptions;
@@ -65,7 +73,7 @@ class FiltersList extends Component {
       } = this.props;
       const conjunctionOptions = this.getConjunctionOptions();
       const columnOptions = this.getColumnOptions();
-      return /*#__PURE__*/React.createElement(FilterItem, {
+      return /*#__PURE__*/_react.default.createElement(_filterItem.default, {
         key: index,
         isLocked: isLocked,
         roleId: roleId,
@@ -102,13 +110,13 @@ class FiltersList extends Component {
       columns
     } = this.props;
     const isEmpty = filters.length === 0;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames('filters-list', {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('filters-list', {
         'empty-filters-container': isEmpty
       }, {
         [className]: className
       })
-    }, isEmpty && /*#__PURE__*/React.createElement("div", {
+    }, isEmpty && /*#__PURE__*/_react.default.createElement("div", {
       className: "empty-filters-list"
     }, emptyPlaceholder), !isEmpty && filters.map((filter, index) => {
       const {
@@ -116,10 +124,10 @@ class FiltersList extends Component {
       } = filter;
       const {
         error_message
-      } = ValidateFilter.validateColumn(column_key, columns);
-      const filterColumn = getColumnByKey(columns, column_key) || {};
+      } = _dtableUtils.ValidateFilter.validateColumn(column_key, columns);
+      const filterColumn = (0, _utils.getColumnByKey)(columns, column_key) || {};
       return this.renderFilterItem(filter, index, error_message, filterColumn);
     }));
   }
 }
-export default FiltersList;
+var _default = exports.default = FiltersList;

package/lib/DTableFiltersPopover/widgets/rate-item.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import { UncontrolledTooltip } from 'reactstrap';
-class RateItem extends React.Component {
+"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 _reactstrap = require("reactstrap");
+class RateItem extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onMouseEnterRateItem = () => {
@@ -22,7 +29,7 @@ class RateItem extends React.Component {
         onChangeRateNumber(rateItemIndex);
       }
     };
-    this.tooltipRef = React.createRef();
+    this.tooltipRef = /*#__PURE__*/_react.default.createRef();
     this.state = {
       isOpen: false
     };
@@ -54,19 +61,19 @@ class RateItem extends React.Component {
         opacity: 0.4
       };
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       onMouseEnter: this.onMouseEnterRateItem,
       onMouseLeave: this.onMouseLeaveRateItem,
       style: style,
       onClick: this.onChangeRateNumber,
       className: "rate-item ".concat(value >= rateItemIndex ? 'rate-item-active' : '')
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-font ".concat(rateShowType),
       ref: this.tooltipRef
-    }), editable && /*#__PURE__*/React.createElement(UncontrolledTooltip, {
+    }), editable && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
       placement: "bottom",
       target: this.tooltipRef
     }, rateItemIndex));
   }
 }
-export default RateItem;
+var _default = exports.default = RateItem;

package/lib/DTablePopover/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import { Popover } from 'reactstrap';
-import { getEventClassName } from '../utils/utils';
-class DTablePopover extends React.Component {
+"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 _reactstrap = require("reactstrap");
+var _utils = require("../utils/utils");
+class DTablePopover extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.dtablePopoverRef = null;
@@ -28,7 +35,7 @@ class DTablePopover extends React.Component {
         canHideDTablePopover
       } = this.props;
       if (!canHideDTablePopover) return;
-      if (this.dtablePopoverRef && e && getEventClassName(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
+      if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hideDTablePopover(e);
       }
     };
@@ -55,7 +62,7 @@ class DTablePopover extends React.Component {
       modifiers,
       placement
     } = this.props;
-    return /*#__PURE__*/React.createElement(Popover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
       placement: placement,
       isOpen: true,
       target: target,
@@ -64,7 +71,7 @@ class DTablePopover extends React.Component {
       innerClassName: innerClassName,
       className: popoverClassName,
       modifiers: modifiers
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.dtablePopoverRef = ref,
       onClick: this.onPopoverInsideClick
     }, this.props.children));
@@ -75,4 +82,4 @@ DTablePopover.defaultProps = {
   hideArrow: true,
   canHideDTablePopover: true
 };
-export default DTablePopover;
+var _default = exports.default = DTablePopover;

package/lib/DTablePopover/utils.js

@@ -1,5 +1,12 @@
-export const getEventClassName = e => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEventClassName = void 0;
+const getEventClassName = e => {
   // svg mouseEvent event.target.className is an object
   if (!e || !e.target) return '';
   return e.target.getAttribute('class') || '';
-};
+};
+exports.getEventClassName = getEventClassName;

package/lib/DTableRadio/index.js

@@ -1,28 +1,35 @@
-import React from 'react';
-import classnames from 'classnames';
-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"));
+require("./index.css");
 function DTableRadio(props) {
   const {
     className
   } = props;
-  return /*#__PURE__*/React.createElement("label", {
-    className: classnames('dtable-radio w-100 align-items-center', {
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: (0, _classnames.default)('dtable-radio w-100 align-items-center', {
       'dtable-radio-disable': props.disabled,
       [className]: className
     })
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     type: "radio",
     className: "dtable-radio-input position-absolute",
     checked: props.isChecked,
     onChange: props.disabled ? () => {} : props.onCheckedChange,
     name: props.name,
     value: props.value
-  }), /*#__PURE__*/React.createElement("span", {
-    className: classnames('dtable-radio-indicator position-relative', {
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)('dtable-radio-indicator position-relative', {
       'dtable-radio-selected-indicator': props.isChecked,
       'dtable-radio-indicator-disable': props.disabled
     })
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "dtable-radio-description text-truncate ml-2"
   }, props.label));
 }
@@ -31,4 +38,4 @@ DTableRadio.defaultProps = {
   name: 'dtable-radio-input',
   onCheckedChange: () => {}
 };
-export default DTableRadio;
+var _default = exports.default = DTableRadio;

package/lib/DTableSearchInput/index.js

@@ -1,7 +1,15 @@
-import React, { Component, Fragment } from 'react';
-import classnames from 'classnames';
-import { isFunction } from './utils';
-class DtableSearchInput 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 _utils = require("./utils");
+class DtableSearchInput extends _react.Component {
   constructor(props) {
     super(props);
     this.onCompositionStart = () => {
@@ -58,17 +66,17 @@ class DtableSearchInput extends Component {
       const {
         ClearIndicator
       } = components;
-      if (React.isValidElement(ClearIndicator)) {
-        return React.cloneElement(ClearIndicator, {
+      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
+        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
         });
-      } else if (isFunction(ClearIndicator)) {
-        return /*#__PURE__*/React.createElement(ClearIndicator, {
+      } else if ((0, _utils.isFunction)(ClearIndicator)) {
+        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
           clearValue: this.clearSearch
         });
       }
-      return /*#__PURE__*/React.createElement("i", {
-        className: classnames('search-text-clear input-icon-addon', clearClassName),
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
         onClick: this.clearSearch
       }, "\xD7");
     };
@@ -103,10 +111,10 @@ class DtableSearchInput extends Component {
     const {
       searchValue
     } = this.state;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
       type: "text",
       value: searchValue,
-      className: classnames('form-control', className),
+      className: (0, _classnames.default)('form-control', className),
       onChange: this.onChange,
       autoFocus: autoFocus,
       placeholder: placeholder,
@@ -124,4 +132,4 @@ DtableSearchInput.defaultProps = {
   disabled: false,
   value: ''
 };
-export default DtableSearchInput;
+var _default = exports.default = DtableSearchInput;

package/lib/DTableSearchInput/utils.js

@@ -1,4 +1,11 @@
-export const isFunction = functionToCheck => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFunction = void 0;
+const isFunction = functionToCheck => {
   const getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
+};
+exports.isFunction = isFunction;

package/lib/DTableSelect/dtable-select-label.js

@@ -1,16 +1,23 @@
-import React from 'react';
-import './dtable-select-label.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("./dtable-select-label.css");
 function DTableSelectLabel(_ref) {
   let {
     classname,
     name,
     isSelect
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classname, " w-100 d-flex justify-content-between")
-  }, /*#__PURE__*/React.createElement("span", null, name), isSelect && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, name), isSelect && /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-select-check-icon"
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "dtable-font dtable-icon-check-mark"
   })));
 }
@@ -19,4 +26,4 @@ DTableSelectLabel.defaultProps = {
   name: '',
   isSelect: false
 };
-export default DTableSelectLabel;
+var _default = exports.default = DTableSelectLabel;

package/lib/DTableSelect/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import Select from 'react-select';
-import { MenuSelectStyle, DropdownIndicator, ClearIndicator, MenuList, Option } from './utils';
-export default class DTableSelect extends React.Component {
+"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 _reactSelect = _interopRequireDefault(require("react-select"));
+var _utils = require("./utils");
+class DTableSelect extends _react.default.Component {
   render() {
     const {
       options,
@@ -20,18 +27,18 @@ export default class DTableSelect extends React.Component {
       form,
       customFilterOption
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, {
+    return /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
       value: value,
       onChange: onChange,
       options: options,
       isMulti: isMulti,
       classNamePrefix: classNamePrefix,
-      styles: style || MenuSelectStyle,
+      styles: style || _utils.MenuSelectStyle,
       components: {
-        Option,
-        DropdownIndicator,
-        MenuList,
-        ClearIndicator
+        Option: _utils.Option,
+        DropdownIndicator: _utils.DropdownIndicator,
+        MenuList: _utils.MenuList,
+        ClearIndicator: _utils.ClearIndicator
       },
       placeholder: placeholder,
       isSearchable: isSearchable,
@@ -50,6 +57,7 @@ export default class DTableSelect extends React.Component {
     });
   }
 }
+exports.default = DTableSelect;
 DTableSelect.defaultProps = {
   options: [],
   value: {},

package/lib/DTableSelect/utils.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import { components } from 'react-select';
-const MenuSelectStyle = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Option = exports.MenuSelectStyle = exports.MenuList = exports.DropdownIndicator = exports.ClearIndicator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactSelect = require("react-select");
+const MenuSelectStyle = exports.MenuSelectStyle = {
   option: (provided, state) => {
     const {
       isDisabled,
@@ -30,13 +37,14 @@ const MenuSelectStyle = {
   indicatorSeparator: () => {}
 };
 const DropdownIndicator = props => {
-  return components.DropdownIndicator && /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement("span", {
+  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement("span", {
     className: "dtable-font dtable-icon-drop-down",
     style: {
       fontSize: '12px'
     }
   }));
 };
+exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
   let {
     innerProps,
@@ -50,15 +58,17 @@ const ClearIndicator = _ref => {
     ...innerProps,
     onMouseDown
   };
-  return /*#__PURE__*/React.createElement(components.ClearIndicator, props);
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.ClearIndicator, props);
 };
-const MenuList = props => /*#__PURE__*/React.createElement("div", {
+exports.ClearIndicator = ClearIndicator;
+const MenuList = props => /*#__PURE__*/_react.default.createElement("div", {
   onClick: e => e.nativeEvent.stopImmediatePropagation(),
   onMouseDown: e => e.nativeEvent.stopImmediatePropagation()
-}, /*#__PURE__*/React.createElement(components.MenuList, props, props.children));
+}, /*#__PURE__*/_react.default.createElement(_reactSelect.components.MenuList, props, props.children));
+exports.MenuList = MenuList;
 const Option = props => {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: props.data.style
-  }, /*#__PURE__*/React.createElement(components.Option, props));
+  }, /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, props));
 };
-export { MenuSelectStyle, DropdownIndicator, ClearIndicator, MenuList, Option };
+exports.Option = Option;

package/lib/DTableSwitch/index.js

@@ -1,4 +1,11 @@
-import React from 'react';
+"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"));
 function DtableSwitch(props) {
   const {
     onChange,
@@ -7,21 +14,21 @@ function DtableSwitch(props) {
     disabled,
     switchClassName
   } = props;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-switch position-relative ".concat(switchClassName || '')
-  }, /*#__PURE__*/React.createElement("label", {
+  }, /*#__PURE__*/_react.default.createElement("label", {
     className: "custom-switch"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     className: "custom-switch-input",
     type: "checkbox",
     checked: checked,
     onChange: onChange,
     name: "custom-switch-checkbox",
     disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-switch-description text-truncate"
-  }, placeholder), /*#__PURE__*/React.createElement("span", {
+  }, placeholder), /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-switch-indicator"
   })));
 }
-export default DtableSwitch;
+var _default = exports.default = DtableSwitch;

package/lib/DateEditor/index.js

@@ -1,13 +1,21 @@
-import React, { Fragment } from 'react';
-import MediaQuery from 'react-responsive';
-import dayjs from 'dayjs';
-import { getDateDisplayString } from 'dtable-utils';
-import PCDateEditorPopover from './pc-date-editor-popover';
-import MBDateEditorPopover from './mb-date-editor-popover';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en-gb';
-import './index.css';
-class DateEditor extends React.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 _reactResponsive = _interopRequireDefault(require("react-responsive"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _dtableUtils = require("dtable-utils");
+var _pcDateEditorPopover = _interopRequireDefault(require("./pc-date-editor-popover"));
+var _mbDateEditorPopover = _interopRequireDefault(require("./mb-date-editor-popover"));
+require("dayjs/locale/zh-cn");
+require("dayjs/locale/en-gb");
+require("./index.css");
+class DateEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.getDateFormat = () => {
@@ -66,7 +74,7 @@ class DateEditor extends React.Component {
       value,
       lang
     } = this.props;
-    dayjs.locale(lang);
+    _dayjs.default.locale(lang);
     let dateFormat = this.getDateFormat();
     this.setState({
       isDateInit: true,
@@ -77,11 +85,11 @@ class DateEditor extends React.Component {
   }
   render() {
     if (!this.state.isDateInit) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "cell-editor date-editor"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "date-editor-container"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "control-form"
       })));
     }
@@ -95,24 +103,24 @@ class DateEditor extends React.Component {
       dateFormat,
       showHourAndMinute
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "cell-editor dtable-ui-date-editor"
-    }, !isPopoverShow && /*#__PURE__*/React.createElement("div", {
+    }, !isPopoverShow && /*#__PURE__*/_react.default.createElement("div", {
       className: "dtable-ui-date-editor-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "form-control",
       onClick: this.onDateEditorToggle
-    }, getDateDisplayString(newValue, dateFormat))), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
+    }, (0, _dtableUtils.getDateDisplayString)(newValue, dateFormat))), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
       query: '(min-width: 768px)'
-    }, /*#__PURE__*/React.createElement(PCDateEditorPopover, {
+    }, /*#__PURE__*/_react.default.createElement(_pcDateEditorPopover.default, {
       lang: lang,
       value: newValue,
       dateFormat: dateFormat,
       showHourAndMinute: showHourAndMinute,
       onValueChanged: this.onValueChanged
-    })), /*#__PURE__*/React.createElement(MediaQuery, {
+    })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
       query: '(max-width: 767.8px)'
-    }, /*#__PURE__*/React.createElement(MBDateEditorPopover, {
+    }, /*#__PURE__*/_react.default.createElement(_mbDateEditorPopover.default, {
       isReadOnly: this.props.isReadOnly,
       lang: lang,
       value: newValue,
@@ -129,4 +137,4 @@ DateEditor.defaultProps = {
   value: '',
   lang: 'en'
 };
-export default DateEditor;
+var _default = exports.default = DateEditor;