@elliemae/ds-query-builder 2.2.0 → 2.3.0-alpha.3

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

@@ -1,31 +1,22 @@
+import * as React from "react";
 function tryDecreaseDepth(dragItem) {
-  const {
-    childrenProp,
-    collapsed
-  } = this.props;
+  const { childrenProp, collapsed } = this.props;
   const pathFrom = this.getPathById(dragItem.id);
-  const itemIndex = pathFrom[pathFrom.length - 1]; // has parent
-
+  const itemIndex = pathFrom[pathFrom.length - 1];
   if (pathFrom.length > 1) {
-    const parent = this.getItemByPath(pathFrom.slice(0, -1)); // is last (by order) item in array
-
+    const parent = this.getItemByPath(pathFrom.slice(0, -1));
     if (itemIndex + 1 === parent[childrenProp].length) {
       const pathTo = pathFrom.slice(0, -1);
-      pathTo[pathTo.length - 1] += 1; // if collapsed by default and is last (by count) item in array remove this node from list of open nodes
-
+      pathTo[pathTo.length - 1] += 1;
       let collapseProps = {};
-
       if (collapsed && parent[childrenProp].length === 1) {
         collapseProps = this.onToggleCollapse(parent, true);
       }
-
-      this.moveItem({
-        dragItem,
-        pathFrom,
-        pathTo
-      }, collapseProps);
+      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);
     }
   }
 }
-
-export { tryDecreaseDepth };
+export {
+  tryDecreaseDepth
+};
+//# sourceMappingURL=tryDecreaseDepth.js.map

