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

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

@@ -0,0 +1,149 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2, { useMemo, useState, useCallback } from "react";
+import { DSBreadcrumb } from "@elliemae/ds-legacy-breadcrumb";
+import { useDSTree } from "@elliemae/ds-legacy-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) }, `${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 [isLoadingMore, setIsLoadingMore] = useState(false);
+  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]);
+  const onLoadMore = 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 = 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 {
+    setCurrentSourceNode,
+    setCurrentDestinationNode,
+    sourceDisplayedData,
+    destinationDisplayedData,
+    sourceSelection,
+    destinationSelection,
+    setSourceSelection,
+    setDestinationSelection,
+    onSourceDrilldown,
+    onDestinationDrilldown,
+    onSourceAdd,
+    onSourceRemove,
+    onDestinationAdd,
+    onDestinationRemove,
+    sourceBreadCrumbPath,
+    destinationBreadCrumbPath,
+    isSourceLoadingMore,
+    onLoadMoreSource,
+    isDestinationLoadingMore,
+    onLoadMoreDestination,
+    currentSourceNode,
+    currentDestinationNode
+  };
+};
+export {
+  BreadCrumbHoc,
+  useShuttle
+};
+//# sourceMappingURL=loadMore.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/configs/loadMore.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-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"],
+  "mappings": "AAAA,YAAY,WAAW;ACkCf;AAjCR,OAAOA,UAAS,SAAS,UAAU,mBAAmB;AACtD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AAEpB,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,GAAG,SAAS,MAAM,aAAa,GAAG,aAAa,EAAE,MAAM;AAC9F,QAAM,OAAO;AAAA,IACX,IAAI,IAAI;AAAA,IACR,OAAO,SAAS,GAAG,OAAO,SAAS,eAAe,GAAG;AAAA,IACrD,QAAQ,SAAS,OAAO,KAAK;AAAA,EAC/B;AAEA,MAAI,SAAS,YAAY;AACvB,SAAK,WAAW,MAAM;AAAA,MAAK,EAAE,QAAQ,EAAE;AAAA,MAAG,CAAC,GAAG,MAC5C,cAAc,EAAE,QAAQ,OAAO,QAAQ,GAAG,QAAQ,MAAM,YAAY,GAAG,WAAW,CAAC;AAAA,IACrF;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,UAAU;AAAA,EACd,aAAa,CAAC,SAAS,KAAK;AAC9B;AAEA,MAAM,qBAAqB,cAAc,EAAE,QAAQ,SAAS,CAAC;AAC7D,MAAM,0BAA0B,cAAc,EAAE,QAAQ,cAAc,CAAC;AAEvE,MAAM,aAAa,CAAC,UAAU;AAC5B,QAAM,EAAE,gBAAgB,gBAAgB,GAAG,KAAK,IAAI;AAEpD,SACE,oBAAC,gBAAa,SAAO,MAAE,GAAG,MACvB,yBAAe,IAAI,CAAC,SACnB,oBAAC,aAAa,MAAb,EAAuC,OAAO,KAAK,UAAU,OAAO,SAAS,MAAM,eAAe,IAAI,KAA/E,GAAG,KAAK,MAA0E,CAC3G,GACH;AAEJ;AAEO,MAAM,gBAAgB,CAAC,EAAE,MAAM,eAAe,MAAM;AACzD,QAAM,oBAAoB,CAAC,UAAU,oBAAC,cAAY,GAAG,OAAO,gBAAgB,MAAM,gBAAgC;AAClH,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,iBAAiB;AACpC,QAAM,EAAE,MAAM,SAAS,SAAS,SAAS,SAAS,aAAa,WAAW,IAAI,UAAU,cAAc,OAAO;AAC7G,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,QAAQ,CAAC;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC,CAAC;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,iBAAiB,QAAQ,MAAM,QAAQ,YAAY,IAAI,GAAG,CAAC,aAAa,OAAO,CAAC;AAEtF,QAAM,gBAAgB;AAAA,IACpB,MAAM,YAAY,SAAS,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;AAAA;AAAA,IAEvD,CAAC,aAAa,IAAI;AAAA,EACpB;AAEA,QAAM,cAAc,YAAY,CAAC,SAAS,eAAe,QAAQ,KAAK,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;AAErF,QAAM,aAAa,YAAY,MAAM;AACnC,qBAAiB,IAAI;AACrB,eAAW,MAAM;AACf,YAAM,cAAc,MAAM;AAAA,QAAK,EAAE,QAAQ,EAAE;AAAA,QAAG,CAAC,GAAG,MAChD,cAAc,EAAE,QAAQ,YAAY,WAAW,YAAY,YAAY,SAAS,SAAS,EAAE,CAAC;AAAA,MAC9F;AACA,kBAAY,QAAQ,CAAC,UAAU,QAAQ,OAAO,EAAE,QAAQ,YAAY,CAAC,CAAC;AACtE,uBAAiB,KAAK;AAAA,IACxB,GAAG,GAAI;AAAA,EACT,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd,IAAI,YAAY,oBAAoB,GAAG;AAEvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd,IAAI,YAAY,yBAAyB,GAAG;AAE5C,QAAM,cAAc;AAAA,IAClB,CAAC,UACC,MAAM,QAAQ,CAAC,SAAS,cAAc,MAAM,EAAE,QAAQ,cAAc,KAAK,MAAM,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1G,CAAC,eAAe,mBAAmB,aAAa;AAAA,EAClD;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAAU,MAAM,QAAQ,CAAC,SAAS,iBAAiB,KAAK,IAAI,IAAI,CAAC;AAAA,IAClE,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,UACC,MAAM;AAAA,MAAQ,CAAC,SACb,mBAAmB,MAAM,EAAE,QAAQ,mBAAmB,KAAK,MAAM,KAAK,uBAAuB,CAAC;AAAA,IAChG;AAAA,IACF,CAAC,oBAAoB,wBAAwB,kBAAkB;AAAA,EACjE;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAAU,MAAM,QAAQ,CAAC,SAAS,sBAAsB,KAAK,EAAE,CAAC;AAAA,IACjE,CAAC,qBAAqB;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/types/DSShuttleV2.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const DSShuttleV2: React.FunctionComponent<object>;
+declare const DSShuttleV2WithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<object>;
+export { DSShuttleV2, DSShuttleV2WithSchema };

