@elliemae/ds-legacy-shuttle-v2 1.0.0-rc.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/tests/configs/basic.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-legacy-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,199 @@
+"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 filter_exports = {};
+__export(filter_exports, {
+  BreadCrumbHoc: () => BreadCrumbHoc,
+  useShuttle: () => useShuttle
+});
+module.exports = __toCommonJS(filter_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_legacy_breadcrumb = require("@elliemae/ds-legacy-breadcrumb");
+var import_ds_legacy_tree_model = require("@elliemae/ds-legacy-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 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__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_breadcrumb.DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_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_legacy_tree_model.useDSTree)(startingData, options);
+  const [currentNode, setCurrentNode] = (0, import_react.useState)(getRoot());
+  const [filterValue, setFilterValue] = (0, import_react.useState)("");
+  const [selection, setSelection] = (0, import_react.useState)({});
+  const breadcrumbPath = (0, import_react.useMemo)(() => getPath(currentNode.dsId), [currentNode, getPath]);
+  const displayedData = (0, import_react.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 = (0, import_react.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 = (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 (0, import_react.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
+    ]
+  );
+};
+//# sourceMappingURL=filter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/tests/configs/filter.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-legacy-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,179 @@
+"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_legacy_breadcrumb = require("@elliemae/ds-legacy-breadcrumb");
+var import_ds_legacy_tree_model = require("@elliemae/ds-legacy-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_legacy_breadcrumb.DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_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_legacy_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

@@ -0,0 +1,7 @@
+{
+  "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-legacy-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-legacy-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/DSShuttleV2.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { withZustand } from "@elliemae/ds-legacy-zustand-helpers";
+import { MainContent } from "./parts/MainContent.js";
+import { config } from "./config/useStore/index.js";
+import { DSShuttleV2PropTypesSchema } from "./react-desc-prop-types.js";
+const DSShuttleV2 = withZustand(MainContent, config);
+DSShuttleV2.propTypes = DSShuttleV2PropTypesSchema;
+DSShuttleV2.displayName = "DSShuttleV2";
+const DSShuttleV2WithSchema = describe(DSShuttleV2);
+DSShuttleV2WithSchema.propTypes = DSShuttleV2PropTypesSchema;
+export {
+  DSShuttleV2,
+  DSShuttleV2WithSchema
+};
+//# sourceMappingURL=DSShuttleV2.js.map

package/dist/esm/DSShuttleV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSShuttleV2.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { withZustand } from '@elliemae/ds-legacy-zustand-helpers';\nimport { MainContent } from './parts/MainContent.js';\nimport { config } from './config/useStore/index.js';\nimport { DSShuttleV2PropTypesSchema } from './react-desc-prop-types.js';\n\nconst DSShuttleV2 = withZustand(MainContent, config);\n\nDSShuttleV2.propTypes = DSShuttleV2PropTypesSchema;\nDSShuttleV2.displayName = 'DSShuttleV2';\nconst DSShuttleV2WithSchema = describe(DSShuttleV2);\n\nDSShuttleV2WithSchema.propTypes = DSShuttleV2PropTypesSchema;\n\nexport { DSShuttleV2, DSShuttleV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAE3C,MAAM,cAAc,YAAY,aAAa,MAAM;AAEnD,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/esm/config/DSShuttleV2Definitions.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-legacy-system";
+const DSShuttleV2Name = "DSShuttleV2";
+const DSShuttleV2Slots = {
+  HEADER_SEARCH_ICON: "header-search-icon",
+  WRAPPER: "wrapper",
+  PANEL_WRAPPER: "panel-wrapper",
+  LIST_WRAPPER: "list-wrapper",
+  ITEM_WRAPPER: "item-wrapper",
+  ITEM_CHECKBOX: "item-checkbox",
+  ITEM_ICON_WRAPPER: "item-icon-wrapper",
+  ITEM_LABEL_WRAPPER: "item-label-wrapper",
+  ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper",
+  ITEM_SELECTION: "item-selection",
+  ITEM_ACTIONS_WRAPPER: "item-actions-wrapper",
+  ITEM_ACTION_WRAPPER: "item-action-wrapper",
+  ITEM_ACTION_BTN: "item-action-btn",
+  ITEM_ACTION_BTN_DRILLDOWN_ICON: "item-action-btn-drilldown-icon",
+  ITEM_ACTION_BTN_TO_SOURCE_ICON: "item-action-btn-to-source-icon",
+  ITEM_ACTION_BTN_TO_DESTINATION_ICON: "item-action-btn-to-destination-icon",
+  LIST_BOTTOM_LOADING_MORE: "list-bottom-loading-more",
+  LIST_BOTTOM_LOAD_MORE_BTN: "list-bottom-load-more-btn",
+  LIST_WRAPPER_BOTTOM: "list-wrapper-bottom",
+  EMPTY_LIST_WRAPPER: "empty-list-wrapper",
+  ITEMS_WRAPPER: "items-wrapper",
+  LOADING_LIST_WRAPPER: "loading-list-wrapper",
+  MOVE_MULTIPLE_WRAPPER: "move-multiple-wrapper",
+  MOVE_MULTIPLE_BTN: "move-multiple-btn",
+  LIST_WRAPPER_MID: "list-wrapper-mid",
+  LIST_WRAPPER_MID_SCROLLER: "list-wrapper-mid-scroller",
+  LIST_WRAPPER_TOP: "list-wrapper-top",
+  AREA_SEARCH_WRAPPER: "area-search-wrapper",
+  AREA_SEARCH_BAR: "area-search-bar",
+  AREA_SELECTION_HEADER: "area-selection-header",
+  AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label",
+  DRAG_AND_DROP_HANDLE: "drag-and-drop-handle"
+};
+const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);
+export {
+  DSShuttleV2DataTestIds,
+  DSShuttleV2Name,
+  DSShuttleV2Slots
+};
+//# sourceMappingURL=DSShuttleV2Definitions.js.map

package/dist/esm/config/DSShuttleV2Definitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSShuttleV2Definitions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-legacy-system';\n\nexport const DSShuttleV2Name = 'DSShuttleV2' as const;\n\nexport const DSShuttleV2Slots = {\n  HEADER_SEARCH_ICON: 'header-search-icon',\n  WRAPPER: 'wrapper',\n  PANEL_WRAPPER: 'panel-wrapper',\n  LIST_WRAPPER: 'list-wrapper',\n  ITEM_WRAPPER: 'item-wrapper',\n  ITEM_CHECKBOX: 'item-checkbox',\n  ITEM_ICON_WRAPPER: 'item-icon-wrapper',\n  ITEM_LABEL_WRAPPER: 'item-label-wrapper',\n  ITEM_MIDSECTION_WRAPPER: 'item-midsection-wrapper',\n  ITEM_SELECTION: 'item-selection',\n  ITEM_ACTIONS_WRAPPER: 'item-actions-wrapper',\n  ITEM_ACTION_WRAPPER: 'item-action-wrapper',\n  ITEM_ACTION_BTN: 'item-action-btn',\n  ITEM_ACTION_BTN_DRILLDOWN_ICON: 'item-action-btn-drilldown-icon',\n  ITEM_ACTION_BTN_TO_SOURCE_ICON: 'item-action-btn-to-source-icon',\n  ITEM_ACTION_BTN_TO_DESTINATION_ICON: 'item-action-btn-to-destination-icon',\n  LIST_BOTTOM_LOADING_MORE: 'list-bottom-loading-more',\n  LIST_BOTTOM_LOAD_MORE_BTN: 'list-bottom-load-more-btn',\n  LIST_WRAPPER_BOTTOM: 'list-wrapper-bottom',\n  EMPTY_LIST_WRAPPER: 'empty-list-wrapper',\n  ITEMS_WRAPPER: 'items-wrapper',\n  LOADING_LIST_WRAPPER: 'loading-list-wrapper',\n  MOVE_MULTIPLE_WRAPPER: 'move-multiple-wrapper',\n  MOVE_MULTIPLE_BTN: 'move-multiple-btn',\n  LIST_WRAPPER_MID: 'list-wrapper-mid',\n  LIST_WRAPPER_MID_SCROLLER: 'list-wrapper-mid-scroller',\n  LIST_WRAPPER_TOP: 'list-wrapper-top',\n  AREA_SEARCH_WRAPPER: 'area-search-wrapper',\n  AREA_SEARCH_BAR: 'area-search-bar',\n  AREA_SELECTION_HEADER: 'area-selection-header',\n  AREA_SELECTION_HEADER_COUNT_LABEL: 'area-selection-header-count-label',\n  DRAG_AND_DROP_HANDLE: 'drag-and-drop-handle',\n} as const;\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,mCAAmC;AAAA,EACnC,sBAAsB;AACxB;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;",
+  "names": []
+}

package/dist/esm/config/itemMovementHelpers.js

@@ -0,0 +1,103 @@
+import * as React from "react";
+import React2 from "react";
+import { usePropsStore } from "./useStore/index.js";
+const useHandleMoveSelection = ({ isDestinationPanel }) => {
+  const currOnRemove = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
+  );
+  const currSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems
+  );
+  const currOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete
+  );
+  const otherSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems
+  );
+  const otherOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete
+  );
+  const currSelectionMap = usePropsStore(
+    (store) => isDestinationPanel ? store.destinationSelectionArray : store.sourceSelectionArray
+  );
+  const currOnSelectionChange = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
+  );
+  const otherPanelOnAdd = usePropsStore((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
+  const destinationSelectionArray = usePropsStore((store) => store.destinationSelectionItemArray);
+  const sourceSelectionArray = usePropsStore((store) => store.sourceSelectionItemArray);
+  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;
+  const moveSelection = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      currOnRemove(selectedItems, { event });
+      otherPanelOnAdd(selectedItems, { event });
+      const currSoftDeletedMap = {};
+      const otherSoftDeletedMap = {};
+      currSelectionMap.forEach((id) => {
+        currSoftDeletedMap[id] = true;
+        otherSoftDeletedMap[id] = false;
+      });
+      currOnSoftDelete({ ...currSoftDeletedItems, ...currSoftDeletedMap }, { event });
+      otherOnSoftDelete({ ...otherSoftDeletedItems, ...otherSoftDeletedMap }, { event });
+      currOnSelectionChange({}, { event });
+    },
+    [
+      currOnRemove,
+      selectedItems,
+      otherPanelOnAdd,
+      currSelectionMap,
+      currOnSoftDelete,
+      currSoftDeletedItems,
+      otherOnSoftDelete,
+      otherSoftDeletedItems,
+      currOnSelectionChange
+    ]
+  );
+  return React2.useMemo(() => ({ moveSelection }), [moveSelection]);
+};
+const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }) => {
+  const currSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems
+  );
+  const otherSoftDeletedItems = usePropsStore(
+    (state) => isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems
+  );
+  const currOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete
+  );
+  const otherOnSoftDelete = usePropsStore(
+    (state) => isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete
+  );
+  const currOnRemove = usePropsStore(
+    (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
+  );
+  const otherPanelOnAdd = usePropsStore((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
+  const moveItem = React2.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      currOnRemove([datum], { event });
+      otherPanelOnAdd([datum], { event });
+      currOnSoftDelete({ ...currSoftDeletedItems, [datumInternalMeta.hydratedId]: true }, { event });
+      otherOnSoftDelete({ ...otherSoftDeletedItems, [datumInternalMeta.hydratedId]: false }, { event });
+    },
+    [
+      currOnRemove,
+      currOnSoftDelete,
+      currSoftDeletedItems,
+      datum,
+      datumInternalMeta.hydratedId,
+      otherOnSoftDelete,
+      otherPanelOnAdd,
+      otherSoftDeletedItems
+    ]
+  );
+  return moveItem;
+};
+export {
+  useHandleMoveItem,
+  useHandleMoveSelection
+};
+//# sourceMappingURL=itemMovementHelpers.js.map