@elliemae/ds-query-builder 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/components/FieldControllerRow/FieldControllerRow.js

@@ -2,32 +2,32 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
-const FieldControllerRow = ({
-  className = '',
-  onChange = () => null,
-  options = [],
-  value = '',
-  type = 'DSComboBox'
-}) => /*#__PURE__*/_jsx__default["default"]("div", {
-  className: className
-}, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
-  onChange: onChange,
-  options: options,
-  value: value
-}), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
-  fluidWidth: true,
-  onChange: onChange,
-  options: options,
-  value: value
-}));
+const FieldControllerRow = _ref => {
+  let {
+    className = '',
+    onChange = () => null,
+    options = [],
+    value = '',
+    type = 'DSComboBox'
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: className
+  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
+    onChange: onChange,
+    options: options,
+    value: value
+  }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
+    fluidWidth: true,
+    onChange: onChange,
+    options: options,
+    value: value
+  }));
+};
 
 module.exports = FieldControllerRow;

package/cjs/components/Nestable/Nestable.js

@@ -2,10 +2,19 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@elliemae/ds-shared/utils');
-var utils$1 = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var tryIncreaseDepth = require('./actions/tryIncreaseDepth.js');
 var tryDecreaseDepth = require('./actions/tryDecreaseDepth.js');
 var moveItem = require('./actions/moveItem.js');
