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

package/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -1,8 +1,16 @@
+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 '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/AlertsDetail';
-import { DSTooltipV2 } from '@elliemae/ds-basic/Tooltip';
+import { AlertsDetail } from '@elliemae/ds-icons';
+import { DSTooltipV3 } from '@elliemae/ds-tooltip';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { resolveDependencies } from '../helpers/dependencies.js';
 import ConditionController from '../ConditionController/ConditionController.js';
@@ -13,25 +21,26 @@ 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 RenderField = ({
-  target,
-  component,
-  valueProp,
-  additionalInfo,
-  handleMouseEnterInput,
-  handleMouseLeaveInput,
-  onChangeHandler,
-  hasError
-}) => {
+const RenderField = _ref => {
+  let {
+    target,
+    component,
+    valueProp,
+    additionalInfo,
+    handleMouseEnterInput,
+    handleMouseLeaveInput,
+    onChangeHandler,
+    hasError
+  } = _ref;
   const ref = React.useRef();
-  const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);
+  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-${target} ${hasError && hasError.error ? 'row-input-error' : ''}`,
+    className: "em-ds-query-builder-row-input child-type-".concat(target, " ").concat(hasError && hasError.error ? 'row-input-error' : ''),
     onMouseDownCapture: () => {
       var _ref$current;
 
       // eslint-disable-next-line no-underscore-dangle
-      const _refInput = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(`#${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();
@@ -50,20 +59,22 @@ const RenderField = ({
       'aria-invalid': Boolean(hasError)
     })
   }), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx("div", {
+    style: {
+      width: '40px'
+    }
+  }, void 0, /*#__PURE__*/_jsx(DSTooltipV3, {
+    text: hasError.errorMessage
+  }, void 0, /*#__PURE__*/_jsx("div", {
     tabIndex: 0,
     className: "row-icon-alert",
     "data-testid": "qb-error-state-icon",
-    role: "alert",
-    "aria-label": hasError.errorMessage
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV2, {
-    title: hasError.errorMessage,
-    triggerComponent: /*#__PURE__*/_jsx(AlertsDetail, {
-      width: 20,
-      height: 20,
-      color: ['danger', 900],
-      title: hasError.message
-    })
-  })) : null); // return React.useMemo(
+    role: "alert"
+  }, void 0, /*#__PURE__*/_jsx(AlertsDetail, {
+    width: 20,
+    height: 20,
+    color: ['danger', 900],
+    title: hasError.errorMessage
+  })))) : null); // return React.useMemo(
   //   () => (
   //     <div
   //       className={`em-ds-query-builder-row-input child-type-${target}`}
@@ -152,8 +163,8 @@ class QueryBuilderRow extends Component {
       idGroup,
       additionalInfo: _objectSpread(_objectSpread({}, additionalInfo), {}, {
         [target]: extraData,
-        [`${target}_error`]: hasError,
-        [`${target}_touched`]: true
+        ["".concat(target, "_error")]: hasError,
+        ["".concat(target, "_touched")]: true
       }),
       target
     });
