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

package/esm/components/QueryBuilderImpl.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
@@ -20,26 +25,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 class QueryBuilderImpl extends Component {
   constructor(props) {
     super(props);
+    this.isDraggableItem = true;
 
-    _defineProperty(this, "isDraggableItem", true);
-
-    _defineProperty(this, "onOrderDragAndDrop", (items, item) => {
+    this.onOrderDragAndDrop = (items, item) => {
       const newFilters = this.store.onOrderDragAndDrop(items, item);
       this.sendCall('reOrderOnDragAndDrop', {
         items
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddFilterToGroup", idGroup => {
+    this.onAddFilterToGroup = idGroup => {
       const newFilters = this.store.addFilter(idGroup);
       this.sendCall('onAddFilterToGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddFilter", (idGroup, idFilter) => {
+    this.onAddFilter = (idGroup, idFilter) => {
       const {
         addFilterMethod
       } = this.props;
@@ -49,9 +53,9 @@ class QueryBuilderImpl extends Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddRuleContainer", (idGroup, idFilter) => {
+    this.onAddRuleContainer = (idGroup, idFilter) => {
       const {
         groupFilterMethod
       } = this.props;
@@ -61,17 +65,17 @@ class QueryBuilderImpl extends Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onRemoveFilter", idFilter => {
+    this.onRemoveFilter = idFilter => {
       const newFilters = this.store.onRemoveFilter(idFilter);
       this.sendCall('onRemoveFilter', {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleFieldChange", data => {
+    this.handleFieldChange = data => {
       const {
         fieldsSharedActions
       } = this.props;
@@ -82,26 +86,26 @@ class QueryBuilderImpl extends Component {
         data
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleRuleContainerOperator", (idGroup, value) => {
+    this.handleRuleContainerOperator = (idGroup, value) => {
       const newFilters = this.store.changeGroupOperator(idGroup, value);
       this.sendCall('handleRuleContainerOperator', {
         idGroup,
         value
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleRuleContainerUnGroup", idGroup => {
+    this.handleRuleContainerUnGroup = idGroup => {
       const newFilters = this.store.unGroup(idGroup);
       this.sendCall('handleRuleContainerUnGroup', {
         idGroup
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDropFilter", (filter, dragTo) => {
+    this.handleDropFilter = (filter, dragTo) => {
       const {
         position: oldPosition,
         idGroup,
@@ -117,9 +121,9 @@ class QueryBuilderImpl extends Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDropGroup", (group, dragTo) => {
+    this.handleDropGroup = (group, dragTo) => {
       const {
         position: oldPosition,
         idFilter,
@@ -135,17 +139,17 @@ class QueryBuilderImpl extends Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDrop", (dragElement, dragTo) => {
+    this.handleDrop = (dragElement, dragTo) => {
       const {
         type
       } = dragElement;
       if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
       return this.handleDropGroup(dragElement, dragTo);
-    });
+    };
 
-    _defineProperty(this, "sendChange", _ref => {
+    this.sendChange = _ref => {
       let {
         format
       } = _ref,
@@ -158,16 +162,16 @@ class QueryBuilderImpl extends Component {
         onChange
       } = this.props;
       onChange(format, newFilters);
-    });
+    };
 
-    _defineProperty(this, "sendCall", (action, data) => {
+    this.sendCall = (action, data) => {
       const {
         [action]: callback
       } = this.props;
       if (callback) callback(data);
-    });
+    };
 
-    _defineProperty(this, "setDraggableItems", drag => {
+    this.setDraggableItems = drag => {
       this.isDraggableItem = true;
 
       try {
@@ -190,7 +194,7 @@ class QueryBuilderImpl extends Component {
       } catch (error) {
         this.isDraggableItem = true;
       }
-    });
+    };
 
     this.store = new QueryBuilderStore(props.init, props.format);
     this.state = this.store.getInitialState();
@@ -260,7 +264,7 @@ class QueryBuilderImpl extends Component {
         singleRow
       }
     }, void 0, /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: `nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${singleRow ? 'query-main-single-row' : 'query-main-multiple-row'}`,
+      className: "nested-main-group ".concat(condition !== true ? 'is-or-group' : 'is-and-groupL', " ").concat(singleRow ? 'query-main-single-row' : 'query-main-multiple-row'),
       children: [/*#__PURE__*/_jsx(Nestable, {
         isAndItem: condition === true,
         isDraggableItem: this.isDraggableItem,

package/esm/components/QueryBuilderItem/QueryBuilderItem.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -11,9 +16,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const QueryBuilderItem = ({
-  item
-}) => {
+const QueryBuilderItem = _ref => {
+  let {
+    item
+  } = _ref;
   const {
     element
   } = item;
@@ -23,23 +29,25 @@ const QueryBuilderItem = ({
     idGroup,
     condition
   } = element;
-  return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, ({
-    fields,
-    handleFieldChange,
-    onAddFilter,
-    onAddFilterToGroup,
-    onAddRuleContainer,
-    onRemoveFilter,
-    showDragController,
-    handleRuleContainerOperator,
-    handleRuleContainerUnGroup,
-    step,
-    items,
-    isDraggableItem,
-    setDraggableItems,
-    singleRow,
-    toolTipZIndex
-  }) => {
+  return /*#__PURE__*/_jsx(QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
+    let {
+      fields,
+      handleFieldChange,
+      onAddFilter,
+      onAddFilterToGroup,
+      onAddRuleContainer,
+      onRemoveFilter,
+      showDragController,
+      handleRuleContainerOperator,
+      handleRuleContainerUnGroup,
+      step,
+      items,
+      isDraggableItem,
+      setDraggableItems,
+      singleRow,
+      toolTipZIndex
+    } = _ref2;
+
     if (type === QB_DRAG_TYPES.FILTER) {
       return /*#__PURE__*/jsx(QueryBuilderRow, _objectSpread(_objectSpread({}, element), {}, {
         fields: fields,

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}_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/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;
 };