@elliemae/ds-query-builder 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/components/FieldControllerRow/FieldControllerRow.js

@@ -1,25 +1,27 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+import { DSComboBox, DSTextBox } from '@elliemae/ds-form';
 
-const FieldControllerRow = ({
-  className = '',
-  onChange = () => null,
-  options = [],
-  value = '',
-  type = 'DSComboBox'
-}) => /*#__PURE__*/_jsx("div", {
-  className: className
-}, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx(DSComboBox, {
-  onChange: onChange,
-  options: options,
-  value: value
-}), type === 'DSTextBox' && /*#__PURE__*/_jsx(DSTextBox, {
-  fluidWidth: true,
-  onChange: onChange,
-  options: options,
-  value: value
-}));
+const FieldControllerRow = _ref => {
+  let {
+    className = '',
+    onChange = () => null,
+    options = [],
+    value = '',
+    type = 'DSComboBox'
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: className
+  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onChange,
+    options: options,
+    value: value
+  }), type === 'DSTextBox' && /*#__PURE__*/_jsx(DSTextBox, {
+    fluidWidth: true,
+    onChange: onChange,
+    options: options,
+    value: value
+  }));
+};
 
 export { FieldControllerRow as default };

package/esm/components/Nestable/Nestable.js

@@ -1,9 +1,18 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { Component } from 'react';
 import cn from 'classnames';
 import { listWithChildren } from '@elliemae/ds-shared/utils';
-import { isEqualWith } from '@elliemae/ds-utilities/utils';
+import { isEqualWith } from '@elliemae/ds-utilities';
 import { tryIncreaseDepth } from './actions/tryIncreaseDepth.js';
 import { tryDecreaseDepth } from './actions/tryDecreaseDepth.js';
 import { moveItem } from './actions/moveItem.js';
@@ -22,43 +31,43 @@ class Nestable extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDragStart", (e, item) => {
+    this.onDragStart = (e, item) => {
       onDragStart.call(this, e, item);
-    });
+    };
 
-    _defineProperty(this, "onDragEnd", (e, isCancel) => onDragEnd.call(this, e, isCancel));
+    this.onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);
 
-    _defineProperty(this, "onMouseMove", e => onMouseMove.call(this, e));
+    this.onMouseMove = e => onMouseMove.call(this, e);
 
-    _defineProperty(this, "onMouseEnter", (e, item) => onMouseEnter.call(this, e, item));
+    this.onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);
 
-    _defineProperty(this, "onToggleCollapse", (item, isGetter) => onToggleCollapse.call(this, item, isGetter));
+    this.onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);
 
-    _defineProperty(this, "onKeyDown", e => onKeyDown.call(this, e));
+    this.onKeyDown = e => onKeyDown.call(this, e);
 
-    _defineProperty(this, "getDefaultItems", () => {
+    this.getDefaultItems = () => {
       const {
         items
       } = this.state;
       return items;
-    });
+    };
 
-    _defineProperty(this, "getItemDepth", item => getItemDepth.call(this, item));
+    this.getItemDepth = item => getItemDepth.call(this, item);
 
-    _defineProperty(this, "startTrackMouse", () => {
+    this.startTrackMouse = () => {
       document.addEventListener('mousemove', this.onMouseMove);
       document.addEventListener('mouseup', this.onDragEnd);
       document.addEventListener('keydown', this.onKeyDown);
-    });
+    };
 
-    _defineProperty(this, "stopTrackMouse", () => {
+    this.stopTrackMouse = () => {
       document.removeEventListener('mousemove', this.onMouseMove);
       document.removeEventListener('mouseup', this.onDragEnd);
       document.removeEventListener('keydown', this.onKeyDown);
       this.elCopyStyles = null;
-    });
+    };
 
-    _defineProperty(this, "isCollapsed", item => {
+    this.isCollapsed = item => {
       const {
         collapsed
       } = this.props;
@@ -66,9 +75,9 @@ class Nestable extends Component {
         collapsedGroups
       } = this.state;
       return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
-    });
+    };
 
