@elliemae/ds-query-builder 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/components/Nestable/NestableItem.js

@@ -1,111 +1,119 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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.constructor.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');
-require('react');
-var cn = require('classnames');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 NestableItem = _ref => {
-  let {
-    item,
-    isCopy,
-    options,
-    index,
-    isAndItem,
-    isOrItem,
-    isDraggableItem,
-    singleRow
-  } = _ref;
-  const {
-    dragItem,
-    renderItem,
-    handler,
-    childrenProp
-  } = options;
+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 NestableItem_exports = {};
+__export(NestableItem_exports, {
+  default: () => NestableItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+const NestableItem = ({
+  item,
+  isCopy,
+  options,
+  index,
+  isAndItem,
+  isOrItem,
+  isDraggableItem,
+  singleRow
+}) => {
+  const { dragItem, renderItem, handler, childrenProp } = options;
   const isCollapsed = options.isCollapsed(item);
   const isDragging = !isCopy && dragItem && dragItem.id === item.id;
   const hasChildren = item[childrenProp] && item[childrenProp].length > 0;
   let Handler;
-  const isOrGroup = item.element.type === 'group' && (item.element.condition === '' || item.element.condition === false);
-  const isAndGroup = item.element.type === 'group' && !(item.element.condition === '' || item.element.condition === false);
+  const isOrGroup = item.element.type === "group" && (item.element.condition === "" || item.element.condition === false);
+  const isAndGroup = item.element.type === "group" && !(item.element.condition === "" || item.element.condition === false);
   const itemProps = {
-    className: cn__default["default"]("nestable-item".concat(isCopy ? '-copy' : ''), "nestable-item".concat(isCopy ? '-copy' : '', "-").concat(item.id), "nestable-item-type-".concat(item.element.type), {
-      'is-or-group': isOrGroup,
-      'is-and-group': isAndGroup,
-      'is-and-filter': item.element.type === 'filter' && isAndItem,
-      'is-or-filter': item.element.type === 'filter' && isOrItem
+    className: (0, import_classnames.default)(`nestable-item${isCopy ? "-copy" : ""}`, `nestable-item${isCopy ? "-copy" : ""}-${item.id}`, `nestable-item-type-${item.element.type}`, {
+      "is-or-group": isOrGroup,
+      "is-and-group": isAndGroup,
+      "is-and-filter": item.element.type === "filter" && isAndItem,
+      "is-or-filter": item.element.type === "filter" && isOrItem
     }, {
-      'is-dragging': isDragging
+      "is-dragging": isDragging
     })
   };
   let rowProps = {};
   let handlerProps = {};
-
   if (!isCopy) {
     if (dragItem) {
-      rowProps = _objectSpread(_objectSpread({}, rowProps), {}, {
-        onMouseEnter: e => options.onMouseEnter(e, item)
-      });
+      rowProps = {
+        ...rowProps,
+        onMouseEnter: (e) => options.onMouseEnter(e, item)
+      };
     } else {
-      handlerProps = _objectSpread(_objectSpread({}, handlerProps), {}, {
+      handlerProps = {
+        ...handlerProps,
         draggable: isDraggableItem !== false,
-        onDragStart: e => options.onDragStart(e, item)
-      });
+        onDragStart: (e) => options.onDragStart(e, item)
+      };
     }
   }
-
   if (handler) {
-    Handler = /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
-      className: "nestable-item-handler"
-    }, handlerProps), {}, {
-      children: handler
-    })); // Handler = React.cloneElement(handler, handlerProps);
+    Handler = /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "nestable-item-handler",
+      ...handlerProps
+    }, handler);
   } else {
-    rowProps = _objectSpread(_objectSpread({}, rowProps), handlerProps);
+    rowProps = {
+      ...rowProps,
+      ...handlerProps
+    };
   }
-
   const childLength = item[childrenProp].length;
