@elliemae/ds-query-builder 2.0.0-alpha.1 → 2.0.0-alpha.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();
@@ -46,19 +55,26 @@ const RenderField = ({
       onChange: (e, extraData) => onChangeHandler(e, target, extraData),
       value: valueProp != null ? valueProp : '',
       checked: valueProp === true,
-      additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {}
+      additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
+      'aria-invalid': Boolean(hasError)
     })
-  }), hasError && hasError.errorMessage ? /*#__PURE__*/_jsx("span", {
+  }), 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"
-  }, void 0, /*#__PURE__*/_jsx(DSTooltipV2, {
-    title: hasError.errorMessage,
-    triggerComponent: /*#__PURE__*/_jsx(AlertsDetail, {
-      width: 20,
-      height: 20,
-      color: ['danger', 900]
-    })
-  })) : null); // return React.useMemo(
+    "data-testid": "qb-error-state-icon",
+    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}`}
@@ -90,31 +106,31 @@ class QueryBuilderRow extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleMouseEnterRow", () => {});
+    this.handleMouseEnterRow = () => {};
 
-    _defineProperty(this, "handleMouseLeaveRow", () => {
+    this.handleMouseLeaveRow = () => {
       this.handleTooltipRow(false);
-    });
+    };
 
-    _defineProperty(this, "handleMouseEnterInput", () => {
+    this.handleMouseEnterInput = () => {
       const {
         setDraggableItems
       } = this.props;
       setDraggableItems(false);
-    });
+    };
 
-    _defineProperty(this, "handleMouseLeaveInput", () => {
+    this.handleMouseLeaveInput = () => {
       const {
         setDraggableItems
       } = this.props;
       setDraggableItems(true);
-    });
+    };
 
-    _defineProperty(this, "handleTooltipRow", isOpen => {
+    this.handleTooltipRow = isOpen => {
       this.setState({
         isOpen
       });
-    });
+    };
 
     this.state = {
       isOpen: false
@@ -147,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
     });
@@ -203,7 +219,7 @@ class QueryBuilderRow extends Component {
         const {
           [target]: valueProp
         } = this.props;
-        const isTouched = additionalInfo && additionalInfo[`${target}_error`];
+        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/format.js

@@ -1,29 +1,27 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { sqlFormat } from './sqlFormat.js';
 import { xmlFormat } from './xmlFormat.js';
 import { sqlSafeFormat } from './sqlSafeFormat.js';
 
 class QueryBuilderFormat {
   constructor() {
-    _defineProperty(this, "format", {
+    this.format = {
       defaultFormat: query => query,
       sqlFormat,
       xmlFormat,
       sqlSafeFormat
-    });
+    };
+    this.currentFormat = 'sqlFormat';
 
-    _defineProperty(this, "currentFormat", 'sqlFormat');
-
-    _defineProperty(this, "setDefaultFormat", formatName => {
+    this.setDefaultFormat = formatName => {
       if (this.format[formatName]) this.currentFormat = formatName;
-    });
+    };
 
-    _defineProperty(this, "addFormat", (formatName, format) => this.format[formatName] = format);
+    this.addFormat = (formatName, format) => this.format[formatName] = format;
 
-    _defineProperty(this, "run", (query, formatName) => {
+    this.run = (query, formatName) => {
       if (this.format[formatName]) return this.format[formatName](query);
       return this.format[this.currentFormat](query);
-    });
+    };
   }
 
 }

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;
     });
   }