@@ -208,7 +219,7 @@ class QueryBuilderRow extends Component {
         const {
           [target]: valueProp
         } = this.props;
-        const isTouched = additionalInfo && additionalInfo[`${target}_touched`];
+        const isTouched = additionalInfo && additionalInfo["".concat(target, "_touched")];
         const hasError = renderField && renderField.validation ? renderField.validation(valueProp, {
           field,
           operator,

package/esm/components/ToolBarAnimation/ToolBarAnimation.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { createElement } from 'react';
 import GrowRight from '@elliemae/ds-shared/Animations/GrowRight';

package/esm/components/format/sqlFormat.js

@@ -1,7 +1,7 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { QB_OPERATOR_TYPES } from '../helpers/types.js';
 
-/* eslint-disable complexity */
-
 const conditionSql = (condition, value) => {
   const {
     EQUAL,
@@ -15,16 +15,16 @@ const conditionSql = (condition, value) => {
     LESS_THAN_OR_EQUAL,
     START_WITH
   } = QB_OPERATOR_TYPES;
-  if (condition === EQUAL) return ` = '${value}'`;
-  if (condition === NOT_EQUAL) return ` <> '${value}'`;
-  if (condition === GREATER_THAN) return ` > ${value}`;
-  if (condition === LESS_THAN) return ` < ${value}`;
-  if (condition === CONTAINS) return ` LIKE '%${value}%'`;
-  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;
-  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;
-  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;
-  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;
-  if (condition === START_WITH) return ` LIKE '${value}%'`;
+  if (condition === EQUAL) return " = '".concat(value, "'");
+  if (condition === NOT_EQUAL) return " <> '".concat(value, "'");
+  if (condition === GREATER_THAN) return " > ".concat(value);
+  if (condition === LESS_THAN) return " < ".concat(value);
+  if (condition === CONTAINS) return " LIKE '%".concat(value, "%'");
+  if (condition === NOT_CONTAINS) return " NOT LIKE '%".concat(value, "%'");
+  if (condition === BETWEEN) return " BETWEEN ".concat(value[0], " AND ").concat(value[1], " ");
+  if (condition === GREATER_THAN_OR_EQUAL) return " >= ".concat(value);
+  if (condition === LESS_THAN_OR_EQUAL) return " <= ".concat(value);
+  if (condition === START_WITH) return " LIKE '".concat(value, "%'");
   return condition;
 };
 
@@ -34,33 +34,35 @@ const renderFilterSQl = filter => {
     operator,
     value
   } = filter.element;
-  return `${field} ${conditionSql(operator, value) || ''}`;
+  return "".concat(field, " ").concat(conditionSql(operator, value) || '');
 };
 
-const sqlFormat = ({
-  main,
-  mapGroups,
-  items
-}) => {
+const sqlFormat = _ref => {
+  let {
+    main,
+    mapGroups,
+    items
+  } = _ref;
+
   const groupSql = (item, idGroup) => {
     if (idGroup === main) {
       const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line
+      return " ( ".concat(filterSql(item, groupCondition), " ) "); // eslint-disable-line
     }
 
     const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line
+    return " ( ".concat(filterSql(item.children, groupCondition), " ) "); // eslint-disable-line
   };
 
   const filterSql = (filters, groupCondition) => {
     const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return ` ${renderFilterSQl(filter)} `;
-      return ` ${groupSql(filter) || ''} `;
+      if (filter.element.type === 'filter') return " ".concat(renderFilterSQl(filter), " ");
+      return " ".concat(groupSql(filter) || '', " ");
     });
     return filterGroup.join(groupCondition);
   };
 
-  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;
+  const sql = " FROM [TABLE_NAME] WHERE ".concat(groupSql(items, main) || '', " ");
   return sql;
 };
 

package/esm/components/format/sqlSafeFormat.js

@@ -1,7 +1,7 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { QB_OPERATOR_TYPES } from '../helpers/types.js';
 
-/* eslint-disable complexity */
-
 const specialChar = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
 
 const conditionSql = (condition, value) => {
@@ -18,17 +18,17 @@ const conditionSql = (condition, value) => {
     START_WITH
   } = QB_OPERATOR_TYPES; // eslint-disable-next-line no-restricted-globals
 
-  const valueDisplay = isNaN(value) ? `'${value}'` : value;
-  if (condition === EQUAL) return ` = ${valueDisplay}`;
-  if (condition === NOT_EQUAL) return ` <> ${valueDisplay}`;
-  if (condition === GREATER_THAN) return ` > ${valueDisplay}`;
-  if (condition === LESS_THAN) return ` < ${valueDisplay}`;
-  if (condition === CONTAINS) return ` LIKE '%${value}%'`;
-  if (condition === NOT_CONTAINS) return ` NOT LIKE '%${value}%'`;
-  if (condition === BETWEEN) return ` BETWEEN ${value[0]} AND ${value[1]} `;
-  if (condition === GREATER_THAN_OR_EQUAL) return ` >= ${value}`;
-  if (condition === LESS_THAN_OR_EQUAL) return ` <= ${value}`;
-  if (condition === START_WITH) return ` LIKE '${value}%'`;
+  const valueDisplay = isNaN(value) ? "'".concat(value, "'") : value;
+  if (condition === EQUAL) return " = ".concat(valueDisplay);
+  if (condition === NOT_EQUAL) return " <> ".concat(valueDisplay);
+  if (condition === GREATER_THAN) return " > ".concat(valueDisplay);
+  if (condition === LESS_THAN) return " < ".concat(valueDisplay);
+  if (condition === CONTAINS) return " LIKE '%".concat(value, "%'");
+  if (condition === NOT_CONTAINS) return " NOT LIKE '%".concat(value, "%'");
+  if (condition === BETWEEN) return " BETWEEN ".concat(value[0], " AND ").concat(value[1], " ");
+  if (condition === GREATER_THAN_OR_EQUAL) return " >= ".concat(value);
+  if (condition === LESS_THAN_OR_EQUAL) return " <= ".concat(value);
+  if (condition === START_WITH) return " LIKE '".concat(value, "%'");
   return condition;
 };
 
@@ -40,34 +40,36 @@ const renderFilterSQl = filter => {
   } = filter.element; // eslint-disable-next-line no-restricted-globals
 
   const fieldDisplay = // eslint-disable-next-line no-restricted-globals
-  /[.]/.test(field) || !isNaN(field) ? `\\"${field}\\"` : field;
-  return `${fieldDisplay} ${conditionSql(operator, value) || ''}`;
+  /[.]/.test(field) || !isNaN(field) ? "\\\"".concat(field, "\\\"") : field;
+  return "".concat(fieldDisplay, " ").concat(conditionSql(operator, value) || '');
 };
 
-const sqlSafeFormat = ({
-  main,
-  mapGroups,
-  items
-}) => {
+const sqlSafeFormat = _ref => {
+  let {
+    main,
+    mapGroups,
+    items
+  } = _ref;
+
   const groupSql = (item, idGroup) => {
     if (idGroup === main) {
       const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return ` ( ${filterSql(item, groupCondition)} ) `; // eslint-disable-line
+      return " ( ".concat(filterSql(item, groupCondition), " ) "); // eslint-disable-line
     }
 
     const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return ` ( ${filterSql(item.children, groupCondition)} ) `; // eslint-disable-line
+    return " ( ".concat(filterSql(item.children, groupCondition), " ) "); // eslint-disable-line
   };
 
   const filterSql = (filters, groupCondition) => {
     const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return ` ${renderFilterSQl(filter)} `;
-      return ` ${groupSql(filter) || ''} `;
+      if (filter.element.type === 'filter') return " ".concat(renderFilterSQl(filter), " ");
+      return " ".concat(groupSql(filter) || '', " ");
     });
     return filterGroup.join(groupCondition);
   };
 
-  const sql = ` FROM [TABLE_NAME] WHERE ${groupSql(items, main) || ''} `;
+  const sql = " FROM [TABLE_NAME] WHERE ".concat(groupSql(items, main) || '', " ");
   return sql;
 };
 