-  let childClass = 'single';
-  if (childLength === 0) childClass = 'empty';else if (childLength > 1) childClass = 'multiple';
-  return /*#__PURE__*/jsxRuntime.jsxs("li", _objectSpread(_objectSpread({}, itemProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
-      className: "nestable-item-name nestable-item-name--".concat(item.element.type, " ")
-    }, rowProps), {}, {
-      children: renderItem({
-        item,
-        handler: Handler,
-        index
-      })
-    })), hasChildren && item.element.type === 'group' && !isCollapsed && /*#__PURE__*/_jsx__default["default"]("ol", {
-      className: "nestable-list nestable-child-count-".concat(childClass, " ")
-    }, void 0, item[childrenProp].map((currentitem, i) => /*#__PURE__*/_jsx__default["default"](NestableItem, {
-      index: i,
-      isAndItem: isAndGroup,
-      isCopy: isCopy,
-      isOrItem: isOrGroup,
-      item: currentitem,
-      options: options,
-      singleRow: singleRow
-    }, i)))]
-  }));
+  let childClass = "single";
+  if (childLength === 0)
+    childClass = "empty";
+  else if (childLength > 1)
+    childClass = "multiple";
+  return /* @__PURE__ */ import_react.default.createElement("li", {
+    ...itemProps
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: `nestable-item-name nestable-item-name--${item.element.type} `,
+    ...rowProps
+  }, renderItem({
+    item,
+    handler: Handler,
+    index
+  })), hasChildren && item.element.type === "group" && !isCollapsed && /* @__PURE__ */ import_react.default.createElement("ol", {
+    className: `nestable-list nestable-child-count-${childClass} `
+  }, item[childrenProp].map((currentitem, i) => /* @__PURE__ */ import_react.default.createElement(NestableItem, {
+    key: i,
+    index: i,
+    isAndItem: isAndGroup,
+    isCopy,
+    isOrItem: isOrGroup,
+    item: currentitem,
+    options,
+    singleRow
+  }))));
 };
