dtable-ui-component 5.0.9-beta.2 → 5.0.9-beta.3

package/lib/CreatorFormatter/index.js

@@ -10,7 +10,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
 var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 // 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
@@ -36,9 +35,10 @@ class CreatorFormatter extends _react.default.PureComponent {
             avatar_url: _default_avatar.default
           };
         }
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
+        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
+          key: index,
           collaborator: collaborator
-        }, index);
+        });
       });
     };
   }
@@ -49,15 +49,14 @@ class CreatorFormatter extends _react.default.PureComponent {
     } = this.props;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container creator-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classname,
-      children: collaborators
-    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classname
+    }, collaborators);
   }
 }
 CreatorFormatter.defaultProps = {

package/lib/DTableCommonAddTool/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 function DTableCommonAddTool(_ref) {
   let {
     callBack,
@@ -17,18 +16,16 @@ function DTableCommonAddTool(_ref) {
     hideIcon,
     style
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-ui add-item-btn ".concat(className ? className : ''),
     style: style,
     onClick: e => {
       callBack(e);
-    },
-    children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "text-truncate",
-      children: footerName
-    })]
-  });
+    }
+  }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
+    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-truncate"
+  }, footerName));
 }
 var _default = exports.default = DTableCommonAddTool;

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -12,7 +12,6 @@ var _reactstrap = require("reactstrap");
 var _dtableUtils = require("dtable-utils");
 var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class CollaboratorSelect extends _react.Component {
   constructor(props) {
     super(props);
@@ -66,7 +65,7 @@ class CollaboratorSelect extends _react.Component {
         isUsePopover
       } = this.props;
       if (!isUsePopover) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
+        return /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
           value: value,
           top: top,
           left: left,
@@ -84,31 +83,30 @@ class CollaboratorSelect extends _react.Component {
           isShowSelected: true
         });
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.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",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
-          value: value,
-          top: top,
-          left: left,
-          minWidth: this.btnWidth + 8 // 8px is padding
-          ,
-          options: options,
-          onSelectOption: this.props.onSelectOption,
-          searchable: searchable,
-          searchPlaceholder: searchPlaceholder,
-          noOptionsPlaceholder: noOptionsPlaceholder,
-          closeSelect: this.closeSelect,
-          getFilterOptions: this.getFilterOptions,
-          supportMultipleSelect: this.props.supportMultipleSelect,
-          stopClickEvent: true,
-          isShowSelected: true
-        })
-      });
+        className: "dtable-customize-collaborator-select dtable-select"
+      }, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+        value: value,
+        top: top,
+        left: left,
+        minWidth: this.btnWidth + 8 // 8px is padding
+        ,
+        options: options,
+        onSelectOption: this.props.onSelectOption,
+        searchable: searchable,
+        searchPlaceholder: searchPlaceholder,
+        noOptionsPlaceholder: noOptionsPlaceholder,
+        closeSelect: this.closeSelect,
+        getFilterOptions: this.getFilterOptions,
+        supportMultipleSelect: this.props.supportMultipleSelect,
+        stopClickEvent: true,
+        isShowSelected: true
+      }));
     };
     this.state = {
       isShowSelectOptions: false
@@ -129,7 +127,7 @@ class CollaboratorSelect extends _react.Component {
       placeholder,
       isLocked
     } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+    return /*#__PURE__*/_react.default.createElement("button", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select collaborator-select', {
         'focus': this.state.isShowSelectOptions
@@ -137,21 +135,17 @@ class CollaboratorSelect extends _react.Component {
         'disabled': isLocked
       }, className),
       id: this.id,
-      onClick: this.onSelectToggle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "selected-option",
-        ref: node => this.selectedOptionRef = node,
-        children: [value.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "selected-option-show",
-          children: value.label
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "select-placeholder",
-          children: placeholder
-        }), !isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-drop-down"
-        })]
-      }), this.state.isShowSelectOptions && this.renderOptionGroup()]
-    });
+      onClick: this.onSelectToggle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "selected-option",
+      ref: node => this.selectedOptionRef = node
+    }, value.label ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "selected-option-show"
+    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
+      className: "select-placeholder"
+    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-drop-down"
+    })), this.state.isShowSelectOptions && this.renderOptionGroup());
   }
 }
 CollaboratorSelect.defaultProps = {

package/lib/DTableCustomizeSelect/index.js

@@ -11,7 +11,6 @@ var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"))
 var _classnames = _interopRequireDefault(require("classnames"));
 var _modalPortal = _interopRequireDefault(require("../common/modal-portal"));
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 class DTableCustomizeSelect extends _react.Component {
   constructor(props) {
     super(props);
@@ -96,62 +95,56 @@ class DTableCustomizeSelect extends _react.Component {
       addOptionAble,
       component
     } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked
       }, className),
-      onClick: this.onSelectToggle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "selected-option",
-        children: [value && value.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "selected-option-show",
-          children: value.label
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "select-placeholder",
-          children: placeholder
-        }), !isLocked && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: "dtable-font dtable-icon-drop-down"
-        })]
-      }), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
-        value: value,
-        addOptionAble: addOptionAble,
-        component: component,
-        isShowSelected: this.props.isShowSelected,
-        top: this.getSelectedOptionTop(),
-        options: options,
-        onSelectOption: this.props.onSelectOption,
-        searchable: searchable,
-        searchPlaceholder: searchPlaceholder,
-        noOptionsPlaceholder: noOptionsPlaceholder,
-        onClickOutside: this.onClick,
-        closeSelect: this.closeSelect,
-        getFilterOptions: this.getFilterOptions,
-        supportMultipleSelect: this.props.supportMultipleSelect
-      }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalPortal.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
-          className: className,
-          value: value,
-          addOptionAble: addOptionAble,
-          component: component,
-          isShowSelected: this.props.isShowSelected,
-          position: this.selector.getBoundingClientRect(),
-          isInModal: isInModal,
-          top: this.getSelectedOptionTop(),
-          options: options,
-          onSelectOption: this.props.onSelectOption,
-          searchable: searchable,
-          searchPlaceholder: searchPlaceholder,
-          noOptionsPlaceholder: noOptionsPlaceholder,
-          onClickOutside: this.onClick,
-          closeSelect: this.closeSelect,
-          getFilterOptions: this.getFilterOptions,
-          supportMultipleSelect: this.props.supportMultipleSelect
-        })
-      })]
-    });
+      onClick: this.onSelectToggle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "selected-option"
+    }, value && value.label ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "selected-option-show"
+    }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
+      className: "select-placeholder"
+    }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-drop-down"
+    })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+      value: value,
+      addOptionAble: addOptionAble,
+      component: component,
+      isShowSelected: this.props.isShowSelected,
+      top: this.getSelectedOptionTop(),
+      options: options,
+      onSelectOption: this.props.onSelectOption,
+      searchable: searchable,
+      searchPlaceholder: searchPlaceholder,
+      noOptionsPlaceholder: noOptionsPlaceholder,
+      onClickOutside: this.onClick,
+      closeSelect: this.closeSelect,
+      getFilterOptions: this.getFilterOptions,
+      supportMultipleSelect: this.props.supportMultipleSelect
+    }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+      className: className,
+      value: value,
+      addOptionAble: addOptionAble,
+      component: component,
+      isShowSelected: this.props.isShowSelected,
+      position: this.selector.getBoundingClientRect(),
+      isInModal: isInModal,
+      top: this.getSelectedOptionTop(),
+      options: options,
+      onSelectOption: this.props.onSelectOption,
+      searchable: searchable,
+      searchPlaceholder: searchPlaceholder,
+      noOptionsPlaceholder: noOptionsPlaceholder,
+      onClickOutside: this.onClick,
+      closeSelect: this.closeSelect,
+      getFilterOptions: this.getFilterOptions,
+      supportMultipleSelect: this.props.supportMultipleSelect
+    })));
   }
 }
 var _default = exports.default = DTableCustomizeSelect;

