@elliemae/ds-query-builder 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/components/Nestable/actions/tryDecreaseDepth.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var tryDecreaseDepth_exports = {};
+__export(tryDecreaseDepth_exports, {
+  tryDecreaseDepth: () => tryDecreaseDepth
+});
+var React = __toESM(require("react"));
+function tryDecreaseDepth(dragItem) {
+  const { childrenProp, collapsed } = this.props;
+  const pathFrom = this.getPathById(dragItem.id);
+  const itemIndex = pathFrom[pathFrom.length - 1];
+  if (pathFrom.length > 1) {
+    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;
+      let collapseProps = {};
+      if (collapsed && parent[childrenProp].length === 1) {
+        collapseProps = this.onToggleCollapse(parent, true);
+      }
+      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);
+    }
+  }
+}
+module.exports = __toCommonJS(tryDecreaseDepth_exports);
+//# sourceMappingURL=tryDecreaseDepth.js.map

package/dist/cjs/components/Nestable/actions/tryDecreaseDepth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Nestable/actions/tryDecreaseDepth.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/dist/cjs/components/Nestable/actions/tryIncreaseDepth.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var tryIncreaseDepth_exports = {};
+__export(tryIncreaseDepth_exports, {
+  tryIncreaseDepth: () => tryIncreaseDepth
+});
+var React = __toESM(require("react"));
+function tryIncreaseDepth(dragItem) {
+  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);
+  if (itemIndex > 0 && newDepth <= maxDepth) {
+    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);
+      let collapseProps = {};
+      if (collapsed && !prevSibling[childrenProp].length) {
+        collapseProps = this.onToggleCollapse(prevSibling, true);
+      }
+      this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);
+    }
+  }
+}
+module.exports = __toCommonJS(tryIncreaseDepth_exports);
+//# sourceMappingURL=tryIncreaseDepth.js.map

