@elliemae/ds-query-builder 2.0.0-next.0 → 2.0.0-next.13

package/esm/components/ConditionController/ConditionController.js

@@ -1,33 +1,31 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSTooltip, { TooltipType } from '@elliemae/ds-basic/Tooltip';
-import { PopperInteractions, PopperPositions } from '@elliemae/ds-basic/Popper';
-import { DSIconSizes } from '@elliemae/ds-basic/Icon';
-import DSButton from '@elliemae/ds-basic/Button';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
-import QueryRemove from '@elliemae/ds-icons/QueryRemove';
-import QueryAdd from '@elliemae/ds-icons/QueryAdd';
-import ParenthesisAdd from '@elliemae/ds-icons/ParenthesisAdd';
+import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
+import { PopperInteractions, PopperPositions } from '@elliemae/ds-popper';
+import { DSIconSizes } from '@elliemae/ds-icon';
+import { QueryRemove, QueryAdd, ParenthesisAdd, MoreOptionsVert } from '@elliemae/ds-icons';
+import DSButton from '@elliemae/ds-button';
 import { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';
 import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';
 
 var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
 
-const ConditionController = ({
-  onAddFilter = () => null,
-  onAddRuleContainer = () => null,
-  onRemoveFilter = () => null,
-  handleTooltipRow = () => null,
-  buttonTriggerSize = DSIconSizes.M,
-  buttonTriggerType = 'text',
-  buttonActionSize = DSIconSizes.M,
-  buttonActionType = 'text',
-  delayClose = DELAY_CLOSE,
-  delayOpen = DELAY_OPEN,
-  isOpen = false,
-  toolTipZIndex
-}) => {
+const ConditionController = _ref => {
+  let {
+    onAddFilter = () => null,
+    onAddRuleContainer = () => null,
+    onRemoveFilter = () => null,
+    handleTooltipRow = () => null,
+    buttonTriggerSize = DSIconSizes.M,
+    buttonTriggerType = 'text',
+    buttonActionSize = DSIconSizes.M,
+    buttonActionType = 'text',
+    delayClose = DELAY_CLOSE,
+    delayOpen = DELAY_OPEN,
+    isOpen = false,
+    toolTipZIndex
+  } = _ref;
   const {
     cssClassName,
     classNameBlock,
@@ -67,7 +65,7 @@ const ConditionController = ({
       }
     }), /*#__PURE__*/_jsx(DSButton, {
       buttonType: buttonActionType,
-      className: `${classNameElement('add-rule-container')} no-border-right`,
+      className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
       icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx(ParenthesisAdd, {})),
       onClick: onAddRuleContainer,
       size: buttonActionSize,

package/esm/components/DisplayOutput/DisplayOutput.js

@@ -3,9 +3,8 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { Component } from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSAccordion, DSAccordionItem } from '@elliemae/ds-basic/Accordion';
-import ChevronDown from '@elliemae/ds-icons/ChevronDown';
-import ChevronRight from '@elliemae/ds-icons/ChevronRight';
+import { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';
+import { ChevronRight, ChevronDown } from '@elliemae/ds-icons';
 import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
 
 const {
@@ -17,11 +16,14 @@ class DisplayOutput extends Component {
     super(props);
 
     _defineProperty(this, "handleChange", () => {
-      this.setState(({
-        show
-      }) => ({
-        show: !show
-      }));
+      this.setState(_ref => {
+        let {
+          show
+        } = _ref;
+        return {
+          show: !show
+        };
+      });
     });
 
     this.state = {
@@ -40,9 +42,10 @@ class DisplayOutput extends Component {
       hideLabel,
       displayFixedOutput
     } = this.props;
-    return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, ({
-      format
-    }) => {
+    return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+      let {
+        format
+      } = _ref2;
       let display = '';
 
       try {

package/esm/components/DragContainerController/DragContainerController.js

@@ -1,24 +1,24 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
-import { DSIconColors, DSIconSizes } from '@elliemae/ds-basic/Icon';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
+import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
+import { GripperVertical, MoreOptionsVert } from '@elliemae/ds-icons';
 
 var _div;
 
-const DragContainerController = ({
-  color = DSIconColors.NEUTRAL,
-  icon: Icon = GripperVertical,
-  size = DSIconSizes.S,
-  multipleSize = false,
-  onClick
-}) => {
+const DragContainerController = _ref => {
+  let {
+    color = DSIconColors.NEUTRAL,
+    icon: Icon = GripperVertical,
+    size = DSIconSizes.S,
+    multipleSize = false,
+    onClick
+  } = _ref;
   const {
     cssClassName
   } = convertPropToCssClassName('query-builder-drag-group');
   return /*#__PURE__*/_jsx("div", {
-    className: `${cssClassName}`
+    className: "".concat(cssClassName)
   }, void 0, /*#__PURE__*/_jsx(Icon, {
     color: color,
     size: size

package/esm/components/DragControllerRow/DragControllerRow.js

@@ -1,9 +1,14 @@
+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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
-import { DSIconSizes } from '@elliemae/ds-basic/Icon';
+import { DSIconSizes } from '@elliemae/ds-icon';
+import { GripperVertical } from '@elliemae/ds-icons';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["className", "color", "icon", "size"];

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';
@@ -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';
@@ -260,7 +265,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,

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,