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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/itemMovementHelpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { type DSButtonT } from '@elliemae/ds-legacy-button-v2';\nimport { type DSShuttleV2T } from '../react-desc-prop-types.js';\nimport { usePropsStore } from './useStore/index.js';\n\nexport const useHandleMoveSelection = ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n  const currOnRemove = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove,\n  );\n  const currSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems,\n  );\n  const currOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete,\n  );\n  const otherSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems,\n  );\n  const otherOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete,\n  );\n  const currSelectionMap = usePropsStore((store) =>\n    isDestinationPanel ? store.destinationSelectionArray : store.sourceSelectionArray,\n  );\n  const currOnSelectionChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n\n  const otherPanelOnAdd = usePropsStore((state) => (isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd));\n\n  const destinationSelectionArray = usePropsStore((store) => store.destinationSelectionItemArray);\n  const sourceSelectionArray = usePropsStore((store) => store.sourceSelectionItemArray);\n  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;\n\n  const moveSelection = React.useCallback(\n    (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => {\n      event.preventDefault();\n      event.stopPropagation();\n      // movement\n      currOnRemove(selectedItems, { event });\n      otherPanelOnAdd(selectedItems, { event });\n      // soft delete\n      const currSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      const otherSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      currSelectionMap.forEach((id) => {\n        currSoftDeletedMap[id] = true;\n        otherSoftDeletedMap[id] = false;\n      });\n      currOnSoftDelete({ ...currSoftDeletedItems, ...currSoftDeletedMap }, { event });\n      otherOnSoftDelete({ ...otherSoftDeletedItems, ...otherSoftDeletedMap }, { event });\n      // cleanup\n      currOnSelectionChange({}, { event });\n    },\n    [\n      currOnRemove,\n      selectedItems,\n      otherPanelOnAdd,\n      currSelectionMap,\n      currOnSoftDelete,\n      currSoftDeletedItems,\n      otherOnSoftDelete,\n      otherSoftDeletedItems,\n      currOnSelectionChange,\n    ],\n  );\n  return React.useMemo(() => ({ moveSelection: moveSelection }), [moveSelection]);\n};\n\nexport const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => {\n  const currSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationSoftDeletedItems : state.sourceSoftDeletedItems,\n  );\n  const otherSoftDeletedItems = usePropsStore((state) =>\n    isDestinationPanel ? state.sourceSoftDeletedItems : state.destinationSoftDeletedItems,\n  );\n  const currOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSoftDelete : state.onSourceSoftDelete,\n  );\n  const otherOnSoftDelete = usePropsStore((state) =>\n    isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete,\n  );\n\n  const currOnRemove = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove,\n  );\n  const otherPanelOnAdd = usePropsStore((state) => (isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd));\n\n  const moveItem = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      currOnRemove([datum], { event });\n      otherPanelOnAdd([datum], { event });\n      currOnSoftDelete({ ...currSoftDeletedItems, [datumInternalMeta.hydratedId]: true }, { event });\n      otherOnSoftDelete({ ...otherSoftDeletedItems, [datumInternalMeta.hydratedId]: false }, { event });\n    },\n    [\n      currOnRemove,\n      currOnSoftDelete,\n      currSoftDeletedItems,\n      datum,\n      datumInternalMeta.hydratedId,\n      otherOnSoftDelete,\n      otherPanelOnAdd,\n      otherSoftDeletedItems,\n    ],\n  );\n  return moveItem;\n};\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/esm/config/useAutoCalculated/index.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { useDataStructure } from "./useDataStructure.js";
+import { useShuttleVirtualized } from "./useShuttleVirtualized.js";
+const useAutoCalculated = (propsWithDefaults) => {
+  const dataScructured = useDataStructure(propsWithDefaults);
+  const virtualData = useShuttleVirtualized();
+  return useMemo(() => ({ ...dataScructured, ...virtualData }), [dataScructured, virtualData]);
+};
+export {
+  useAutoCalculated
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/config/useAutoCalculated/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useAutoCalculated/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { useDataStructure } from './useDataStructure.js';\nimport { useShuttleVirtualized } from './useShuttleVirtualized.js';\nexport const useAutoCalculated = (propsWithDefaults: DSShuttleV2T.InternalProps) => {\n  const dataScructured = useDataStructure(propsWithDefaults);\n  const virtualData = useShuttleVirtualized();\n\n  return useMemo(() => ({ ...dataScructured, ...virtualData }), [dataScructured, virtualData]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAExB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AAC/B,MAAM,oBAAoB,CAAC,sBAAkD;AAClF,QAAM,iBAAiB,iBAAiB,iBAAiB;AACzD,QAAM,cAAc,sBAAsB;AAE1C,SAAO,QAAQ,OAAO,EAAE,GAAG,gBAAgB,GAAG,YAAY,IAAI,CAAC,gBAAgB,WAAW,CAAC;AAC7F;",
+  "names": []
+}

package/dist/esm/config/useAutoCalculated/useDataStructure.js

@@ -0,0 +1,152 @@
+import * as React from "react";
+import { useMemo } from "react";
+const configureDestination = ({
+  destinationData,
+  destinationSelectedItems,
+  destinationSoftDeletedItems,
+  getId,
+  getPreventMove
+}) => {
+  const destinationSelectedItemsMap = {};
+  const destinationSelectionArray = [];
+  const destinationSelectionableDataIds = [];
+  const destinationSelectionItemArray = [];
+  const destinationConfiguredData = [];
+  const destinationSelectionableData = [];
+  destinationData.forEach((datum, i) => {
+    const hydratedId = getId(datum);
+    const hydratedPreventMove = getPreventMove?.(datum) ?? false;
+    let isSelected = false;
+    if (destinationSelectedItems[hydratedId] === true) {
+      destinationSelectionItemArray.push(datum);
+      destinationSelectionArray.push(hydratedId);
+      isSelected = true;
+    }
+    let softDeleted = false;
+    if (destinationSoftDeletedItems[hydratedId] === true) {
+      softDeleted = true;
+    }
+    destinationSelectedItemsMap[hydratedId] = { datum, index: i };
+    const configuredItem = {
+      hydratedId,
+      hydratedPreventMove,
+      isSelected,
+      softDeleted,
+      original: datum,
+      localIndex: i,
+      isFirst: i === 0,
+      isLast: i === destinationData.length - 1
+    };
+    destinationConfiguredData.push(configuredItem);
+    if (!hydratedPreventMove && !softDeleted) {
+      destinationSelectionableData.push(configuredItem);
+      destinationSelectionableDataIds.push(`${hydratedId}`);
+    }
+  });
+  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;
+  const destinationSelectionableIds = destinationSelectionableDataIds.join(" ");
+  return {
+    destinationSelectedItemsMap,
+    destinationSelectionItemArray,
+    destinationSelectionArray,
+    destinationHasMultipleSelectedItems,
+    destinationConfiguredData,
+    destinationSelectionableData,
+    destinationSelectionableDataIds,
+    destinationSelectionableIds
+  };
+};
+const configureSource = ({
+  sourceData,
+  sourceSelectedItems,
+  sourceSoftDeletedItems,
+  getId,
+  getPreventMove
+}) => {
+  const sourceSelectedItemsMap = {};
+  const sourceSelectionArray = [];
+  const sourceSelectionableDataIds = [];
+  const sourceSelectionItemArray = [];
+  const sourceConfiguredData = [];
+  const sourceSelectionableData = [];
+  sourceData.forEach((datum, i) => {
+    const hydratedId = getId(datum);
+    const hydratedPreventMove = getPreventMove?.(datum) ?? false;
+    let isSelected = false;
+    if (sourceSelectedItems[hydratedId] === true) {
+      sourceSelectionItemArray.push(datum);
+      sourceSelectionArray.push(hydratedId);
+      isSelected = true;
+    }
+    let softDeleted = false;
+    if (sourceSoftDeletedItems[hydratedId] === true) {
+      softDeleted = true;
+    }
+    sourceSelectedItemsMap[hydratedId] = { datum, index: i };
+    const configuredItem = {
+      hydratedId,
+      hydratedPreventMove,
+      isSelected,
+      softDeleted,
+      original: datum,
+      localIndex: i,
+      isFirst: i === 0,
+      isLast: i === sourceData.length - 1
+    };
+    sourceConfiguredData.push(configuredItem);
+    if (!hydratedPreventMove && !softDeleted) {
+      sourceSelectionableData.push(configuredItem);
+      sourceSelectionableDataIds.push(`${hydratedId}`);
+    }
+  });
+  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;
+  const sourceSelectionableIds = sourceSelectionableDataIds.join(" ");
+  return {
+    sourceConfiguredData,
+    sourceSelectedItemsMap,
+    sourceSelectionItemArray,
+    sourceSelectionArray,
+    sourceHasMultipleSelectedItems,
+    sourceSelectionableData,
+    sourceSelectionableDataIds,
+    sourceSelectionableIds
+  };
+};
+const useDataStructure = (propsFromUser) => {
+  const {
+    sourceData,
+    sourceSelectedItems,
+    destinationData,
+    destinationSelectedItems,
+    getId,
+    getPreventMove,
+    sourceSoftDeletedItems,
+    destinationSoftDeletedItems
+  } = propsFromUser;
+  return useMemo(
+    () => ({
+      ...configureSource({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId, getPreventMove }),
+      ...configureDestination({
+        destinationData,
+        destinationSelectedItems,
+        destinationSoftDeletedItems,
+        getId,
+        getPreventMove
+      })
+    }),
+    [
+      sourceData,
+      sourceSelectedItems,
+      sourceSoftDeletedItems,
+      getId,
+      getPreventMove,
+      destinationData,
+      destinationSelectedItems,
+      destinationSoftDeletedItems
+    ]
+  );
+};
+export {
+  useDataStructure
+};
+//# sourceMappingURL=useDataStructure.js.map

package/dist/esm/config/useAutoCalculated/useDataStructure.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useAutoCalculated/useDataStructure.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\n\ntype ConfigureDestinationConfig = {\n  destinationData: DSShuttleV2T.Datum[];\n  destinationSelectedItems: DSShuttleV2T.SelectionMap;\n  destinationSoftDeletedItems: DSShuttleV2T.SoftDeletedMap;\n  getId: DSShuttleV2T.PrimaryKeyHydraters['getId'];\n  getPreventMove: DSShuttleV2T.FunctionalHydraters['getPreventMove'];\n};\nconst configureDestination = ({\n  destinationData,\n  destinationSelectedItems,\n  destinationSoftDeletedItems,\n  getId,\n  getPreventMove,\n}: ConfigureDestinationConfig) => {\n  const destinationSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const destinationSelectionArray: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n  const destinationSelectionableDataIds: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n\n  const destinationSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n\n  destinationData.forEach((datum, i) => {\n    const hydratedId = getId(datum);\n    const hydratedPreventMove = getPreventMove?.(datum) ?? false;\n    let isSelected = false;\n    if (destinationSelectedItems[hydratedId] === true) {\n      destinationSelectionItemArray.push(datum);\n      destinationSelectionArray.push(hydratedId);\n      isSelected = true;\n    }\n    let softDeleted = false;\n    if (destinationSoftDeletedItems[hydratedId] === true) {\n      softDeleted = true;\n    }\n    destinationSelectedItemsMap[hydratedId] = { datum, index: i };\n    const configuredItem = {\n      hydratedId,\n      hydratedPreventMove,\n      isSelected,\n      softDeleted,\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === destinationData.length - 1,\n    } as const;\n    destinationConfiguredData.push(configuredItem);\n    if (!hydratedPreventMove && !softDeleted) {\n      destinationSelectionableData.push(configuredItem);\n      destinationSelectionableDataIds.push(`${hydratedId}`);\n    }\n  });\n  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;\n  const destinationSelectionableIds = destinationSelectionableDataIds.join(' ');\n\n  return {\n    destinationSelectedItemsMap,\n    destinationSelectionItemArray,\n    destinationSelectionArray,\n    destinationHasMultipleSelectedItems,\n    destinationConfiguredData,\n    destinationSelectionableData,\n    destinationSelectionableDataIds,\n    destinationSelectionableIds,\n  };\n};\ntype ConfigureSourceConfig = {\n  sourceData: DSShuttleV2T.Datum[];\n  sourceSelectedItems: DSShuttleV2T.SelectionMap;\n  sourceSoftDeletedItems: DSShuttleV2T.SoftDeletedMap;\n  getId: DSShuttleV2T.PrimaryKeyHydraters['getId'];\n  getPreventMove: DSShuttleV2T.FunctionalHydraters['getPreventMove'];\n};\n\nconst configureSource = ({\n  sourceData,\n  sourceSelectedItems,\n  sourceSoftDeletedItems,\n  getId,\n  getPreventMove,\n}: ConfigureSourceConfig) => {\n  const sourceSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const sourceSelectionArray: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n  const sourceSelectionableDataIds: DSShuttleV2T.PrimaryKeyHydratables['id'][] = [];\n\n  const sourceSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  sourceData.forEach((datum, i) => {\n    const hydratedId = getId(datum);\n    const hydratedPreventMove = getPreventMove?.(datum) ?? false;\n    let isSelected = false;\n    if (sourceSelectedItems[hydratedId] === true) {\n      sourceSelectionItemArray.push(datum);\n      sourceSelectionArray.push(hydratedId);\n      isSelected = true;\n    }\n    let softDeleted = false;\n    if (sourceSoftDeletedItems[hydratedId] === true) {\n      softDeleted = true;\n    }\n\n    sourceSelectedItemsMap[hydratedId] = { datum, index: i };\n    const configuredItem = {\n      hydratedId,\n      hydratedPreventMove,\n      isSelected,\n      softDeleted,\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === sourceData.length - 1,\n    } as const;\n    sourceConfiguredData.push(configuredItem);\n    if (!hydratedPreventMove && !softDeleted) {\n      sourceSelectionableData.push(configuredItem);\n      sourceSelectionableDataIds.push(`${hydratedId}`);\n    }\n  });\n  const sourceHasMultipleSelectedItems = sourceSelectionArray.length >= 1;\n  const sourceSelectionableIds = sourceSelectionableDataIds.join(' ');\n  return {\n    sourceConfiguredData,\n    sourceSelectedItemsMap,\n    sourceSelectionItemArray,\n    sourceSelectionArray,\n    sourceHasMultipleSelectedItems,\n    sourceSelectionableData,\n    sourceSelectionableDataIds,\n    sourceSelectionableIds,\n  };\n};\n\nexport const useDataStructure = (propsFromUser: DSShuttleV2T.InternalProps) => {\n  const {\n    sourceData,\n    sourceSelectedItems,\n    destinationData,\n    destinationSelectedItems,\n    getId,\n    getPreventMove,\n    sourceSoftDeletedItems,\n    destinationSoftDeletedItems,\n  } = propsFromUser;\n  return useMemo(\n    () => ({\n      ...configureSource({ sourceData, sourceSelectedItems, sourceSoftDeletedItems, getId, getPreventMove }),\n      ...configureDestination({\n        destinationData,\n        destinationSelectedItems,\n        destinationSoftDeletedItems,\n        getId,\n        getPreventMove,\n      }),\n    }),\n    [\n      sourceData,\n      sourceSelectedItems,\n      sourceSoftDeletedItems,\n      getId,\n      getPreventMove,\n      destinationData,\n      destinationSelectedItems,\n      destinationSoftDeletedItems,\n    ],\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/config/useAutoCalculated/useShuttleVirtualized.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { useMemo, useRef } from "react";
+const useShuttleVirtualized = () => {
+  const actionRefObject = {
+    scrollTo: () => {
+    }
+  };
+  const destinationVirtualRef = useRef(actionRefObject);
+  const sourceVirtualRef = useRef(actionRefObject);
+  return useMemo(
+    () => ({
+      destinationVirtualRef,
+      sourceVirtualRef
+    }),
+    []
+  );
+};
+export {
+  useShuttleVirtualized
+};
+//# sourceMappingURL=useShuttleVirtualized.js.map

package/dist/esm/config/useAutoCalculated/useShuttleVirtualized.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useAutoCalculated/useShuttleVirtualized.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\n\ntype ActionRefVirtualized = {\n  scrollTo: (index: number) => void;\n};\nexport const useShuttleVirtualized = () => {\n  const actionRefObject: ActionRefVirtualized = {\n    scrollTo: () => {},\n  };\n  const destinationVirtualRef = useRef(actionRefObject);\n  const sourceVirtualRef = useRef(actionRefObject);\n\n  return useMemo(\n    () => ({\n      destinationVirtualRef,\n      sourceVirtualRef,\n    }),\n    [],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,cAAc;AAKzB,MAAM,wBAAwB,MAAM;AACzC,QAAM,kBAAwC;AAAA,IAC5C,UAAU,MAAM;AAAA,IAAC;AAAA,EACnB;AACA,QAAM,wBAAwB,OAAO,eAAe;AACpD,QAAM,mBAAmB,OAAO,eAAe;AAE/C,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/esm/config/useFocusTracker/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { useFocusActionTrackers } from "./useFocusActionTrackers.js";
+import { useFocusItemTracker } from "./useFocusItemTracker.js";
+import { useFocusRegionTrackers } from "./useFocusRegionTrackers.js";
+import { useFocusTracker } from "./useFocusTracker.js";
+export {
+  useFocusActionTrackers,
+  useFocusItemTracker,
+  useFocusRegionTrackers,
+  useFocusTracker
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/config/useFocusTracker/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useFocusTracker/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { useFocusActionTrackers } from './useFocusActionTrackers.js';\nexport { useFocusItemTracker } from './useFocusItemTracker.js';\nexport { useFocusRegionTrackers } from './useFocusRegionTrackers.js';\nexport { useFocusTracker } from './useFocusTracker.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;",
+  "names": []
+}

package/dist/esm/config/useFocusTracker/useFocusActionTrackers.js

@@ -0,0 +1,119 @@
+import * as React from "react";
+import { useMemo, useCallback } from "react";
+import { ACTIONS_FOCUSES } from "../../constants/index.js";
+import { useInternalStore, usePropsStore } from "../useStore/index.js";
+const getMoveBtnActionByProxymity = (flags) => {
+  const { preventDrilldown, withDragAndDrop } = flags;
+  const actionMap = { prevAction: "", nextAction: "" };
+  if (!preventDrilldown)
+    actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;
+  else if (withDragAndDrop)
+    actionMap.prevAction = ACTIONS_FOCUSES.DRAG_N_DROP;
+  else
+    actionMap.prevAction = ACTIONS_FOCUSES.PARENT;
+  if (withDragAndDrop)
+    actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;
+  else
+    actionMap.nextAction = ACTIONS_FOCUSES.PARENT;
+  return actionMap;
+};
+const getDragAndDropBtnActionByProxymity = (flags) => {
+  const { preventMove, preventDrilldown } = flags;
+  const actionMap = { prevAction: "", nextAction: ACTIONS_FOCUSES.PARENT };
+  if (!preventMove)
+    actionMap.prevAction = ACTIONS_FOCUSES.MOVE_BTN;
+  else if (!preventDrilldown)
+    actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;
+  else
+    actionMap.prevAction = ACTIONS_FOCUSES.PARENT;
+  return actionMap;
+};
+const getDrilldownBtnActionByProxymity = (flags) => {
+  const { withDragAndDrop, preventMove } = flags;
+  const actionMap = { prevAction: ACTIONS_FOCUSES.PARENT, nextAction: "" };
+  if (!preventMove)
+    actionMap.nextAction = ACTIONS_FOCUSES.MOVE_BTN;
+  else if (withDragAndDrop)
+    actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;
+  else
+    actionMap.nextAction = ACTIONS_FOCUSES.PARENT;
+  return actionMap;
+};
+const getParenBtnActionByProxymity = (flags) => {
+  const { preventDrilldown, withDragAndDrop, preventMove } = flags;
+  const actionMap = { prevAction: "", nextAction: "" };
+  if (withDragAndDrop)
+    actionMap.prevAction = ACTIONS_FOCUSES.DRAG_N_DROP;
+  else if (!preventMove)
+    actionMap.prevAction = ACTIONS_FOCUSES.MOVE_BTN;
+  else if (!preventDrilldown)
+    actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;
+  else
+    actionMap.prevAction = ACTIONS_FOCUSES.PARENT;
+  if (!preventDrilldown)
+    actionMap.nextAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;
+  else if (!preventMove)
+    actionMap.nextAction = ACTIONS_FOCUSES.MOVE_BTN;
+  else if (withDragAndDrop)
+    actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;
+  else
+    actionMap.nextAction = ACTIONS_FOCUSES.PARENT;
+  return actionMap;
+};
+const getActionByProxymity = ({ flags, currentAction }) => {
+  if (currentAction === ACTIONS_FOCUSES.MOVE_BTN)
+    return getMoveBtnActionByProxymity(flags);
+  if (currentAction === ACTIONS_FOCUSES.DRAG_N_DROP)
+    return getDragAndDropBtnActionByProxymity(flags);
+  if (currentAction === ACTIONS_FOCUSES.DRILLDOWN_BTN)
+    return getDrilldownBtnActionByProxymity(flags);
+  return getParenBtnActionByProxymity(flags);
+};
+const useFocusActionTrackers = () => {
+  const getFocusItemAction = useInternalStore((state) => state.getFocusItemAction);
+  const setFocusItemAction = useInternalStore((state) => state.setFocusItemAction);
+  const removeDragAndDropFromDestination = usePropsStore((state) => state.removeDragAndDropFromDestination);
+  const addDragAndDropFromSource = usePropsStore((state) => state.addDragAndDropFromSource);
+  const trackFocusPrevAction = useCallback(
+    ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }) => {
+      const preventMove = Boolean(hydratedPreventMove);
+      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);
+      const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
+      const { prevAction } = getActionByProxymity({
+        flags: { preventMove, preventDrilldown, withDragAndDrop },
+        currentAction: getFocusItemAction()
+      });
+      setFocusItemAction(prevAction);
+    },
+    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
+  );
+  const trackFocusNextAction = useCallback(
+    ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }) => {
+      const preventMove = Boolean(hydratedPreventMove);
+      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);
+      const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
+      const { nextAction } = getActionByProxymity({
+        flags: { preventMove, preventDrilldown, withDragAndDrop },
+        currentAction: getFocusItemAction()
+      });
+      setFocusItemAction(nextAction);
+    },
+    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
+  );
+  return useMemo(
+    () => ({
+      trackFocusActionMove: () => setFocusItemAction("move-btn"),
+      trackFocusActionDrilldown: () => setFocusItemAction("drilldown-btn"),
+      trackFocusActionDragAndDrop: () => setFocusItemAction("drag-n-drop"),
+      trackFocusActionParent: () => setFocusItemAction("parent"),
+      trackFocusActionReset: () => setFocusItemAction(""),
+      trackFocusPrevAction,
+      trackFocusNextAction
+    }),
+    [setFocusItemAction, trackFocusNextAction, trackFocusPrevAction]
+  );
+};
+export {
+  useFocusActionTrackers
+};
+//# sourceMappingURL=useFocusActionTrackers.js.map

package/dist/esm/config/useFocusTracker/useFocusActionTrackers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useFocusTracker/useFocusActionTrackers.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useCallback } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { ACTIONS_FOCUSES } from '../../constants/index.js';\nimport { useInternalStore, usePropsStore } from '../useStore/index.js';\n\ntype ActionFlags = {\n  preventDrilldown: boolean;\n  withDragAndDrop: boolean;\n  preventMove: boolean;\n};\ntype ActionByProxymity = {\n  prevAction: (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n  nextAction: (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n};\nconst getMoveBtnActionByProxymity = (flags: ActionFlags) => {\n  // move button\n  const { preventDrilldown, withDragAndDrop } = flags;\n  const actionMap = { prevAction: '', nextAction: '' } as ActionByProxymity;\n  // prev\n  //         drilldown     if it exist\n  //    else drag n drop   if it exist\n  //    else parent\n  if (!preventDrilldown) actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;\n  else if (withDragAndDrop) actionMap.prevAction = ACTIONS_FOCUSES.DRAG_N_DROP;\n  else actionMap.prevAction = ACTIONS_FOCUSES.PARENT;\n  // next\n  //         drag n drop   if it exist\n  //    else parent\n  if (withDragAndDrop) actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;\n  else actionMap.nextAction = ACTIONS_FOCUSES.PARENT;\n  return actionMap;\n};\nconst getDragAndDropBtnActionByProxymity = (flags: ActionFlags) => {\n  // Drag and drop handler\n  const { preventMove, preventDrilldown } = flags;\n  // next\n  //     always parent\n  const actionMap = { prevAction: '', nextAction: ACTIONS_FOCUSES.PARENT } as ActionByProxymity;\n  // prev\n  //         move          if it exist\n  //    else drilldown     if it exist\n  //    else parent\n  if (!preventMove) actionMap.prevAction = ACTIONS_FOCUSES.MOVE_BTN;\n  else if (!preventDrilldown) actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;\n  else actionMap.prevAction = ACTIONS_FOCUSES.PARENT;\n  return actionMap;\n};\nconst getDrilldownBtnActionByProxymity = (flags: ActionFlags) => {\n  // Drilldown handler\n  const { withDragAndDrop, preventMove } = flags;\n  // prev\n  //     always parent\n  const actionMap = { prevAction: ACTIONS_FOCUSES.PARENT, nextAction: '' } as ActionByProxymity;\n  // next\n  //         move          if it exist\n  //    else drag n drop   if it exist\n  //    else parent\n  if (!preventMove) actionMap.nextAction = ACTIONS_FOCUSES.MOVE_BTN;\n  else if (withDragAndDrop) actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;\n  else actionMap.nextAction = ACTIONS_FOCUSES.PARENT;\n  return actionMap;\n};\nconst getParenBtnActionByProxymity = (flags: ActionFlags) => {\n  // Parent handler\n  const { preventDrilldown, withDragAndDrop, preventMove } = flags;\n  const actionMap = { prevAction: '', nextAction: '' } as ActionByProxymity;\n  // prev\n  //         drag n drop   if it exist\n  //    else move          if it exist\n  //    else drilldown     if it exist\n  //    else parent\n  if (withDragAndDrop) actionMap.prevAction = ACTIONS_FOCUSES.DRAG_N_DROP;\n  else if (!preventMove) actionMap.prevAction = ACTIONS_FOCUSES.MOVE_BTN;\n  else if (!preventDrilldown) actionMap.prevAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;\n  else actionMap.prevAction = ACTIONS_FOCUSES.PARENT;\n  // next\n  //         drilldown     if it exist\n  //    else move          if it exist\n  //    else drag n drop   if it exist\n  //    else parent\n  if (!preventDrilldown) actionMap.nextAction = ACTIONS_FOCUSES.DRILLDOWN_BTN;\n  else if (!preventMove) actionMap.nextAction = ACTIONS_FOCUSES.MOVE_BTN;\n  else if (withDragAndDrop) actionMap.nextAction = ACTIONS_FOCUSES.DRAG_N_DROP;\n  else actionMap.nextAction = ACTIONS_FOCUSES.PARENT;\n  return actionMap;\n};\nconst getActionByProxymity = ({ flags, currentAction }: { flags: ActionFlags; currentAction: string }) => {\n  if (currentAction === ACTIONS_FOCUSES.MOVE_BTN) return getMoveBtnActionByProxymity(flags);\n  if (currentAction === ACTIONS_FOCUSES.DRAG_N_DROP) return getDragAndDropBtnActionByProxymity(flags);\n  if (currentAction === ACTIONS_FOCUSES.DRILLDOWN_BTN) return getDrilldownBtnActionByProxymity(flags);\n  return getParenBtnActionByProxymity(flags);\n};\nexport const useFocusActionTrackers = () => {\n  const getFocusItemAction = useInternalStore((state) => state.getFocusItemAction);\n  const setFocusItemAction = useInternalStore((state) => state.setFocusItemAction);\n  const removeDragAndDropFromDestination = usePropsStore((state) => state.removeDragAndDropFromDestination);\n  const addDragAndDropFromSource = usePropsStore((state) => state.addDragAndDropFromSource);\n  const trackFocusPrevAction = useCallback(\n    ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(hydratedPreventMove);\n      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);\n      const withDragAndDrop =\n        (isDestinationPanel && !removeDragAndDropFromDestination) || (!isDestinationPanel && addDragAndDropFromSource);\n      const { prevAction } = getActionByProxymity({\n        flags: { preventMove, preventDrilldown, withDragAndDrop },\n        currentAction: getFocusItemAction(),\n      });\n      setFocusItemAction(prevAction);\n    },\n    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction],\n  );\n  const trackFocusNextAction = useCallback(\n    ({ isDestinationPanel, datumHydratables, datumInternalMeta: { hydratedPreventMove } }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(hydratedPreventMove);\n      const preventDrilldown = Boolean(datumHydratables.preventDrilldown);\n      const withDragAndDrop =\n        (isDestinationPanel && !removeDragAndDropFromDestination) || (!isDestinationPanel && addDragAndDropFromSource);\n      const { nextAction } = getActionByProxymity({\n        flags: { preventMove, preventDrilldown, withDragAndDrop },\n        currentAction: getFocusItemAction(),\n      });\n      setFocusItemAction(nextAction);\n    },\n    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction],\n  );\n  return useMemo(\n    () => ({\n      trackFocusActionMove: () => setFocusItemAction('move-btn'),\n      trackFocusActionDrilldown: () => setFocusItemAction('drilldown-btn'),\n      trackFocusActionDragAndDrop: () => setFocusItemAction('drag-n-drop'),\n      trackFocusActionParent: () => setFocusItemAction('parent'),\n      trackFocusActionReset: () => setFocusItemAction(''),\n      trackFocusPrevAction,\n      trackFocusNextAction,\n    }),\n    [setFocusItemAction, trackFocusNextAction, trackFocusPrevAction],\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/config/useFocusTracker/useFocusItemTracker.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { useMemo, useCallback } from "react";
+import { useInternalStore, usePropsStore } from "../useStore/index.js";
+import { ITEMS_FOCUSES } from "../../constants/index.js";
+const useFocusItemTracker = () => {
+  const getFocusItem = useInternalStore((state) => state.getFocusItem);
+  const setFocusItem = useInternalStore((state) => state.setFocusItem);
+  const sourceData = usePropsStore((state) => state.sourceConfiguredData);
+  const destinationData = usePropsStore((state) => state.destinationConfiguredData);
+  const sourceWithLoadMore = usePropsStore((state) => state.sourceWithLoadMore);
+  const destinationWithLoadMore = usePropsStore((state) => state.destinationWithLoadMore);
+  const trackFocusPrevItem = useCallback(
+    ({ isDestinationPanel }) => {
+      const focusItem = getFocusItem();
+      const referenceData = isDestinationPanel ? destinationData : sourceData;
+      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;
+      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);
+      if (currentItemIndex === 0 && withLoadMore)
+        setFocusItem(isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);
+      else if (currentItemIndex !== -1) {
+        const prevItemIndex = currentItemIndex === 0 ? referenceData.length - 1 : currentItemIndex - 1;
+        const prevItem = referenceData[prevItemIndex];
+        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));
+      } else {
+        const prevItemIndex = 0;
+        const prevItem = referenceData[prevItemIndex];
+        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));
+      }
+    },
+    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
+  );
+  const trackFocusNextItem = useCallback(
+    ({ isDestinationPanel }) => {
+      const focusItem = getFocusItem();
+      const referenceData = isDestinationPanel ? destinationData : sourceData;
+      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;
+      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);
+      if (currentItemIndex === referenceData.length - 1 && withLoadMore)
+        setFocusItem(isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);
+      else if (currentItemIndex !== -1) {
+        const nextItemIndex = currentItemIndex === referenceData.length - 1 ? 0 : currentItemIndex + 1;
+        const nextItem = referenceData[nextItemIndex];
+        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));
+      } else {
+        const nextItemIndex = referenceData.length - 1;
+        const nextItem = referenceData[nextItemIndex];
+        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));
+      }
+    },
+    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
+  );
+  return useMemo(
+    () => ({
+      trackFocusItem: (item) => setFocusItem(item.hydratedId),
+      trackFocusItemReset: () => setFocusItem(ITEMS_FOCUSES.RESET),
+      trackFocusItemFirst: ({ isDestinationPanel }) => setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(isDestinationPanel ? destinationData[0] : sourceData[0])),
+      trackFocusItemLast: ({ isDestinationPanel }) => setFocusItem(
+        ITEMS_FOCUSES.GET_SPECIFIC_ITEM(
+          isDestinationPanel ? destinationData[destinationData.length - 1] : sourceData[sourceData.length - 1]
+        )
+      ),
+      trackFocusLoadMoreBtnDestination: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION),
+      trackFocusLoadMoreBtn: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE),
+      trackFocusPrevItem,
+      trackFocusNextItem
+    }),
+    [destinationData, setFocusItem, sourceData, trackFocusNextItem, trackFocusPrevItem]
+  );
+};
+export {
+  useFocusItemTracker
+};
+//# sourceMappingURL=useFocusItemTracker.js.map

