@elliemae/ds-query-builder 2.1.0-rc.7 → 2.2.0-alpha.2

package/cjs/components/FieldControllerRow/FieldControllerRow.js

@@ -1,33 +1,55 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsForm = require('@elliemae/ds-form');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const FieldControllerRow = _ref => {
-  let {
-    className = '',
-    onChange = () => null,
-    options = [],
-    value = '',
-    type = 'DSComboBox'
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: className
-  }, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
-    onChange: onChange,
-    options: options,
-    value: value
-  }), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
-    fluidWidth: true,
-    onChange: onChange,
-    options: options,
-    value: value
-  }));
+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 });
 };
-
-module.exports = FieldControllerRow;
+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 FieldControllerRow_exports = {};
+__export(FieldControllerRow_exports, {
+  default: () => FieldControllerRow_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_form = __toESM(require("@elliemae/ds-form"));
+const FieldControllerRow = ({
+  className = "",
+  onChange = () => null,
+  options = [],
+  value = "",
+  type = "DSComboBox"
+}) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className
+}, type === "DSComboBox" && /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+  onChange,
+  options,
+  value
+}), type === "DSTextBox" && /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
+  fluidWidth: true,
+  onChange,
+  options,
+  value
+}));
+var FieldControllerRow_default = FieldControllerRow;
+module.exports = __toCommonJS(FieldControllerRow_exports);
+//# sourceMappingURL=FieldControllerRow.js.map