package/esm/components/format/xmlFormat.js

@@ -1,7 +1,7 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { QB_OPERATOR_TYPES } from '../helpers/types.js';
 
-/* eslint-disable complexity */
-
 const conditionSql = (condition, value) => {
   const {
     EQUAL,
@@ -15,16 +15,16 @@ const conditionSql = (condition, value) => {
     LESS_THAN_OR_EQUAL,
     START_WITH
   } = QB_OPERATOR_TYPES;
-  if (condition === EQUAL) return `<condition>EQUAL</condition><value>${value}</value>`;
-  if (condition === NOT_EQUAL) return `<condition>NOT_EQUAL</condition><value>${value}</value>`;
-  if (condition === GREATER_THAN) return `<condition>GREATER_THAN</condition><value>${value}</value>`;
-  if (condition === LESS_THAN) return `<condition>LESS_THAN</condition><value>${value}</value>`;
-  if (condition === CONTAINS) return `<condition>LIKE</condition><value>${value}</value>`;
-  if (condition === NOT_CONTAINS) return `<condition>NOT_LIKE</condition><value>${value}</value>`;
-  if (condition === BETWEEN) return `<condition>NOT_LIKE</condition><value><from>${value[0]}</from><to>${value[1]}</to></value>`;
-  if (condition === GREATER_THAN_OR_EQUAL) return `<condition>GREATER_THAN_OR_EQUAL</condition><value>${value}</value>`;
-  if (condition === LESS_THAN_OR_EQUAL) return `<condition>LESS_THAN_OR_EQUAL</condition><value>${value}</value>`;
-  if (condition === START_WITH) return `<condition>GREATER_THAN</condition><value>${value}</value>`;
+  if (condition === EQUAL) return "<condition>EQUAL</condition><value>".concat(value, "</value>");
+  if (condition === NOT_EQUAL) return "<condition>NOT_EQUAL</condition><value>".concat(value, "</value>");
+  if (condition === GREATER_THAN) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
+  if (condition === LESS_THAN) return "<condition>LESS_THAN</condition><value>".concat(value, "</value>");
+  if (condition === CONTAINS) return "<condition>LIKE</condition><value>".concat(value, "</value>");
+  if (condition === NOT_CONTAINS) return "<condition>NOT_LIKE</condition><value>".concat(value, "</value>");
+  if (condition === BETWEEN) return "<condition>NOT_LIKE</condition><value><from>".concat(value[0], "</from><to>").concat(value[1], "</to></value>");
+  if (condition === GREATER_THAN_OR_EQUAL) return "<condition>GREATER_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
+  if (condition === LESS_THAN_OR_EQUAL) return "<condition>LESS_THAN_OR_EQUAL</condition><value>".concat(value, "</value>");
+  if (condition === START_WITH) return "<condition>GREATER_THAN</condition><value>".concat(value, "</value>");
   return condition;
 };
 
@@ -34,33 +34,35 @@ const renderFilterSQl = filter => {
     operator,
     value
   } = filter.element;
-  return `<filter><field>${field}</field>${conditionSql(operator, value) || ''}</filter>`;
+  return "<filter><field>".concat(field, "</field>").concat(conditionSql(operator, value) || '', "</filter>");
 };
 