@@ -24,49 +33,49 @@ 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__default["default"](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 shallowCompare = (instance, nextProps, nextState) => !utils$1.isEqualWith(instance.props, nextProps) || !utils$1.isEqualWith(instance.state, nextState);
+const shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
 
 class Nestable extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "onDragStart", (e, item) => {
+    this.onDragStart = (e, item) => {
       events.onDragStart.call(this, e, item);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onDragEnd", (e, isCancel) => events.onDragEnd.call(this, e, isCancel));
+    this.onDragEnd = (e, isCancel) => events.onDragEnd.call(this, e, isCancel);
 
-    _defineProperty__default["default"](this, "onMouseMove", e => events.onMouseMove.call(this, e));
+    this.onMouseMove = e => events.onMouseMove.call(this, e);
 
-    _defineProperty__default["default"](this, "onMouseEnter", (e, item) => events.onMouseEnter.call(this, e, item));
+    this.onMouseEnter = (e, item) => events.onMouseEnter.call(this, e, item);
 
-    _defineProperty__default["default"](this, "onToggleCollapse", (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter));
+    this.onToggleCollapse = (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter);
 
-    _defineProperty__default["default"](this, "onKeyDown", e => events.onKeyDown.call(this, e));
+    this.onKeyDown = e => events.onKeyDown.call(this, e);
 
-    _defineProperty__default["default"](this, "getDefaultItems", () => {
+    this.getDefaultItems = () => {
       const {
         items
       } = this.state;
       return items;
-    });
+    };
 
-    _defineProperty__default["default"](this, "getItemDepth", item => paths.getItemDepth.call(this, item));
+    this.getItemDepth = item => paths.getItemDepth.call(this, item);
 
-    _defineProperty__default["default"](this, "startTrackMouse", () => {
+    this.startTrackMouse = () => {
       document.addEventListener('mousemove', this.onMouseMove);
       document.addEventListener('mouseup', this.onDragEnd);
       document.addEventListener('keydown', this.onKeyDown);
-    });
+    };
 
-    _defineProperty__default["default"](this, "stopTrackMouse", () => {
+    this.stopTrackMouse = () => {
       document.removeEventListener('mousemove', this.onMouseMove);
       document.removeEventListener('mouseup', this.onDragEnd);
       document.removeEventListener('keydown', this.onKeyDown);
       this.elCopyStyles = null;
-    });
+    };
 
-    _defineProperty__default["default"](this, "isCollapsed", item => {
+    this.isCollapsed = item => {
       const {
         collapsed
       } = this.props;
@@ -74,9 +83,9 @@ class Nestable extends React.Component {
         collapsedGroups
       } = this.state;
       return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
-    });
+    };
 
-    _defineProperty__default["default"](this, "checkFilterChildren", items => items.find(current => {
+    this.checkFilterChildren = items => items.find(current => {
       const {
         element: {
           type
@@ -85,9 +94,9 @@ class Nestable extends React.Component {
       } = current;
       if (type === 'filter' && children.length > 0) return true;
       return this.checkFilterChildren(children);
-    }));
+    });
 
-    _defineProperty__default["default"](this, "dragRevert", () => {
+    this.dragRevert = () => {
       const {
         itemsOld
       } = this.state;
@@ -97,7 +106,7 @@ class Nestable extends React.Component {
         dragItem: null,
         isDirty: false
       });
-    });
+    };
 
     this.state = {
       items: [],
@@ -170,15 +179,18 @@ class Nestable extends React.Component {
     return null;
   }
 
-  getPathById(id, items = this.getDefaultItems()) {
+  getPathById(id) {
+    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
     return paths.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 paths.getItemByPath.call(this, path, items);
   }
 
-  getSplicePath(path, options = {}) {
+  getSplicePath(path) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return paths.getSplicePath.call(this, path, options);
   }
 
@@ -215,11 +227,13 @@ class Nestable extends React.Component {
     tryDecreaseDepth.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.moveItem.call(this, {
       dragItem,
       pathFrom,
@@ -234,7 +248,7 @@ class Nestable extends React.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) {
@@ -276,11 +290,11 @@ class Nestable extends React.Component {
     let childClass = 'single';
     if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
     return /*#__PURE__*/_jsx__default["default"]("div", {
-      className: cn__default["default"]('nestable', `nestable-${group}`, {
+      className: cn__default["default"]('nestable', "nestable-".concat(group), {
         'is-drag-active': dragItem
       })
     }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default["default"](NestableItem, {
       index: i,
       isAndItem: isAndItem,

package/cjs/components/Nestable/NestableItem.js

@@ -2,6 +2,13 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('react');
 var cn = require('classnames');
 var jsxRuntime = require('react/jsx-runtime');
@@ -16,16 +23,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__default["default"](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,
@@ -39,7 +47,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__default["default"](`nestable-item${isCopy ? '-copy' : ''}`, `nestable-item${isCopy ? '-copy' : ''}-${item.id}`, `nestable-item-type-${item.element.type}`, {
+    className: cn__default["default"]("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,
@@ -79,7 +87,7 @@ const NestableItem = ({
   if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
   return /*#__PURE__*/jsxRuntime.jsxs("li", _objectSpread(_objectSpread({}, itemProps), {}, {
     children: [/*#__PURE__*/jsxRuntime.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,
@@ -87,7 +95,7 @@ const NestableItem = ({
         index
       })
     })), hasChildren && item.element.type === 'group' && !isCollapsed && /*#__PURE__*/_jsx__default["default"]("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__default["default"](NestableItem, {
       index: i,
       isAndItem: isAndGroup,

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

@@ -3,6 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var utils = require('@elliemae/ds-shared/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -54,7 +59,7 @@ function onMouseMove(e) {
     clientY
   } = e;
   const transformProps = utils.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 = utils.getOffsetRect(this.el);

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

@@ -2,6 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.every.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.every.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
 function getRealNextPath(prevPath, nextPath) {
   const {
     childrenProp
@@ -87,7 +96,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/cjs/components/Nestable/actions/moveItem.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var update = require('react-addons-update');
 
@@ -13,11 +18,13 @@ var update__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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/cjs/components/Nestable/actions/paths.js

@@ -2,6 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.every.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.every.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
 function getRealNextPath(prevPath, nextPath) {
   const {
     childrenProp
@@ -43,7 +52,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;
@@ -63,7 +73,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;
@@ -87,7 +98,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/cjs/components/QueryBuilderImpl.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
@@ -28,26 +33,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 class QueryBuilderImpl extends React.Component {
   constructor(props) {
     super(props);
+    this.isDraggableItem = true;
 
-    _defineProperty__default["default"](this, "isDraggableItem", true);
-
-    _defineProperty__default["default"](this, "onOrderDragAndDrop", (items, item) => {
+    this.onOrderDragAndDrop = (items, item) => {
       const newFilters = this.store.onOrderDragAndDrop(items, item);
       this.sendCall('reOrderOnDragAndDrop', {
         items
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onAddFilterToGroup", idGroup => {
+    this.onAddFilterToGroup = idGroup => {
       const newFilters = this.store.addFilter(idGroup);
       this.sendCall('onAddFilterToGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onAddFilter", (idGroup, idFilter) => {
+    this.onAddFilter = (idGroup, idFilter) => {
       const {
         addFilterMethod
       } = this.props;
@@ -57,9 +61,9 @@ class QueryBuilderImpl extends React.Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onAddRuleContainer", (idGroup, idFilter) => {
+    this.onAddRuleContainer = (idGroup, idFilter) => {
       const {
         groupFilterMethod
       } = this.props;
@@ -69,17 +73,17 @@ class QueryBuilderImpl extends React.Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "onRemoveFilter", idFilter => {
+    this.onRemoveFilter = idFilter => {
       const newFilters = this.store.onRemoveFilter(idFilter);
       this.sendCall('onRemoveFilter', {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleFieldChange", data => {
+    this.handleFieldChange = data => {
       const {
         fieldsSharedActions
       } = this.props;
@@ -90,26 +94,26 @@ class QueryBuilderImpl extends React.Component {
         data
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleRuleContainerOperator", (idGroup, value) => {
+    this.handleRuleContainerOperator = (idGroup, value) => {
       const newFilters = this.store.changeGroupOperator(idGroup, value);
       this.sendCall('handleRuleContainerOperator', {
         idGroup,
         value
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleRuleContainerUnGroup", idGroup => {
+    this.handleRuleContainerUnGroup = idGroup => {
       const newFilters = this.store.unGroup(idGroup);
       this.sendCall('handleRuleContainerUnGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleDropFilter", (filter, dragTo) => {
+    this.handleDropFilter = (filter, dragTo) => {
       const {
         position: oldPosition,
         idGroup,
@@ -125,9 +129,9 @@ class QueryBuilderImpl extends React.Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleDropGroup", (group, dragTo) => {
+    this.handleDropGroup = (group, dragTo) => {
       const {
         position: oldPosition,
         idFilter,
@@ -143,17 +147,17 @@ class QueryBuilderImpl extends React.Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "handleDrop", (dragElement, dragTo) => {
+    this.handleDrop = (dragElement, dragTo) => {
       const {
         type
       } = dragElement;
       if (type === types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
       return this.handleDropGroup(dragElement, dragTo);
-    });
+    };
 
-    _defineProperty__default["default"](this, "sendChange", _ref => {
+    this.sendChange = _ref => {
       let {
         format
       } = _ref,
@@ -166,16 +170,16 @@ class QueryBuilderImpl extends React.Component {
         onChange
       } = this.props;
       onChange(format, newFilters);
-    });
+    };
 
-    _defineProperty__default["default"](this, "sendCall", (action, data) => {
+    this.sendCall = (action, data) => {
       const {
         [action]: callback
       } = this.props;
       if (callback) callback(data);
-    });
+    };
 
-    _defineProperty__default["default"](this, "setDraggableItems", drag => {
+    this.setDraggableItems = drag => {
       this.isDraggableItem = true;
 
       try {
@@ -198,7 +202,7 @@ class QueryBuilderImpl extends React.Component {
       } catch (error) {
         this.isDraggableItem = true;
       }
-    });
+    };
 
     this.store = new store(props.init, props.format);
     this.state = this.store.getInitialState();
@@ -268,7 +272,7 @@ class QueryBuilderImpl extends React.Component {
         singleRow
       }
     }, void 0, /*#__PURE__*/jsxRuntime.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__default["default"](Nestable, {
         isAndItem: condition === true,
         isDraggableItem: this.isDraggableItem,