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

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

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

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

package/lib/DTablePopover/index.js

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

package/lib/DTablePopover/utils.js

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

package/lib/DTableSearchInput/index.js

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

package/lib/DTableSearchInput/utils.js

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

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

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

package/lib/DTableSelect/index.js

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

package/lib/DTableSelect/utils.js

@@ -1,13 +1,6 @@
-"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 = {
+import React from 'react';
+import { components } from 'react-select';
+const MenuSelectStyle = {
   option: (provided, state) => {
     const {
       isDisabled,
@@ -37,14 +30,13 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
   indicatorSeparator: () => {}
 };
 const DropdownIndicator = props => {
-  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement("span", {
+  return components.DropdownIndicator && /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement("span", {
     className: "dtable-font dtable-icon-drop-down",
     style: {
       fontSize: '12px'
     }
   }));
 };
-exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
   let {
     innerProps,
@@ -58,17 +50,15 @@ const ClearIndicator = _ref => {
     ...innerProps,
     onMouseDown
   };
-  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.ClearIndicator, props);
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, props);
 };
-exports.ClearIndicator = ClearIndicator;
-const MenuList = props => /*#__PURE__*/_react.default.createElement("div", {
+const MenuList = props => /*#__PURE__*/React.createElement("div", {
   onClick: e => e.nativeEvent.stopImmediatePropagation(),
   onMouseDown: e => e.nativeEvent.stopImmediatePropagation()
-}, /*#__PURE__*/_react.default.createElement(_reactSelect.components.MenuList, props, props.children));
-exports.MenuList = MenuList;
+}, /*#__PURE__*/React.createElement(components.MenuList, props, props.children));
 const Option = props => {
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: props.data.style
-  }, /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, props));
+  }, /*#__PURE__*/React.createElement(components.Option, props));
 };
-exports.Option = Option;
+export { MenuSelectStyle, DropdownIndicator, ClearIndicator, MenuList, Option };

package/lib/DTableSwitch/index.js

@@ -1,11 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+import React from 'react';
 function DtableSwitch(props) {
   const {
     onChange,
@@ -14,21 +7,21 @@ function DtableSwitch(props) {
     disabled,
     switchClassName
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "dtable-switch position-relative ".concat(switchClassName || '')
-  }, /*#__PURE__*/_react.default.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: "custom-switch"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     className: "custom-switch-input",
     type: "checkbox",
     checked: checked,
     onChange: onChange,
     name: "custom-switch-checkbox",
     disabled: disabled
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "custom-switch-description text-truncate"
-  }, placeholder), /*#__PURE__*/_react.default.createElement("span", {
+  }, placeholder), /*#__PURE__*/React.createElement("span", {
     className: "custom-switch-indicator"
   })));
 }
-var _default = exports.default = DtableSwitch;
+export default DtableSwitch;

package/lib/DateEditor/index.js

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