package/esm/components/Nestable/actions/tryDecreaseDepth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/tryDecreaseDepth.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryDecreaseDepth(dragItem) {\n  const { childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  // has parent\n  if (pathFrom.length > 1) {\n    const parent = this.getItemByPath(pathFrom.slice(0, -1));\n    // is last (by order) item in array\n    if (itemIndex + 1 === parent[childrenProp].length) {\n      const pathTo = pathFrom.slice(0, -1);\n      pathTo[pathTo.length - 1] += 1;\n      // if collapsed by default and is last (by count) item in array remove this node from list of open nodes\n      let collapseProps = {};\n      if (collapsed && parent[childrenProp].length === 1) {\n        collapseProps = this.onToggleCollapse(parent, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
+  "mappings": "AAAA;ACAO,0BAA0B,UAAU;AACzC,QAAM,EAAE,cAAc,cAAc,KAAK;AACzC,QAAM,WAAW,KAAK,YAAY,SAAS;AAC3C,QAAM,YAAY,SAAS,SAAS,SAAS;AAE7C,MAAI,SAAS,SAAS,GAAG;AACvB,UAAM,SAAS,KAAK,cAAc,SAAS,MAAM,GAAG;AAEpD,QAAI,YAAY,MAAM,OAAO,cAAc,QAAQ;AACjD,YAAM,SAAS,SAAS,MAAM,GAAG;AACjC,aAAO,OAAO,SAAS,MAAM;AAE7B,UAAI,gBAAgB;AACpB,UAAI,aAAa,OAAO,cAAc,WAAW,GAAG;AAClD,wBAAgB,KAAK,iBAAiB,QAAQ;AAAA;AAGhD,WAAK,SAAS,EAAE,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,34 +1,22 @@
+import * as React from "react";
 function tryIncreaseDepth(dragItem) {
-  const {
-    maxDepth,
-    childrenProp,
-    collapsed
-  } = this.props;
+  const { maxDepth, childrenProp, collapsed } = this.props;
   const pathFrom = this.getPathById(dragItem.id);
   const itemIndex = pathFrom[pathFrom.length - 1];
-  const newDepth = pathFrom.length + this.getItemDepth(dragItem); // has previous sibling and isn't at max depth
-
+  const newDepth = pathFrom.length + this.getItemDepth(dragItem);
   if (itemIndex > 0 && newDepth <= maxDepth) {
-    const prevSibling = this.getItemByPath(pathFrom.slice(0, -1).concat(itemIndex - 1)); // previous sibling is not collapsed
-
+    const prevSibling = this.getItemByPath(pathFrom.slice(0, -1).concat(itemIndex - 1));
     if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {
-      const pathTo = pathFrom.slice(0, -1).concat(itemIndex - 1).concat(prevSibling[childrenProp].length); // if collapsed by default
-      // and was no children here
-      // open this node
-
+      const pathTo = pathFrom.slice(0, -1).concat(itemIndex - 1).concat(prevSibling[childrenProp].length);
       let collapseProps = {};
-
       if (collapsed && !prevSibling[childrenProp].length) {
         collapseProps = this.onToggleCollapse(prevSibling, true);
       }
-
-      this.moveItem({
-        dragItem,
-        pathFrom,
-        pathTo
-      }, collapseProps);
+      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);
     }
   }
 }
-
-export { tryIncreaseDepth };
+export {
+  tryIncreaseDepth
+};
+//# sourceMappingURL=tryIncreaseDepth.js.map

package/esm/components/Nestable/actions/tryIncreaseDepth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/tryIncreaseDepth.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function tryIncreaseDepth(dragItem) {\n  const { maxDepth, childrenProp, collapsed } = this.props;\n  const pathFrom = this.getPathById(dragItem.id);\n  const itemIndex = pathFrom[pathFrom.length - 1];\n  const newDepth = pathFrom.length + this.getItemDepth(dragItem);\n\n  // has previous sibling and isn't at max depth\n  if (itemIndex > 0 && newDepth <= maxDepth) {\n    const prevSibling = this.getItemByPath(\n      pathFrom.slice(0, -1).concat(itemIndex - 1),\n    );\n    // previous sibling is not collapsed\n    if (!prevSibling[childrenProp].length || !this.isCollapsed(prevSibling)) {\n      const pathTo = pathFrom\n        .slice(0, -1)\n        .concat(itemIndex - 1)\n        .concat(prevSibling[childrenProp].length);\n\n      // if collapsed by default\n      // and was no children here\n      // open this node\n      let collapseProps = {};\n      if (collapsed && !prevSibling[childrenProp].length) {\n        collapseProps = this.onToggleCollapse(prevSibling, true);\n      }\n\n      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n    }\n  }\n}\n"],
+  "mappings": "AAAA;ACAO,0BAA0B,UAAU;AACzC,QAAM,EAAE,UAAU,cAAc,cAAc,KAAK;AACnD,QAAM,WAAW,KAAK,YAAY,SAAS;AAC3C,QAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,QAAM,WAAW,SAAS,SAAS,KAAK,aAAa;AAGrD,MAAI,YAAY,KAAK,YAAY,UAAU;AACzC,UAAM,cAAc,KAAK,cACvB,SAAS,MAAM,GAAG,IAAI,OAAO,YAAY;AAG3C,QAAI,CAAC,YAAY,cAAc,UAAU,CAAC,KAAK,YAAY,cAAc;AACvE,YAAM,SAAS,SACZ,MAAM,GAAG,IACT,OAAO,YAAY,GACnB,OAAO,YAAY,cAAc;AAKpC,UAAI,gBAAgB;AACpB,UAAI,aAAa,CAAC,YAAY,cAAc,QAAQ;AAClD,wBAAgB,KAAK,iBAAiB,aAAa;AAAA;AAGrD,WAAK,SAAS,EAAE,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/components/Nestable/index.js

@@ -1,2 +1,7 @@
-import Nestable from './Nestable.js';
-export { default } from './Nestable.js';
+import * as React from "react";
+import Nestable from "./Nestable";
+var Nestable_default = Nestable;
+export {
+  Nestable_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/components/Nestable/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Nestable from './Nestable';\n\nexport default Nestable;\n"],
+  "mappings": "AAAA;ACAA;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/esm/components/QueryBuilderContext/QueryBuilderContext.js

@@ -1,5 +1,7 @@
-import React from 'react';
-
-const QueryBuilderContext = /*#__PURE__*/React.createContext({});
-
-export { QueryBuilderContext };
+import * as React from "react";
+import React2 from "react";
+const QueryBuilderContext = React2.createContext({});
+export {
+  QueryBuilderContext
+};
+//# sourceMappingURL=QueryBuilderContext.js.map

package/esm/components/QueryBuilderContext/QueryBuilderContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderContext/QueryBuilderContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const QueryBuilderContext = React.createContext({});\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,OAAM,cAAc;",
+  "names": []
+}

package/esm/components/QueryBuilderImpl.js

@@ -1,231 +1,127 @@
-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';
-import { Component } from 'react';
-import Nestable from './Nestable/Nestable.js';
-import { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext.js';
-import { QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES, QB_DRAG_TYPES } from './helpers/types.js';
-import QueryBuilderStore from './helpers/store.js';
-import AndOrController from './AndOrController/AndOrController.js';
-import QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem.js';
-import DisplayOutput from './DisplayOutput/DisplayOutput.js';
-import { jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["format"];
-
-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; }
-
+import * as React from "react";
+import React2, { Component } from "react";
+import Nestable from "./Nestable";
+import { QueryBuilderContext } from "./QueryBuilderContext/QueryBuilderContext";
+import { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from "./helpers/types";
+import QueryBuilderStore from "./helpers/store";
+import AndOrController from "./AndOrController/AndOrController";
+import QueryBuilderItem from "./QueryBuilderItem/QueryBuilderItem";
+import DisplayOutput from "./DisplayOutput/DisplayOutput";
 class QueryBuilderImpl extends Component {
   constructor(props) {
     super(props);
     this.isDraggableItem = true;
-
     this.onOrderDragAndDrop = (items, item) => {
       const newFilters = this.store.onOrderDragAndDrop(items, item);
-      this.sendCall('reOrderOnDragAndDrop', {
-        items
-      });
+      this.sendCall("reOrderOnDragAndDrop", { items });
       this.sendChange(newFilters);
     };
-
-    this.onAddFilterToGroup = idGroup => {
+    this.onAddFilterToGroup = (idGroup) => {
       const newFilters = this.store.addFilter(idGroup);
-      this.sendCall('onAddFilterToGroup', {
-        idGroup
-      });
+      this.sendCall("onAddFilterToGroup", { idGroup });
       this.sendChange(newFilters);
     };
-
     this.onAddFilter = (idGroup, idFilter) => {
-      const {
-        addFilterMethod
-      } = this.props;
+      const { addFilterMethod } = this.props;
       const newFilters = addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addFilterNextToFilterId(idGroup, idFilter) : this.onAddFilterToGroup(idGroup);
-      this.sendCall('onAddFilter', {
-        idGroup,
-        idFilter
-      });
+      this.sendCall("onAddFilter", { idGroup, idFilter });
       this.sendChange(newFilters);
     };
-
     this.onAddRuleContainer = (idGroup, idFilter) => {
-      const {
-        groupFilterMethod
-      } = this.props;
+      const { groupFilterMethod } = this.props;
       const newFilters = groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addRuleContainerInPlace(idGroup, idFilter) : this.store.addRuleContainer(idGroup, idFilter);
-      this.sendCall('onAddRuleContainer', {
-        idGroup,
-        idFilter
-      });
+      this.sendCall("onAddRuleContainer", { idGroup, idFilter });
       this.sendChange(newFilters);
     };
-
-    this.onRemoveFilter = idFilter => {
+    this.onRemoveFilter = (idFilter) => {
       const newFilters = this.store.onRemoveFilter(idFilter);
-      this.sendCall('onRemoveFilter', {
-        idFilter
-      });
+      this.sendCall("onRemoveFilter", { idFilter });
       this.sendChange(newFilters);
     };
-
-    this.handleFieldChange = data => {
-      const {
-        fieldsSharedActions
-      } = this.props;
-      const newFilters = this.store.changeFilter(_objectSpread(_objectSpread({}, data), {}, {
+    this.handleFieldChange = (data) => {
+      const { fieldsSharedActions } = this.props;
+      const newFilters = this.store.changeFilter({
+        ...data,
         fieldsSharedActions
-      }));
-      this.sendCall('handleFieldChange', {
-        data
       });
+      this.sendCall("handleFieldChange", { data });
       this.sendChange(newFilters);
     };
-
     this.handleRuleContainerOperator = (idGroup, value) => {
       const newFilters = this.store.changeGroupOperator(idGroup, value);
-      this.sendCall('handleRuleContainerOperator', {
-        idGroup,
-        value
-      });
+      this.sendCall("handleRuleContainerOperator", { idGroup, value });
       this.sendChange(newFilters);
     };
-
-    this.handleRuleContainerUnGroup = idGroup => {
+    this.handleRuleContainerUnGroup = (idGroup) => {
       const newFilters = this.store.unGroup(idGroup);
-      this.sendCall('handleRuleContainerUnGroup', {
-        idGroup
-      });
+      this.sendCall("handleRuleContainerUnGroup", { idGroup });
       this.sendChange(newFilters);
     };
-
     this.handleDropFilter = (filter, dragTo) => {
-      const {
-        position: oldPosition,
-        idGroup,
-        idFilter
-      } = filter;
-      const {
-        position: newPosition,
-        targetIdGroup
-      } = dragTo;
+      const { position: oldPosition, idGroup, idFilter } = filter;
+      const { position: newPosition, targetIdGroup } = dragTo;
       const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
-      this.sendCall('handleDropFilter', {
-        filter,
-        dragTo
-      });
+      this.sendCall("handleDropFilter", { filter, dragTo });
       this.sendChange(newFilters);
     };
-
     this.handleDropGroup = (group, dragTo) => {
-      const {
-        position: oldPosition,
-        idFilter,
-        idGroup
-      } = group;
-      const {
-        position: newPosition,
-        targetIdGroup
-      } = dragTo;
+      const { position: oldPosition, idFilter, idGroup } = group;
+      const { position: newPosition, targetIdGroup } = dragTo;
       const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
-      this.sendCall('handleDropGroup', {
-        group,
-        dragTo
-      });
+      this.sendCall("handleDropGroup", { group, dragTo });
       this.sendChange(newFilters);
     };
-
     this.handleDrop = (dragElement, dragTo) => {
-      const {
-        type
-      } = dragElement;
-      if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
+      const { type } = dragElement;
+      if (type === QB_DRAG_TYPES.FILTER)
+        return this.handleDropFilter(dragElement, dragTo);
       return this.handleDropGroup(dragElement, dragTo);
     };
-
-    this.sendChange = _ref => {
-      let {
-        format
-      } = _ref,
-          newFilters = _objectWithoutProperties(_ref, _excluded);
-
-      this.setState(_objectSpread({
-        format
-      }, newFilters));
-      const {
-        onChange
-      } = this.props;
+    this.sendChange = ({ format, ...newFilters }) => {
+      this.setState({ format, ...newFilters });
+      const { onChange } = this.props;
       onChange(format, newFilters);
     };
-
     this.sendCall = (action, data) => {
-      const {
-        [action]: callback
-      } = this.props;
-      if (callback) callback(data);
+      const { [action]: callback } = this.props;
+      if (callback)
+        callback(data);
     };
-
-    this.setDraggableItems = drag => {
+    this.setDraggableItems = (drag) => {
       this.isDraggableItem = true;
-
       try {
         const ua = window.navigator.userAgent;
-        const msie = ua.indexOf('MSIE '); // eslint-disable-next-line no-useless-escape
-
+        const msie = ua.indexOf("MSIE ");
         if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
-          const {
-            isDraggableItem
-          } = this.state;
-
+          const { isDraggableItem } = this.state;
           if (drag !== isDraggableItem) {
-            this.setState({
-              isDraggableItem: drag
-            });
+            this.setState({ isDraggableItem: drag });
           }
-
           this.isDraggableItem = drag;
         }
       } catch (error) {
         this.isDraggableItem = true;
       }
     };
-
     this.store = new QueryBuilderStore(props.init, props.format);
     this.state = this.store.getInitialState();
   }
-
   static getDerivedStateFromProps(props, state) {
-    if (props.init && props.init.step !== undefined && Number.isInteger(props.init.step) && props.init.step !== state.step) {
+    if (props.init && props.init.step !== void 0 && Number.isInteger(props.init.step) && props.init.step !== state.step) {
       const store = new QueryBuilderStore(props.init, props.format);
       QueryBuilderImpl.recalculateStore = store;
       return store.getInitialState();
     }
-
     return null;
   }
-
   componentDidUpdate() {
     if (QueryBuilderImpl.recalculateStore) {
       this.store = QueryBuilderImpl.recalculateStore;
       QueryBuilderImpl.recalculateStore = null;
     }
   }
-
   render() {
-    const {
-      mapGroups,
-      main,
-      mapFilters,
-      step,
-      items,
-      format
-    } = this.state;
+    const { mapGroups, main, mapFilters, step, items, format } = this.state;
     const {
       containerProps,
       ruleContainerClassName,
@@ -235,12 +131,9 @@ class QueryBuilderImpl extends Component {
       displayOutputLabel,
       singleRow,
       toolTipZIndex
-    } = this.props; // const { children } = items[0]
-
-    const {
-      condition
-    } = mapGroups[main];
-    return /*#__PURE__*/_jsx(QueryBuilderContext.Provider, {
+    } = this.props;
+    const { condition } = mapGroups[main];
+    return /* @__PURE__ */ React2.createElement(QueryBuilderContext.Provider, {
       value: {
         toolTipZIndex,
         fields,
@@ -263,39 +156,41 @@ class QueryBuilderImpl extends Component {
         setDraggableItems: this.setDraggableItems,
         singleRow
       }
-    }, void 0, /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      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,
-        isOrItem: condition !== true,
-        items: items,
-        onChange: this.onOrderDragAndDrop,
-        renderItem: QueryBuilderItem,
-        setDraggableItems: this.setDraggableItems,
-        step: step,
-        singleRow: singleRow
-      }), !singleRow && /*#__PURE__*/_jsx("div", {
-        className: "rule-container-options"
-      }, void 0, /*#__PURE__*/_jsx(AndOrController, {
-        allowUnGroup: false,
-        condition: condition,
-        handleRuleContainerOperator: value => this.handleRuleContainerOperator(main, value),
-        handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
-        isMain: true,
-        onAddFilter: () => this.onAddFilterToGroup(main),
-        showDragController: false,
-        step: step,
-        toolTipZIndex: toolTipZIndex
-      }))]
-    })), (displayOutput || displayFixedOutput) && /*#__PURE__*/_jsx(DisplayOutput, {
-      displayFixedOutput: displayFixedOutput,
+    }, /* @__PURE__ */ React2.createElement("div", {
+      ...containerProps,
+      className: `nested-main-group ${condition !== true ? "is-or-group" : "is-and-groupL"} ${singleRow ? "query-main-single-row" : "query-main-multiple-row"}`
+    }, /* @__PURE__ */ React2.createElement(Nestable, {
+      isAndItem: condition === true,
+      isDraggableItem: this.isDraggableItem,
+      isOrItem: condition !== true,
+      items,
+      onChange: this.onOrderDragAndDrop,
+      renderItem: QueryBuilderItem,
+      setDraggableItems: this.setDraggableItems,
+      step,
+      singleRow
+    }), !singleRow && /* @__PURE__ */ React2.createElement("div", {
+      className: "rule-container-options"
+    }, /* @__PURE__ */ React2.createElement(AndOrController, {
+      allowUnGroup: false,
+      condition,
+      handleRuleContainerOperator: (value) => this.handleRuleContainerOperator(main, value),
+      handleRuleContainerUnGroup: () => this.handleRuleContainerUnGroup(main),
+      isMain: true,
+      onAddFilter: () => this.onAddFilterToGroup(main),
+      showDragController: false,
+      step,
+      toolTipZIndex
+    }))), (displayOutput || displayFixedOutput) && /* @__PURE__ */ React2.createElement(DisplayOutput, {
+      displayFixedOutput,
       hideLabel: displayOutputLabel.hide,
       showLabel: displayOutputLabel.show,
       show: displayOutputLabel.open
     }));
   }
-
 }
-
-export { QueryBuilderImpl as default };
+var QueryBuilderImpl_default = QueryBuilderImpl;
+export {
+  QueryBuilderImpl_default as default
+};
+//# sourceMappingURL=QueryBuilderImpl.js.map

package/esm/components/QueryBuilderImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/QueryBuilderImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\n\nclass QueryBuilderImpl extends Component {\n  isDraggableItem = true;\n\n  constructor(props) {\n    super(props);\n\n    this.store = new QueryBuilderStore(props.init, props.format);\n    this.state = this.store.getInitialState();\n  }\n\n  onOrderDragAndDrop = (items, item) => {\n    const newFilters = this.store.onOrderDragAndDrop(items, item);\n    this.sendCall('reOrderOnDragAndDrop', { items });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilterToGroup = (idGroup) => {\n    const newFilters = this.store.addFilter(idGroup);\n    this.sendCall('onAddFilterToGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  onAddFilter = (idGroup, idFilter) => {\n    const { addFilterMethod } = this.props;\n    const newFilters =\n      addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n        : this.onAddFilterToGroup(idGroup);\n    this.sendCall('onAddFilter', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onAddRuleContainer = (idGroup, idFilter) => {\n    const { groupFilterMethod } = this.props;\n    const newFilters =\n      groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n        ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n        : this.store.addRuleContainer(idGroup, idFilter);\n    this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n    this.sendChange(newFilters);\n  };\n\n  onRemoveFilter = (idFilter) => {\n    const newFilters = this.store.onRemoveFilter(idFilter);\n    this.sendCall('onRemoveFilter', { idFilter });\n    this.sendChange(newFilters);\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (\n      props.init &&\n      props.init.step !== undefined &&\n      Number.isInteger(props.init.step) &&\n      props.init.step !== state.step\n    ) {\n      const store = new QueryBuilderStore(props.init, props.format);\n      QueryBuilderImpl.recalculateStore = store;\n      return store.getInitialState();\n    }\n    return null;\n  }\n\n  componentDidUpdate() {\n    if (QueryBuilderImpl.recalculateStore) {\n      this.store = QueryBuilderImpl.recalculateStore;\n      QueryBuilderImpl.recalculateStore = null;\n    }\n  }\n\n  handleFieldChange = (data) => {\n    const { fieldsSharedActions } = this.props;\n    const newFilters = this.store.changeFilter({\n      ...data,\n      fieldsSharedActions,\n    });\n    this.sendCall('handleFieldChange', { data });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerOperator = (idGroup, value) => {\n    const newFilters = this.store.changeGroupOperator(idGroup, value);\n    this.sendCall('handleRuleContainerOperator', { idGroup, value });\n    this.sendChange(newFilters);\n  };\n\n  handleRuleContainerUnGroup = (idGroup) => {\n    const newFilters = this.store.unGroup(idGroup);\n    this.sendCall('handleRuleContainerUnGroup', { idGroup });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param filter\n   * @param dragTo\n   */\n  handleDropFilter = (filter, dragTo) => {\n    const { position: oldPosition, idGroup, idFilter } = filter;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropFilter', { filter, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  /**\n   * handleFieldChange and handleDropFilter\n   * are equals right now, but they maybe\n   * will have diferents logic\n   *\n   * @param group\n   * @param dragTo\n   */\n  handleDropGroup = (group, dragTo) => {\n    const { position: oldPosition, idFilter, idGroup } = group;\n    const { position: newPosition, targetIdGroup } = dragTo;\n    const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n    this.sendCall('handleDropGroup', { group, dragTo });\n    this.sendChange(newFilters);\n  };\n\n  handleDrop = (dragElement, dragTo) => {\n    const { type } = dragElement;\n    if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n    return this.handleDropGroup(dragElement, dragTo);\n  };\n\n  sendChange = ({ format, ...newFilters }) => {\n    this.setState({ format, ...newFilters });\n    const { onChange } = this.props;\n    onChange(format, newFilters);\n  };\n\n  sendCall = (action, data) => {\n    const { [action]: callback } = this.props;\n    if (callback) callback(data);\n  };\n\n  setDraggableItems = (drag) => {\n    this.isDraggableItem = true;\n    try {\n      const ua = window.navigator.userAgent;\n      const msie = ua.indexOf('MSIE ');\n      // eslint-disable-next-line no-useless-escape\n      if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n        const { isDraggableItem } = this.state;\n        if (drag !== isDraggableItem) {\n          this.setState({ isDraggableItem: drag });\n        }\n        this.isDraggableItem = drag;\n      }\n    } catch (error) {\n      this.isDraggableItem = true;\n    }\n  };\n\n  render() {\n    const { mapGroups, main, mapFilters, step, items, format } = this.state;\n    const {\n      containerProps,\n      ruleContainerClassName,\n      fields,\n      displayFixedOutput,\n      displayOutput,\n      displayOutputLabel,\n      singleRow,\n      toolTipZIndex,\n    } = this.props;\n    // const { children } = items[0]\n    const { condition } = mapGroups[main];\n\n    return (\n      <QueryBuilderContext.Provider\n        value={{\n          toolTipZIndex,\n          fields,\n          handleDrop: this.handleDrop,\n          handleFieldChange: this.handleFieldChange,\n          handleRuleContainerOperator: this.handleRuleContainerOperator,\n          handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n          mapFilters,\n          mapGroups,\n          onAddFilter: this.onAddFilter,\n          onAddFilterToGroup: this.onAddFilterToGroup,\n          onAddRuleContainer: this.onAddRuleContainer,\n          onRemoveFilter: this.onRemoveFilter,\n          ruleContainerClassName,\n          showDragController: false,\n          format,\n          step,\n          items,\n          isDraggableItem: this.isDraggableItem,\n          setDraggableItems: this.setDraggableItems,\n          singleRow,\n        }}\n      >\n        <div\n          {...containerProps}\n          className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n            singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n          }`}\n        >\n          <Nestable\n            isAndItem={condition === true}\n            isDraggableItem={this.isDraggableItem}\n            isOrItem={condition !== true}\n            items={items}\n            onChange={this.onOrderDragAndDrop}\n            renderItem={QueryBuilderItem}\n            setDraggableItems={this.setDraggableItems}\n            step={step}\n            singleRow={singleRow}\n          />\n          {!singleRow && (\n            <div className=\"rule-container-options\">\n              <AndOrController\n                allowUnGroup={false}\n                condition={condition}\n                handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n                handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n                isMain\n                onAddFilter={() => this.onAddFilterToGroup(main)}\n                showDragController={false}\n                step={step}\n                toolTipZIndex={toolTipZIndex}\n              />\n            </div>\n          )}\n        </div>\n        {(displayOutput || displayFixedOutput) && (\n          <DisplayOutput\n            displayFixedOutput={displayFixedOutput}\n            hideLabel={displayOutputLabel.hide}\n            showLabel={displayOutputLabel.show}\n            show={displayOutputLabel.open}\n          />\n        )}\n      </QueryBuilderContext.Provider>\n    );\n  }\n}\n\nexport default QueryBuilderImpl;\n"],
+  "mappings": "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",
+  "names": []
+}