@elliemae/ds-query-builder 1.60.0 → 2.0.0-alpha.12

package/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,73 +1,62 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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';
 import { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';
 import { QB_DRAG_TYPES } from '../helpers/types.js';
 import AndOrController from '../AndOrController/AndOrController.js';
 import QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-tooltip';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-form';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-icon';
-import '../helpers/constants.js';
-import '../ToolBarAnimation/ToolBarAnimation.js';
-import '@elliemae/ds-shared/Animations/GrowRight';
-import '../DragContainerController/DragContainerController.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../helpers/dependencies.js';
-import 'lodash';
-import '@elliemae/ds-utilities/operators';
-import '../ConditionController/ConditionController.js';
-import '../DragControllerRow/DragControllerRow.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
 
-var QueryBuilderItem = function QueryBuilderItem(_ref) {
-  var item = _ref.item;
-  var element = item.element;
-  var type = element.type,
-      idFilter = element.idFilter,
-      idGroup = element.idGroup,
-      condition = element.condition;
-  return /*#__PURE__*/React.createElement(QueryBuilderContext.Consumer, null, function (_ref2) {
-    var fields = _ref2.fields,
-        handleFieldChange = _ref2.handleFieldChange,
-        _onAddFilter = _ref2.onAddFilter,
-        onAddFilterToGroup = _ref2.onAddFilterToGroup,
-        _onAddRuleContainer = _ref2.onAddRuleContainer,
-        _onRemoveFilter = _ref2.onRemoveFilter,
-        showDragController = _ref2.showDragController,
-        _handleRuleContainerOperator = _ref2.handleRuleContainerOperator,
-        _handleRuleContainerUnGroup = _ref2.handleRuleContainerUnGroup,
-        step = _ref2.step,
-        items = _ref2.items,
-        isDraggableItem = _ref2.isDraggableItem,
-        setDraggableItems = _ref2.setDraggableItems,
-        singleRow = _ref2.singleRow,
-        toolTipZIndex = _ref2.toolTipZIndex;
+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; }
+
+const QueryBuilderItem = _ref => {
+  let {
+    item
+  } = _ref;
+  const {
+    element
+  } = item;
+  const {
+    type,
+    idFilter,
+    idGroup,
+    condition
+  } = element;
+  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__*/React.createElement(QueryBuilderRow, _extends({}, element, {
+      return /*#__PURE__*/jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
         fields: fields,
         handleFieldChange: handleFieldChange,
         isDraggableItem: isDraggableItem,
         items: items,
-        onAddFilter: function onAddFilter() {
-          return _onAddFilter(idGroup, idFilter);
-        },
-        onAddRuleContainer: function onAddRuleContainer() {
-          return _onAddRuleContainer(idGroup, idFilter);
-        },
-        onRemoveFilter: function onRemoveFilter() {
-          return _onRemoveFilter(idFilter);
-        },
+        onAddFilter: () => onAddFilter(idGroup, idFilter),
+        onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
+        onRemoveFilter: () => onRemoveFilter(idFilter),
         setDraggableItems: setDraggableItems,
         showDragController: showDragController,
         step: step,
@@ -77,19 +66,13 @@ var QueryBuilderItem = function QueryBuilderItem(_ref) {
     }
 
     if (singleRow) return null;
-    return /*#__PURE__*/React.createElement(AndOrController, {
+    return /*#__PURE__*/_jsx(AndOrController, {
       allowUnGroup: true,
       condition: condition,
-      handleRuleContainerOperator: function handleRuleContainerOperator(value) {
-        return _handleRuleContainerOperator(idGroup, value);
-      },
-      handleRuleContainerUnGroup: function handleRuleContainerUnGroup() {
-        return _handleRuleContainerUnGroup(idGroup);
-      },
+      handleRuleContainerOperator: value => handleRuleContainerOperator(idGroup, value),
+      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
       multipleSize: false,
-      onAddFilter: function onAddFilter() {
-        return onAddFilterToGroup(idGroup);
-      },
+      onAddFilter: () => onAddFilterToGroup(idGroup),
       showDragController: true,
       step: step,
       toolTipZIndex: toolTipZIndex
@@ -98,4 +81,3 @@ var QueryBuilderItem = function QueryBuilderItem(_ref) {
 };
 
 export { QueryBuilderItem as default };
-//# sourceMappingURL=QueryBuilderItem.js.map

package/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,10 +1,13 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React, { Component } from 'react';
 import { AlertsDetail } from '@elliemae/ds-icons';
 import { DSTooltipV3 } from '@elliemae/ds-tooltip';
@@ -12,80 +15,61 @@ import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { resolveDependencies } from '../helpers/dependencies.js';
 import ConditionController from '../ConditionController/ConditionController.js';
 import DragControllerRow from '../DragControllerRow/DragControllerRow.js';
-import 'lodash';
-import '@elliemae/ds-utilities/operators';
-import '../helpers/types.js';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-icon';
-import '@elliemae/ds-button';
-import '../ToolBarAnimation/ToolBarAnimation.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-shared/Animations/GrowRight';
-import '../helpers/constants.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var RenderField = function RenderField(_ref) {
-  var target = _ref.target,
-      component = _ref.component,
-      valueProp = _ref.valueProp,
-      additionalInfo = _ref.additionalInfo,
-      handleMouseEnterInput = _ref.handleMouseEnterInput,
-      handleMouseLeaveInput = _ref.handleMouseLeaveInput,
-      onChangeHandler = _ref.onChangeHandler,
-      hasError = _ref.hasError;
-  var ref = React.useRef();
-  var id = React.useMemo(function () {
-    return "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26)));
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
+const RenderField = _ref => {
+  let {
+    target,
+    component,
+    valueProp,
+    additionalInfo,
+    handleMouseEnterInput,
+    handleMouseLeaveInput,
+    onChangeHandler,
+    hasError
+  } = _ref;
+  const ref = React.useRef();
+  const id = React.useMemo(() => "el_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
+  return /*#__PURE__*/_jsx("div", {
     className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
-    onMouseDownCapture: function onMouseDownCapture() {
+    onMouseDownCapture: () => {
       var _ref$current;
 
       // eslint-disable-next-line no-underscore-dangle
-      var _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
+      const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector("#".concat(id));
 
       if (_refInput && _refInput.focus) setTimeout(_refInput.focus());
       handleMouseEnterInput();
     },
-    onMouseEnter: function onMouseEnter() {
-      return handleMouseEnterInput();
-    },
-    onMouseLeave: function onMouseLeave() {
-      return handleMouseLeaveInput();
-    }
-  }, /*#__PURE__*/React.createElement("div", {
+    onMouseEnter: () => handleMouseEnterInput(),
+    onMouseLeave: () => handleMouseLeaveInput()
+  }, void 0, /*#__PURE__*/jsx("div", {
     ref: ref,
-    className: "em-ds-query-builder-row__input-controller"
-  }, /*#__PURE__*/React.cloneElement(component, {
-    id: id,
-    onChange: function onChange(e, extraData) {
-      return onChangeHandler(e, target, extraData);
-    },
-    value: valueProp != null ? valueProp : '',
-    checked: valueProp === true,
-    additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
-    'aria-invalid': Boolean(hasError)
-  })), hasError && hasError.errorMessage ? /*#__PURE__*/React.createElement("div", {
+    className: "em-ds-query-builder-row__input-controller",
+    children: /*#__PURE__*/React.cloneElement(component, {
+      id,
+      onChange: (e, extraData) => onChangeHandler(e, target, extraData),
+      value: valueProp != null ? valueProp : '',
+      checked: valueProp === true,
+      additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
+      'aria-invalid': Boolean(hasError)
+    })
+  }), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx("div", {
     style: {
       width: '40px'
     }
-  }, /*#__PURE__*/React.createElement(DSTooltipV3, {
+  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
     text: hasError.errorMessage
-  }, /*#__PURE__*/React.createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx("div", {
     tabIndex: 0,
     className: "row-icon-alert",
     "data-testid": "qb-error-state-icon",
     role: "alert"
-  }, /*#__PURE__*/React.createElement(AlertsDetail, {
+  }, void 0, /*#__PURE__*/_jsx(AlertsDetail, {
     width: 20,
     height: 20,
     color: ['danger', 900],
@@ -118,142 +102,145 @@ var RenderField = function RenderField(_ref) {
   // );
 };
 
-var QueryBuilderRow = /*#__PURE__*/function (_Component) {
-  _inherits(QueryBuilderRow, _Component);
-
-  var _super = _createSuper(QueryBuilderRow);
-
-  function QueryBuilderRow(props) {
-    var _this;
-
-    _classCallCheck(this, QueryBuilderRow);
+class QueryBuilderRow extends Component {
+  constructor(props) {
+    super(props);
 
-    _this = _super.call(this, props);
+    this.handleMouseEnterRow = () => {};
 
-    _this.handleMouseEnterRow = function () {};
-
-    _this.handleMouseLeaveRow = function () {
-      _this.handleTooltipRow(false);
+    this.handleMouseLeaveRow = () => {
+      this.handleTooltipRow(false);
     };
 
-    _this.handleMouseEnterInput = function () {
-      var setDraggableItems = _this.props.setDraggableItems;
+    this.handleMouseEnterInput = () => {
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(false);
     };
 
-    _this.handleMouseLeaveInput = function () {
-      var setDraggableItems = _this.props.setDraggableItems;
+    this.handleMouseLeaveInput = () => {
+      const {
+        setDraggableItems
+      } = this.props;
       setDraggableItems(true);
     };
 
-    _this.handleTooltipRow = function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
+    this.handleTooltipRow = isOpen => {
+      this.setState({
+        isOpen
       });
     };
 
-    _this.state = {
+    this.state = {
       isOpen: false
     };
-    return _this;
   }
 
-  _createClass(QueryBuilderRow, [{
-    key: "onChangeHandler",
-    value: function onChangeHandler(e, target, extraData, hasError) {
-      var _objectSpread2, _handleFieldChange;
-
-      var _this$props = this.props,
-          handleFieldChange = _this$props.handleFieldChange,
-          idFilter = _this$props.idFilter,
-          idGroup = _this$props.idGroup,
-          additionalInfo = _this$props.additionalInfo;
-          _this$props.field;
-          _this$props.operator;
-          _this$props.value;
-      var eventValue = e;
+  onChangeHandler(e, target, extraData, hasError) {
+    const {
+      handleFieldChange,
+      idFilter,
+      idGroup,
+      additionalInfo,
+      field,
+      operator,
+      value
+    } = this.props;
+    let eventValue = e;
 
-      if (e && e.target) {
-        var _e$target = e.target,
-            _value = _e$target.value,
-            checked = _e$target.checked;
-        if (_value || _value === '' || typeof _value === 'boolean') eventValue = _value;else eventValue = checked || e;
-      }
-
-      handleFieldChange((_handleFieldChange = {}, _defineProperty(_handleFieldChange, target, eventValue), _defineProperty(_handleFieldChange, "idFilter", idFilter), _defineProperty(_handleFieldChange, "idGroup", idGroup), _defineProperty(_handleFieldChange, "additionalInfo", _objectSpread(_objectSpread({}, additionalInfo), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, target, extraData), _defineProperty(_objectSpread2, "".concat(target, "_error"), hasError), _defineProperty(_objectSpread2, "".concat(target, "_touched"), true), _objectSpread2))), _defineProperty(_handleFieldChange, "target", target), _handleFieldChange));
+    if (e && e.target) {
+      const {
+        value,
+        checked
+      } = e.target;
+      if (value || value === '' || typeof value === 'boolean') eventValue = value;else eventValue = checked || e;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var isOpen = this.state.isOpen;
-      var _this$props2 = this.props,
-          fields = _this$props2.fields,
-          onAddFilter = _this$props2.onAddFilter,
-          onRemoveFilter = _this$props2.onRemoveFilter,
-          onAddRuleContainer = _this$props2.onAddRuleContainer,
-          field = _this$props2.field,
-          operator = _this$props2.operator,
-          value = _this$props2.value,
-          additionalInfo = _this$props2.additionalInfo,
-          items = _this$props2.items,
-          singleRow = _this$props2.singleRow,
-          toolTipZIndex = _this$props2.toolTipZIndex;
-          _this$props2.error;
 
-      var _convertPropToCssClas = convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row'),
-          cssClassName = _convertPropToCssClas.cssClassName,
-          classNameBlock = _convertPropToCssClas.classNameBlock,
-          classNameElement = _convertPropToCssClas.classNameElement;
+    handleFieldChange({
+      [target]: eventValue,
+      idFilter,
+      idGroup,
+      additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
+        [target]: extraData,
+        ["".concat(target, "_error")]: hasError,
+        ["".concat(target, "_touched")]: true
+      }),
+      target
+    });
+  }
 
-      var test = resolveDependencies({
-        field: field,
-        operator: operator,
-        value: value,
-        additionalInfo: additionalInfo
-      }, fields);
-      var gridTemplateColumns = ['24px'].concat(_toConsumableArray(test.map(function () {
-        return 'minmax(0, 1fr)';
-      })), ['30px']).join(' ');
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  render() {
+    const {
+      isOpen
+    } = this.state;
+    const {
+      fields,
+      onAddFilter,
+      onRemoveFilter,
+      onAddRuleContainer,
+      field,
+      operator,
+      value,
+      additionalInfo,
+      items,
+      singleRow,
+      toolTipZIndex,
+      error
+    } = this.props;
+    const {
+      cssClassName,
+      classNameBlock,
+      classNameElement
+    } = convertPropToCssClassName('query-builder-row', isOpen ? 'has-open-tooltip' : 'has-close-tooltip', singleRow ? 'is-single-row' : 'is-multiple-row');
+    const test = resolveDependencies({
+      field,
+      operator,
+      value,
+      additionalInfo
+    }, fields);
+    const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');
+    return /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/_jsx("div", {
         className: cssClassName,
         onMouseEnter: this.handleMouseEnterRow,
         onMouseLeave: this.handleMouseLeaveRow,
         style: {
-          gridTemplateColumns: gridTemplateColumns
+          gridTemplateColumns
         }
-      }, !singleRow && /*#__PURE__*/React.createElement(DragControllerRow, {
+      }, void 0, !singleRow && /*#__PURE__*/_jsx(DragControllerRow, {
         className: classNameElement('drag-controller'),
-        onMouseDownCapture: function onMouseDownCapture() {
-          return _this2.handleMouseLeaveInput();
-        }
-      }), test.map(function (renderField) {
-        var target = renderField.target,
-            component = renderField.component;
-        var valueProp = _this2.props[target];
-        var isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
-        var hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
-          field: field,
-          operator: operator,
-          value: value,
-          additionalInfo: additionalInfo
+        onMouseDownCapture: () => this.handleMouseLeaveInput()
+      }), test.map(renderField => {
+        const {
+          target,
+          component
+        } = renderField;
+        const {
+          [target]: valueProp
+        } = this.props;
+        const isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
+        const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
+          field,
+          operator,
+          value,
+          additionalInfo
         }) : false;
-        return /*#__PURE__*/React.createElement(RenderField, {
+        return /*#__PURE__*/_jsx(RenderField, {
           component: component,
           target: target,
           valueProp: valueProp,
-          onChangeHandler: function onChangeHandler(e, target, extraData) {
-            _this2.onChangeHandler(e, target, extraData, hasError);
+          onChangeHandler: (e, target, extraData) => {
+            this.onChangeHandler(e, target, extraData, hasError);
           },
-          handleMouseEnterInput: _this2.handleMouseEnterInput,
-          handleMouseLeaveInput: _this2.handleMouseLeaveInput,
+          handleMouseEnterInput: this.handleMouseEnterInput,
+          handleMouseLeaveInput: this.handleMouseLeaveInput,
           additionalInfo: additionalInfo,
           hasError: isTouched && hasError
         });
-      }), !singleRow && /*#__PURE__*/React.createElement("div", {
+      }), !singleRow && /*#__PURE__*/_jsx("div", {
         className: classNameBlock('controller')
-      }, /*#__PURE__*/React.createElement(ConditionController, {
+      }, void 0, /*#__PURE__*/_jsx(ConditionController, {
         handleTooltipRow: this.handleTooltipRow,
         isOpen: isOpen,
         items: items,
@@ -261,12 +248,10 @@ var QueryBuilderRow = /*#__PURE__*/function (_Component) {
         onAddRuleContainer: onAddRuleContainer,
         onRemoveFilter: onRemoveFilter,
         toolTipZIndex: toolTipZIndex
-      }))));
-    }
-  }]);
+      })))
+    });
+  }
 
-  return QueryBuilderRow;
-}(Component);
+}
 
 export { QueryBuilderRow as default };
-//# sourceMappingURL=QueryBuilderRow.js.map

package/esm/components/ToolBarAnimation/ToolBarAnimation.js

@@ -1,14 +1,20 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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 { createElement } from 'react';
 import GrowRight from '@elliemae/ds-shared/Animations/GrowRight';
 
-var ToolBarAnimation = function ToolBarAnimation(props) {
-  return /*#__PURE__*/React.createElement(GrowRight, _extends({}, props, {
-    key: "popper-animation-key",
-    from: 0.5,
-    to: 1
-  }));
-};
+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; }
+
+const ToolBarAnimation = props => /*#__PURE__*/createElement(GrowRight, _objectSpread(_objectSpread({}, props), {}, {
+  key: "popper-animation-key",
+  from: 0.5,
+  to: 1
+}));
 
 export { ToolBarAnimation };
-//# sourceMappingURL=ToolBarAnimation.js.map

package/esm/components/format/format.js

@@ -1,39 +1,31 @@
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
 import { sqlFormat } from './sqlFormat.js';
 import { xmlFormat } from './xmlFormat.js';
 import { sqlSafeFormat } from './sqlSafeFormat.js';
-import '../helpers/types.js';
 
-var QueryBuilderFormat = function QueryBuilderFormat() {
-  var _this = this;
+class QueryBuilderFormat {
+  constructor() {
+    this.format = {
+      defaultFormat: query => query,
+      sqlFormat,
+      xmlFormat,
+      sqlSafeFormat
+    };
+    this.currentFormat = 'sqlFormat';
 
-  _classCallCheck(this, QueryBuilderFormat);
+    this.setDefaultFormat = formatName => {
+      if (this.format[formatName]) this.currentFormat = formatName;
+    };
 
-  this.format = {
-    defaultFormat: function defaultFormat(query) {
-      return query;
-    },
-    sqlFormat: sqlFormat,
-    xmlFormat: xmlFormat,
-    sqlSafeFormat: sqlSafeFormat
-  };
-  this.currentFormat = 'sqlFormat';
+    this.addFormat = (formatName, format) => this.format[formatName] = format;
 
-  this.setDefaultFormat = function (formatName) {
-    if (_this.format[formatName]) _this.currentFormat = formatName;
-  };
+    this.run = (query, formatName) => {
+      if (this.format[formatName]) return this.format[formatName](query);
+      return this.format[this.currentFormat](query);
+    };
+  }
 
-  this.addFormat = function (formatName, format) {
-    return _this.format[formatName] = format;
-  };
-
-  this.run = function (query, formatName) {
-    if (_this.format[formatName]) return _this.format[formatName](query);
-    return _this.format[_this.currentFormat](query);
-  };
-};
+}
 
 var QueryBuilderFormat$1 = new QueryBuilderFormat();
 
 export { QueryBuilderFormat$1 as default };
-//# sourceMappingURL=format.js.map