-
-module.exports = NestableItem;
+var NestableItem_default = NestableItem;
+module.exports = __toCommonJS(NestableItem_exports);
+//# sourceMappingURL=NestableItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Nestable/NestableItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\nimport React from 'react';\nimport cn from 'classnames';\n\nconst NestableItem = ({\n  item,\n  isCopy,\n  options,\n  index,\n  isAndItem,\n  isOrItem,\n  isDraggableItem,\n  singleRow,\n}) => {\n  const { dragItem, renderItem, handler, childrenProp } = options;\n\n  const isCollapsed = options.isCollapsed(item);\n  const isDragging = !isCopy && dragItem && dragItem.id === item.id;\n  const hasChildren = item[childrenProp] && item[childrenProp].length > 0;\n\n  let Handler;\n  const isOrGroup =\n    item.element.type === 'group' &&\n    (item.element.condition === '' || item.element.condition === false);\n  const isAndGroup =\n    item.element.type === 'group' &&\n    !(item.element.condition === '' || item.element.condition === false);\n\n  const itemProps = {\n    className: cn(\n      `nestable-item${isCopy ? '-copy' : ''}`,\n      `nestable-item${isCopy ? '-copy' : ''}-${item.id}`,\n      `nestable-item-type-${item.element.type}`,\n      {\n        'is-or-group': isOrGroup,\n        'is-and-group': isAndGroup,\n        'is-and-filter': item.element.type === 'filter' && isAndItem,\n        'is-or-filter': item.element.type === 'filter' && isOrItem,\n      },\n      {\n        'is-dragging': isDragging,\n      },\n    ),\n  };\n\n  let rowProps = {};\n  let handlerProps = {};\n  if (!isCopy) {\n    if (dragItem) {\n      rowProps = {\n        ...rowProps,\n        onMouseEnter: e => options.onMouseEnter(e, item),\n      };\n    } else {\n      handlerProps = {\n        ...handlerProps,\n        draggable: isDraggableItem !== false,\n        onDragStart: e => options.onDragStart(e, item),\n      };\n    }\n  }\n\n  if (handler) {\n    Handler = (\n      <span className=\"nestable-item-handler\" {...handlerProps}>\n        {handler}\n      </span>\n    );\n    // Handler = React.cloneElement(handler, handlerProps);\n  } else {\n    rowProps = {\n      ...rowProps,\n      ...handlerProps,\n    };\n  }\n\n  const childLength = item[childrenProp].length;\n  let childClass = 'single';\n  if (childLength === 0) childClass = 'empty';\n  else if (childLength > 1) childClass = 'multiple';\n\n  return (\n    <li {...itemProps}>\n      <div\n        className={`nestable-item-name nestable-item-name--${item.element.type} `}\n        {...rowProps}\n      >\n        {renderItem({\n          item,\n          handler: Handler,\n          index,\n        })}\n      </div>\n      {hasChildren && item.element.type === 'group' && !isCollapsed && (\n        <ol className={`nestable-list nestable-child-count-${childClass} `}>\n          {item[childrenProp].map((currentitem, i) => (\n            <NestableItem\n              key={i}\n              index={i}\n              isAndItem={isAndGroup}\n              isCopy={isCopy}\n              isOrItem={isOrGroup}\n              item={currentitem}\n              options={options}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n      )}\n    </li>\n  );\n};\n\nexport default NestableItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAe;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,iBAAiB;AAExD,QAAM,cAAc,QAAQ,YAAY;AACxC,QAAM,aAAa,CAAC,UAAU,YAAY,SAAS,OAAO,KAAK;AAC/D,QAAM,cAAc,KAAK,iBAAiB,KAAK,cAAc,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,WACrB,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,CAAE,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW,+BACT,gBAAgB,SAAS,UAAU,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK,MAC9C,sBAAsB,KAAK,QAAQ,QACnC;AAAA,MACE,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,OAEpD;AAAA,MACE,eAAe;AAAA;AAAA;AAKrB,MAAI,WAAW;AACf,MAAI,eAAe;AACnB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW;AAAA,WACN;AAAA,QACH,cAAc,OAAK,QAAQ,aAAa,GAAG;AAAA;AAAA,WAExC;AACL,qBAAe;AAAA,WACV;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG;AAAA;AAAA;AAAA;AAK/C,MAAI,SAAS;AACX,cACE,mDAAC,QAAD;AAAA,MAAM,WAAU;AAAA,SAA4B;AAAA,OACzC;AAAA,SAIA;AACL,eAAW;AAAA,SACN;AAAA,SACA;AAAA;AAAA;AAIP,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,mDAAC,MAAD;AAAA,OAAQ;AAAA,KACN,mDAAC,OAAD;AAAA,IACE,WAAW,0CAA0C,KAAK,QAAQ;AAAA,OAC9D;AAAA,KAEH,WAAW;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,OAGH,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,mDAAC,MAAD;AAAA,IAAI,WAAW,sCAAsC;AAAA,KAClD,KAAK,cAAc,IAAI,CAAC,aAAa,MACpC,mDAAC,cAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,IACA;AAAA;AAAA;AASd,IAAO,uBAAQ;",
+  "names": []
+}

package/cjs/components/Nestable/actions/events.js

