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

package/dist/esm/components/Nestable/Nestable.js

@@ -0,0 +1,241 @@
+import * as React from "react";
+import React2, { Component } from "react";
+import PropTypes from "prop-types";
+import cn from "classnames";
+import { listWithChildren } from "@elliemae/ds-shared/utils";
+import { isEqualWith } from "@elliemae/ds-utilities";
+import {
+  tryIncreaseDepth,
+  tryDecreaseDepth,
+  moveItem,
+  getItemOptions,
+  getRealNextPath,
+  getPathById,
+  getItemByPath,
+  getItemDepth,
+  getSplicePath,
+  onDragStart,
+  onDragEnd,
+  onMouseMove,
+  onMouseEnter,
+  onToggleCollapse,
+  onKeyDown
+} from "./actions";
+import NestableItem from "./NestableItem";
+const shallowCompare = (instance, nextProps, nextState) => !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);
+class Nestable extends Component {
+  constructor(props) {
+    super(props);
+    this.onDragStart = (e, item) => {
+      onDragStart.call(this, e, item);
+    };
+    this.onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);
+    this.onMouseMove = (e) => onMouseMove.call(this, e);
+    this.onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);
+    this.onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);
+    this.onKeyDown = (e) => onKeyDown.call(this, e);
+    this.getDefaultItems = () => {
+      const { items } = this.state;
+      return items;
+    };
+    this.getItemDepth = (item) => getItemDepth.call(this, item);
+    this.startTrackMouse = () => {
+      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);
+      this.elCopyStyles = null;
+    };
+    this.isCollapsed = (item) => {
+      const { collapsed } = this.props;
+      const { collapsedGroups } = this.state;
+      return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
+    };
+    this.checkFilterChildren = (items) => items.find((current) => {
+      const {
+        element: { type },
+        children
+      } = current;
+      if (type === "filter" && children.length > 0)
+        return true;
+      return this.checkFilterChildren(children);
+    });
+    this.dragRevert = () => {
+      const { itemsOld } = this.state;
+      this.setState({
+        items: itemsOld,
+        itemsOld: null,
+        dragItem: null,
+        isDirty: false
+      });
+    };
+    this.state = {
+      items: [],
+      itemsOld: null,
+      dragItem: null,
+      isDirty: false,
+      collapsedGroups: [],
+      stopTrackingMouse: this.stopTrackMouse.bind(this),
+      oldProps: props
+    };
+    this.el = null;
+    this.elCopyStyles = null;
+    this.mouse = {
+      last: { x: 0 },
+      shift: { x: 0 }
+    };
+  }
+  componentDidMount() {
+    const { childrenProp } = this.props;
+    let { items } = this.props;
+    items = 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, {})) {
+      stopTrackingMouse();
+      const extra = {};
+      if (oldProps.collapsed !== props.collapsed) {
+        extra.collapsedGroups = [];
+      }
+      return {
+        items: listWithChildren(itemsNew, childrenProp),
+        dragItem: null,
+        isDirty: false,
+        oldProps: props,
+        ...extra
+      };
+    }
+    return null;
+  }
+  getPathById(id, items = this.getDefaultItems()) {
+    return getPathById.call(this, id, items);
+  }
+  getItemByPath(path, items = this.getDefaultItems()) {
+    return getItemByPath.call(this, path, items);
+  }
+  getSplicePath(path, options = {}) {
+    return getSplicePath.call(this, path, options);
+  }
+  getRealNextPath(prevPath, nextPath) {
+    return getRealNextPath.call(this, prevPath, nextPath);
+  }
+  getItemOptions() {
+    return getItemOptions.call(this);
+  }
+  dragApply() {
+    const { onChange } = this.props;
+    const { items, isDirty, dragItem } = this.state;
+    this.setState({
+      itemsOld: null,
+      dragItem: null,
+      isDirty: false
+    });
+    if (onChange && isDirty)
+      onChange(items, dragItem);
+  }
+  tryIncreaseDepth(dragItem) {
+    tryIncreaseDepth.call(this, dragItem);
+  }
+  tryDecreaseDepth(dragItem) {
+    tryDecreaseDepth.call(this, dragItem);
+  }
+  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {
+    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);
+  }
+  renderDragLayer() {
+    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 = {
+        ...listStyles,
+        ...this.elCopyStyles
+      };
+    }
+    const options = this.getItemOptions();
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: "nestable-drag-layer"
+    }, /* @__PURE__ */ React2.createElement("ol", {
+      className: "nestable-list",
+      style: listStyles
+    }, /* @__PURE__ */ React2.createElement(NestableItem, {
+      isCopy: true,
+      item: dragItem,
+      options
+    })));
+  }
+  render() {
+    const { items, dragItem } = this.state;
+    const {
+      group,
+      isAndItem,
+      isOrItem,
+      isDraggableItem,
+      setDraggableItems,
+      singleRow
+    } = 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__ */ React2.createElement("div", {
+      className: cn("nestable", `nestable-${group}`, {
+        "is-drag-active": dragItem
+      })
+    }, /* @__PURE__ */ React2.createElement("ol", {
+      className: `nestable-list nestable-group nestable-child-count-${childClass}`
+    }, items.map((item, i) => /* @__PURE__ */ React2.createElement(NestableItem, {
+      key: item.id,
+      index: i,
+      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: () => {
+  }
+};
+Nestable.propTypes = {
+  childrenProp: PropTypes.string,
+  group: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.shape({})),
+  collapsed: PropTypes.bool,
+  onChange: PropTypes.func,
+  isAndItem: PropTypes.bool,
+  isOrItem: PropTypes.bool,
+  isDraggableItem: PropTypes.bool,
+  setDraggableItems: PropTypes.func,
+  singleRow: PropTypes.bool
+};
+var Nestable_default = Nestable;
+export {
+  Nestable_default as default
+};
+//# sourceMappingURL=Nestable.js.map

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

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

package/dist/esm/components/Nestable/NestableItem.js

@@ -0,0 +1,90 @@
+import * as React from "react";
+import React2 from "react";
+import cn from "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 itemProps = {
+    className: cn(`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
+    })
+  };
+  let rowProps = {};
+  let handlerProps = {};
+  if (!isCopy) {
+    if (dragItem) {
+      rowProps = {
+        ...rowProps,
+        onMouseEnter: (e) => options.onMouseEnter(e, item)
+      };
+    } else {
+      handlerProps = {
+        ...handlerProps,
+        draggable: isDraggableItem !== false,
+        onDragStart: (e) => options.onDragStart(e, item)
+      };
+    }
+  }
+  if (handler) {
+    Handler = /* @__PURE__ */ React2.createElement("span", {
+      className: "nestable-item-handler",
+      ...handlerProps
+    }, handler);
+  } else {
+    rowProps = {
+      ...rowProps,
+      ...handlerProps
+    };
+  }
+  const childLength = item[childrenProp].length;
+  let childClass = "single";
+  if (childLength === 0)
+    childClass = "empty";
+  else if (childLength > 1)
+    childClass = "multiple";
+  return /* @__PURE__ */ React2.createElement("li", {
+    ...itemProps
+  }, /* @__PURE__ */ React2.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__ */ React2.createElement("ol", {
+    className: `nestable-list nestable-child-count-${childClass} `
+  }, item[childrenProp].map((currentitem, i) => /* @__PURE__ */ React2.createElement(NestableItem, {
+    key: i,
+    index: i,
+    isAndItem: isAndGroup,
+    isCopy,
+    isOrItem: isOrGroup,
+    item: currentitem,
+    options,
+    singleRow
+  }))));
+};
+var NestableItem_default = NestableItem;
+export {
+  NestableItem_default as default
+};
+//# sourceMappingURL=NestableItem.js.map

package/dist/esm/components/Nestable/NestableItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/NestableItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,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,GACT,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,qCAAC,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,qCAAC,MAAD;AAAA,OAAQ;AAAA,KACN,qCAAC,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,qCAAC,MAAD;AAAA,IAAI,WAAW,sCAAsC;AAAA,KAClD,KAAK,cAAc,IAAI,CAAC,aAAa,MACpC,qCAAC,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/dist/esm/components/Nestable/actions/events.js

@@ -0,0 +1,119 @@
+import * as React from "react";
+import {
+  closest,
+  getOffsetRect,
+  getTotalScroll,
+  getTransformProps
+} from "@elliemae/ds-shared/utils";
+function onDragStart(e, item) {
+  if (e) {
+    e.preventDefault();
+    e.stopPropagation();
+  }
+  this.el = closest(e.target, ".nestable-item");
+  this.startTrackMouse();
+  this.onMouseMove(e);
+  const { items } = this.state;
+  this.setState({
+    dragItem: item,
+    itemsOld: items
+  });
+}
+function onDragEnd(e, isCancel) {
+  if (e && e.preventDefault)
+    e.preventDefault();
+  this.stopTrackMouse();
+  this.el = null;
+  const { items } = this.state;
+  const nestedInFilter = this.checkFilterChildren(items);
+  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 = getTransformProps(clientX, clientY);
+  const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);
+  if (!this.elCopyStyles) {
+    const offset = getOffsetRect(this.el);
+    const scroll = getTotalScroll(this.el);
+    this.elCopyStyles = {
+      marginTop: offset.top - clientY - scroll.top,
+      marginLeft: offset.left - clientX - scroll.left,
+      ...transformProps
+    };
+  } else {
+    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;
+    }
+  }
+}
+function onMouseEnter(e, item) {
+  if (e) {
+    e.preventDefault();
+    e.stopPropagation();
+  }
+  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);
+  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);
+}
+function onToggleCollapse(item, isGetter) {
+  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)
+  };
+  if (isGetter) {
+    return newState;
+  }
+  return this.setState(newState);
+}
+function onKeyDown(e) {
+  if (e.which === 27) {
+    this.onDragEnd(null, true);
+  }
+}
+export {
+  onDragEnd,
+  onDragStart,
+  onKeyDown,
+  onMouseEnter,
+  onMouseMove,
+  onToggleCollapse
+};
+//# sourceMappingURL=events.js.map

package/dist/esm/components/Nestable/actions/events.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/events.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,qBAAqB,GAAG,MAAM;AACnC,MAAI,GAAG;AACL,MAAE;AACF,MAAE;AAAA;AAEJ,OAAK,KAAK,QAAQ,EAAE,QAAQ;AAC5B,OAAK;AACL,OAAK,YAAY;AACjB,QAAM,EAAE,UAAU,KAAK;AACvB,OAAK,SAAS;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA;AAAA;AAIP,mBAAmB,GAAG,UAAU;AACrC,MAAI,KAAK,EAAE;AAAgB,MAAE;AAE7B,OAAK;AACL,OAAK,KAAK;AAGV,QAAM,EAAE,UAAU,KAAK;AACvB,QAAM,iBAAiB,KAAK,oBAAoB;AAChD,MAAI;AAAgB,WAAO,KAAK;AAEhC,SAAO,WAAW,KAAK,eAAe,KAAK;AAAA;AAGtC,qBAAqB,GAAG;AAC7B,QAAM,EAAE,OAAO,cAAc,KAAK;AAClC,QAAM,EAAE,aAAa,KAAK;AAC1B,QAAM,EAAE,SAAS,YAAY;AAC7B,QAAM,iBAAiB,kBAAkB,SAAS;AAClD,QAAM,SAAS,SAAS,cACtB,aAAa;AAEf,MAAI,CAAC,KAAK,cAAc;AACtB,UAAM,SAAS,cAAc,KAAK;AAClC,UAAM,SAAS,eAAe,KAAK;AAEnC,SAAK,eAAe;AAAA,MAClB,WAAW,OAAO,MAAM,UAAU,OAAO;AAAA,MACzC,YAAY,OAAO,OAAO,UAAU,OAAO;AAAA,SACxC;AAAA;AAAA,SAEA;AACL,SAAK,eAAe;AAAA,SACf,KAAK;AAAA,SACL;AAAA;AAEL,eAAW,OAAO,gBAAgB;AAChC,UAAI,eAAe,eAAe,MAAM;AACtC,eAAO,MAAM,OAAO,eAAe;AAAA;AAAA;AAGvC,UAAM,QAAQ,UAAU,KAAK,MAAM,KAAK;AACxC,QACG,SAAS,KAAK,KAAK,MAAM,MAAM,KAAK,KACpC,SAAS,KAAK,KAAK,MAAM,MAAM,KAAK,GACrC;AACA,WAAK,MAAM,MAAM,KAAK;AAAA,WACjB;AACL,WAAK,MAAM,MAAM,IAAI;AAAA;AAEvB,SAAK,MAAM,KAAK,IAAI;AACpB,QAAI,KAAK,IAAI,KAAK,MAAM,MAAM,KAAK,WAAW;AAC5C,UAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAC1B,aAAK,iBAAiB;AAAA,aACjB;AACL,aAAK,iBAAiB;AAAA;AAExB,WAAK,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA;AAIpB,sBAAsB,GAAG,MAAM;AACpC,MAAI,GAAG;AACL,MAAE;AACF,MAAE;AAAA;AAGJ,QAAM,EAAE,WAAW,iBAAiB,KAAK;AACzC,QAAM,EAAE,aAAa,KAAK;AAC1B,MAAI,SAAS,OAAO,KAAK;AAAI;AAE7B,QAAM,WAAW,KAAK,YAAY,SAAS;AAC3C,QAAM,SAAS,KAAK,YAAY,KAAK;AAKrC,MAAI,gBAAgB;AACpB,MAAI,aAAa,SAAS,SAAS,GAAG;AACpC,UAAM,SAAS,KAAK,cAAc,SAAS,MAAM,GAAG;AACpD,QAAI,OAAO,cAAc,WAAW,GAAG;AACrC,sBAAgB,KAAK,iBAAiB,QAAQ;AAAA;AAAA;AAIlD,OAAK,SAAS,EAAE,UAAU,UAAU,UAAU;AAAA;AAGzC,0BAA0B,MAAM,UAAU;AAC/C,QAAM,EAAE,cAAc,KAAK;AAC3B,QAAM,EAAE,oBAAoB,KAAK;AACjC,QAAM,cAAc,KAAK,YAAY;AAErC,QAAM,WAAW;AAAA,IACf,iBACE,cAAc,YACV,gBAAgB,OAAO,QAAM,OAAO,KAAK,MACzC,gBAAgB,OAAO,KAAK;AAAA;AAGpC,MAAI,UAAU;AACZ,WAAO;AAAA;AAET,SAAO,KAAK,SAAS;AAAA;AAEhB,mBAAmB,GAAG;AAC3B,MAAI,EAAE,UAAU,IAAI;AAElB,SAAK,UAAU,MAAM;AAAA;AAAA;",
+  "names": []
+}

package/{esm → dist/esm}/components/Nestable/actions/getItemOptions.js

@@ -1,13 +1,7 @@
+import * as React from "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,
@@ -20,5 +14,7 @@ function getItemOptions() {
     onToggleCollapse: this.onToggleCollapse
   };
 }
-
-export { getItemOptions };
+export {
+  getItemOptions
+};
+//# sourceMappingURL=getItemOptions.js.map

package/dist/esm/components/Nestable/actions/getItemOptions.js.map

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