package/lib/DTableFiltersPopover/index.js

@@ -18,7 +18,6 @@ var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _constants = require("../constants");
 var _lang = require("../lang");
 require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
 /**
  * filter = {
  *  column_key: '',
@@ -26,7 +25,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  *  filter_term: '',
  *  filter_term_modifier: '',
  * }
- */class DTableFiltersPopover extends _react.Component {
+ */
+class DTableFiltersPopover extends _react.Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
@@ -166,56 +166,51 @@ var _jsxRuntime = require("react/jsx-runtime");
       filterConjunction
     } = this.state;
     const canAddFilter = columns.length > 0;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledPopover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
       fade: false,
       hideArrow: true,
       className: "dtable-filter-popover",
-      boundariesElement: document.body,
-      children: _ref => {
-        let {
-          scheduleUpdate
-        } = _ref;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          ref: ref => this.dtablePopoverRef = ref,
-          onClick: this.onPopoverInsideClick,
-          className: className,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_filterList.default, {
-            filterConjunction: filterConjunction,
-            filters: filters,
-            columns: columns,
-            emptyPlaceholder: (0, _lang.getLocale)('No_filters'),
-            collaborators: this.props.collaborators,
-            readOnly: readOnly,
-            scheduleUpdate: scheduleUpdate,
-            userDepartmentIdsMap: userDepartmentIdsMap,
-            departments: departments,
-            lang: lang,
-            updateFilter: this.updateFilter,
-            deleteFilter: this.deleteFilter,
-            updateFilterConjunction: this.updateFilterConjunction
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
-            className: "popover-add-tool ".concat(canAddFilter ? '' : 'disabled'),
-            callBack: canAddFilter ? () => this.addFilter(scheduleUpdate) : () => {},
-            footerName: (0, _lang.getLocale)('Add_filter'),
-            addIconClassName: "popover-add-icon"
-          }), this.isNeedSubmit() && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "dtable-filter-popover-footer",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
-              className: "mr-2",
-              onClick: this.onClosePopover,
-              children: (0, _lang.getLocale)('Cancel')
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
-              color: "primary",
-              disabled: this.state.isSubmitDisabled,
-              onClick: this.onSubmitFilters,
-              children: (0, _lang.getLocale)('Submit')
-            })]
-          })]
-        });
-      }
+      boundariesElement: document.body
+    }, _ref => {
+      let {
+        scheduleUpdate
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        ref: ref => this.dtablePopoverRef = ref,
+        onClick: this.onPopoverInsideClick,
+        className: className
+      }, /*#__PURE__*/_react.default.createElement(_filterList.default, {
+        filterConjunction: filterConjunction,
+        filters: filters,
+        columns: columns,
+        emptyPlaceholder: (0, _lang.getLocale)('No_filters'),
+        collaborators: this.props.collaborators,
+        readOnly: readOnly,
+        scheduleUpdate: scheduleUpdate,
+        userDepartmentIdsMap: userDepartmentIdsMap,
+        departments: departments,
+        lang: lang,
+        updateFilter: this.updateFilter,
+        deleteFilter: this.deleteFilter,
+        updateFilterConjunction: this.updateFilterConjunction
+      }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
+        className: "popover-add-tool ".concat(canAddFilter ? '' : 'disabled'),
+        callBack: canAddFilter ? () => this.addFilter(scheduleUpdate) : () => {},
+        footerName: (0, _lang.getLocale)('Add_filter'),
+        addIconClassName: "popover-add-icon"
+      }), this.isNeedSubmit() && /*#__PURE__*/_react.default.createElement("div", {
+        className: "dtable-filter-popover-footer"
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+        className: "mr-2",
+        onClick: this.onClosePopover
+      }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+        color: "primary",
+        disabled: this.state.isSubmitDisabled,
+        onClick: this.onSubmitFilters
+      }, (0, _lang.getLocale)('Submit'))));
     });
   }
 }