@@ -1,99 +1,103 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.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 utils = require('@elliemae/ds-shared/utils');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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; }
+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 events_exports = {};
+__export(events_exports, {
+  onDragEnd: () => onDragEnd,
+  onDragStart: () => onDragStart,
+  onKeyDown: () => onKeyDown,
+  onMouseEnter: () => onMouseEnter,
+  onMouseMove: () => onMouseMove,
+  onToggleCollapse: () => onToggleCollapse
+});
+var React = __toESM(require("react"));
+var import_utils = require("@elliemae/ds-shared/utils");
 function onDragStart(e, item) {
   if (e) {
     e.preventDefault();
     e.stopPropagation();
   }
-
-  this.el = utils.closest(e.target, '.nestable-item');
+  this.el = (0, import_utils.closest)(e.target, ".nestable-item");
   this.startTrackMouse();
   this.onMouseMove(e);
-  const {
-    items
-  } = this.state;
+  const { items } = this.state;
   this.setState({
     dragItem: item,
     itemsOld: items
   });
 }
 function onDragEnd(e, isCancel) {
-  if (e && e.preventDefault) e.preventDefault();
+  if (e && e.preventDefault)
+    e.preventDefault();
   this.stopTrackMouse();
-  this.el = null; // check if filter has children
-
-  const {
-    items
-  } = this.state;
+  this.el = null;
+  const { items } = this.state;
   const nestedInFilter = this.checkFilterChildren(items);
-  if (nestedInFilter) return this.dragRevert();
+  if (nestedInFilter)
+    return this.dragRevert();
   return isCancel ? this.dragRevert() : this.dragApply();
 }
 function onMouseMove(e) {
-  const {
-    group,
-    threshold
-  } = this.props;
-  const {
-    dragItem
-  } = this.state;
-  const {
-    clientX,
-    clientY
-  } = e;
-  const transformProps = utils.getTransformProps(clientX, clientY);
-  const elCopy = document.querySelector(".nestable-".concat(group, " .nestable-drag-layer > .nestable-list"));
-
+  const { group, threshold } = this.props;
+  const { dragItem } = this.state;
+  const { clientX, clientY } = e;
+  const transformProps = (0, import_utils.getTransformProps)(clientX, clientY);
+  const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);
   if (!this.elCopyStyles) {
-    const offset = utils.getOffsetRect(this.el);
-    const scroll = utils.getTotalScroll(this.el);
-    this.elCopyStyles = _objectSpread({
+    const offset = (0, import_utils.getOffsetRect)(this.el);
+    const scroll = (0, import_utils.getTotalScroll)(this.el);
+    this.elCopyStyles = {
       marginTop: offset.top - clientY - scroll.top,
-      marginLeft: offset.left - clientX - scroll.left
-    }, transformProps);
+      marginLeft: offset.left - clientX - scroll.left,
+      ...transformProps
+    };
   } else {
-    this.elCopyStyles = _objectSpread(_objectSpread({}, this.elCopyStyles), transformProps);
-
+    this.elCopyStyles = {
+      ...this.elCopyStyles,
+      ...transformProps
+    };
     for (const key in transformProps) {
       if (transformProps.hasOwnProperty(key)) {
         elCopy.style[key] = transformProps[key];
       }
     }
-
     const diffX = clientX - this.mouse.last.x;
-
     if (diffX >= 0 && this.mouse.shift.x >= 0 || diffX <= 0 && this.mouse.shift.x <= 0) {
       this.mouse.shift.x += diffX;
     } else {
       this.mouse.shift.x = 0;
     }
-
     this.mouse.last.x = clientX;
-
     if (Math.abs(this.mouse.shift.x) > threshold) {
       if (this.mouse.shift.x > 0) {
         this.tryIncreaseDepth(dragItem);
       } else {
         this.tryDecreaseDepth(dragItem);
       }
-
       this.mouse.shift.x = 0;
     }
   }
@@ -103,64 +107,37 @@ function onMouseEnter(e, item) {
     e.preventDefault();
     e.stopPropagation();
   }
-
-  const {
-    collapsed,
-    childrenProp
-  } = this.props;
-  const {
-    dragItem
-  } = this.state;
-  if (dragItem.id === item.id) return;
+  const { collapsed, childrenProp } = this.props;
+  const { dragItem } = this.state;
+  if (dragItem.id === item.id)
+    return;
   const pathFrom = this.getPathById(dragItem.id);
