@elliemae/ds-shuttle-v2 3.53.0-beta.8 → 3.53.0-next.10

package/dist/cjs/tests/configs/loadMore.js

@@ -1,179 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var loadMore_exports = {};
-__export(loadMore_exports, {
-  BreadCrumbHoc: () => BreadCrumbHoc,
-  useShuttle: () => useShuttle
-});
-module.exports = __toCommonJS(loadMore_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
-var import_ds_tree_model = require("@elliemae/ds-tree-model");
-var import_uid = require("uid");
-const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
-  const node = {
-    id: (0, import_uid.uid)(),
-    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
-    parent: parent ? parent.id : null
-  };
-  if (depth <= finalDepth) {
-    node.subitems = Array.from(
-      { length: 2 },
-      (_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
-    );
-  }
-  return node;
-};
-const options = {
-  getUniqueId: (item) => item.id
-};
-const startingSourceData = genTreeOfData({ prefix: "Source" });
-const startingDestinationData = genTreeOfData({ prefix: "Destination" });
-const BreadCrumb = (props) => {
-  const { breadCrumbPath, setCurrentNode, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb.Item, { label: node.plainItem.label, onClick: () => setCurrentNode(node) }, `${node.dsId}`)) });
-};
-const BreadCrumbHoc = ({ path, setCurrentNode }) => {
-  const WrappedBreadCrumb = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
-  return WrappedBreadCrumb;
-};
-const useListData = (startingData) => {
-  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = (0, import_ds_tree_model.useDSTree)(startingData, options);
-  const [currentNode, setCurrentNode] = (0, import_react.useState)(getRoot());
-  const [selection, setSelection] = (0, import_react.useState)({});
-  const [isLoadingMore, setIsLoadingMore] = (0, import_react.useState)(false);
-  const breadcrumbPath = (0, import_react.useMemo)(() => getPath(currentNode.dsId), [currentNode, getPath]);
-  const displayedData = (0, import_react.useMemo)(
-    () => currentNode.children.map((node) => node.getJson()),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentNode, hash]
-  );
-  const onDrilldown = (0, import_react.useCallback)((item) => setCurrentNode(getNode(item.id)), [getNode]);
-  const onLoadMore = (0, import_react.useCallback)(() => {
-    setIsLoadingMore(true);
-    setTimeout(() => {
-      const newChildren = Array.from(
-        { length: 1 },
-        (_, i) => genTreeOfData({ parent: currentNode.plainItem, childIndex: currentNode.children.length + i })
-      );
-      newChildren.forEach((child) => addNode(child, { parent: currentNode }));
-      setIsLoadingMore(false);
-    }, 1e3);
-  }, [addNode, currentNode]);
-  return {
-    getNode,
-    addNode,
-    replaceNode,
-    removeNode,
-    currentNode,
-    setCurrentNode,
-    selection,
-    setSelection,
-    isLoadingMore,
-    onLoadMore,
-    breadcrumbPath,
-    displayedData,
-    onDrilldown
-  };
-};
-const useShuttle = () => {
-  const {
-    currentNode: currentSourceNode,
-    setCurrentNode: setCurrentSourceNode,
-    selection: sourceSelection,
-    setSelection: setSourceSelection,
-    breadcrumbPath: sourceBreadCrumbPath,
-    displayedData: sourceDisplayedData,
-    onDrilldown: onSourceDrilldown,
-    getNode: getSourceNode,
-    addNode: addSourceNode,
-    removeNode: removeSourceNode,
-    isLoadingMore: isSourceLoadingMore,
-    onLoadMore: onLoadMoreSource
-  } = useListData(startingSourceData, "S");
-  const {
-    currentNode: currentDestinationNode,
-    setCurrentNode: setCurrentDestinationNode,
-    selection: destinationSelection,
-    setSelection: setDestinationSelection,
-    breadcrumbPath: destinationBreadCrumbPath,
-    displayedData: destinationDisplayedData,
-    onDrilldown: onDestinationDrilldown,
-    getNode: getDestinationNode,
-    addNode: addDestinationNode,
-    removeNode: removeDestinationNode,
-    isLoadingMore: isDestinationLoadingMore,
-    onLoadMore: onLoadMoreDestination
-  } = useListData(startingDestinationData, "D");
-  const onSourceAdd = (0, import_react.useCallback)(
-    (items) => items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),
-    [addSourceNode, currentSourceNode, getSourceNode]
-  );
-  const onSourceRemove = (0, import_react.useCallback)(
-    (items) => items.forEach((item) => removeSourceNode(item.id, item)),
-    [removeSourceNode]
-  );
-  const onDestinationAdd = (0, import_react.useCallback)(
-    (items) => items.forEach(
-      (item) => addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode })
-    ),
-    [addDestinationNode, currentDestinationNode, getDestinationNode]
-  );
-  const onDestinationRemove = (0, import_react.useCallback)(
-    (items) => items.forEach((item) => removeDestinationNode(item.id)),
-    [removeDestinationNode]
-  );
-  return {
-    setCurrentSourceNode,
-    setCurrentDestinationNode,
-    sourceDisplayedData,
-    destinationDisplayedData,
-    sourceSelection,
-    destinationSelection,
-    setSourceSelection,
-    setDestinationSelection,
-    onSourceDrilldown,
-    onDestinationDrilldown,
-    onSourceAdd,
-    onSourceRemove,
-    onDestinationAdd,
-    onDestinationRemove,
-    sourceBreadCrumbPath,
-    destinationBreadCrumbPath,
-    isSourceLoadingMore,
-    onLoadMoreSource,
-    isDestinationLoadingMore,
-    onLoadMoreDestination,
-    currentSourceNode,
-    currentDestinationNode
-  };
-};
-//# sourceMappingURL=loadMore.js.map

