@elliemae/ds-query-builder 2.0.0-next.8 → 2.0.0-rc.11

package/esm/components/Nestable/actions/moveItem.js

@@ -1,14 +1,21 @@
+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 update from 'react-addons-update';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function moveItem({
-  dragItem,
-  pathFrom,
-  pathTo
-}, extraProps = {}) {
+function moveItem(_ref) {
+  let {
+    dragItem,
+    pathFrom,
+    pathTo
+  } = _ref;
+  let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     childrenProp
   } = this.props;

package/esm/components/Nestable/actions/paths.js

@@ -1,3 +1,10 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+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.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 function getRealNextPath(prevPath, nextPath) {
@@ -41,7 +48,8 @@ function getRealNextPath(prevPath, nextPath) {
 
   return nextPath;
 }
-function getPathById(id, items = this.getDefaultItems()) {
+function getPathById(id) {
+  let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
   const {
     childrenProp
   } = this.props;
@@ -61,7 +69,8 @@ function getPathById(id, items = this.getDefaultItems()) {
   });
   return path;
 }
-function getItemByPath(path, items = this.getDefaultItems()) {
+function getItemByPath(path) {
+  let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
   const {
     childrenProp
   } = this.props;
@@ -85,7 +94,8 @@ function getItemDepth(item) {
 
   return level;
 }
-function getSplicePath(path, options = {}) {
+function getSplicePath(path) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const splicePath = {};
   const numToRemove = options.numToRemove || 0;
   const itemsToInsert = options.itemsToInsert || [];

package/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();

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,9 +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';
@@ -14,16 +21,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(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_".concat(String.fromCharCode(65 + Math.floor(Math.random() * 26))), []);
   return /*#__PURE__*/_jsx("div", {
@@ -51,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}`}
@@ -96,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

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,
@@ -37,11 +37,13 @@ const renderFilterSQl = filter => {
   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';

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) => {
@@ -44,11 +44,13 @@ const renderFilterSQl = filter => {
   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';

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,
@@ -37,11 +37,13 @@ const renderFilterSQl = 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';