package/dist/esm/config/useFocusTracker/useFocusItemTracker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useFocusTracker/useFocusItemTracker.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useMemo, useCallback } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { useInternalStore, usePropsStore } from '../useStore/index.js';\nimport { ITEMS_FOCUSES } from '../../constants/index.js';\n\nexport const useFocusItemTracker = () => {\n  const getFocusItem = useInternalStore((state) => state.getFocusItem);\n  const setFocusItem = useInternalStore((state) => state.setFocusItem);\n  const sourceData = usePropsStore((state) => state.sourceConfiguredData);\n  const destinationData = usePropsStore((state) => state.destinationConfiguredData);\n  const sourceWithLoadMore = usePropsStore((state) => state.sourceWithLoadMore);\n  const destinationWithLoadMore = usePropsStore((state) => state.destinationWithLoadMore);\n  const trackFocusPrevItem = useCallback(\n    ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n      const focusItem = getFocusItem();\n      const referenceData = isDestinationPanel ? destinationData : sourceData;\n      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;\n      // loop logic\n      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);\n      if (currentItemIndex === 0 && withLoadMore)\n        setFocusItem(isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);\n      else if (currentItemIndex !== -1) {\n        const prevItemIndex = currentItemIndex === 0 ? referenceData.length - 1 : currentItemIndex - 1;\n        const prevItem = referenceData[prevItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));\n      } else {\n        const prevItemIndex = 0;\n        const prevItem = referenceData[prevItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));\n      }\n    },\n    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore],\n  );\n  const trackFocusNextItem = useCallback(\n    ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n      const focusItem = getFocusItem();\n      const referenceData = isDestinationPanel ? destinationData : sourceData;\n      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;\n      // focus loop logic\n      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);\n      if (currentItemIndex === referenceData.length - 1 && withLoadMore)\n        setFocusItem(isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);\n      else if (currentItemIndex !== -1) {\n        const nextItemIndex = currentItemIndex === referenceData.length - 1 ? 0 : currentItemIndex + 1;\n        const nextItem = referenceData[nextItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));\n      } else {\n        const nextItemIndex = referenceData.length - 1;\n        const nextItem = referenceData[nextItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));\n      }\n    },\n    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore],\n  );\n  return useMemo(\n    () => ({\n      trackFocusItem: (item: DSShuttleV2T.ConfiguredDatum) => setFocusItem(item.hydratedId),\n      trackFocusItemReset: () => setFocusItem(ITEMS_FOCUSES.RESET),\n      trackFocusItemFirst: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) =>\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(isDestinationPanel ? destinationData[0] : sourceData[0])),\n      trackFocusItemLast: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) =>\n        setFocusItem(\n          ITEMS_FOCUSES.GET_SPECIFIC_ITEM(\n            isDestinationPanel ? destinationData[destinationData.length - 1] : sourceData[sourceData.length - 1],\n          ),\n        ),\n      trackFocusLoadMoreBtnDestination: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION),\n      trackFocusLoadMoreBtn: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE),\n      trackFocusPrevItem,\n      trackFocusNextItem,\n    }),\n    [destinationData, setFocusItem, sourceData, trackFocusNextItem, trackFocusPrevItem],\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/config/useFocusTracker/useFocusRegionTrackers.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { useInternalStore } from "../useStore/index.js";
+import { REGIONS_FOCUSES } from "../../constants/index.js";
+const useFocusRegionTrackers = () => {
+  const setFocusRegion = useInternalStore((state) => state.setFocusRegion);
+  return useMemo(
+    () => ({
+      trackFocusRegionSourceHeader: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_HEADER),
+      trackFocusRegionSourcePanel: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL),
+      trackFocusRegionSourceBottom: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_BOTTOM),
+      trackFocusRegionSourcePanelItem: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM),
+      trackFocusRegionSourcePanelFocusAll: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM_MOVE_ALL),
+      trackFocusRegionDestinationHeader: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_HEADER),
+      trackFocusRegionDestinationPanel: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL),
+      trackFocusRegionDestinationBottom: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_BOTTOM),
+      trackFocusRegionDestinationPanelItem: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM),
+      trackFocusRegionDestinationPanelFocusMoveAll: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM_MOVE_ALL),
+      trackFocusRegionHeader: (isDestinationPanel) => {
+        if (isDestinationPanel)
+          setFocusRegion(REGIONS_FOCUSES.DESTINATION_HEADER);
+        else
+          setFocusRegion(REGIONS_FOCUSES.SOURCE_HEADER);
+      },
+      trackFocusRegionBottom: (isDestinationPanel) => {
+        if (isDestinationPanel)
+          setFocusRegion(REGIONS_FOCUSES.DESTINATION_BOTTOM);
+        else
+          setFocusRegion(REGIONS_FOCUSES.SOURCE_BOTTOM);
+      },
+      trackFocusRegionPanel: (isDestinationPanel) => {
+        if (isDestinationPanel)
+          setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL);
+        else
+          setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL);
+      },
+      trackFocusRegionPanelItem: (isDestinationPanel) => {
+        if (isDestinationPanel)
+          setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM);
+        else
+          setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM);
+      },
+      trackFocusRegionPanelFocusMoveAll: (isDestinationPanel) => {
+        if (isDestinationPanel)
+          setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM_MOVE_ALL);
+        else
+          setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM_MOVE_ALL);
+      },
+      trackFocusRegionReset: () => setFocusRegion("")
+    }),
+    [setFocusRegion]
+  );
+};
+export {
+  useFocusRegionTrackers
+};
+//# sourceMappingURL=useFocusRegionTrackers.js.map