-  const pathTo = this.getPathById(item.id); // if collapsed by default
-  // and move last (by count) child
-  // remove parent node from list of open nodes
-
+  const pathTo = this.getPathById(item.id);
   let collapseProps = {};
-
   if (collapsed && pathFrom.length > 1) {
     const parent = this.getItemByPath(pathFrom.slice(0, -1));
-
     if (parent[childrenProp].length === 1) {
       collapseProps = this.onToggleCollapse(parent, true);
     }
   }
-
-  this.moveItem({
-    dragItem,
-    pathFrom,
-    pathTo
-  }, collapseProps);
+  this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);
 }
 function onToggleCollapse(item, isGetter) {
-  const {
-    collapsed
-  } = this.props;
-  const {
-    collapsedGroups
-  } = this.state;
+  const { collapsed } = this.props;
+  const { collapsedGroups } = this.state;
   const isCollapsed = this.isCollapsed(item);
   const newState = {
-    collapsedGroups: isCollapsed ^ collapsed ? collapsedGroups.filter(id => id !== item.id) : collapsedGroups.concat(item.id)
+    collapsedGroups: isCollapsed ^ collapsed ? collapsedGroups.filter((id) => id !== item.id) : collapsedGroups.concat(item.id)
   };
-
   if (isGetter) {
     return newState;
   }
-
   return this.setState(newState);
 }
 function onKeyDown(e) {
   if (e.which === 27) {
-    // ESC
     this.onDragEnd(null, true);
   }
 }
-
-exports.onDragEnd = onDragEnd;
-exports.onDragStart = onDragStart;
-exports.onKeyDown = onKeyDown;
-exports.onMouseEnter = onMouseEnter;
-exports.onMouseMove = onMouseMove;
-exports.onToggleCollapse = onToggleCollapse;
+module.exports = __toCommonJS(events_exports);
+//# sourceMappingURL=events.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Nestable/actions/events.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-bitwise, no-loops/no-loops, max-lines, max-statements, no-restricted-syntax, no-prototype-builtins */\nimport {\n  closest,\n  getOffsetRect,\n  getTotalScroll,\n  getTransformProps,\n} from '@elliemae/ds-shared/utils';\n\nexport function onDragStart(e, item) {\n  if (e) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n  this.el = closest(e.target, '.nestable-item');\n  this.startTrackMouse();\n  this.onMouseMove(e);\n  const { items } = this.state;\n  this.setState({\n    dragItem: item,\n    itemsOld: items,\n  });\n}\n\nexport function onDragEnd(e, isCancel) {\n  if (e && e.preventDefault) e.preventDefault();\n\n  this.stopTrackMouse();\n  this.el = null;\n\n  // check if filter has children\n  const { items } = this.state;\n  const nestedInFilter = this.checkFilterChildren(items);\n  if (nestedInFilter) return this.dragRevert();\n\n  return isCancel ? this.dragRevert() : this.dragApply();\n}\n\nexport function onMouseMove(e) {\n  const { group, threshold } = this.props;\n  const { dragItem } = this.state;\n  const { clientX, clientY } = e;\n  const transformProps = getTransformProps(clientX, clientY);\n  const elCopy = document.querySelector(\n    `.nestable-${group} .nestable-drag-layer > .nestable-list`,\n  );\n  if (!this.elCopyStyles) {\n    const offset = getOffsetRect(this.el);\n    const scroll = getTotalScroll(this.el);\n\n    this.elCopyStyles = {\n      marginTop: offset.top - clientY - scroll.top,\n      marginLeft: offset.left - clientX - scroll.left,\n      ...transformProps,\n    };\n  } else {\n    this.elCopyStyles = {\n      ...this.elCopyStyles,\n      ...transformProps,\n    };\n    for (const key in transformProps) {\n      if (transformProps.hasOwnProperty(key)) {\n        elCopy.style[key] = transformProps[key];\n      }\n    }\n    const diffX = clientX - this.mouse.last.x;\n    if (\n      (diffX >= 0 && this.mouse.shift.x >= 0) ||\n      (diffX <= 0 && this.mouse.shift.x <= 0)\n    ) {\n      this.mouse.shift.x += diffX;\n    } else {\n      this.mouse.shift.x = 0;\n    }\n    this.mouse.last.x = clientX;\n    if (Math.abs(this.mouse.shift.x) > threshold) {\n      if (this.mouse.shift.x > 0) {\n        this.tryIncreaseDepth(dragItem);\n      } else {\n        this.tryDecreaseDepth(dragItem);\n      }\n      this.mouse.shift.x = 0;\n    }\n  }\n}\nexport function onMouseEnter(e, item) {\n  if (e) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  const { collapsed, childrenProp } = this.props;\n  const { dragItem } = this.state;\n  if (dragItem.id === item.id) return;\n\n  const pathFrom = this.getPathById(dragItem.id);\n  const pathTo = this.getPathById(item.id);\n\n  // if collapsed by default\n  // and move last (by count) child\n  // remove parent node from list of open nodes\n  let collapseProps = {};\n  if (collapsed && pathFrom.length > 1) {\n    const parent = this.getItemByPath(pathFrom.slice(0, -1));\n    if (parent[childrenProp].length === 1) {\n      collapseProps = this.onToggleCollapse(parent, true);\n    }\n  }\n\n  this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n}\n\nexport function onToggleCollapse(item, isGetter) {\n  const { collapsed } = this.props;\n  const { collapsedGroups } = this.state;\n  const isCollapsed = this.isCollapsed(item);\n\n  const newState = {\n    collapsedGroups:\n      isCollapsed ^ collapsed\n        ? collapsedGroups.filter(id => id !== item.id)\n        : collapsedGroups.concat(item.id),\n  };\n\n  if (isGetter) {\n    return newState;\n  }\n  return this.setState(newState);\n}\nexport function onKeyDown(e) {\n  if (e.which === 27) {\n    // ESC\n    this.onDragEnd(null, true);\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/components/Nestable/actions/getItemOptions.js