-const xmlFormat = ({
-  main,
-  mapGroups,
-  items
-}) => {
+const xmlFormat = _ref => {
+  let {
+    main,
+    mapGroups,
+    items
+  } = _ref;
+
   const groupXML = (item, idGroup) => {
     if (idGroup === main) {
       const groupCondition = mapGroups[idGroup].condition === true ? 'AND' : 'OR';
-      return `<group value="${groupCondition}">${filterXML(item)}</group>`; // eslint-disable-line
+      return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item), "</group>"); // eslint-disable-line
     }
 
     const groupCondition = item.element.condition === true ? 'AND' : 'OR';
-    return `<group value="${groupCondition}">${filterXML(item.children)}</group>`; // eslint-disable-line
+    return "<group value=\"".concat(groupCondition, "\">").concat(filterXML(item.children), "</group>"); // eslint-disable-line
   };
 
   const filterXML = filters => {
     const filterGroup = filters.map(filter => {
-      if (filter.element.type === 'filter') return `${renderFilterSQl(filter) || ''} `;
-      return ` ${groupXML(filter)} `;
+      if (filter.element.type === 'filter') return "".concat(renderFilterSQl(filter) || '', " ");
+      return " ".concat(groupXML(filter), " ");
     });
     return filterGroup.join('');
   };
 
