dtable-ui-component 7.0.13 → 7.0.15

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

@@ -20,19 +20,21 @@ class FiltersList extends _react.Component {
   constructor(props) {
     super(props);
     this.modifyFilterConjunction = new_filter_conjunction => {
-      const _this$props = this.props,
-        filter_conjunction = _this$props.filterConjunction,
-        filters = _this$props.filters;
-      const _applyFilterOperation = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.MODIFY_CONJUNCTION,
-          filter_conjunction,
-          filters,
-          payload: {
-            new_filter_conjunction
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation.filter_conjunction,
-        next_filters = _applyFilterOperation.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.MODIFY_CONJUNCTION,
+        filter_conjunction,
+        filters,
+        payload: {
+          new_filter_conjunction
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
@@ -40,88 +42,98 @@ class FiltersList extends _react.Component {
     };
     this.updateFilter = (filter_index, new_filter) => {
       if (!new_filter) return;
-      const _this$props2 = this.props,
-        filter_conjunction = _this$props2.filterConjunction,
-        filters = _this$props2.filters;
-      const _applyFilterOperation2 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.UPDATE_FILTER,
-          filter_conjunction,
-          filters,
-          payload: {
-            filter_index,
-            new_filter
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation2.filter_conjunction,
-        next_filters = _applyFilterOperation2.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.UPDATE_FILTER,
+        filter_conjunction,
+        filters,
+        payload: {
+          filter_index,
+          new_filter
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
       });
     };
     this.deleteFilter = filter_index => {
-      const _this$props3 = this.props,
-        filter_conjunction = _this$props3.filterConjunction,
-        filters = _this$props3.filters;
-      const _applyFilterOperation3 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.DELETE_FILTER,
-          filter_conjunction,
-          filters,
-          payload: {
-            filter_index
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation3.filter_conjunction,
-        next_filters = _applyFilterOperation3.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.DELETE_FILTER,
+        filter_conjunction,
+        filters,
+        payload: {
+          filter_index
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
       });
     };
     this.moveFilter = _ref => {
-      let source_filter_index = _ref.source_filter_index,
-        target_filter_index = _ref.target_filter_index,
-        source_group_index = _ref.source_group_index,
-        target_group_index = _ref.target_group_index;
+      let {
+        source_filter_index,
+        target_filter_index,
+        source_group_index,
+        target_group_index
+      } = _ref;
       if (source_filter_index === target_filter_index && source_group_index === target_group_index) {
         return;
       }
-      const _this$props4 = this.props,
-        filter_conjunction = _this$props4.filterConjunction,
-        filters = _this$props4.filters;
-      const _applyFilterOperation4 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.MOVE_FILTER,
-          filter_conjunction,
-          filters,
-          payload: {
-            source_filter_index,
-            target_filter_index,
-            source_group_index,
-            target_group_index
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation4.filter_conjunction,
-        next_filters = _applyFilterOperation4.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.MOVE_FILTER,
+        filter_conjunction,
+        filters,
+        payload: {
+          source_filter_index,
+          target_filter_index,
+          source_group_index,
+          target_group_index
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
       });
     };
     this.modifyConjunctionInGroup = (group_index, new_filter_conjunction) => {
-      const _this$props5 = this.props,
-        filter_conjunction = _this$props5.filterConjunction,
-        filters = _this$props5.filters;
-      const _applyFilterOperation5 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.MODIFY_CONJUNCTION_IN_GROUP,
-          filter_conjunction,
-          filters,
-          payload: {
-            group_index,
-            new_filter_conjunction
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation5.filter_conjunction,
-        next_filters = _applyFilterOperation5.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.MODIFY_CONJUNCTION_IN_GROUP,
+        filter_conjunction,
+        filters,
+        payload: {
+          group_index,
+          new_filter_conjunction
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
@@ -129,40 +141,44 @@ class FiltersList extends _react.Component {
     };
     this.addFilterIntoGroup = (group_index, filter) => {
       if (!filter) return;
-      const _this$props6 = this.props,
-        filter_conjunction = _this$props6.filterConjunction,
-        filters = _this$props6.filters;
-      const _applyFilterOperation6 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.ADD_FILTER_INTO_GROUP,
-          filter_conjunction,
-          filters,
-          payload: {
-            group_index,
-            filter
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation6.filter_conjunction,
-        next_filters = _applyFilterOperation6.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.ADD_FILTER_INTO_GROUP,
+        filter_conjunction,
+        filters,
+        payload: {
+          group_index,
+          filter
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
       });
     };
     this.deleteFilterInGroup = (group_index, filter_index) => {
-      const _this$props7 = this.props,
-        filter_conjunction = _this$props7.filterConjunction,
-        filters = _this$props7.filters;
-      const _applyFilterOperation7 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.DELETE_FILTER_IN_GROUP,
-          filter_conjunction,
-          filters,
-          payload: {
-            group_index,
-            filter_index
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation7.filter_conjunction,
-        next_filters = _applyFilterOperation7.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.DELETE_FILTER_IN_GROUP,
+        filter_conjunction,
+        filters,
+        payload: {
+          group_index,
+          filter_index
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
@@ -170,21 +186,23 @@ class FiltersList extends _react.Component {
     };
     this.updateFilterInGroup = (group_index, filter_index, new_filter) => {
       if (!new_filter) return;
-      const _this$props8 = this.props,
-        filter_conjunction = _this$props8.filterConjunction,
-        filters = _this$props8.filters;
-      const _applyFilterOperation8 = (0, _utils.applyFilterOperation)({
-          type: _constants.FILTER_OPERATION_TYPE.UPDATE_FILTER_IN_GROUP,
-          filter_conjunction,
-          filters,
-          payload: {
-            group_index,
-            filter_index,
-            new_filter
-          }
-        }),
-        next_filter_conjunction = _applyFilterOperation8.filter_conjunction,
-        next_filters = _applyFilterOperation8.filters;
+      const {
+        filterConjunction: filter_conjunction,
+        filters
+      } = this.props;
+      const {
+        filter_conjunction: next_filter_conjunction,
+        filters: next_filters
+      } = (0, _utils.applyFilterOperation)({
+        type: _constants.FILTER_OPERATION_TYPE.UPDATE_FILTER_IN_GROUP,
+        filter_conjunction,
+        filters,
+        payload: {
+          group_index,
+          filter_index,
+          new_filter
+        }
+      });
       this.props.updateFilters({
         filter_conjunction: next_filter_conjunction,
         filters: next_filters
@@ -197,7 +215,9 @@ class FiltersList extends _react.Component {
       return this.conjunctionOptions;
     };
     this.getColumnOptions = () => {
-      const columns = this.props.columns;
+      const {
+        columns
+      } = this.props;
       if (!this.columnOptions) {
         const filterColumns = (0, _utils.getFilterColumns)(columns);
         this.columnOptions = filterColumns.map(column => {
@@ -207,16 +227,17 @@ class FiltersList extends _react.Component {
       return this.columnOptions;
     };
     this.renderFilter = (filter, index, filterColumn) => {
-      const _this$props9 = this.props,
-        filterConjunction = _this$props9.filterConjunction,
-        isInModal = _this$props9.isInModal,
-        columns = _this$props9.columns,
-        collaborators = _this$props9.collaborators,
-        userDepartmentIdsMap = _this$props9.userDepartmentIdsMap,
-        departments = _this$props9.departments,
-        lang = _this$props9.lang,
-        firstDayOfWeek = _this$props9.firstDayOfWeek,
-        readOnly = _this$props9.readOnly;
+      const {
+        filterConjunction,
+        isInModal,
+        columns,
+        collaborators,
+        userDepartmentIdsMap,
+        departments,
+        lang,
+        firstDayOfWeek,
+        readOnly
+      } = this.props;
       const conjunctionOptions = this.getConjunctionOptions();
       const columnOptions = this.getColumnOptions();
       if ((0, _dtableUtils.checkIsFilterGroup)(filter)) {
@@ -240,10 +261,11 @@ class FiltersList extends _react.Component {
           modifyConjunctionInGroup: this.modifyConjunctionInGroup,
           deleteFilterInGroup: this.deleteFilterInGroup,
           updateFilterInGroup: this.updateFilterInGroup
-        }, "filter-group-".concat(index));
+        }, `filter-group-${index}`);
       }
-      const _ValidateFilter$valid = _dtableUtils.ValidateFilter.validate(filter, columns),
-        error_message = _ValidateFilter$valid.error_message;
+      const {
+        error_message
+      } = _dtableUtils.ValidateFilter.validate(filter, columns);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_filterItem.default, {
         isInModal: isInModal,
         lang: lang,
@@ -273,11 +295,12 @@ class FiltersList extends _react.Component {
     }
   }
   render() {
-    let _this$props0 = this.props,
-      filters = _this$props0.filters,
-      className = _this$props0.className,
-      emptyPlaceholder = _this$props0.emptyPlaceholder,
-      columns = _this$props0.columns;
+    let {
+      filters,
+      className,
+      emptyPlaceholder,
+      columns
+    } = this.props;
     const isEmpty = filters.length === 0;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-filters-list', {
@@ -289,7 +312,9 @@ class FiltersList extends _react.Component {
         className: "empty-filters-list",
         children: emptyPlaceholder
       }), !isEmpty && filters.map((filter, index) => {
-        const column_key = filter.column_key;
+        const {
+          column_key
+        } = filter;
         const filterColumn = (0, _utils.getColumnByKey)(column_key, columns) || {};
         return this.renderFilter(filter, index, filterColumn);
       })]

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _DTableToolTip = _interopRequireDefault(require("../../DTableToolTip"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -13,17 +12,20 @@ class RateItem extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onMouseEnterRateItem = () => {
-      const rateItemIndex = this.props.rateItemIndex;
+      const {
+        rateItemIndex
+      } = this.props;
       this.props.onMouseEnterRateItem(rateItemIndex);
     };
     this.onMouseLeaveRateItem = () => {
       this.props.onMouseLeaveRateItem();
     };
     this.onChangeRateNumber = () => {
-      const _this$props = this.props,
-        onChangeRateNumber = _this$props.onChangeRateNumber,
-        rateItemIndex = _this$props.rateItemIndex,
-        editable = _this$props.editable;
+      const {
+        onChangeRateNumber,
+        rateItemIndex,
+        editable
+      } = this.props;
       if (onChangeRateNumber && editable) {
         onChangeRateNumber(rateItemIndex);
       }
@@ -34,16 +36,18 @@ class RateItem extends _react.default.Component {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      enterRateItemIndex = _this$props2.enterRateItemIndex,
-      rateItemIndex = _this$props2.rateItemIndex,
-      value = _this$props2.value,
-      column = _this$props2.column,
-      isShowRateItem = _this$props2.isShowRateItem,
-      editable = _this$props2.editable;
-    const _ref = column.data || {},
-      rate_style_color = _ref.rate_style_color,
-      rate_style_type = _ref.rate_style_type;
+    const {
+      enterRateItemIndex,
+      rateItemIndex,
+      value,
+      column,
+      isShowRateItem,
+      editable
+    } = this.props;
+    const {
+      rate_style_color,
+      rate_style_type
+    } = column.data || {};
     const rateShowType = rate_style_type ? rate_style_type : 'dtable-icon-rate';
     if (!isShowRateItem && rateItemIndex > value) return null;
     let itemStyle = {
@@ -52,19 +56,20 @@ class RateItem extends _react.default.Component {
     };
     let style = itemStyle;
     if (enterRateItemIndex >= rateItemIndex) {
-      style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemStyle), {}, {
+      style = {
+        ...itemStyle,
         color: rate_style_color,
         opacity: 0.4
-      });
+      };
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       onMouseEnter: this.onMouseEnterRateItem,
       onMouseLeave: this.onMouseLeaveRateItem,
       style: style,
       onClick: this.onChangeRateNumber,
-      className: "rate-item ".concat(value >= rateItemIndex ? 'rate-item-active' : ''),
+      className: `rate-item ${value >= rateItemIndex ? 'rate-item-active' : ''}`,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "dtable-font ".concat(rateShowType),
+        className: `dtable-font ${rateShowType}`,
         ref: this.tooltipRef
       }), editable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
         placement: "bottom",

package/lib/DTableIcon/index.js

@@ -5,32 +5,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _svgIcon = _interopRequireDefault(require("./svg-icon"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableIcon = _ref => {
-  let className = _ref.className,
-    symbol = _ref.symbol,
-    color = _ref.color,
-    _ref$ariaHidden = _ref.ariaHidden,
-    ariaHidden = _ref$ariaHidden === void 0 ? false : _ref$ariaHidden,
-    getSvg = _ref.getSvg;
+  let {
+    className,
+    symbol,
+    color,
+    ariaHidden = false,
+    getSvg
+  } = _ref;
   if (!symbol) return null;
   if (symbol.includes('dtable-icon')) {
     let customProps = {};
     if (ariaHidden) {
       customProps['aria-hidden'] = ariaHidden;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", (0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
       className: (0, _classnames.default)(symbol, className, {
         'dtable-font': !symbol.includes('dtable-font')
       }),
       style: {
         color
-      }
-    }, customProps));
+      },
+      ...customProps
+    });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgIcon.default, {
     symbol: symbol,

package/lib/DTableIcon/svg-icon.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 let svgIconComponents = null;
@@ -26,11 +25,13 @@ const getSvgIconComponents = () => {
   return svgIconComponents;
 };
 const SvgIcon = _ref => {
-  let className = _ref.className,
-    symbol = _ref.symbol,
-    color = _ref.color,
-    ariaHidden = _ref.ariaHidden,
-    getSvg = _ref.getSvg;
+  let {
+    className,
+    symbol,
+    color,
+    ariaHidden,
+    getSvg
+  } = _ref;
   if (!symbol) return null;
   let props = {
     style: {
@@ -47,8 +48,9 @@ const SvgIcon = _ref => {
     IconComponent = getSvg(symbol);
   }
   if (!IconComponent) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, (0, _objectSpread2.default)({
-    className: (0, _classnames.default)('multicolor-icon', className, "multicolor-icon-".concat(symbol))
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    className: (0, _classnames.default)('multicolor-icon', className, `multicolor-icon-${symbol}`),
+    ...props
+  });
 };
 var _default = exports.default = SvgIcon;

package/lib/DTableModalHeader/index.js

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children"];
 const DTableModalHeader = _ref => {
-  let children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  let {
+    children,
+    ...props
+  } = _ref;
   const customCloseBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
     icon: "x",
     "aria-label": "Close",
     onClick: props.toggle,
     className: "modal-close-btn"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, {
+    ...props,
     close: customCloseBtn,
     children: children
-  }));
+  });
 };
 var _default = exports.default = DTableModalHeader;

package/lib/DTablePopover/index.js

@@ -18,9 +18,10 @@ class DTablePopover extends _react.default.Component {
       this.props.hideDTablePopover(e);
     };
     this.onKeyDown = e => {
-      const _this$props = this.props,
-        canHideDTablePopover = _this$props.canHideDTablePopover,
-        hideDTablePopoverWithEsc = _this$props.hideDTablePopoverWithEsc;
+      const {
+        canHideDTablePopover,
+        hideDTablePopoverWithEsc
+      } = this.props;
       if (e.keyCode === 27 && typeof hideDTablePopoverWithEsc === 'function') {
         e.preventDefault();
         hideDTablePopoverWithEsc();
@@ -31,7 +32,9 @@ class DTablePopover extends _react.default.Component {
       }
     };
     this.onMousedown = e => {
-      const canHideDTablePopover = this.props.canHideDTablePopover;
+      const {
+        canHideDTablePopover
+      } = this.props;
       if (!canHideDTablePopover) return;
       if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hideDTablePopover(e);
@@ -52,13 +55,14 @@ class DTablePopover extends _react.default.Component {
     window.removeEventListener('popstate', this.onHistoryState);
   }
   render() {
-    const _this$props2 = this.props,
-      target = _this$props2.target,
-      innerClassName = _this$props2.innerClassName,
-      popoverClassName = _this$props2.popoverClassName,
-      hideArrow = _this$props2.hideArrow,
-      modifiers = _this$props2.modifiers,
-      placement = _this$props2.placement;
+    const {
+      target,
+      innerClassName,
+      popoverClassName,
+      hideArrow,
+      modifiers,
+      placement
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       placement: placement,
       isOpen: true,
@@ -66,7 +70,7 @@ class DTablePopover extends _react.default.Component {
       fade: false,
       hideArrow: hideArrow,
       innerClassName: innerClassName,
-      className: "dtable-popove ".concat(popoverClassName),
+      className: `dtable-popove ${popoverClassName}`,
       modifiers: modifiers,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: ref => this.dtablePopoverRef = ref,