package/dist/cjs/components/Nestable/actions/tryIncreaseDepth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Nestable/actions/tryIncreaseDepth.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/dist/cjs/components/Nestable/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Nestable_exports = {};
+__export(Nestable_exports, {
+  default: () => Nestable_default
+});
+var React = __toESM(require("react"));
+var import_Nestable = __toESM(require("./Nestable"));
+var Nestable_default = import_Nestable.default;
+module.exports = __toCommonJS(Nestable_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Nestable/index.js.map

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

package/dist/cjs/components/QueryBuilderContext/QueryBuilderContext.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var QueryBuilderContext_exports = {};
+__export(QueryBuilderContext_exports, {
+  QueryBuilderContext: () => QueryBuilderContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const QueryBuilderContext = import_react.default.createContext({});
+module.exports = __toCommonJS(QueryBuilderContext_exports);
+//# sourceMappingURL=QueryBuilderContext.js.map

package/dist/cjs/components/QueryBuilderContext/QueryBuilderContext.js.map

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

package/dist/cjs/components/QueryBuilderImpl.js

@@ -0,0 +1,225 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var QueryBuilderImpl_exports = {};
+__export(QueryBuilderImpl_exports, {
+  default: () => QueryBuilderImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_Nestable = __toESM(require("./Nestable"));
+var import_QueryBuilderContext = require("./QueryBuilderContext/QueryBuilderContext");
+var import_types = require("./helpers/types");
+var import_store = __toESM(require("./helpers/store"));
+var import_AndOrController = __toESM(require("./AndOrController/AndOrController"));
+var import_QueryBuilderItem = __toESM(require("./QueryBuilderItem/QueryBuilderItem"));
+var import_DisplayOutput = __toESM(require("./DisplayOutput/DisplayOutput"));
+class QueryBuilderImpl extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.isDraggableItem = true;
+    this.onOrderDragAndDrop = (items, item) => {
+      const newFilters = this.store.onOrderDragAndDrop(items, item);
+      this.sendCall("reOrderOnDragAndDrop", { items });
+      this.sendChange(newFilters);
+    };
+    this.onAddFilterToGroup = (idGroup) => {
+      const newFilters = this.store.addFilter(idGroup);
+      this.sendCall("onAddFilterToGroup", { idGroup });
+      this.sendChange(newFilters);
+    };
+    this.onAddFilter = (idGroup, idFilter) => {
+      const { addFilterMethod } = this.props;
+      const newFilters = addFilterMethod === import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addFilterNextToFilterId(idGroup, idFilter) : this.onAddFilterToGroup(idGroup);
+      this.sendCall("onAddFilter", { idGroup, idFilter });
+      this.sendChange(newFilters);
+    };
+    this.onAddRuleContainer = (idGroup, idFilter) => {
+      const { groupFilterMethod } = this.props;
+      const newFilters = groupFilterMethod === import_types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addRuleContainerInPlace(idGroup, idFilter) : this.store.addRuleContainer(idGroup, idFilter);
+      this.sendCall("onAddRuleContainer", { idGroup, idFilter });
+      this.sendChange(newFilters);
+    };
+    this.onRemoveFilter = (idFilter) => {
+      const newFilters = this.store.onRemoveFilter(idFilter);
+      this.sendCall("onRemoveFilter", { idFilter });
+      this.sendChange(newFilters);
+    };
+    this.handleFieldChange = (data) => {
+      const { fieldsSharedActions } = this.props;
+      const newFilters = this.store.changeFilter({
+        ...data,
+        fieldsSharedActions
+      });
+      this.sendCall("handleFieldChange", { data });
+      this.sendChange(newFilters);
+    };
+    this.handleRuleContainerOperator = (idGroup, value) => {
+      const newFilters = this.store.changeGroupOperator(idGroup, value);
+      this.sendCall("handleRuleContainerOperator", { idGroup, value });
+      this.sendChange(newFilters);
+    };
+    this.handleRuleContainerUnGroup = (idGroup) => {
+      const newFilters = this.store.unGroup(idGroup);
+      this.sendCall("handleRuleContainerUnGroup", { idGroup });
+      this.sendChange(newFilters);
+    };
+    this.handleDropFilter = (filter, 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.sendChange(newFilters);
+    };
+    this.handleDropGroup = (group, 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.sendChange(newFilters);
+    };
+    this.handleDrop = (dragElement, dragTo) => {
+      const { type } = dragElement;
+      if (type === import_types.QB_DRAG_TYPES.FILTER)
+        return this.handleDropFilter(dragElement, dragTo);
+      return this.handleDropGroup(dragElement, dragTo);
+    };
+    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);
+    };
+    this.setDraggableItems = (drag) => {
+      this.isDraggableItem = true;
+      try {
+        const ua = window.navigator.userAgent;
+        const msie = ua.indexOf("MSIE ");
+        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
+          const { isDraggableItem } = this.state;
+          if (drag !== isDraggableItem) {
+            this.setState({ isDraggableItem: drag });
+          }
+          this.isDraggableItem = drag;
+        }
+      } catch (error) {
+        this.isDraggableItem = true;
+      }
+    };
+    this.store = new import_store.default(props.init, props.format);
+    this.state = this.store.getInitialState();
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.init && props.init.step !== void 0 && Number.isInteger(props.init.step) && props.init.step !== state.step) {
+      const store = new import_store.default(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 {
+      containerProps,
+      ruleContainerClassName,
+      fields,
+      displayFixedOutput,
+      displayOutput,
+      displayOutputLabel,
+      singleRow,
+      toolTipZIndex
+    } = this.props;
+    const { condition } = mapGroups[main];
+    return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderContext.QueryBuilderContext.Provider, {
+      value: {
+        toolTipZIndex,
+        fields,
+        handleDrop: this.handleDrop,
+        handleFieldChange: this.handleFieldChange,
+        handleRuleContainerOperator: this.handleRuleContainerOperator,
+        handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,
+        mapFilters,
+        mapGroups,
+        onAddFilter: this.onAddFilter,
+        onAddFilterToGroup: this.onAddFilterToGroup,
+        onAddRuleContainer: this.onAddRuleContainer,
+        onRemoveFilter: this.onRemoveFilter,
+        ruleContainerClassName,
+        showDragController: false,
+        format,
+        step,
+        items,
+        isDraggableItem: this.isDraggableItem,
+        setDraggableItems: this.setDraggableItems,
+        singleRow
+      }
+    }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_Nestable.default, {
+      isAndItem: condition === true,
+      isDraggableItem: this.isDraggableItem,
+      isOrItem: condition !== true,
+      items,
+      onChange: this.onOrderDragAndDrop,
+      renderItem: import_QueryBuilderItem.default,
+      setDraggableItems: this.setDraggableItems,
+      step,
+      singleRow
+    }), !singleRow && /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "rule-container-options"
+    }, /* @__PURE__ */ import_react.default.createElement(import_AndOrController.default, {
+      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__ */ import_react.default.createElement(import_DisplayOutput.default, {
+      displayFixedOutput,
+      hideLabel: displayOutputLabel.hide,
+      showLabel: displayOutputLabel.show,
+      show: displayOutputLabel.open
+    }));
+  }
+}
+var QueryBuilderImpl_default = QueryBuilderImpl;
+module.exports = __toCommonJS(QueryBuilderImpl_exports);
+//# sourceMappingURL=QueryBuilderImpl.js.map

