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

package/lib/CreatorFormatter/index.js

@@ -10,6 +10,7 @@ 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
@@ -35,10 +36,9 @@ class CreatorFormatter extends _react.default.PureComponent {
             avatar_url: _default_avatar.default
           };
         }
-        return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
-          key: index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
           collaborator: collaborator
-        });
+        }, index);
       });
     };
   }
@@ -49,14 +49,15 @@ 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__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classname
       });
     }
     const collaborators = this.getCollaborators();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, collaborators);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: collaborators
+    });
   }
 }
 CreatorFormatter.defaultProps = {

package/lib/DTableCommonAddTool/index.js

@@ -7,6 +7,7 @@ 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,
@@ -16,16 +17,18 @@ function DTableCommonAddTool(_ref) {
     hideIcon,
     style
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "dtable-ui add-item-btn ".concat(className ? className : ''),
     style: style,
     onClick: e => {
       callBack(e);
-    }
-  }, !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate"
-  }, footerName));
+    },
+    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
+    })]
+  });
 }
 var _default = exports.default = DTableCommonAddTool;

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -12,6 +12,7 @@ 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);
@@ -65,7 +66,7 @@ class CollaboratorSelect extends _react.Component {
         isUsePopover
       } = this.props;
       if (!isUsePopover) {
-        return /*#__PURE__*/_react.default.createElement(_SelectOptionGroup.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOptionGroup.default, {
           value: value,
           top: top,
           left: left,
@@ -83,30 +84,31 @@ class CollaboratorSelect extends _react.Component {
           isShowSelected: true
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
         placement: "bottom",
         isOpen: true,
         target: this.id,
         fade: false,
         hideArrow: 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
-      }));
+        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
+        })
+      });
     };
     this.state = {
       isShowSelectOptions: false
@@ -127,7 +129,7 @@ class CollaboratorSelect extends _react.Component {
       placeholder,
       isLocked
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select collaborator-select', {
         'focus': this.state.isShowSelectOptions
@@ -135,17 +137,21 @@ class CollaboratorSelect extends _react.Component {
         'disabled': isLocked
       }, className),
       id: this.id,
-      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());
+      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()]
+    });
   }
 }
 CollaboratorSelect.defaultProps = {

package/lib/DTableCustomizeSelect/index.js

@@ -11,6 +11,7 @@ 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);
@@ -95,56 +96,62 @@ class DTableCustomizeSelect extends _react.Component {
       addOptionAble,
       component
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select', {
         'focus': this.state.isShowSelectOptions
       }, {
         'disabled': isLocked
       }, className),
-      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
-    })));
+      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
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = DTableCustomizeSelect;

package/lib/DTableFiltersPopover/index.js

@@ -18,6 +18,7 @@ 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: '',
@@ -25,8 +26,7 @@ require("./index.css");
  *  filter_term: '',
  *  filter_term_modifier: '',
  * }
- */
-class DTableFiltersPopover extends _react.Component {
+ */class DTableFiltersPopover extends _react.Component {
   constructor(props) {
     super(props);
     this.onHotKey = e => {
@@ -166,51 +166,56 @@ class DTableFiltersPopover extends _react.Component {
       filterConjunction
     } = this.state;
     const canAddFilter = columns.length > 0;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledPopover, {
       placement: "auto-start",
       isOpen: true,
       target: target,
       fade: false,
       hideArrow: true,
       className: "dtable-filter-popover",
-      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'))));
+      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')
+            })]
+          })]
+        });
+      }
     });
   }
 }

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

@@ -8,6 +8,7 @@ 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;
@@ -19,13 +20,17 @@ class FilterItemUtils {
       value: {
         column
       },
-      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))
+      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
+        })]
+      })
     };
   }
   static generatorPredicateOption(filterPredicate) {
@@ -33,9 +38,10 @@ class FilterItemUtils {
       value: {
         filterPredicate
       },
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, (0, _lang.getLocale)(filterPredicate))
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-option-name",
+        children: (0, _lang.getLocale)(filterPredicate)
+      })
     };
   }
   static generatorTermModifierOption(filterTermModifier) {
@@ -66,9 +72,10 @@ class FilterItemUtils {
       value: {
         filterTermModifier
       },
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, FILTER_TERM_MODIFIER_SHOW[filterTermModifier])
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-option-name",
+        children: FILTER_TERM_MODIFIER_SHOW[filterTermModifier]
+      })
     };
   }
   static generatorSingleSelectOption(option) {
@@ -76,17 +83,19 @@ class FilterItemUtils {
       value: {
         columnOption: option
       },
-      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))
+      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
+        })
+      })
     };
   }
   static generatorMultipleSelectOption(option, filterTerm) {
@@ -94,21 +103,24 @@ class FilterItemUtils {
       value: {
         columnOption: option
       },
-      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"
-      })))
+      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"
+          })
+        })]
+      })
     };
   }
   static generatorConjunctionOptions() {
@@ -116,16 +128,18 @@ class FilterItemUtils {
       value: {
         filterConjunction: 'And'
       },
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, (0, _lang.getLocale)('And'))
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-option-name",
+        children: (0, _lang.getLocale)('And')
+      })
     }, {
       value: {
         filterConjunction: 'Or'
       },
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, (0, _lang.getLocale)('Or'))
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-option-name",
+        children: (0, _lang.getLocale)('Or')
+      })
     }];
   }
   static getActiveConjunctionOption(conjunction) {
@@ -134,18 +148,20 @@ class FilterItemUtils {
         value: {
           filterConjunction: 'And'
         },
-        label: /*#__PURE__*/_react.default.createElement("span", {
-          className: "select-option-name"
-        }, (0, _lang.getLocale)('And'))
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "select-option-name",
+          children: (0, _lang.getLocale)('And')
+        })
       };
     }
     return {
       value: {
         filterConjunction: 'Or'
       },
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, (0, _lang.getLocale)('Or'))
+      label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-option-name",
+        children: (0, _lang.getLocale)('Or')
+      })
     };
   }
 }