@elliemae/ds-query-builder 2.0.0-rc.6 → 2.0.0

package/esm/components/DisplayOutput/DisplayOutput.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { Component } from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
@@ -15,7 +14,7 @@ class DisplayOutput extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "handleChange", () => {
+    this.handleChange = () => {
       this.setState(_ref => {
         let {
           show
@@ -24,7 +23,7 @@ class DisplayOutput extends Component {
           show: !show
         };
       });
-    });
+    };
 
     this.state = {
       show: props.show

package/esm/components/Nestable/Nestable.js

@@ -31,43 +31,43 @@ class Nestable extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "onDragStart", (e, item) => {
+    this.onDragStart = (e, item) => {
       onDragStart.call(this, e, item);
-    });
+    };
 
-    _defineProperty(this, "onDragEnd", (e, isCancel) => onDragEnd.call(this, e, isCancel));
+    this.onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);
 
-    _defineProperty(this, "onMouseMove", e => onMouseMove.call(this, e));
+    this.onMouseMove = e => onMouseMove.call(this, e);
 
-    _defineProperty(this, "onMouseEnter", (e, item) => onMouseEnter.call(this, e, item));
+    this.onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);
 
-    _defineProperty(this, "onToggleCollapse", (item, isGetter) => onToggleCollapse.call(this, item, isGetter));
+    this.onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);
 
-    _defineProperty(this, "onKeyDown", e => onKeyDown.call(this, e));
+    this.onKeyDown = e => onKeyDown.call(this, e);
 
-    _defineProperty(this, "getDefaultItems", () => {
+    this.getDefaultItems = () => {
       const {
         items
       } = this.state;
       return items;
-    });
+    };
 
-    _defineProperty(this, "getItemDepth", item => getItemDepth.call(this, item));
+    this.getItemDepth = item => getItemDepth.call(this, item);
 
-    _defineProperty(this, "startTrackMouse", () => {
+    this.startTrackMouse = () => {
       document.addEventListener('mousemove', this.onMouseMove);
       document.addEventListener('mouseup', this.onDragEnd);
       document.addEventListener('keydown', this.onKeyDown);
-    });
+    };
 
-    _defineProperty(this, "stopTrackMouse", () => {
+    this.stopTrackMouse = () => {
       document.removeEventListener('mousemove', this.onMouseMove);
       document.removeEventListener('mouseup', this.onDragEnd);
       document.removeEventListener('keydown', this.onKeyDown);
       this.elCopyStyles = null;
-    });
+    };
 
-    _defineProperty(this, "isCollapsed", item => {
+    this.isCollapsed = item => {
       const {
         collapsed
       } = this.props;
@@ -75,9 +75,9 @@ class Nestable extends Component {
         collapsedGroups
       } = this.state;
       return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
-    });
+    };
 