package/dist/types/config/DSShuttleV2Definitions.d.ts

@@ -0,0 +1,36 @@
+export declare const DSShuttleV2Name: "DSShuttleV2";
+export declare const DSShuttleV2Slots: {
+    readonly HEADER_SEARCH_ICON: "header-search-icon";
+    readonly WRAPPER: "wrapper";
+    readonly PANEL_WRAPPER: "panel-wrapper";
+    readonly LIST_WRAPPER: "list-wrapper";
+    readonly ITEM_WRAPPER: "item-wrapper";
+    readonly ITEM_CHECKBOX: "item-checkbox";
+    readonly ITEM_ICON_WRAPPER: "item-icon-wrapper";
+    readonly ITEM_LABEL_WRAPPER: "item-label-wrapper";
+    readonly ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper";
+    readonly ITEM_SELECTION: "item-selection";
+    readonly ITEM_ACTIONS_WRAPPER: "item-actions-wrapper";
+    readonly ITEM_ACTION_WRAPPER: "item-action-wrapper";
+    readonly ITEM_ACTION_BTN: "item-action-btn";
+    readonly ITEM_ACTION_BTN_DRILLDOWN_ICON: "item-action-btn-drilldown-icon";
+    readonly ITEM_ACTION_BTN_TO_SOURCE_ICON: "item-action-btn-to-source-icon";
+    readonly ITEM_ACTION_BTN_TO_DESTINATION_ICON: "item-action-btn-to-destination-icon";
+    readonly LIST_BOTTOM_LOADING_MORE: "list-bottom-loading-more";
+    readonly LIST_BOTTOM_LOAD_MORE_BTN: "list-bottom-load-more-btn";
+    readonly LIST_WRAPPER_BOTTOM: "list-wrapper-bottom";
+    readonly EMPTY_LIST_WRAPPER: "empty-list-wrapper";
+    readonly ITEMS_WRAPPER: "items-wrapper";
+    readonly LOADING_LIST_WRAPPER: "loading-list-wrapper";
+    readonly MOVE_MULTIPLE_WRAPPER: "move-multiple-wrapper";
+    readonly MOVE_MULTIPLE_BTN: "move-multiple-btn";
+    readonly LIST_WRAPPER_MID: "list-wrapper-mid";
+    readonly LIST_WRAPPER_MID_SCROLLER: "list-wrapper-mid-scroller";
+    readonly LIST_WRAPPER_TOP: "list-wrapper-top";
+    readonly AREA_SEARCH_WRAPPER: "area-search-wrapper";
+    readonly AREA_SEARCH_BAR: "area-search-bar";
+    readonly AREA_SELECTION_HEADER: "area-selection-header";
+    readonly AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label";
+    readonly DRAG_AND_DROP_HANDLE: "drag-and-drop-handle";
+};
+export declare const DSShuttleV2DataTestIds: Record<string, string>;