-    _defineProperty(this, "checkFilterChildren", items => items.find(current => {
+    this.checkFilterChildren = items => items.find(current => {
       const {
         element: {
           type
@@ -77,9 +86,9 @@ class Nestable extends Component {
       } = current;
       if (type === 'filter' && children.length > 0) return true;
       return this.checkFilterChildren(children);
-    }));
+    });
 
-    _defineProperty(this, "dragRevert", () => {
+    this.dragRevert = () => {
       const {
         itemsOld
       } = this.state;
@@ -89,7 +98,7 @@ class Nestable extends Component {
         dragItem: null,
         isDirty: false
       });
-    });
+    };
 
     this.state = {
       items: [],
@@ -162,15 +171,18 @@ class Nestable extends Component {
     return null;
   }
 
-  getPathById(id, items = this.getDefaultItems()) {
+  getPathById(id) {
+    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
     return getPathById.call(this, id, items);
   }
 
-  getItemByPath(path, items = this.getDefaultItems()) {
+  getItemByPath(path) {
+    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
     return getItemByPath.call(this, path, items);
   }
 
-  getSplicePath(path, options = {}) {
+  getSplicePath(path) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return getSplicePath.call(this, path, options);
   }
 
@@ -207,11 +219,13 @@ class Nestable extends Component {
     tryDecreaseDepth.call(this, dragItem);
   }
 
-  moveItem({
-    dragItem,
-    pathFrom,
-    pathTo
-  }, extraProps = {}) {
+  moveItem(_ref) {
+    let {
+      dragItem,
+      pathFrom,
+      pathTo
+    } = _ref;
+    let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     moveItem.call(this, {
       dragItem,
       pathFrom,
@@ -226,7 +240,7 @@ class Nestable extends Component {
     const {
       dragItem
     } = this.state;
-    const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);
+    const el = document.querySelector(".nestable-".concat(group, " .nestable-item-").concat(dragItem.id));
     let listStyles = {};
 
     if (el) {
@@ -268,11 +282,11 @@ class Nestable extends Component {
     let childClass = 'single';
     if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
     return /*#__PURE__*/_jsx("div", {
-      className: cn('nestable', `nestable-${group}`, {
+      className: cn('nestable', "nestable-".concat(group), {
         'is-drag-active': dragItem
       })
     }, void 0, /*#__PURE__*/_jsx("ol", {
-      className: `nestable-list nestable-group nestable-child-count-${childClass}`
+      className: "nestable-list nestable-group nestable-child-count-".concat(childClass)
     }, void 0, items.map((item, i) => /*#__PURE__*/_jsx(NestableItem, {
       index: i,
       isAndItem: isAndItem,

package/esm/components/Nestable/NestableItem.js

@@ -1,5 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'react';
 import cn from 'classnames';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -8,16 +15,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const NestableItem = ({
-  item,
-  isCopy,
-  options,
-  index,
-  isAndItem,
-  isOrItem,
-  isDraggableItem,
-  singleRow
-}) => {
+const NestableItem = _ref => {
+  let {
+    item,
+    isCopy,
+    options,
+    index,
+    isAndItem,
+    isOrItem,
+    isDraggableItem,
+    singleRow
+  } = _ref;
   const {
     dragItem,
     renderItem,
@@ -31,7 +39,7 @@ const NestableItem = ({
   const isOrGroup = item.element.type === 'group' && (item.element.condition === '' || item.element.condition === false);
   const isAndGroup = item.element.type === 'group' && !(item.element.condition === '' || item.element.condition === false);
   const itemProps = {
-    className: cn(`nestable-item${isCopy ? '-copy' : ''}`, `nestable-item${isCopy ? '-copy' : ''}-${item.id}`, `nestable-item-type-${item.element.type}`, {
+    className: cn("nestable-item".concat(isCopy ? '-copy' : ''), "nestable-item".concat(isCopy ? '-copy' : '', "-").concat(item.id), "nestable-item-type-".concat(item.element.type), {
       'is-or-group': isOrGroup,
       'is-and-group': isAndGroup,
       'is-and-filter': item.element.type === 'filter' && isAndItem,
@@ -71,7 +79,7 @@ const NestableItem = ({
   if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
   return /*#__PURE__*/jsxs("li", _objectSpread(_objectSpread({}, itemProps), {}, {
     children: [/*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-      className: `nestable-item-name nestable-item-name--${item.element.type} `
+      className: "nestable-item-name nestable-item-name--".concat(item.element.type, " ")
     }, rowProps), {}, {
       children: renderItem({
         item,
@@ -79,7 +87,7 @@ const NestableItem = ({
         index
       })
     })), hasChildren && item.element.type === 'group' && !isCollapsed && /*#__PURE__*/_jsx("ol", {
-      className: `nestable-list nestable-child-count-${childClass} `
+      className: "nestable-list nestable-child-count-".concat(childClass, " ")
     }, void 0, item[childrenProp].map((currentitem, i) => /*#__PURE__*/_jsx(NestableItem, {
       index: i,
       isAndItem: isAndGroup,

package/esm/components/Nestable/actions/events.js

@@ -1,4 +1,9 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { closest, getTransformProps, getOffsetRect, getTotalScroll } from '@elliemae/ds-shared/utils';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -46,7 +51,7 @@ function onMouseMove(e) {
     clientY
   } = e;
   const transformProps = getTransformProps(clientX, clientY);
-  const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);
+  const elCopy = document.querySelector(".nestable-".concat(group, " .nestable-drag-layer > .nestable-list"));
 
   if (!this.elCopyStyles) {
     const offset = getOffsetRect(this.el);

package/esm/components/Nestable/actions/getPaths.js

@@ -1,3 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.every.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.every.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function getRealNextPath(prevPath, nextPath) {
   const {
     childrenProp
@@ -83,7 +92,8 @@ function getItemDepth(item) {
 
   return level;
 }
-function getSplicePath(path, options = {}) {
+function getSplicePath(path) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const splicePath = {};
   const numToRemove = options.numToRemove || 0;
   const itemsToInsert = options.itemsToInsert || [];

package/esm/components/Nestable/actions/moveItem.js

@@ -1,14 +1,21 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import update from 'react-addons-update';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function moveItem({
-  dragItem,
-  pathFrom,
-  pathTo
-}, extraProps = {}) {
+function moveItem(_ref) {
+  let {
+    dragItem,
+    pathFrom,
+    pathTo
+  } = _ref;
+  let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     childrenProp
   } = this.props;

package/esm/components/Nestable/actions/paths.js

@@ -1,3 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.every.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.every.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function getRealNextPath(prevPath, nextPath) {
   const {
     childrenProp
@@ -39,7 +48,8 @@ function getRealNextPath(prevPath, nextPath) {
 
   return nextPath;
 }
-function getPathById(id, items = this.getDefaultItems()) {
+function getPathById(id) {
+  let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
   const {
     childrenProp
   } = this.props;
@@ -59,7 +69,8 @@ function getPathById(id, items = this.getDefaultItems()) {
   });
   return path;
 }
-function getItemByPath(path, items = this.getDefaultItems()) {
+function getItemByPath(path) {
+  let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
   const {
     childrenProp
   } = this.props;
@@ -83,7 +94,8 @@ function getItemDepth(item) {
 
   return level;
 }
-function getSplicePath(path, options = {}) {
+function getSplicePath(path) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const splicePath = {};
   const numToRemove = options.numToRemove || 0;
   const itemsToInsert = options.itemsToInsert || [];

package/esm/components/QueryBuilderImpl.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -20,26 +25,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 class QueryBuilderImpl extends Component {
   constructor(props) {
     super(props);
+    this.isDraggableItem = true;
 
-    _defineProperty(this, "isDraggableItem", true);
-
-    _defineProperty(this, "onOrderDragAndDrop", (items, item) => {
+    this.onOrderDragAndDrop = (items, item) => {
       const newFilters = this.store.onOrderDragAndDrop(items, item);
       this.sendCall('reOrderOnDragAndDrop', {
         items
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddFilterToGroup", idGroup => {
+    this.onAddFilterToGroup = idGroup => {
       const newFilters = this.store.addFilter(idGroup);
       this.sendCall('onAddFilterToGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddFilter", (idGroup, idFilter) => {
+    this.onAddFilter = (idGroup, idFilter) => {
       const {
         addFilterMethod
       } = this.props;
@@ -49,9 +53,9 @@ class QueryBuilderImpl extends Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddRuleContainer", (idGroup, idFilter) => {
+    this.onAddRuleContainer = (idGroup, idFilter) => {
       const {
         groupFilterMethod
       } = this.props;
@@ -61,17 +65,17 @@ class QueryBuilderImpl extends Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onRemoveFilter", idFilter => {
+    this.onRemoveFilter = idFilter => {
       const newFilters = this.store.onRemoveFilter(idFilter);
       this.sendCall('onRemoveFilter', {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleFieldChange", data => {
+    this.handleFieldChange = data => {
       const {
         fieldsSharedActions
       } = this.props;
@@ -82,26 +86,26 @@ class QueryBuilderImpl extends Component {
         data
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleRuleContainerOperator", (idGroup, value) => {
+    this.handleRuleContainerOperator = (idGroup, value) => {
       const newFilters = this.store.changeGroupOperator(idGroup, value);
       this.sendCall('handleRuleContainerOperator', {
         idGroup,
         value
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleRuleContainerUnGroup", idGroup => {
+    this.handleRuleContainerUnGroup = idGroup => {
       const newFilters = this.store.unGroup(idGroup);
       this.sendCall('handleRuleContainerUnGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDropFilter", (filter, dragTo) => {
+    this.handleDropFilter = (filter, dragTo) => {
       const {
         position: oldPosition,
         idGroup,
@@ -117,9 +121,9 @@ class QueryBuilderImpl extends Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDropGroup", (group, dragTo) => {
+    this.handleDropGroup = (group, dragTo) => {
       const {
         position: oldPosition,
         idFilter,
@@ -135,17 +139,17 @@ class QueryBuilderImpl extends Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDrop", (dragElement, dragTo) => {
+    this.handleDrop = (dragElement, dragTo) => {
       const {
         type
       } = dragElement;
       if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
       return this.handleDropGroup(dragElement, dragTo);
-    });
+    };
 
-    _defineProperty(this, "sendChange", _ref => {
+    this.sendChange = _ref => {
       let {
         format
       } = _ref,
@@ -158,16 +162,16 @@ class QueryBuilderImpl extends Component {
         onChange
       } = this.props;
       onChange(format, newFilters);
-    });
+    };
 
-    _defineProperty(this, "sendCall", (action, data) => {
+    this.sendCall = (action, data) => {
       const {
         [action]: callback
       } = this.props;
       if (callback) callback(data);
-    });
+    };
 
-    _defineProperty(this, "setDraggableItems", drag => {
+    this.setDraggableItems = drag => {
       this.isDraggableItem = true;
 
       try {
@@ -190,7 +194,7 @@ class QueryBuilderImpl extends Component {
       } catch (error) {
         this.isDraggableItem = true;
       }
-    });
+    };
 
     this.store = new QueryBuilderStore(props.init, props.format);
     this.state = this.store.getInitialState();
@@ -226,6 +230,7 @@ class QueryBuilderImpl extends Component {
       containerProps,
       ruleContainerClassName,
       fields,
+      displayFixedOutput,
       displayOutput,
       displayOutputLabel,
       singleRow,
@@ -259,7 +264,7 @@ class QueryBuilderImpl extends Component {
         singleRow
       }
     }, void 0, /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${singleRow ? 'query-main-single-row' : 'query-main-multiple-row'}`,
+      className: "nested-main-group ".concat(condition !== true ? 'is-or-group' : 'is-and-groupL', " ").concat(singleRow ? 'query-main-single-row' : 'query-main-multiple-row'),
       children: [/*#__PURE__*/_jsx(Nestable, {
         isAndItem: condition === true,
         isDraggableItem: this.isDraggableItem,
@@ -283,7 +288,8 @@ class QueryBuilderImpl extends Component {
         step: step,
         toolTipZIndex: toolTipZIndex
       }))]
-    })), displayOutput && /*#__PURE__*/_jsx(DisplayOutput, {
+    })), (displayOutput || displayFixedOutput) && /*#__PURE__*/_jsx(DisplayOutput, {
+      displayFixedOutput: displayFixedOutput,
       hideLabel: displayOutputLabel.hide,
       showLabel: displayOutputLabel.show,
       show: displayOutputLabel.open

package/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -11,9 +16,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const QueryBuilderItem = ({
-  item
-}) => {
+const QueryBuilderItem = _ref => {
+  let {
+    item
+  } = _ref;
   const {
     element
   } = item;
@@ -23,23 +29,25 @@ const QueryBuilderItem = ({
     idGroup,
     condition
   } = element;
-  return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, ({
-    fields,
-    handleFieldChange,
-    onAddFilter,
-    onAddFilterToGroup,
-    onAddRuleContainer,
-    onRemoveFilter,
-    showDragController,
-    handleRuleContainerOperator,
-    handleRuleContainerUnGroup,
-    step,
-    items,
-    isDraggableItem,
-    setDraggableItems,
-    singleRow,
-    toolTipZIndex
-  }) => {
+  return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+    let {
+      fields,
+      handleFieldChange,
+      onAddFilter,
+      onAddFilterToGroup,
+      onAddRuleContainer,
+      onRemoveFilter,
+      showDragController,
+      handleRuleContainerOperator,
+      handleRuleContainerUnGroup,
+      step,
+      items,
+      isDraggableItem,
+      setDraggableItems,
+      singleRow,
+      toolTipZIndex
+    } = _ref2;
+
     if (type === QB_DRAG_TYPES.FILTER) {
       return /*#__PURE__*/jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
         fields: fields,