package/dist/cjs/tests/configs/loadMore.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/tests/configs/loadMore.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n  const node = {\n    id: uid(),\n    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n    parent: parent ? parent.id : null,\n  };\n\n  if (depth <= finalDepth) {\n    node.subitems = Array.from({ length: 2 }, (_, i) =>\n      genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n    );\n  }\n  return node;\n};\n\nconst options = {\n  getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst BreadCrumb = (props) => {\n  const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n  return (\n    <DSBreadcrumb isTitle {...rest}>\n      {breadCrumbPath.map((node) => (\n        <DSBreadcrumb.Item key={`${node.dsId}`} label={node.plainItem.label} onClick={() => setCurrentNode(node)} />\n      ))}\n    </DSBreadcrumb>\n  );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n  const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n  return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n  const [currentNode, setCurrentNode] = useState(getRoot());\n  const [selection, setSelection] = useState({});\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n\n  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n  const displayedData = useMemo(\n    () => currentNode.children.map((node) => node.getJson()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [currentNode, hash],\n  );\n\n  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n  const onLoadMore = useCallback(() => {\n    setIsLoadingMore(true);\n    setTimeout(() => {\n      const newChildren = Array.from({ length: 1 }, (_, i) =>\n        genTreeOfData({ parent: currentNode.plainItem, childIndex: currentNode.children.length + i }),\n      );\n      newChildren.forEach((child) => addNode(child, { parent: currentNode }));\n      setIsLoadingMore(false);\n    }, 1000);\n  }, [addNode, currentNode]);\n\n  return {\n    getNode,\n    addNode,\n    replaceNode,\n    removeNode,\n    currentNode,\n    setCurrentNode,\n    selection,\n    setSelection,\n    isLoadingMore,\n    onLoadMore,\n    breadcrumbPath,\n    displayedData,\n    onDrilldown,\n  };\n};\n\nexport const useShuttle = () => {\n  const {\n    currentNode: currentSourceNode,\n    setCurrentNode: setCurrentSourceNode,\n    selection: sourceSelection,\n    setSelection: setSourceSelection,\n    breadcrumbPath: sourceBreadCrumbPath,\n    displayedData: sourceDisplayedData,\n    onDrilldown: onSourceDrilldown,\n    getNode: getSourceNode,\n    addNode: addSourceNode,\n    removeNode: removeSourceNode,\n    isLoadingMore: isSourceLoadingMore,\n    onLoadMore: onLoadMoreSource,\n  } = useListData(startingSourceData, 'S');\n\n  const {\n    currentNode: currentDestinationNode,\n    setCurrentNode: setCurrentDestinationNode,\n    selection: destinationSelection,\n    setSelection: setDestinationSelection,\n    breadcrumbPath: destinationBreadCrumbPath,\n    displayedData: destinationDisplayedData,\n    onDrilldown: onDestinationDrilldown,\n    getNode: getDestinationNode,\n    addNode: addDestinationNode,\n    removeNode: removeDestinationNode,\n    isLoadingMore: isDestinationLoadingMore,\n    onLoadMore: onLoadMoreDestination,\n  } = useListData(startingDestinationData, 'D');\n\n  const onSourceAdd = useCallback(\n    (items) =>\n      items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),\n    [addSourceNode, currentSourceNode, getSourceNode],\n  );\n\n  const onSourceRemove = useCallback(\n    (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n    [removeSourceNode],\n  );\n\n  const onDestinationAdd = useCallback(\n    (items) =>\n      items.forEach((item) =>\n        addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode }),\n      ),\n    [addDestinationNode, currentDestinationNode, getDestinationNode],\n  );\n\n  const onDestinationRemove = useCallback(\n    (items) => items.forEach((item) => removeDestinationNode(item.id)),\n    [removeDestinationNode],\n  );\n\n  return {\n    setCurrentSourceNode,\n    setCurrentDestinationNode,\n    sourceDisplayedData,\n    destinationDisplayedData,\n    sourceSelection,\n    destinationSelection,\n    setSourceSelection,\n    setDestinationSelection,\n    onSourceDrilldown,\n    onDestinationDrilldown,\n    onSourceAdd,\n    onSourceRemove,\n    onDestinationAdd,\n    onDestinationRemove,\n    sourceBreadCrumbPath,\n    destinationBreadCrumbPath,\n    isSourceLoadingMore,\n    onLoadMoreSource,\n    isDestinationLoadingMore,\n    onLoadMoreDestination,\n\n    currentSourceNode,\n    currentDestinationNode,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/tests/configs/basic.js

@@ -1,134 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { useMemo, useState, useCallback } from "react";
-import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
-import { useDSTree } from "@elliemae/ds-tree-model";
-import { uid } from "uid";
-const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
-  const node = {
-    id: uid(),
-    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
-    parent: parent ? parent.id : null
-  };
-  if (depth <= finalDepth) {
-    node.subitems = Array.from(
-      { length: 2 },
-      (_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
-    );
-  }
-  return node;
-};
-const options = {
-  getUniqueId: (item) => item.id
-};
-const startingSourceData = genTreeOfData({ prefix: "Source" });
-const startingDestinationData = genTreeOfData({ prefix: "Destination" });
-const BreadCrumb = (props) => {
-  const { breadCrumbPath, setCurrentNode, ...rest } = props;
-  return /* @__PURE__ */ jsx(DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ jsx(
-    DSBreadcrumb.Item,
-    {
-      label: node.plainItem.label,
-      onClick: () => setCurrentNode(node),
-      dataTestId: "amigo"
-    },
-    `${node.dsId}`
-  )) });
-};
-const BreadCrumbHoc = ({ path, setCurrentNode }) => {
-  const WrappedBreadCrumb = (props) => /* @__PURE__ */ jsx(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
-  return WrappedBreadCrumb;
-};
-const useListData = (startingData) => {
-  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);
-  const [currentNode, setCurrentNode] = useState(getRoot());
-  const [selection, setSelection] = useState({});
-  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);
-  const displayedData = useMemo(
-    () => currentNode.children.map((node) => node.getJson()),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentNode, hash]
-  );
-  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);
-  return useMemo(
-    () => ({
-      getNode,
-      addNode,
-      replaceNode,
-      removeNode,
-      currentNode,
-      setCurrentNode,
-      selection,
-      setSelection,
-      breadcrumbPath,
-      displayedData,
-      onDrilldown
-    }),
-    [addNode, breadcrumbPath, currentNode, displayedData, getNode, onDrilldown, removeNode, replaceNode, selection]
-  );
-};
-const useShuttle = () => {
-  const {
-    currentNode: currentSourceNode,
-    setCurrentNode: setCurrentSourceNode,
-    selection: sourceSelection,
-    setSelection: setSourceSelection,
-    breadcrumbPath: sourceBreadCrumbPath,
-    displayedData: sourceDisplayedData,
-    onDrilldown: onSourceDrilldown,
-    addNode: addSourceNode,
-    removeNode: removeSourceNode
-  } = useListData(startingSourceData);
-  const {
-    currentNode: currentDestinationNode,
-    setCurrentNode: setCurrentDestinationNode,
-    selection: destinationSelection,
-    setSelection: setDestinationSelection,
-    breadcrumbPath: destinationBreadCrumbPath,
-    displayedData: destinationDisplayedData,
-    onDrilldown: onDestinationDrilldown,
-    addNode: addDestinationNode,
-    removeNode: removeDestinationNode
-  } = useListData(startingDestinationData);
-  const onSourceAdd = useCallback(
-    (items) => items.forEach((item) => addSourceNode(item, { parent: currentSourceNode })),
-    [addSourceNode, currentSourceNode]
-  );
-  const onSourceRemove = useCallback(
-    (items) => items.forEach((item) => removeSourceNode(item.id, item)),
-    [removeSourceNode]
-  );
-  const onDestinationAdd = useCallback(
-    (items) => items.forEach((item) => addDestinationNode(item, { parent: currentDestinationNode })),
-    [addDestinationNode, currentDestinationNode]
-  );
-  const onDestinationRemove = useCallback(
-    (items) => items.forEach((item) => removeDestinationNode(item.id)),
-    [removeDestinationNode]
-  );
-  return {
-    setCurrentSourceNode,
-    setCurrentDestinationNode,
-    sourceDisplayedData,
-    destinationDisplayedData,
-    sourceSelection,
-    destinationSelection,
-    setSourceSelection,
-    setDestinationSelection,
-    onSourceDrilldown,
-    onDestinationDrilldown,
-    onSourceAdd,
-    onSourceRemove,
-    onDestinationAdd,
-    onDestinationRemove,
-    sourceBreadCrumbPath,
-    destinationBreadCrumbPath,
-    currentSourceNode,
-    currentDestinationNode
-  };
-};
-export {
-  BreadCrumbHoc,
-  useShuttle
-};
-//# sourceMappingURL=basic.js.map