package/dist/cjs/components/QueryBuilderImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/QueryBuilderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var QueryBuilderItem_exports = {};
+__export(QueryBuilderItem_exports, {
+  default: () => QueryBuilderItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_QueryBuilderContext = require("../QueryBuilderContext/QueryBuilderContext");
+var import_types = require("../helpers/types");
+var import_AndOrController = __toESM(require("../AndOrController/AndOrController"));
+var import_QueryBuilderRow = __toESM(require("../QueryBuilderRow/QueryBuilderRow"));
+const QueryBuilderItem = ({ item }) => {
+  const { element } = item;
+  const { type, idFilter, idGroup, condition } = element;
+  return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderContext.QueryBuilderContext.Consumer, null, ({
+    fields,
+    handleFieldChange,
+    onAddFilter,
+    onAddFilterToGroup,
+    onAddRuleContainer,
+    onRemoveFilter,
+    showDragController,
+    handleRuleContainerOperator,
+    handleRuleContainerUnGroup,
+    step,
+    items,
+    isDraggableItem,
+    setDraggableItems,
+    singleRow,
+    toolTipZIndex
+  }) => {
+    if (type === import_types.QB_DRAG_TYPES.FILTER) {
+      return /* @__PURE__ */ import_react.default.createElement(import_QueryBuilderRow.default, {
+        ...element,
+        fields,
+        handleFieldChange,
+        isDraggableItem,
+        items,
+        onAddFilter: () => onAddFilter(idGroup, idFilter),
+        onAddRuleContainer: () => onAddRuleContainer(idGroup, idFilter),
+        onRemoveFilter: () => onRemoveFilter(idFilter),
+        setDraggableItems,
+        showDragController,
+        step,
+        singleRow,
+        toolTipZIndex
+      });
+    }
+    if (singleRow)
+      return null;
+    return /* @__PURE__ */ import_react.default.createElement(import_AndOrController.default, {
+      allowUnGroup: true,
+      condition,
+      handleRuleContainerOperator: (value) => handleRuleContainerOperator(idGroup, value),
+      handleRuleContainerUnGroup: () => handleRuleContainerUnGroup(idGroup),
+      multipleSize: false,
+      onAddFilter: () => onAddFilterToGroup(idGroup),
+      showDragController: true,
+      step,
+      toolTipZIndex
+    });
+  });
+};
+var QueryBuilderItem_default = QueryBuilderItem;
+module.exports = __toCommonJS(QueryBuilderItem_exports);
+//# sourceMappingURL=QueryBuilderItem.js.map

package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n  const { element } = item;\n  const { type, idFilter, idGroup, condition } = element;\n  return (\n    <QueryBuilderContext.Consumer>\n      {({\n        fields,\n        handleFieldChange,\n        onAddFilter,\n        onAddFilterToGroup,\n        onAddRuleContainer,\n        onRemoveFilter,\n        showDragController,\n        handleRuleContainerOperator,\n        handleRuleContainerUnGroup,\n        step,\n        items,\n        isDraggableItem,\n        setDraggableItems,\n        singleRow,\n        toolTipZIndex,\n      }) => {\n        if (type === QB_DRAG_TYPES.FILTER) {\n          return (\n            <QueryBuilderRow\n              {...element}\n              fields={fields}\n              handleFieldChange={handleFieldChange}\n              isDraggableItem={isDraggableItem}\n              items={items}\n              onAddFilter={() => onAddFilter(idGroup, idFilter)}\n              onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n              onRemoveFilter={() => onRemoveFilter(idFilter)}\n              setDraggableItems={setDraggableItems}\n              showDragController={showDragController}\n              step={step}\n              singleRow={singleRow}\n              toolTipZIndex={toolTipZIndex}\n            />\n          );\n        }\n        if (singleRow) return null;\n        return (\n          <AndOrController\n            allowUnGroup\n            condition={condition}\n            handleRuleContainerOperator={(value) =>\n              handleRuleContainerOperator(idGroup, value)\n            }\n            handleRuleContainerUnGroup={() =>\n              handleRuleContainerUnGroup(idGroup)\n            }\n            multipleSize={false}\n            onAddFilter={() => onAddFilterToGroup(idGroup)}\n            showDragController\n            step={step}\n            toolTipZIndex={toolTipZIndex}\n          />\n        );\n      }}\n    </QueryBuilderContext.Consumer>\n  );\n};\n\nexport default QueryBuilderItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,iCAAoC;AACpC,mBAA8B;AAC9B,6BAA4B;AAC5B,6BAA4B;AAE5B,MAAM,mBAAmB,CAAC,EAAE,WAAW;AACrC,QAAM,EAAE,YAAY;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,cAAc;AAC/C,SACE,mDAAC,+CAAoB,UAArB,MACG,CAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,QACI;AACJ,QAAI,SAAS,2BAAc,QAAQ;AACjC,aACE,mDAAC,gCAAD;AAAA,WACM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM,YAAY,SAAS;AAAA,QACxC,oBAAoB,MAAM,mBAAmB,SAAS;AAAA,QACtD,gBAAgB,MAAM,eAAe;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAIN,QAAI;AAAW,aAAO;AACtB,WACE,mDAAC,gCAAD;AAAA,MACE,cAAY;AAAA,MACZ;AAAA,MACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS;AAAA,MAEvC,4BAA4B,MAC1B,2BAA2B;AAAA,MAE7B,cAAc;AAAA,MACd,aAAa,MAAM,mBAAmB;AAAA,MACtC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA;AAAA;AAAA;AAQZ,IAAO,2BAAQ;",
+  "names": []
+}