package/lib/DTableFiltersPopover/utils/filter-item-utils.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _lang = require("../../lang");
-var _jsxRuntime = require("react/jsx-runtime");
 class FilterItemUtils {
   static generatorColumnOption(column) {
     if (!column) return null;
@@ -20,17 +19,13 @@ class FilterItemUtils {
       value: {
         column
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "filter-header-icon",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-            className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "select-option-name",
-          children: name
-        })]
-      })
+      label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+        className: "filter-header-icon"
+      }, /*#__PURE__*/_react.default.createElement("i", {
+        className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
+      })), /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, name))
     };
   }
   static generatorPredicateOption(filterPredicate) {
@@ -38,10 +33,9 @@ class FilterItemUtils {
       value: {
         filterPredicate
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "select-option-name",
-        children: (0, _lang.getLocale)(filterPredicate)
-      })
+      label: /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, (0, _lang.getLocale)(filterPredicate))
     };
   }
   static generatorTermModifierOption(filterTermModifier) {
@@ -72,10 +66,9 @@ class FilterItemUtils {
       value: {
         filterTermModifier
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "select-option-name",
-        children: FILTER_TERM_MODIFIER_SHOW[filterTermModifier]
-      })
+      label: /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, FILTER_TERM_MODIFIER_SHOW[filterTermModifier])
     };
   }
   static generatorSingleSelectOption(option) {
@@ -83,19 +76,17 @@ class FilterItemUtils {
       value: {
         columnOption: option
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "select-option-name",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "single-select-option",
-          style: {
-            background: option.color,
-            color: option.textColor || null
-          },
-          title: option.name,
-          "aria-label": option.name,
-          children: option.name
-        })
-      })
+      label: /*#__PURE__*/_react.default.createElement("div", {
+        className: "select-option-name"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "single-select-option",
+        style: {
+          background: option.color,
+          color: option.textColor || null
+        },
+        title: option.name,
+        "aria-label": option.name
+      }, option.name))
     };
   }
   static generatorMultipleSelectOption(option, filterTerm) {
@@ -103,24 +94,21 @@ class FilterItemUtils {
       value: {
         columnOption: option
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "select-option-name multiple-option-name",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "multiple-select-option",
-          style: {
-            background: option.color,
-            color: option.textColor
-          },
-          title: option.name,
-          "aria-label": option.name,
-          children: option.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "multiple-check-icon",
-          children: filterTerm.indexOf(option.id) > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-            className: "option-edit dtable-font dtable-icon-check-mark"
-          })
-        })]
-      })
+      label: /*#__PURE__*/_react.default.createElement("div", {
+        className: "select-option-name multiple-option-name"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "multiple-select-option",
+        style: {
+          background: option.color,
+          color: option.textColor
+        },
+        title: option.name,
+        "aria-label": option.name
+      }, option.name), /*#__PURE__*/_react.default.createElement("div", {
+        className: "multiple-check-icon"
+      }, filterTerm.indexOf(option.id) > -1 && /*#__PURE__*/_react.default.createElement("i", {
+        className: "option-edit dtable-font dtable-icon-check-mark"
+      })))
     };
   }
   static generatorConjunctionOptions() {
@@ -128,18 +116,16 @@ class FilterItemUtils {
       value: {
         filterConjunction: 'And'
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "select-option-name",
-        children: (0, _lang.getLocale)('And')
-      })
+      label: /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, (0, _lang.getLocale)('And'))
     }, {
       value: {
         filterConjunction: 'Or'
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "select-option-name",
-        children: (0, _lang.getLocale)('Or')
-      })
+      label: /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, (0, _lang.getLocale)('Or'))
     }];
   }
   static getActiveConjunctionOption(conjunction) {
@@ -148,20 +134,18 @@ class FilterItemUtils {
         value: {
           filterConjunction: 'And'
         },
-        label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "select-option-name",
-          children: (0, _lang.getLocale)('And')
-        })
+        label: /*#__PURE__*/_react.default.createElement("span", {
+          className: "select-option-name"
+        }, (0, _lang.getLocale)('And'))
       };
     }
     return {
       value: {
         filterConjunction: 'Or'
       },
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "select-option-name",
-        children: (0, _lang.getLocale)('Or')
-      })
+      label: /*#__PURE__*/_react.default.createElement("span", {
+        className: "select-option-name"
+      }, (0, _lang.getLocale)('Or'))
     };
   }
 }