package/dist/esm/tests/configs/basic.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/configs/basic.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n  const node = {\n    id: uid(),\n    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n    parent: parent ? parent.id : null,\n  };\n\n  if (depth <= finalDepth) {\n    node.subitems = Array.from({ length: 2 }, (_, i) =>\n      genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n    );\n  }\n  return node;\n};\n\nconst options = {\n  getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst BreadCrumb = (props) => {\n  const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n  return (\n    <DSBreadcrumb isTitle {...rest}>\n      {breadCrumbPath.map((node) => (\n        <DSBreadcrumb.Item\n          key={`${node.dsId}`}\n          label={node.plainItem.label}\n          onClick={() => setCurrentNode(node)}\n          dataTestId=\"amigo\"\n        />\n      ))}\n    </DSBreadcrumb>\n  );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n  const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n  return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n  const [currentNode, setCurrentNode] = useState(getRoot());\n  const [selection, setSelection] = useState({});\n\n  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n  const displayedData = useMemo(\n    () => currentNode.children.map((node) => node.getJson()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [currentNode, hash],\n  );\n\n  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n  return useMemo(\n    () => ({\n      getNode,\n      addNode,\n      replaceNode,\n      removeNode,\n      currentNode,\n      setCurrentNode,\n      selection,\n      setSelection,\n\n      breadcrumbPath,\n      displayedData,\n      onDrilldown,\n    }),\n    [addNode, breadcrumbPath, currentNode, displayedData, getNode, onDrilldown, removeNode, replaceNode, selection],\n  );\n};\n\nexport const useShuttle = () => {\n  const {\n    currentNode: currentSourceNode,\n    setCurrentNode: setCurrentSourceNode,\n    selection: sourceSelection,\n    setSelection: setSourceSelection,\n    breadcrumbPath: sourceBreadCrumbPath,\n    displayedData: sourceDisplayedData,\n    onDrilldown: onSourceDrilldown,\n    addNode: addSourceNode,\n    removeNode: removeSourceNode,\n  } = useListData(startingSourceData);\n\n  const {\n    currentNode: currentDestinationNode,\n    setCurrentNode: setCurrentDestinationNode,\n    selection: destinationSelection,\n    setSelection: setDestinationSelection,\n    breadcrumbPath: destinationBreadCrumbPath,\n    displayedData: destinationDisplayedData,\n    onDrilldown: onDestinationDrilldown,\n    addNode: addDestinationNode,\n    removeNode: removeDestinationNode,\n  } = useListData(startingDestinationData);\n\n  const onSourceAdd = useCallback(\n    (items) => items.forEach((item) => addSourceNode(item, { parent: currentSourceNode })),\n    [addSourceNode, currentSourceNode],\n  );\n\n  const onSourceRemove = useCallback(\n    (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n    [removeSourceNode],\n  );\n\n  const onDestinationAdd = useCallback(\n    (items) => items.forEach((item) => addDestinationNode(item, { parent: currentDestinationNode })),\n    [addDestinationNode, currentDestinationNode],\n  );\n\n  const onDestinationRemove = useCallback(\n    (items) => items.forEach((item) => removeDestinationNode(item.id)),\n    [removeDestinationNode],\n  );\n\n  return {\n    setCurrentSourceNode,\n    setCurrentDestinationNode,\n    sourceDisplayedData,\n    destinationDisplayedData,\n    sourceSelection,\n    destinationSelection,\n    setSourceSelection,\n    setDestinationSelection,\n    onSourceDrilldown,\n    onDestinationDrilldown,\n    onSourceAdd,\n    onSourceRemove,\n    onDestinationAdd,\n    onDestinationRemove,\n    sourceBreadCrumbPath,\n    destinationBreadCrumbPath,\n\n    currentSourceNode,\n    currentDestinationNode,\n  };\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/esm/tests/configs/filter.js

@@ -1,169 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { useMemo, useState, useCallback } from "react";
-import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
-import { useDSTree } from "@elliemae/ds-tree-model";
-import { uid } from "uid";
-const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
-  const node = {
-    id: uid(),
-    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
-    parent: parent ? parent.id : null
-  };
-  if (depth <= finalDepth) {
-    node.subitems = Array.from(
-      { length: 2 },
-      (_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
-    );
-  }
-  return node;
-};
-const options = {
-  getUniqueId: (item) => item.id
-};
-const startingSourceData = genTreeOfData({ prefix: "Source" });
-const startingDestinationData = genTreeOfData({ prefix: "Destination" });
-const matcheslenientStringSearch = (filter, str) => {
-  const regexpString = `[\\s\\S]*${filter.replace(/\s/g, "").split("").join("[\\s\\S]*")}[\\s\\S]*`;
-  const regexpFilter = new RegExp(regexpString);
-  return regexpFilter.test(str);
-};
-const BreadCrumb = (props) => {
-  const { breadCrumbPath, setCurrentNode, ...rest } = props;
-  return /* @__PURE__ */ jsx(DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ jsx(DSBreadcrumb.Item, { label: node.plainItem.label, onClick: () => setCurrentNode(node) }, `${node.dsId}`)) });
-};
-const BreadCrumbHoc = ({ path, setCurrentNode }) => {
-  const WrappedBreadCrumb = (props) => /* @__PURE__ */ jsx(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
-  return WrappedBreadCrumb;
-};
-const useListData = (startingData) => {
-  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);
-  const [currentNode, setCurrentNode] = useState(getRoot());
-  const [filterValue, setFilterValue] = useState("");
-  const [selection, setSelection] = useState({});
-  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);
-  const displayedData = useMemo(
-    () => currentNode.children.map((node) => node.getJson()).filter((item) => matcheslenientStringSearch(filterValue, item.label)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentNode, hash, filterValue]
-  );
-  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);
-  return {
-    getNode,
-    addNode,
-    replaceNode,
-    removeNode,
-    currentNode,
-    setCurrentNode,
-    selection,
-    setSelection,
-    filterValue,
-    setFilterValue,
-    breadcrumbPath,
-    displayedData,
-    onDrilldown
-  };
-};
-const useShuttle = () => {
-  const {
-    currentNode: currentSourceNode,
-    setCurrentNode: setCurrentSourceNode,
-    selection: sourceSelection,
-    setSelection: setSourceSelection,
-    breadcrumbPath: sourceBreadCrumbPath,
-    displayedData: sourceDisplayedData,
-    filterValue: sourceFilterValue,
-    setFilterValue: setSourceFilterValue,
-    onDrilldown: onSourceDrilldown,
-    getNode: getSourceNode,
-    addNode: addSourceNode,
-    removeNode: removeSourceNode
-  } = useListData(startingSourceData);
-  const {
-    currentNode: currentDestinationNode,
-    setCurrentNode: setCurrentDestinationNode,
-    selection: destinationSelection,
-    setSelection: setDestinationSelection,
-    breadcrumbPath: destinationBreadCrumbPath,
-    displayedData: destinationDisplayedData,
-    filterValue: destinationFilterValue,
-    setFilterValue: setDestinationFilterValue,
-    onDrilldown: onDestinationDrilldown,
-    getNode: getDestinationNode,
-    addNode: addDestinationNode,
-    removeNode: removeDestinationNode
-  } = useListData(startingDestinationData);
-  const onSourceAdd = useCallback(
-    (items) => items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),
-    [addSourceNode, currentSourceNode, getSourceNode]
-  );
-  const onSourceRemove = useCallback(
-    (items) => items.forEach((item) => removeSourceNode(item.id, item)),
-    [removeSourceNode]
-  );
-  const onDestinationAdd = useCallback(
-    (items) => items.forEach(
-      (item) => addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode })
-    ),
-    [addDestinationNode, currentDestinationNode, getDestinationNode]
-  );
-  const onDestinationRemove = useCallback(
-    (items) => items.forEach((item) => removeDestinationNode(item.id)),
-    [removeDestinationNode]
-  );
-  return useMemo(
-    () => ({
-      setCurrentSourceNode,
-      setCurrentDestinationNode,
-      sourceDisplayedData,
-      destinationDisplayedData,
-      sourceSelection,
-      destinationSelection,
-      setSourceSelection,
-      setDestinationSelection,
-      sourceFilterValue,
-      destinationFilterValue,
-      setSourceFilterValue,
-      setDestinationFilterValue,
-      onSourceDrilldown,
-      onDestinationDrilldown,
-      onSourceAdd,
-      onSourceRemove,
-      onDestinationAdd,
-      onDestinationRemove,
-      sourceBreadCrumbPath,
-      destinationBreadCrumbPath,
-      currentSourceNode,
-      currentDestinationNode
-    }),
-    [
-      setCurrentSourceNode,
-      setCurrentDestinationNode,
-      sourceDisplayedData,
-      destinationDisplayedData,
-      sourceSelection,
-      destinationSelection,
-      setSourceSelection,
-      setDestinationSelection,
-      sourceFilterValue,
-      destinationFilterValue,
-      setSourceFilterValue,
-      setDestinationFilterValue,
-      onSourceDrilldown,
-      onDestinationDrilldown,
-      onSourceAdd,
-      onSourceRemove,
-      onDestinationAdd,
-      onDestinationRemove,
-      sourceBreadCrumbPath,
-      destinationBreadCrumbPath,
-      currentSourceNode,
-      currentDestinationNode
-    ]
-  );
-};
-export {
-  BreadCrumbHoc,
-  useShuttle
-};
-//# sourceMappingURL=filter.js.map