-  const xml = `<xml><query>${groupXML(items, main) || ''}</query></xml>`;
+  const xml = "<xml><query>".concat(groupXML(items, main) || '', "</query></xml>");
   return xml;
 };
 

package/esm/components/helpers/actions.js

@@ -1,4 +1,13 @@
 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.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { QB_DRAG_TYPES, QB_GROUP_CONDITION_TYPES, QB_FIELD_SHARED_ACTIONS } from './types.js';
 
 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; }
@@ -12,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 
 const createNewFilter = function (idGroup) {
-  const idFilter = `filter_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+  const idFilter = "filter_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     idGroup,
     field: '',
@@ -30,7 +39,7 @@ const createNewFilter = function (idGroup) {
  */
 
 const createNewGroup = function (parentIdGroup) {
-  const idGroup = `group_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+  const idGroup = "group_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     parentIdGroup,
     idGroup,
@@ -76,9 +85,12 @@ const addFilterToMainItem = function (items, newFilter) {
   });
 };
 const findInChilds = function (childs, filterId) {
-  const found = childs.find(({
-    id
-  }) => id === filterId);
+  const found = childs.find(_ref => {
+    let {
+      id
+    } = _ref;
+    return id === filterId;
+  });
 
   if (!found) {
     let findInChild;
@@ -94,9 +106,12 @@ const findItemFilterById = function (filterId) {
   return findInChilds(this.items, filterId);
 };
 const findParentWithFilterId = function (childs, filterId) {
-  const found = childs.find(({
-    id
-  }) => id === filterId);
+  const found = childs.find(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id === filterId;
+  });
 
   if (!found) {
     let findInChild;
@@ -113,17 +128,23 @@ const findParentFilterById = function (filterId) {
 };
 const filterInChildren = function (childs, filterId, mainId) {
   if (childs.children) {
-    childs.children = childs.children.filter(({
-      id
-    }) => id !== filterId);
+    childs.children = childs.children.filter(_ref3 => {
+      let {
+        id
+      } = _ref3;
+      return id !== filterId;
+    });
     childs.children = childs.children.forEach(item => filterInChildren(item.children, filterId));
     return childs;
   } // main
 
 
-  if (childs.length > 1) childs = childs.filter(({
-    id
-  }) => id !== filterId); // https://jira.elliemae.io/browse/PUI-1252
+  if (childs.length > 1) childs = childs.filter(_ref4 => {
+    let {
+      id
+    } = _ref4;
+    return id !== filterId;
+  }); // https://jira.elliemae.io/browse/PUI-1252
 
   if (childs.length === 0 && mainId) {
     const emptyFilter = createNewFilter.call(this, mainId);
@@ -186,19 +207,20 @@ const changeGroupOperator = function (idGroup, value) {
     group.element.condition = value;
   }
 };
-const changeFilterItem = function ({
-  idFilter,
-  field,
-  value,
-  operator,
-  additionalInfo,
-  target,
-  fieldsSharedActions: {
-    onFieldChange,
-    onOperatorChange,
-    onValueChange
-  }
-}) {
+const changeFilterItem = function (_ref5) {
+  let {
+    idFilter,
+    field,
+    value,
+    operator,
+    additionalInfo,
+    target,
+    fieldsSharedActions: {
+      onFieldChange,
+      onOperatorChange,
+      onValueChange
+    }
+  } = _ref5;
   const child = findItemFilterById.call(this, idFilter);
   if (field || field === '' || typeof field === 'boolean') child.element.field = field;
   if (operator) child.element.operator = operator;
@@ -206,21 +228,24 @@ const changeFilterItem = function ({
   if (additionalInfo) child.element.additionalInfo = additionalInfo; // shared fields actions
 
   if (target === 'field') {
-    onFieldChange.forEach(({
-      action
-    }) => {
+    onFieldChange.forEach(_ref6 => {
+      let {
+        action
+      } = _ref6;
       if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   } else if (target === 'operator') {
-    onOperatorChange.forEach(({
-      action
-    }) => {
+    onOperatorChange.forEach(_ref7 => {
+      let {
+        action
+      } = _ref7;
       if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   } else if (target === 'value') {
-    onValueChange.forEach(({
-      action
-    }) => {
+    onValueChange.forEach(_ref8 => {
+      let {
+        action
+      } = _ref8;
       if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD) child.element.field = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR) child.element.operator = null;else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE) child.element.value = null;
     });
   }

package/esm/components/helpers/dependencies.js

@@ -1,8 +1,16 @@
+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.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { get } from 'lodash';
 import * as operators from '@elliemae/ds-utilities/operators';
 import { QB_GROUP_CONDITION_TYPES } from './types.js';
 
-const resolveCondition = (condition, state, resolveBy = QB_GROUP_CONDITION_TYPES.AND) => {
+const resolveCondition = function (condition, state) {
+  let resolveBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : QB_GROUP_CONDITION_TYPES.AND;
   if (condition.length === 0 || !condition) return true; // resolve by AND: all the conditions must be true
 
   if (resolveBy) {
@@ -29,13 +37,14 @@ const resolveCondition = (condition, state, resolveBy = QB_GROUP_CONDITION_TYPES
 };
 
 const resolveDependencies = (state, fields) => {
-  const fieldsToRender = fields.reduce((result, {
-    target,
-    component,
-    condition,
-    resolveBy,
-    validation
-  }) => {
+  const fieldsToRender = fields.reduce((result, _ref) => {
+    let {
+      target,
+      component,
+      condition,
+      resolveBy,
+      validation
+    } = _ref;
     if (resolveCondition(condition, state, resolveBy)) result.push({
       target,
       component,

package/esm/components/helpers/store.js

@@ -1,4 +1,9 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { createNewFilter, createNewGroup, addFilterToMap, addFilterToMainItem, findItemFilterById, addFilterToItem, removeFilterItem, addGroupFilterToItem, addGroupToMap, unGroupFilterToItem, changeGroupOperator, changeFilterItem } from './actions.js';
 import QueryBuilderFormat from '../format/format.js';
 

package/esm/index.js

@@ -1,4 +1,4 @@
-export { DSQueryBuilderWithSchema, default } from './DSQueryBuilder.js';
+export { DSQueryBuilder, DSQueryBuilderWithSchema, DSQueryBuilder as default } from './DSQueryBuilder.js';
 export { QB_ADD_FILTER_METHOD_TYPES, QB_DRAG_LOCATIONS, QB_DRAG_TYPES, QB_EXPORT_FORMAT_TYPES, QB_FIELD_SHARED_ACTIONS, QB_FIELD_TYPES, QB_GROUP_CONDITION_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_OPERATOR_TYPES } from './components/helpers/types.js';
 export { QB_DEFAULT_VALUES_OPTIONS, QB_FIELD_OPTIONS, QB_LOAN_VALUES_OPTIONS, QB_OPERATOR_OPTIONS, QB_SUBJECT_VALUES_OPTIONS } from './components/helpers/selectors.js';
 export { default as QueryBuilderFormat } from './components/format/format.js';

package/esm/propTypes.js

@@ -73,9 +73,7 @@ const props = {
 
   /** remove filter callback */
   onRemoveFilter: PropTypes.func.description('remove filter callback'),
-  displayFixedOutput: PropTypes.string.description(`Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel' 
-  and it will always render the output without the ability to close it. 
-  `).defaultValue(''),
+  displayFixedOutput: PropTypes.string.description("Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel' \n  and it will always render the output without the ability to close it. \n  ").defaultValue(''),
 
   /** show output */
   displayOutput: PropTypes.bool.description('show output'),