package/dist/esm/config/useFocusTracker/useFocusRegionTrackers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useFocusTracker/useFocusRegionTrackers.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport { useInternalStore } from '../useStore/index.js';\nimport { REGIONS_FOCUSES } from '../../constants/index.js';\n\nexport const useFocusRegionTrackers = () => {\n  const setFocusRegion = useInternalStore((state) => state.setFocusRegion);\n  return useMemo(\n    () => ({\n      trackFocusRegionSourceHeader: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_HEADER),\n      trackFocusRegionSourcePanel: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL),\n      trackFocusRegionSourceBottom: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_BOTTOM),\n      trackFocusRegionSourcePanelItem: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM),\n      trackFocusRegionSourcePanelFocusAll: () => setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM_MOVE_ALL),\n      trackFocusRegionDestinationHeader: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_HEADER),\n      trackFocusRegionDestinationPanel: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL),\n      trackFocusRegionDestinationBottom: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_BOTTOM),\n      trackFocusRegionDestinationPanelItem: () => setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM),\n      trackFocusRegionDestinationPanelFocusMoveAll: () =>\n        setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM_MOVE_ALL),\n      trackFocusRegionHeader: (isDestinationPanel: boolean) => {\n        if (isDestinationPanel) setFocusRegion(REGIONS_FOCUSES.DESTINATION_HEADER);\n        else setFocusRegion(REGIONS_FOCUSES.SOURCE_HEADER);\n      },\n      trackFocusRegionBottom: (isDestinationPanel: boolean) => {\n        if (isDestinationPanel) setFocusRegion(REGIONS_FOCUSES.DESTINATION_BOTTOM);\n        else setFocusRegion(REGIONS_FOCUSES.SOURCE_BOTTOM);\n      },\n      trackFocusRegionPanel: (isDestinationPanel: boolean) => {\n        if (isDestinationPanel) setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL);\n        else setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL);\n      },\n      trackFocusRegionPanelItem: (isDestinationPanel: boolean) => {\n        if (isDestinationPanel) setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM);\n        else setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM);\n      },\n      trackFocusRegionPanelFocusMoveAll: (isDestinationPanel: boolean) => {\n        if (isDestinationPanel) setFocusRegion(REGIONS_FOCUSES.DESTINATION_PANEL_ITEM_MOVE_ALL);\n        else setFocusRegion(REGIONS_FOCUSES.SOURCE_PANEL_ITEM_MOVE_ALL);\n      },\n      trackFocusRegionReset: () => setFocusRegion(''),\n    }),\n    [setFocusRegion],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAEzB,MAAM,yBAAyB,MAAM;AAC1C,QAAM,iBAAiB,iBAAiB,CAAC,UAAU,MAAM,cAAc;AACvE,SAAO;AAAA,IACL,OAAO;AAAA,MACL,8BAA8B,MAAM,eAAe,gBAAgB,aAAa;AAAA,MAChF,6BAA6B,MAAM,eAAe,gBAAgB,YAAY;AAAA,MAC9E,8BAA8B,MAAM,eAAe,gBAAgB,aAAa;AAAA,MAChF,iCAAiC,MAAM,eAAe,gBAAgB,iBAAiB;AAAA,MACvF,qCAAqC,MAAM,eAAe,gBAAgB,0BAA0B;AAAA,MACpG,mCAAmC,MAAM,eAAe,gBAAgB,kBAAkB;AAAA,MAC1F,kCAAkC,MAAM,eAAe,gBAAgB,iBAAiB;AAAA,MACxF,mCAAmC,MAAM,eAAe,gBAAgB,kBAAkB;AAAA,MAC1F,sCAAsC,MAAM,eAAe,gBAAgB,sBAAsB;AAAA,MACjG,8CAA8C,MAC5C,eAAe,gBAAgB,+BAA+B;AAAA,MAChE,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,gBAAgB,kBAAkB;AAAA;AACpE,yBAAe,gBAAgB,aAAa;AAAA,MACnD;AAAA,MACA,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,gBAAgB,kBAAkB;AAAA;AACpE,yBAAe,gBAAgB,aAAa;AAAA,MACnD;AAAA,MACA,uBAAuB,CAAC,uBAAgC;AACtD,YAAI;AAAoB,yBAAe,gBAAgB,iBAAiB;AAAA;AACnE,yBAAe,gBAAgB,YAAY;AAAA,MAClD;AAAA,MACA,2BAA2B,CAAC,uBAAgC;AAC1D,YAAI;AAAoB,yBAAe,gBAAgB,sBAAsB;AAAA;AACxE,yBAAe,gBAAgB,iBAAiB;AAAA,MACvD;AAAA,MACA,mCAAmC,CAAC,uBAAgC;AAClE,YAAI;AAAoB,yBAAe,gBAAgB,+BAA+B;AAAA;AACjF,yBAAe,gBAAgB,0BAA0B;AAAA,MAChE;AAAA,MACA,uBAAuB,MAAM,eAAe,EAAE;AAAA,IAChD;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AACF;",
+  "names": []
+}