package/dist/esm/tests/configs/filter.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/configs/filter.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n  const node = {\n    id: uid(),\n    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n    parent: parent ? parent.id : null,\n  };\n\n  if (depth <= finalDepth) {\n    node.subitems = Array.from({ length: 2 }, (_, i) =>\n      genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n    );\n  }\n  return node;\n};\n\nconst options = {\n  getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst matcheslenientStringSearch = (filter, str) => {\n  const regexpString = `[\\\\s\\\\S]*${filter.replace(/\\s/g, '').split('').join('[\\\\s\\\\S]*')}[\\\\s\\\\S]*`;\n  const regexpFilter = new RegExp(regexpString);\n  return regexpFilter.test(str);\n};\n\nconst BreadCrumb = (props) => {\n  const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n  return (\n    <DSBreadcrumb isTitle {...rest}>\n      {breadCrumbPath.map((node) => (\n        <DSBreadcrumb.Item key={`${node.dsId}`} label={node.plainItem.label} onClick={() => setCurrentNode(node)} />\n      ))}\n    </DSBreadcrumb>\n  );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n  const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n  return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n  const [currentNode, setCurrentNode] = useState(getRoot());\n  const [filterValue, setFilterValue] = useState('');\n\n  const [selection, setSelection] = useState({});\n\n  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n  const displayedData = useMemo(\n    () =>\n      currentNode.children\n        .map((node) => node.getJson())\n        .filter((item) => matcheslenientStringSearch(filterValue, item.label)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [currentNode, hash, filterValue],\n  );\n\n  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n  return {\n    getNode,\n    addNode,\n    replaceNode,\n    removeNode,\n    currentNode,\n    setCurrentNode,\n    selection,\n    setSelection,\n    filterValue,\n    setFilterValue,\n    breadcrumbPath,\n    displayedData,\n    onDrilldown,\n  };\n};\n\nexport const useShuttle = () => {\n  const {\n    currentNode: currentSourceNode,\n    setCurrentNode: setCurrentSourceNode,\n    selection: sourceSelection,\n    setSelection: setSourceSelection,\n    breadcrumbPath: sourceBreadCrumbPath,\n    displayedData: sourceDisplayedData,\n    filterValue: sourceFilterValue,\n    setFilterValue: setSourceFilterValue,\n    onDrilldown: onSourceDrilldown,\n    getNode: getSourceNode,\n    addNode: addSourceNode,\n    removeNode: removeSourceNode,\n  } = useListData(startingSourceData);\n\n  const {\n    currentNode: currentDestinationNode,\n    setCurrentNode: setCurrentDestinationNode,\n    selection: destinationSelection,\n    setSelection: setDestinationSelection,\n    breadcrumbPath: destinationBreadCrumbPath,\n    displayedData: destinationDisplayedData,\n    filterValue: destinationFilterValue,\n    setFilterValue: setDestinationFilterValue,\n    onDrilldown: onDestinationDrilldown,\n    getNode: getDestinationNode,\n    addNode: addDestinationNode,\n    removeNode: removeDestinationNode,\n  } = useListData(startingDestinationData);\n\n  const onSourceAdd = useCallback(\n    (items) =>\n      items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),\n    [addSourceNode, currentSourceNode, getSourceNode],\n  );\n\n  const onSourceRemove = useCallback(\n    (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n    [removeSourceNode],\n  );\n\n  const onDestinationAdd = useCallback(\n    (items) =>\n      items.forEach((item) =>\n        addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode }),\n      ),\n    [addDestinationNode, currentDestinationNode, getDestinationNode],\n  );\n\n  const onDestinationRemove = useCallback(\n    (items) => items.forEach((item) => removeDestinationNode(item.id)),\n    [removeDestinationNode],\n  );\n\n  return useMemo(\n    () => ({\n      setCurrentSourceNode,\n      setCurrentDestinationNode,\n      sourceDisplayedData,\n      destinationDisplayedData,\n      sourceSelection,\n      destinationSelection,\n      setSourceSelection,\n      setDestinationSelection,\n      sourceFilterValue,\n      destinationFilterValue,\n      setSourceFilterValue,\n      setDestinationFilterValue,\n      onSourceDrilldown,\n      onDestinationDrilldown,\n      onSourceAdd,\n      onSourceRemove,\n      onDestinationAdd,\n      onDestinationRemove,\n      sourceBreadCrumbPath,\n      destinationBreadCrumbPath,\n\n      currentSourceNode,\n      currentDestinationNode,\n    }),\n    [\n      setCurrentSourceNode,\n      setCurrentDestinationNode,\n      sourceDisplayedData,\n      destinationDisplayedData,\n      sourceSelection,\n      destinationSelection,\n      setSourceSelection,\n      setDestinationSelection,\n      sourceFilterValue,\n      destinationFilterValue,\n      setSourceFilterValue,\n      setDestinationFilterValue,\n      onSourceDrilldown,\n      onDestinationDrilldown,\n      onSourceAdd,\n      onSourceRemove,\n      onDestinationAdd,\n      onDestinationRemove,\n      sourceBreadCrumbPath,\n      destinationBreadCrumbPath,\n\n      currentSourceNode,\n      currentDestinationNode,\n    ],\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
-}