package/cjs/components/FieldControllerRow/FieldControllerRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FieldControllerRow/FieldControllerRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n  className = '',\n  onChange = () => null,\n  options = [],\n  value = '',\n  type = 'DSComboBox',\n}) => (\n  <div className={className}>\n    {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n    {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n  </div>\n);\nexport default FieldControllerRow;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAsC;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,MAEP,mDAAC,OAAD;AAAA,EAAK;AAAA,GACF,SAAS,gBAAgB,mDAAC,2BAAD;AAAA,EAAY;AAAA,EAAoB;AAAA,EAAkB;AAAA,IAC3E,SAAS,eAAe,mDAAC,0BAAD;AAAA,EAAW,YAAU;AAAA,EAAC;AAAA,EAAoB;AAAA,EAAkB;AAAA;AAGzF,IAAO,6BAAQ;",
+  "names": []
+}

package/cjs/components/Nestable/Nestable.js

@@ -1,105 +1,86 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var cn = require('classnames');
-var utils = require('@elliemae/ds-shared/utils');
-var dsUtilities = require('@elliemae/ds-utilities');
-var tryIncreaseDepth = require('./actions/tryIncreaseDepth.js');
-var tryDecreaseDepth = require('./actions/tryDecreaseDepth.js');
-var moveItem = require('./actions/moveItem.js');
-var paths = require('./actions/paths.js');
-var events = require('./actions/events.js');
-var getItemOptions = require('./actions/getItemOptions.js');
-var NestableItem = require('./NestableItem.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-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__default["default"](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; }
-
-const shallowCompare = (instance, nextProps, nextState) => !dsUtilities.isEqualWith(instance.props, nextProps) || !dsUtilities.isEqualWith(instance.state, nextState);
-
-class Nestable extends React.Component {
+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_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = __toESM(require("@elliemae/ds-shared/utils"));
+var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
+var import_actions = __toESM(require("./actions"));
+var import_NestableItem = __toESM(require("./NestableItem"));
+const shallowCompare = (instance, nextProps, nextState) => !(0, import_ds_utilities.isEqualWith)(instance.props, nextProps) || !(0, import_ds_utilities.isEqualWith)(instance.state, nextState);
+class Nestable extends import_react.Component {
   constructor(props) {
     super(props);
-
     this.onDragStart = (e, item) => {
-      events.onDragStart.call(this, e, item);
+      import_actions.onDragStart.call(this, e, item);
     };
-
-    this.onDragEnd = (e, isCancel) => events.onDragEnd.call(this, e, isCancel);
-
-    this.onMouseMove = e => events.onMouseMove.call(this, e);
-
-    this.onMouseEnter = (e, item) => events.onMouseEnter.call(this, e, item);
-
-    this.onToggleCollapse = (item, isGetter) => events.onToggleCollapse.call(this, item, isGetter);
-
-    this.onKeyDown = e => events.onKeyDown.call(this, e);
-
+    this.onDragEnd = (e, isCancel) => import_actions.onDragEnd.call(this, e, isCancel);
+    this.onMouseMove = (e) => import_actions.onMouseMove.call(this, e);
+    this.onMouseEnter = (e, item) => import_actions.onMouseEnter.call(this, e, item);
+    this.onToggleCollapse = (item, isGetter) => import_actions.onToggleCollapse.call(this, item, isGetter);
+    this.onKeyDown = (e) => import_actions.onKeyDown.call(this, e);
     this.getDefaultItems = () => {
-      const {
-        items
-      } = this.state;
+      const { items } = this.state;
       return items;
     };
-
-    this.getItemDepth = item => paths.getItemDepth.call(this, item);
-
+    this.getItemDepth = (item) => import_actions.getItemDepth.call(this, item);
     this.startTrackMouse = () => {
-      document.addEventListener('mousemove', this.onMouseMove);
-      document.addEventListener('mouseup', this.onDragEnd);
-      document.addEventListener('keydown', this.onKeyDown);
+      document.addEventListener("mousemove", this.onMouseMove);
+      document.addEventListener("mouseup", this.onDragEnd);
+      document.addEventListener("keydown", this.onKeyDown);
     };
-
     this.stopTrackMouse = () => {
-      document.removeEventListener('mousemove', this.onMouseMove);
-      document.removeEventListener('mouseup', this.onDragEnd);
-      document.removeEventListener('keydown', this.onKeyDown);
+      document.removeEventListener("mousemove", this.onMouseMove);
+      document.removeEventListener("mouseup", this.onDragEnd);
+      document.removeEventListener("keydown", this.onKeyDown);
       this.elCopyStyles = null;
     };
-
-    this.isCollapsed = item => {
-      const {
-        collapsed
-      } = this.props;
-      const {
-        collapsedGroups
-      } = this.state;
+    this.isCollapsed = (item) => {
+      const { collapsed } = this.props;
+      const { collapsedGroups } = this.state;
       return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
     };
-
-    this.checkFilterChildren = items => items.find(current => {
+    this.checkFilterChildren = (items) => items.find((current) => {
       const {
-        element: {
-          type
-        },
+        element: { type },
         children
       } = current;
-      if (type === 'filter' && children.length > 0) return true;
+      if (type === "filter" && children.length > 0)
+        return true;
       return this.checkFilterChildren(children);
     });
-
     this.dragRevert = () => {
-      const {
-        itemsOld
-      } = this.state;
+      const { itemsOld } = this.state;
       this.setState({
         items: itemsOld,
         itemsOld: null,
@@ -107,7 +88,6 @@ class Nestable extends React.Component {
         isDirty: false
       });
     };
-
     this.state = {
       items: [],
       itemsOld: null,
@@ -120,163 +100,101 @@ class Nestable extends React.Component {
     this.el = null;
     this.elCopyStyles = null;
     this.mouse = {
-      last: {
-        x: 0
-      },
-      shift: {
-        x: 0
-      }
+      last: { x: 0 },
+      shift: { x: 0 }
     };
   }
-
   componentDidMount() {
-    const {
-      childrenProp
-    } = this.props;
-    let {
-      items
-    } = this.props; // make sure every item has property 'children'
-
-    items = utils.listWithChildren(items, childrenProp);
-    this.setState({
-      items
-    });
+    const { childrenProp } = this.props;
+    let { items } = this.props;
+    items = (0, import_utils.listWithChildren)(items, childrenProp);
+    this.setState({ items });
   }
-
   componentWillUnmount() {
     this.stopTrackMouse();
   }
-
   static getDerivedStateFromProps(props, state) {
-    const {
-      items: itemsNew,
-      childrenProp
-    } = props;
-    const {
-      stopTrackingMouse,
-      oldProps
-    } = state;
-
-    if (shallowCompare({
-      props: oldProps,
-      state: {}
-    }, props, {})) {
+    const { items: itemsNew, childrenProp } = props;
+    const { stopTrackingMouse, oldProps } = state;
+    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {
       stopTrackingMouse();
       const extra = {};
-
       if (oldProps.collapsed !== props.collapsed) {
         extra.collapsedGroups = [];
       }
-
-      return _objectSpread({
-        items: utils.listWithChildren(itemsNew, childrenProp),
+      return {
+        items: (0, import_utils.listWithChildren)(itemsNew, childrenProp),
         dragItem: null,
         isDirty: false,
-        oldProps: props
-      }, extra);
+        oldProps: props,
+        ...extra
+      };
     }
-
     return null;
   }
-
-  getPathById(id) {
-    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
-    return paths.getPathById.call(this, id, items);
+  getPathById(id, items = this.getDefaultItems()) {
+    return import_actions.getPathById.call(this, id, items);
   }
-
-  getItemByPath(path) {
-    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultItems();
-    return paths.getItemByPath.call(this, path, items);
+  getItemByPath(path, items = this.getDefaultItems()) {
+    return import_actions.getItemByPath.call(this, path, items);
   }
-
-  getSplicePath(path) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return paths.getSplicePath.call(this, path, options);
+  getSplicePath(path, options = {}) {
+    return import_actions.getSplicePath.call(this, path, options);
   }
-
   getRealNextPath(prevPath, nextPath) {
-    return paths.getRealNextPath.call(this, prevPath, nextPath);
+    return import_actions.getRealNextPath.call(this, prevPath, nextPath);
   }
-
   getItemOptions() {
-    return getItemOptions.getItemOptions.call(this);
+    return import_actions.getItemOptions.call(this);
   }
-
   dragApply() {
-    const {
-      onChange
-    } = this.props;
-    const {
-      items,
-      isDirty,
-      dragItem
-    } = this.state;
+    const { onChange } = this.props;
+    const { items, isDirty, dragItem } = this.state;
     this.setState({
       itemsOld: null,
       dragItem: null,
       isDirty: false
     });
-    if (onChange && isDirty) onChange(items, dragItem);
+    if (onChange && isDirty)
+      onChange(items, dragItem);
   }
-
   tryIncreaseDepth(dragItem) {
-    tryIncreaseDepth.tryIncreaseDepth.call(this, dragItem);
+    import_actions.tryIncreaseDepth.call(this, dragItem);
   }
-
   tryDecreaseDepth(dragItem) {
-    tryDecreaseDepth.tryDecreaseDepth.call(this, dragItem);
+    import_actions.tryDecreaseDepth.call(this, dragItem);
   }
-
-  moveItem(_ref) {
-    let {
-      dragItem,
-      pathFrom,
-      pathTo
-    } = _ref;
-    let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    moveItem.moveItem.call(this, {
-      dragItem,
-      pathFrom,
-      pathTo
-    }, extraProps);
+  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {
+    import_actions.moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);
   }
-
   renderDragLayer() {
-    const {
-      group
-    } = this.props;
-    const {
-      dragItem
-    } = this.state;
-    const el = document.querySelector(".nestable-".concat(group, " .nestable-item-").concat(dragItem.id));
+    const { group } = this.props;
+    const { dragItem } = this.state;
+    const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);
     let listStyles = {};
-
     if (el) {
       listStyles.width = el.clientWidth;
     }
-
     if (this.elCopyStyles) {
-      listStyles = _objectSpread(_objectSpread({}, listStyles), this.elCopyStyles);
+      listStyles = {
+        ...listStyles,
+        ...this.elCopyStyles
+      };
     }
-
     const options = this.getItemOptions();
-    return /*#__PURE__*/_jsx__default["default"]("div", {
+    return /* @__PURE__ */ import_react.default.createElement("div", {
       className: "nestable-drag-layer"
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
+    }, /* @__PURE__ */ import_react.default.createElement("ol", {
       className: "nestable-list",
       style: listStyles
-    }, void 0, /*#__PURE__*/_jsx__default["default"](NestableItem, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_NestableItem.default, {
       isCopy: true,
       item: dragItem,
-      options: options
+      options
     })));
   }
-
   render() {
-    const {
-      items,
-      dragItem
-    } = this.state;
+    const { items, dragItem } = this.state;
     const {
       group,
       isAndItem,
@@ -287,34 +205,50 @@ class Nestable extends React.Component {
     } = this.props;
     const options = this.getItemOptions();
     const childLength = items.length;
-    let childClass = 'single';
-    if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
-    return /*#__PURE__*/_jsx__default["default"]("div", {
-      className: cn__default["default"]('nestable', "nestable-".concat(group), {
-        'is-drag-active': dragItem
+    let childClass = "single";
+    if (childLength === 0)
+      childClass = "empty";
+    else if (childLength > 1)
+      childClass = "multiple";
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: (0, import_classnames.default)("nestable", `nestable-${group}`, {
+        "is-drag-active": dragItem
       })
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("ol", {
-      className: "nestable-list nestable-group nestable-child-count-".concat(childClass)
-    }, void 0, items.map((item, i) => /*#__PURE__*/_jsx__default["default"](NestableItem, {
+    }, /* @__PURE__ */ import_react.default.createElement("ol", {
+      className: `nestable-list nestable-group nestable-child-count-${childClass}`
+    }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_NestableItem.default, {
+      key: item.id,
       index: i,
-      isAndItem: isAndItem,
-      isDraggableItem: isDraggableItem,
-      isOrItem: isOrItem,
-      item: item,
-      options: options,
-      setDraggableItems: setDraggableItems,
-      singleRow: singleRow
-    }, item.id))), dragItem && this.renderDragLayer());
+      isAndItem,
+      isDraggableItem,
+      isOrItem,
+      item,
+      options,
+      setDraggableItems,
+      singleRow
+    }))), dragItem && this.renderDragLayer());
   }
-
 }
-
 Nestable.defaultProps = {
   items: [],
   collapsed: false,
   group: Math.random().toString(36).slice(2),
-  childrenProp: 'children',
-  onChange: () => {}
+  childrenProp: "children",
+  onChange: () => {
+  }
+};
+Nestable.propTypes = {
+  childrenProp: import_prop_types.default.string,
+  group: import_prop_types.default.string,
+  items: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
+  collapsed: import_prop_types.default.bool,
+  onChange: import_prop_types.default.func,
+  isAndItem: import_prop_types.default.bool,
+  isOrItem: import_prop_types.default.bool,
+  isDraggableItem: import_prop_types.default.bool,
+  setDraggableItems: import_prop_types.default.func,
+  singleRow: import_prop_types.default.bool
 };
-
-module.exports = Nestable;
+var Nestable_default = Nestable;
+module.exports = __toCommonJS(Nestable_exports);
+//# sourceMappingURL=Nestable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Nestable/Nestable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-bitwise, max-lines  */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared/utils';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n  tryIncreaseDepth,\n  tryDecreaseDepth,\n  moveItem,\n  getItemOptions,\n  getRealNextPath,\n  getPathById,\n  getItemByPath,\n  getItemDepth,\n  getSplicePath,\n  onDragStart,\n  onDragEnd,\n  onMouseMove,\n  onMouseEnter,\n  onToggleCollapse,\n  onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n  !isEqualWith(instance.props, nextProps) ||\n  !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      items: [],\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n      collapsedGroups: [],\n      stopTrackingMouse: this.stopTrackMouse.bind(this),\n      oldProps: props,\n    };\n\n    this.el = null;\n    this.elCopyStyles = null;\n    this.mouse = {\n      last: { x: 0 },\n      shift: { x: 0 },\n    };\n  }\n\n  componentDidMount() {\n    const { childrenProp } = this.props;\n    let { items } = this.props;\n    // make sure every item has property 'children'\n    items = listWithChildren(items, childrenProp);\n    this.setState({ items });\n  }\n\n  componentWillUnmount() {\n    this.stopTrackMouse();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const { items: itemsNew, childrenProp } = props;\n    const { stopTrackingMouse, oldProps } = state;\n\n    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n      stopTrackingMouse();\n      const extra = {};\n      if (oldProps.collapsed !== props.collapsed) {\n        extra.collapsedGroups = [];\n      }\n      return {\n        items: listWithChildren(itemsNew, childrenProp),\n        dragItem: null,\n        isDirty: false,\n        oldProps: props,\n        ...extra,\n      };\n    }\n    return null;\n  }\n\n  onDragStart = (e, item) => {\n    onDragStart.call(this, e, item);\n  };\n\n  onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n  onMouseMove = (e) => onMouseMove.call(this, e);\n\n  onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n  onToggleCollapse = (item, isGetter) =>\n    onToggleCollapse.call(this, item, isGetter);\n\n  onKeyDown = (e) => onKeyDown.call(this, e);\n\n  getDefaultItems = () => {\n    const { items } = this.state;\n    return items;\n  };\n\n  getPathById(id, items = this.getDefaultItems()) {\n    return getPathById.call(this, id, items);\n  }\n\n  getItemByPath(path, items = this.getDefaultItems()) {\n    return getItemByPath.call(this, path, items);\n  }\n\n  getItemDepth = (item) => getItemDepth.call(this, item);\n\n  getSplicePath(path, options = {}) {\n    return getSplicePath.call(this, path, options);\n  }\n\n  getRealNextPath(prevPath, nextPath) {\n    return getRealNextPath.call(this, prevPath, nextPath);\n  }\n\n  getItemOptions() {\n    return getItemOptions.call(this);\n  }\n\n  startTrackMouse = () => {\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onDragEnd);\n    document.addEventListener('keydown', this.onKeyDown);\n  };\n\n  stopTrackMouse = () => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onDragEnd);\n    document.removeEventListener('keydown', this.onKeyDown);\n    this.elCopyStyles = null;\n  };\n\n  isCollapsed = (item) => {\n    const { collapsed } = this.props;\n    const { collapsedGroups } = this.state;\n    return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n  };\n\n  checkFilterChildren = (items) =>\n    items.find((current) => {\n      const {\n        element: { type },\n        children,\n      } = current;\n      if (type === 'filter' && children.length > 0) return true;\n      return this.checkFilterChildren(children);\n    });\n\n  dragRevert = () => {\n    const { itemsOld } = this.state;\n\n    this.setState({\n      items: itemsOld,\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n  };\n\n  dragApply() {\n    const { onChange } = this.props;\n    const { items, isDirty, dragItem } = this.state;\n\n    this.setState({\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n\n    if (onChange && isDirty) onChange(items, dragItem);\n  }\n\n  tryIncreaseDepth(dragItem) {\n    tryIncreaseDepth.call(this, dragItem);\n  }\n\n  tryDecreaseDepth(dragItem) {\n    tryDecreaseDepth.call(this, dragItem);\n  }\n\n  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n  }\n\n  renderDragLayer() {\n    const { group } = this.props;\n    const { dragItem } = this.state;\n    const el = document.querySelector(\n      `.nestable-${group} .nestable-item-${dragItem.id}`,\n    );\n\n    let listStyles = {};\n    if (el) {\n      listStyles.width = el.clientWidth;\n    }\n    if (this.elCopyStyles) {\n      listStyles = {\n        ...listStyles,\n        ...this.elCopyStyles,\n      };\n    }\n\n    const options = this.getItemOptions();\n\n    return (\n      <div className=\"nestable-drag-layer\">\n        <ol className=\"nestable-list\" style={listStyles}>\n          <NestableItem isCopy item={dragItem} options={options} />\n        </ol>\n      </div>\n    );\n  }\n\n  render() {\n    const { items, dragItem } = this.state;\n    const {\n      group,\n      isAndItem,\n      isOrItem,\n      isDraggableItem,\n      setDraggableItems,\n      singleRow,\n    } = this.props;\n    const options = this.getItemOptions();\n    const childLength = items.length;\n    let childClass = 'single';\n    if (childLength === 0) childClass = 'empty';\n    else if (childLength > 1) childClass = 'multiple';\n\n    return (\n      <div\n        className={cn('nestable', `nestable-${group}`, {\n          'is-drag-active': dragItem,\n        })}\n      >\n        <ol\n          className={`nestable-list nestable-group nestable-child-count-${childClass}`}\n        >\n          {items.map((item, i) => (\n            <NestableItem\n              key={item.id}\n              index={i}\n              isAndItem={isAndItem}\n              isDraggableItem={isDraggableItem}\n              isOrItem={isOrItem}\n              item={item}\n              options={options}\n              setDraggableItems={setDraggableItems}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n        {dragItem && this.renderDragLayer()}\n      </div>\n    );\n  }\n}\n\nNestable.defaultProps = {\n  items: [],\n  collapsed: false,\n  group: Math.random().toString(36).slice(2),\n  childrenProp: 'children',\n  onChange: () => {},\n};\n\nNestable.propTypes = {\n  childrenProp: PropTypes.string,\n  group: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  collapsed: PropTypes.bool,\n  onChange: PropTypes.func,\n  isAndItem: PropTypes.bool,\n  isOrItem: PropTypes.bool,\n  isDraggableItem: PropTypes.bool,\n  setDraggableItems: PropTypes.func,\n  singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}