@elliemae/ds-query-builder 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/components/helpers/actions.js

@@ -1,22 +1,45 @@
-import * as React from "react";
-import {
-  QB_DRAG_TYPES,
-  QB_GROUP_CONDITION_TYPES,
-  QB_FIELD_SHARED_ACTIONS
-} from "./types";
-const createNewFilter = function(idGroup) {
-  const idFilter = `filter_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * this is injected. instance of QBStore
+ *
+ * @param {*} idGroup: UUID
+ * @param idGroup
+ */
+
+const createNewFilter = function (idGroup) {
+  const idFilter = "filter_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     idGroup,
-    field: "",
-    condition: "",
-    value: "",
+    field: '',
+    condition: '',
+    value: '',
     idFilter,
     type: QB_DRAG_TYPES.FILTER
   };
 };
-const createNewGroup = function(parentIdGroup) {
-  const idGroup = `group_${new Date().getTime()}_${Math.random().toString(36).substring(7)}`;
+/**
+ * this is injected. instance of QBStore
+ *
+ * @param {*} parentIdGroup: UUID
+ * @param parentIdGroup
+ */
+
+const createNewGroup = function (parentIdGroup) {
+  const idGroup = "group_".concat(new Date().getTime(), "_").concat(Math.random().toString(36).substring(7));
   return {
     parentIdGroup,
     idGroup,
@@ -24,106 +47,140 @@ const createNewGroup = function(parentIdGroup) {
     type: QB_DRAG_TYPES.GROUP
   };
 };
-const addFilterToMap = function(newFilter) {
-  this.mapFilters = {
-    ...this.mapFilters,
+/**
+ * this is injected. instance of QBStore
+ *
+ * @param {*} newFilter
+ */
+
+const addFilterToMap = function (newFilter) {
+  this.mapFilters = _objectSpread(_objectSpread({}, this.mapFilters), {}, {
     [newFilter.idFilter]: newFilter
-  };
+  });
 };
-const addGroupToMap = function(newGroup) {
-  this.mapGroups = {
-    ...this.mapGroups,
-    [newGroup.idGroup]: {
-      ...newGroup
-    }
-  };
+/**
+ * this is injected. instance of QBStore
+ *
+ * @param {*} newFilter
+ * @param newGroup
+ */
+
+const addGroupToMap = function (newGroup) {
+  this.mapGroups = _objectSpread(_objectSpread({}, this.mapGroups), {}, {
+    [newGroup.idGroup]: _objectSpread({}, newGroup)
+  });
 };
-const addFilterToItem = function(item, newFilter) {
+const addFilterToItem = function (item, newFilter) {
   item.children.push({
     id: newFilter.idFilter,
     element: newFilter,
     children: []
   });
 };
-const addFilterToMainItem = function(items, newFilter) {
+const addFilterToMainItem = function (items, newFilter) {
   items.push({
     id: newFilter.idFilter,
     element: newFilter,
     children: []
   });
 };
-const findInChilds = function(childs, filterId) {
-  const found = childs.find(({ id }) => id === filterId);
+const findInChilds = function (childs, filterId) {
+  const found = childs.find(_ref => {
+    let {
+      id
+    } = _ref;
+    return id === filterId;
+  });
+
   if (!found) {
     let findInChild;
-    childs.forEach((item) => {
-      if (!findInChild)
-        findInChild = findInChilds(item.children, filterId);
+    childs.forEach(item => {
+      if (!findInChild) findInChild = findInChilds(item.children, filterId);
     });
-    if (findInChild)
-      return findInChild;
+    if (findInChild) return findInChild;
   }
+
   return found;
 };
-const findItemFilterById = function(filterId) {
+const findItemFilterById = function (filterId) {
   return findInChilds(this.items, filterId);
 };
-const findParentWithFilterId = function(childs, filterId) {
-  const found = childs.find(({ id }) => id === filterId);
+const findParentWithFilterId = function (childs, filterId) {
+  const found = childs.find(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id === filterId;
+  });
+
   if (!found) {
     let findInChild;
-    childs.forEach((item) => {
-      if (!findInChild)
-        findInChild = findParentWithFilterId(item.children, filterId);
+    childs.forEach(item => {
+      if (!findInChild) findInChild = findParentWithFilterId(item.children, filterId);
     });
-    if (findInChild)
-      return findInChild;
+    if (findInChild) return findInChild;
   }
+
   return childs;
 };
-const findParentFilterById = function(filterId) {
+const findParentFilterById = function (filterId) {
   return findParentWithFilterId(this.items, filterId);
 };
-const filterInChildren = function(childs, filterId, mainId) {
+const filterInChildren = function (childs, filterId, mainId) {
   if (childs.children) {
-    childs.children = childs.children.filter(({ id }) => id !== filterId);
-    childs.children = childs.children.forEach((item) => filterInChildren(item.children, 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;
-  }
-  if (childs.length > 1)
-    childs = childs.filter(({ id }) => id !== filterId);
+  } // main
+
+
+  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);
     addFilterToMainItem.call(this, childs, emptyFilter);
   }
-  childs.forEach((item) => item.children = filterInChildren(item.children, filterId));
+
+  childs.forEach(item => item.children = filterInChildren(item.children, filterId));
   return childs;
 };
-const removeFilterItem = function(filterId) {
+const removeFilterItem = function (filterId) {
   this.items = filterInChildren(this.items, filterId, this.main);
 };
-const addGroupFilterToItem = function(idGroup, idFilter, newGroup) {
+const addGroupFilterToItem = function (idGroup, idFilter, newGroup) {
   const child = findItemFilterById.call(this, idFilter);
-  const copy = {
-    ...child
-  };
-  if (copy.element.type === "group") {
+
+  const copy = _objectSpread({}, child);
+
+  if (copy.element.type === 'group') {
     copy.element.parentIdGroup = newGroup.idGroup;
   } else {
     copy.element.idGroup = newGroup.idGroup;
   }
+
   child.id = newGroup.idGroup;
   child.element = newGroup;
   child.children = [copy];
 };
-const unGroupFilterToItem = function(idGroup) {
+const unGroupFilterToItem = function (idGroup) {
   const group = findItemFilterById.call(this, idGroup);
+
   if (group.element.parentIdGroup === this.main) {
-    const index = this.items.map((item) => item.id).indexOf(idGroup);
+    const index = this.items.map(item => item.id).indexOf(idGroup);
     const tmp = [];
     tmp.splice.apply(this.items, [index, 1].concat(group.children));
-    this.items.forEach((item) => {
-      if (item.element.type === "group") {
+    this.items.forEach(item => {
+      if (item.element.type === 'group') {
         item.element.parentIdGroup = this.main;
       } else {
         item.element.idGroup = this.main;
@@ -131,11 +188,11 @@ const unGroupFilterToItem = function(idGroup) {
     });
   } else {
     const parent = findItemFilterById.call(this, group.element.parentIdGroup);
-    const index = parent.children.map((item) => item.id).indexOf(idGroup);
+    const index = parent.children.map(item => item.id).indexOf(idGroup);
     const tmp = [];
     tmp.splice.apply(parent.children, [index, 1].concat(group.children));
-    parent.children.forEach((item) => {
-      if (item.element.type === "group") {
+    parent.children.forEach(item => {
+      if (item.element.type === 'group') {
         item.element.parentIdGroup = parent.id;
       } else {
         item.element.idGroup = parent.id;
@@ -143,75 +200,55 @@ const unGroupFilterToItem = function(idGroup) {
     });
   }
 };
-const changeGroupOperator = function(idGroup, value) {
+const changeGroupOperator = function (idGroup, value) {
   const group = findItemFilterById.call(this, idGroup);
+
   if (idGroup !== this.main) {
     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;
-  if (value || value === "" || typeof value === "boolean")
-    child.element.value = value;
-  if (additionalInfo)
-    child.element.additionalInfo = additionalInfo;
-  if (target === "field") {
-    onFieldChange.forEach(({ action }) => {
-      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;
+  if (field || field === '' || typeof field === 'boolean') child.element.field = field;
+  if (operator) child.element.operator = operator;
+  if (value || value === '' || typeof value === 'boolean') child.element.value = value;
+  if (additionalInfo) child.element.additionalInfo = additionalInfo; // shared fields actions
+
+  if (target === 'field') {
+    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 }) => {
-      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(_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 }) => {
-      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(_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;
     });
   }
 };
-export {
-  addFilterToItem,
-  addFilterToMainItem,
-  addFilterToMap,
-  addGroupFilterToItem,
-  addGroupToMap,
-  changeFilterItem,
-  changeGroupOperator,
-  createNewFilter,
-  createNewGroup,
-  filterInChildren,
-  findInChilds,
-  findItemFilterById,
-  findParentFilterById,
-  findParentWithFilterId,
-  removeFilterItem,
-  unGroupFilterToItem
-};
-//# sourceMappingURL=actions.js.map
+
+export { addFilterToItem, addFilterToMainItem, addFilterToMap, addGroupFilterToItem, addGroupToMap, changeFilterItem, changeGroupOperator, createNewFilter, createNewGroup, filterInChildren, findInChilds, findItemFilterById, findParentFilterById, findParentWithFilterId, removeFilterItem, unGroupFilterToItem };

package/esm/components/helpers/constants.js

@@ -1,10 +1,5 @@
-import * as React from "react";
 const DELAY_CLOSE = 0.1;
 const DELAY_OPEN = 0.1;
 const TOOLBAR_ANIMATION_DURATION = 50;
-export {
-  DELAY_CLOSE,
-  DELAY_OPEN,
-  TOOLBAR_ANIMATION_DURATION
-};
-//# sourceMappingURL=constants.js.map
+
+export { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION };

package/esm/components/helpers/dependencies.js

@@ -1,23 +1,32 @@
-import * as React from "react";
-import { get } from "lodash";
-import * as operators from "@elliemae/ds-utilities/operators";
-import { QB_GROUP_CONDITION_TYPES } from "./types";
-const resolveCondition = (condition, state, resolveBy = QB_GROUP_CONDITION_TYPES.AND) => {
-  if (condition.length === 0 || !condition)
-    return true;
+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 = 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) {
-    return condition.every((rule) => {
+    return condition.every(rule => {
       const {
         source: sourceRule,
         operator: operatorRule,
         value: valueRule
       } = rule;
-      if (typeof operatorRule === "function")
-        return operatorRule(get(state, sourceRule), valueRule);
+      if (typeof operatorRule === "function") return operatorRule(get(state, sourceRule), valueRule);
       return operators[operatorRule](get(state, sourceRule), valueRule);
     });
-  }
-  return condition.some((rule) => {
+  } // resolve by OR: at least one condition must be true
+
+
+  return condition.some(rule => {
     const {
       source: sourceRule,
       operator: operatorRule,
@@ -26,15 +35,26 @@ const resolveCondition = (condition, state, resolveBy = QB_GROUP_CONDITION_TYPES
     return operators[operatorRule](state[sourceRule], valueRule);
   });
 };
+
 const resolveDependencies = (state, fields) => {
-  const fieldsToRender = fields.reduce((result, { target, component, condition, resolveBy, validation, handleWidth }) => {
-    if (resolveCondition(condition, state, resolveBy))
-      result.push({ target, component, validation, handleWidth });
+  const fieldsToRender = fields.reduce((result, _ref) => {
+    let {
+      target,
+      component,
+      condition,
+      resolveBy,
+      validation,
+      handleWidth
+    } = _ref;
+    if (resolveCondition(condition, state, resolveBy)) result.push({
+      target,
+      component,
+      validation,
+      handleWidth
+    });
     return result;
   }, []);
   return fieldsToRender;
 };
-export {
-  resolveDependencies
-};
-//# sourceMappingURL=dependencies.js.map
+
+export { resolveDependencies };