package/dist/esm/config/useFocusTracker/useFocusTracker.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { useMemo } from "react";
+import { useFocusActionTrackers } from "./useFocusActionTrackers.js";
+import { useFocusItemTracker } from "./useFocusItemTracker.js";
+import { useFocusRegionTrackers } from "./useFocusRegionTrackers.js";
+const useFocusTracker = () => {
+  const regionTrackers = useFocusRegionTrackers();
+  const itemTracker = useFocusItemTracker();
+  const actionTrackers = useFocusActionTrackers();
+  return useMemo(
+    () => ({
+      ...regionTrackers,
+      ...itemTracker,
+      ...actionTrackers
+    }),
+    [actionTrackers, itemTracker, regionTrackers]
+  );
+};
+export {
+  useFocusTracker
+};
+//# sourceMappingURL=useFocusTracker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useFocusTracker/useFocusTracker.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport { useFocusActionTrackers } from './useFocusActionTrackers.js';\nimport { useFocusItemTracker } from './useFocusItemTracker.js';\nimport { useFocusRegionTrackers } from './useFocusRegionTrackers.js';\n\nexport const useFocusTracker = () => {\n  const regionTrackers = useFocusRegionTrackers();\n  const itemTracker = useFocusItemTracker();\n  const actionTrackers = useFocusActionTrackers();\n\n  return useMemo(\n    () => ({\n      ...regionTrackers,\n      ...itemTracker,\n      ...actionTrackers,\n    }),\n    [actionTrackers, itemTracker, regionTrackers],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AAEhC,MAAM,kBAAkB,MAAM;AACnC,QAAM,iBAAiB,uBAAuB;AAC9C,QAAM,cAAc,oBAAoB;AACxC,QAAM,iBAAiB,uBAAuB;AAE9C,SAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,gBAAgB,aAAa,cAAc;AAAA,EAC9C;AACF;",
+  "names": []
+}