-    _defineProperty(this, "checkFilterChildren", items => items.find(current => {
+    this.checkFilterChildren = items => items.find(current => {
       const {
         element: {
           type
@@ -86,9 +86,9 @@ class Nestable extends Component {
       } = current;
       if (type === 'filter' && children.length > 0) return true;
       return this.checkFilterChildren(children);
-    }));
+    });
 
-    _defineProperty(this, "dragRevert", () => {
+    this.dragRevert = () => {
       const {
         itemsOld
       } = this.state;
@@ -98,7 +98,7 @@ class Nestable extends Component {
         dragItem: null,
         isDirty: false
       });
-    });
+    };
 
     this.state = {
       items: [],

package/esm/components/QueryBuilderImpl.js

@@ -25,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;
@@ -54,9 +53,9 @@ class QueryBuilderImpl extends Component {
         idFilter
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "onAddRuleContainer", (idGroup, idFilter) => {
+    this.onAddRuleContainer = (idGroup, idFilter) => {
       const {
         groupFilterMethod
       } = this.props;
@@ -66,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;
@@ -87,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,
@@ -122,9 +121,9 @@ class QueryBuilderImpl extends Component {
         dragTo
       });
       this.sendChange(newFilters);
-    });
+    };
 
-    _defineProperty(this, "handleDropGroup", (group, dragTo) => {
+    this.handleDropGroup = (group, dragTo) => {
       const {
         position: oldPosition,
         idFilter,
@@ -140,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,
@@ -163,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 {
@@ -195,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/QueryBuilderRow/QueryBuilderRow.js

@@ -106,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/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/helpers/store.js

@@ -24,36 +24,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 class QueryBuilderStore {
   constructor(init, _format) {
-    _defineProperty(this, "items", []);
+    this.items = [];
+    this.step = 0;
+    this.steps = {};
+    this.mapFilters = {};
+    this.mapGroups = {};
+    this.main = null;
+    this.format = null;
 
-    _defineProperty(this, "step", 0);
+    this.createNewFilter = idGroup => createNewFilter.call(this, idGroup);
 
-    _defineProperty(this, "steps", {});
+    this.createNewGroup = parentIdGroup => createNewGroup.call(this, parentIdGroup);
 
-    _defineProperty(this, "mapFilters", {});
-
-    _defineProperty(this, "mapGroups", {});
-
-    _defineProperty(this, "main", null);
-
-    _defineProperty(this, "format", null);
-
-    _defineProperty(this, "createNewFilter", idGroup => createNewFilter.call(this, idGroup));
-
-    _defineProperty(this, "createNewGroup", parentIdGroup => createNewGroup.call(this, parentIdGroup));
-
-    _defineProperty(this, "onOrderDragAndDrop", items => {
+    this.onOrderDragAndDrop = items => {
       this.items = items;
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "addFilterNextToFilterId", (idGroup, idFilter) => {
+    this.addFilterNextToFilterId = (idGroup, idFilter) => {
       // eslint-disable-line
       this.addFilter(idGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "addFilter", idGroup => {
+    this.addFilter = idGroup => {
       const newFilter = this.createNewFilter(idGroup);
       addFilterToMap.call(this, newFilter); // new API
 
@@ -68,22 +62,22 @@ class QueryBuilderStore {
       }
 
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "onRemoveFilter", idFilter => {
+    this.onRemoveFilter = idFilter => {
       // new API
       removeFilterItem.call(this, idFilter);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "addRuleContainerInPlace", (idGroup, idFilter) => {
+    this.addRuleContainerInPlace = (idGroup, idFilter) => {
       // Create a new group
       const newGroup = this.createNewGroup(idGroup);
       addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "addRuleContainer", (idGroup, idFilter) => {
+    this.addRuleContainer = (idGroup, idFilter) => {
       // eslint-disable-line
       const newGroup = this.createNewGroup(idGroup);
       addGroupToMap.call(this, newGroup);
@@ -99,33 +93,33 @@ class QueryBuilderStore {
       }
 
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "unGroup", idGroup => {
+    this.unGroup = idGroup => {
       unGroupFilterToItem.call(this, idGroup);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "changeGroupOperator", (idGroup, value) => {
+    this.changeGroupOperator = (idGroup, value) => {
       this.getGroupById(idGroup).condition = value;
       changeGroupOperator.call(this, idGroup, value);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "changeFilter", data => {
+    this.changeFilter = data => {
       const {
         idFilter
       } = data;
       this.mapFilters[idFilter] = _objectSpread(_objectSpread({}, this.mapFilters[idFilter]), data);
       changeFilterItem.call(this, data);
       return this.getState();
-    });
+    };
 
-    _defineProperty(this, "getGroupById", idGroup => this.mapGroups[idGroup] || {});
+    this.getGroupById = idGroup => this.mapGroups[idGroup] || {};
 
-    _defineProperty(this, "getFilterById", idFilter => this.mapFilters[idFilter]);
+    this.getFilterById = idFilter => this.mapFilters[idFilter];
 
-    _defineProperty(this, "getInitialState", () => {
+    this.getInitialState = () => {
       const newFilters = {
         step: this.step,
         mapFilters: _objectSpread({}, this.mapFilters),
@@ -137,9 +131,9 @@ class QueryBuilderStore {
       return _objectSpread(_objectSpread({}, newFilters), {}, {
         format
       });
-    });
+    };
 
-    _defineProperty(this, "getState", () => {
+    this.getState = () => {
       this.step += 1;
       const newFilters = {
         step: this.step,
@@ -152,7 +146,7 @@ class QueryBuilderStore {
       return _objectSpread(_objectSpread({}, newFilters), {}, {
         format
       });
-    });
+    };
 
     this.firstLoad = true;
     this.format = _format;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-query-builder",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Query Builder",
   "module": "./esm/index.js",
@@ -168,12 +168,17 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-rc.6",
-    "@elliemae/ds-classnames": "2.0.0-rc.6",
-    "@elliemae/ds-grid": "2.0.0-rc.6",
-    "@elliemae/ds-icons": "2.0.0-rc.6",
-    "@elliemae/ds-shared": "2.0.0-rc.6",
-    "@elliemae/ds-utilities": "2.0.0-rc.6",
+    "@elliemae/ds-accordion": "2.0.0",
+    "@elliemae/ds-button": "2.0.0",
+    "@elliemae/ds-classnames": "2.0.0",
+    "@elliemae/ds-form": "2.0.0",
+    "@elliemae/ds-grid": "2.0.0",
+    "@elliemae/ds-icon": "2.0.0",
+    "@elliemae/ds-icons": "2.0.0",
+    "@elliemae/ds-popper": "2.0.0",
+    "@elliemae/ds-shared": "2.0.0",
+    "@elliemae/ds-tooltip": "2.0.0",
+    "@elliemae/ds-utilities": "2.0.0",
     "classnames": "~2.2.6",
     "prop-types": "~15.7.2",
     "react-addons-update": "~15.6.3",