package/dist/types/config/itemMovementHelpers.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type DSButtonT } from '@elliemae/ds-legacy-button-v2';
+import { type DSShuttleV2T } from '../react-desc-prop-types.js';
+export declare const useHandleMoveSelection: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {
+    moveSelection: (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;
+};
+export declare const useHandleMoveItem: ({ datum, datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;

package/dist/types/config/useAutoCalculated/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const useAutoCalculated: (propsWithDefaults: DSShuttleV2T.InternalProps) => {
+    destinationVirtualRef: import("react").MutableRefObject<{
+        scrollTo: (index: number) => void;
+    }>;
+    sourceVirtualRef: import("react").MutableRefObject<{
+        scrollTo: (index: number) => void;
+    }>;
+    destinationSelectedItemsMap: Record<string, {
+        datum: DSShuttleV2T.Datum;
+        index: number;
+    }>;
+    destinationSelectionItemArray: DSShuttleV2T.Datum[];
+    destinationSelectionArray: string[];
+    destinationHasMultipleSelectedItems: boolean;
+    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    destinationSelectionableDataIds: string[];
+    destinationSelectionableIds: string;
+    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectedItemsMap: Record<string, {
+        datum: DSShuttleV2T.Datum;
+        index: number;
+    }>;
+    sourceSelectionItemArray: DSShuttleV2T.Datum[];
+    sourceSelectionArray: string[];
+    sourceHasMultipleSelectedItems: boolean;
+    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectionableDataIds: string[];
+    sourceSelectionableIds: string;
+};

package/dist/types/config/useAutoCalculated/useDataStructure.d.ts

@@ -0,0 +1,25 @@
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const useDataStructure: (propsFromUser: DSShuttleV2T.InternalProps) => {
+    destinationSelectedItemsMap: Record<string, {
+        datum: DSShuttleV2T.Datum;
+        index: number;
+    }>;
+    destinationSelectionItemArray: DSShuttleV2T.Datum[];
+    destinationSelectionArray: string[];
+    destinationHasMultipleSelectedItems: boolean;
+    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    destinationSelectionableDataIds: string[];
+    destinationSelectionableIds: string;
+    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectedItemsMap: Record<string, {
+        datum: DSShuttleV2T.Datum;
+        index: number;
+    }>;
+    sourceSelectionItemArray: DSShuttleV2T.Datum[];
+    sourceSelectionArray: string[];
+    sourceHasMultipleSelectedItems: boolean;
+    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectionableDataIds: string[];
+    sourceSelectionableIds: string;
+};

package/dist/types/config/useAutoCalculated/useShuttleVirtualized.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type ActionRefVirtualized = {
+    scrollTo: (index: number) => void;
+};
+export declare const useShuttleVirtualized: () => {
+    destinationVirtualRef: import("react").MutableRefObject<ActionRefVirtualized>;
+    sourceVirtualRef: import("react").MutableRefObject<ActionRefVirtualized>;
+};
+export {};

package/dist/types/config/useFocusTracker/index.d.ts

@@ -0,0 +1,4 @@
+export { useFocusActionTrackers } from './useFocusActionTrackers.js';
+export { useFocusItemTracker } from './useFocusItemTracker.js';
+export { useFocusRegionTrackers } from './useFocusRegionTrackers.js';
+export { useFocusTracker } from './useFocusTracker.js';

package/dist/types/config/useFocusTracker/useFocusActionTrackers.d.ts

@@ -0,0 +1,10 @@
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const useFocusActionTrackers: () => {
+    trackFocusActionMove: () => void;
+    trackFocusActionDrilldown: () => void;
+    trackFocusActionDragAndDrop: () => void;
+    trackFocusActionParent: () => void;
+    trackFocusActionReset: () => void;
+    trackFocusPrevAction: ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: DSShuttleV2T.ItemMeta) => void;
+    trackFocusNextAction: ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: DSShuttleV2T.ItemMeta) => void;
+};

package/dist/types/config/useFocusTracker/useFocusItemTracker.d.ts

@@ -0,0 +1,11 @@
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+export declare const useFocusItemTracker: () => {
+    trackFocusItem: (item: DSShuttleV2T.ConfiguredDatum) => void;
+    trackFocusItemReset: () => void;
+    trackFocusItemFirst: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusItemLast: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusLoadMoreBtnDestination: () => void;
+    trackFocusLoadMoreBtn: () => void;
+    trackFocusPrevItem: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusNextItem: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => void;
+};

package/dist/types/config/useFocusTracker/useFocusRegionTrackers.d.ts

@@ -0,0 +1,18 @@
+export declare const useFocusRegionTrackers: () => {
+    trackFocusRegionSourceHeader: () => void;
+    trackFocusRegionSourcePanel: () => void;
+    trackFocusRegionSourceBottom: () => void;
+    trackFocusRegionSourcePanelItem: () => void;
+    trackFocusRegionSourcePanelFocusAll: () => void;
+    trackFocusRegionDestinationHeader: () => void;
+    trackFocusRegionDestinationPanel: () => void;
+    trackFocusRegionDestinationBottom: () => void;
+    trackFocusRegionDestinationPanelItem: () => void;
+    trackFocusRegionDestinationPanelFocusMoveAll: () => void;
+    trackFocusRegionHeader: (isDestinationPanel: boolean) => void;
+    trackFocusRegionBottom: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanel: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanelItem: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanelFocusMoveAll: (isDestinationPanel: boolean) => void;
+    trackFocusRegionReset: () => void;
+};

package/dist/types/config/useFocusTracker/useFocusTracker.d.ts

@@ -0,0 +1,33 @@
+export declare const useFocusTracker: () => {
+    trackFocusActionMove: () => void;
+    trackFocusActionDrilldown: () => void;
+    trackFocusActionDragAndDrop: () => void;
+    trackFocusActionParent: () => void;
+    trackFocusActionReset: () => void;
+    trackFocusPrevAction: ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: import("../../react-desc-prop-types.js").DSShuttleV2T.ItemMeta) => void;
+    trackFocusNextAction: ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: import("../../react-desc-prop-types.js").DSShuttleV2T.ItemMeta) => void;
+    trackFocusItem: (item: import("../../react-desc-prop-types.js").DSShuttleV2T.ConfiguredDatum) => void;
+    trackFocusItemReset: () => void;
+    trackFocusItemFirst: ({ isDestinationPanel }: import("../../react-desc-prop-types.js").DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusItemLast: ({ isDestinationPanel }: import("../../react-desc-prop-types.js").DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusLoadMoreBtnDestination: () => void;
+    trackFocusLoadMoreBtn: () => void;
+    trackFocusPrevItem: ({ isDestinationPanel }: import("../../react-desc-prop-types.js").DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusNextItem: ({ isDestinationPanel }: import("../../react-desc-prop-types.js").DSShuttleV2T.PanelMetaInfo) => void;
+    trackFocusRegionSourceHeader: () => void;
+    trackFocusRegionSourcePanel: () => void;
+    trackFocusRegionSourceBottom: () => void;
+    trackFocusRegionSourcePanelItem: () => void;
+    trackFocusRegionSourcePanelFocusAll: () => void;
+    trackFocusRegionDestinationHeader: () => void;
+    trackFocusRegionDestinationPanel: () => void;
+    trackFocusRegionDestinationBottom: () => void;
+    trackFocusRegionDestinationPanelItem: () => void;
+    trackFocusRegionDestinationPanelFocusMoveAll: () => void;
+    trackFocusRegionHeader: (isDestinationPanel: boolean) => void;
+    trackFocusRegionBottom: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanel: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanelItem: (isDestinationPanel: boolean) => void;
+    trackFocusRegionPanelFocusMoveAll: (isDestinationPanel: boolean) => void;
+    trackFocusRegionReset: () => void;
+};

package/dist/types/config/useStore/focusAndTabIndexManager.d.ts

@@ -0,0 +1,10 @@
+import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
+import type { ZustandT } from '@elliemae/ds-legacy-zustand-helpers';
+type State = readonly [
+    DSShuttleV2T.FocusRegion,
+    DSShuttleV2T.FocusItem,
+    DSShuttleV2T.FocusItemAction,
+    () => ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>
+];
+export declare const focusAndTabIndexManager: (selectedState: State, previousSelectedState: State) => void;
+export {};

package/dist/types/config/useStore/index.d.ts

@@ -0,0 +1 @@
+export * from './useStore.js';