@@ -1,17 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 getItemOptions_exports = {};
+__export(getItemOptions_exports, {
+  getItemOptions: () => getItemOptions
+});
+var React = __toESM(require("react"));
 function getItemOptions() {
-  const {
-    renderItem,
-    renderCollapseIcon,
-    handler,
-    childrenProp
-  } = this.props;
-  const {
-    dragItem
-  } = this.state;
+  const { renderItem, renderCollapseIcon, handler, childrenProp } = this.props;
+  const { dragItem } = this.state;
   return {
     dragItem,
     childrenProp,
@@ -24,5 +45,5 @@ function getItemOptions() {
     onToggleCollapse: this.onToggleCollapse
   };
 }
-
-exports.getItemOptions = getItemOptions;
+module.exports = __toCommonJS(getItemOptions_exports);
+//# sourceMappingURL=getItemOptions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Nestable/actions/getItemOptions.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export function getItemOptions() {\n  const { renderItem, renderCollapseIcon, handler, childrenProp } = this.props;\n  const { dragItem } = this.state;\n\n  return {\n    dragItem,\n    childrenProp,\n    renderItem,\n    renderCollapseIcon,\n    handler,\n\n    onDragStart: this.onDragStart,\n    onMouseEnter: this.onMouseEnter,\n    isCollapsed: this.isCollapsed,\n    onToggleCollapse: this.onToggleCollapse,\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,0BAA0B;AAC/B,QAAM,EAAE,YAAY,oBAAoB,SAAS,iBAAiB,KAAK;AACvE,QAAM,EAAE,aAAa,KAAK;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa,KAAK;AAAA,IAClB,cAAc,KAAK;AAAA,IACnB,aAAa,KAAK;AAAA,IAClB,kBAAkB,KAAK;AAAA;AAAA;",
+  "names": []
+}