@elliemae/ds-shuttle-v2 3.14.0 → 3.14.2

package/dist/cjs/config/DSShuttleV2Definitions.js

@@ -62,7 +62,8 @@ const DSShuttleV2Slots = {
   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"
+  AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label",
+  DRAG_AND_DROP_HANDLE: "drag-and-drop-handle"
 };
 const DSShuttleV2DataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSShuttleV2Name, DSShuttleV2Slots);
 //# sourceMappingURL=DSShuttleV2Definitions.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/DSShuttleV2Definitions.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-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_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} as const;\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots) as const;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,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;AACrC;AAEO,MAAM,6BAAyB,0CAAwB,iBAAiB,gBAAgB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-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_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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,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,6BAAyB,0CAAwB,iBAAiB,gBAAgB;",
   "names": []
 }

package/dist/cjs/config/itemMovementHelpers.js

@@ -30,7 +30,6 @@ __export(itemMovementHelpers_exports, {
 module.exports = __toCommonJS(itemMovementHelpers_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useStore = require("./useStore");
 const useHandleMoveSelection = ({ isDestinationPanel }) => {
   const currOnRemove = (0, import_useStore.usePropsStore)(
@@ -48,55 +47,45 @@ const useHandleMoveSelection = ({ isDestinationPanel }) => {
   const otherOnSoftDelete = (0, import_useStore.usePropsStore)(
     (state) => isDestinationPanel ? state.onSourceSoftDelete : state.onDestinationSoftDelete
   );
-  const currSelectionMap = (0, import_useStore.useInternalStore)(
+  const currSelectionMap = (0, import_useStore.usePropsStore)(
     (store) => isDestinationPanel ? store.destinationSelectionArray : store.sourceSelectionArray
   );
   const currOnSelectionChange = (0, import_useStore.usePropsStore)(
     (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
   );
   const otherPanelOnAdd = (0, import_useStore.usePropsStore)((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
-  const destinationSelectionArray = (0, import_useStore.useInternalStore)((store) => store.destinationSelectionItemArray);
-  const sourceSelectionArray = (0, import_useStore.useInternalStore)((store) => store.sourceSelectionItemArray);
+  const destinationSelectionArray = (0, import_useStore.usePropsStore)((store) => store.destinationSelectionItemArray);
+  const sourceSelectionArray = (0, import_useStore.usePropsStore)((store) => store.sourceSelectionItemArray);
   const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;
-  const mutableSelectedItems = (0, import_ds_utilities.useMakeMutable)(selectedItems);
-  const mutableCurrSelectionMap = (0, import_ds_utilities.useMakeMutable)(currSelectionMap);
-  const mutableCurrOnSelectionChange = (0, import_ds_utilities.useMakeMutable)(currOnSelectionChange);
-  const mutableCurrOnRemove = (0, import_ds_utilities.useMakeMutable)(currOnRemove);
-  const mutableOtherOnAdd = (0, import_ds_utilities.useMakeMutable)(otherPanelOnAdd);
-  const mutableCurrOnSoftDelete = (0, import_ds_utilities.useMakeMutable)(currOnSoftDelete);
-  const mutableOtherOnSoftDelete = (0, import_ds_utilities.useMakeMutable)(otherOnSoftDelete);
-  const mutableCurrSoftDeletedItems = (0, import_ds_utilities.useMakeMutable)(currSoftDeletedItems);
-  const mutableOtherSoftDeletedItems = (0, import_ds_utilities.useMakeMutable)(otherSoftDeletedItems);
   const moveSelection = import_react.default.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
-      mutableCurrOnRemove.current(mutableSelectedItems.current, { event });
-      mutableOtherOnAdd.current(mutableSelectedItems.current, { event });
+      currOnRemove(selectedItems, { event });
+      otherPanelOnAdd(selectedItems, { event });
       const currSoftDeletedMap = {};
       const otherSoftDeletedMap = {};
-      mutableCurrSelectionMap.current.forEach((id) => {
+      currSelectionMap.forEach((id) => {
         currSoftDeletedMap[id] = true;
         otherSoftDeletedMap[id] = false;
       });
-      mutableCurrOnSoftDelete.current({ ...mutableCurrSoftDeletedItems.current, ...currSoftDeletedMap }, { event });
-      mutableOtherOnSoftDelete.current({ ...mutableOtherSoftDeletedItems.current, ...otherSoftDeletedMap }, { event });
-      mutableCurrOnSelectionChange.current({}, { event });
+      currOnSoftDelete({ ...currSoftDeletedItems, ...currSoftDeletedMap }, { event });
+      otherOnSoftDelete({ ...otherSoftDeletedItems, ...otherSoftDeletedMap }, { event });
+      currOnSelectionChange({}, { event });
     },
     [
-      mutableCurrSelectionMap,
-      mutableCurrOnRemove,
-      mutableCurrOnSelectionChange,
-      mutableCurrOnSoftDelete,
-      mutableCurrSoftDeletedItems,
-      mutableOtherOnAdd,
-      mutableOtherOnSoftDelete,
-      mutableOtherSoftDeletedItems,
-      mutableSelectedItems
+      currOnRemove,
+      selectedItems,
+      otherPanelOnAdd,
+      currSelectionMap,
+      currOnSoftDelete,
+      currSoftDeletedItems,
+      otherOnSoftDelete,
+      otherSoftDeletedItems,
+      currOnSelectionChange
     ]
   );
-  const mutableMoveSelection = (0, import_ds_utilities.useMakeMutable)(moveSelection);
-  return import_react.default.useMemo(() => ({ moveSelection: mutableMoveSelection.current }), [mutableMoveSelection]);
+  return import_react.default.useMemo(() => ({ moveSelection }), [moveSelection]);
 };
 const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }) => {
   const currSoftDeletedItems = (0, import_useStore.usePropsStore)(
@@ -115,36 +104,24 @@ const useHandleMoveItem = ({ datum, datumInternalMeta, isDestinationPanel }) =>
     (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
   );
   const otherPanelOnAdd = (0, import_useStore.usePropsStore)((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
-  const mutableCurrOnRemove = (0, import_ds_utilities.useMakeMutable)(currOnRemove);
-  const mutableOtherOnAdd = (0, import_ds_utilities.useMakeMutable)(otherPanelOnAdd);
-  const mutableCurrOnSoftDelete = (0, import_ds_utilities.useMakeMutable)(currOnSoftDelete);
-  const mutableOtherOnSoftDelete = (0, import_ds_utilities.useMakeMutable)(otherOnSoftDelete);
-  const mutableCurrSoftDeletedItems = (0, import_ds_utilities.useMakeMutable)(currSoftDeletedItems);
-  const mutableOtherSoftDeletedItems = (0, import_ds_utilities.useMakeMutable)(otherSoftDeletedItems);
   const moveItem = import_react.default.useCallback(
     (event) => {
       event.preventDefault();
       event.stopPropagation();
-      mutableCurrOnRemove.current([datum], { event });
-      mutableOtherOnAdd.current([datum], { event });
-      mutableCurrOnSoftDelete.current(
-        { ...mutableCurrSoftDeletedItems.current, [datumInternalMeta.hydratedId]: true },
-        { event }
-      );
-      mutableOtherOnSoftDelete.current(
-        { ...mutableOtherSoftDeletedItems.current, [datumInternalMeta.hydratedId]: false },
-        { event }
-      );
+      currOnRemove([datum], { event });
+      otherPanelOnAdd([datum], { event });
+      currOnSoftDelete({ ...currSoftDeletedItems, [datumInternalMeta.hydratedId]: true }, { event });
+      otherOnSoftDelete({ ...otherSoftDeletedItems, [datumInternalMeta.hydratedId]: false }, { event });
     },
     [
+      currOnRemove,
+      currOnSoftDelete,
+      currSoftDeletedItems,
       datum,
       datumInternalMeta.hydratedId,
-      mutableCurrOnRemove,
-      mutableCurrOnSoftDelete,
-      mutableCurrSoftDeletedItems,
-      mutableOtherOnAdd,
-      mutableOtherOnSoftDelete,
-      mutableOtherSoftDeletedItems
+      otherOnSoftDelete,
+      otherPanelOnAdd,
+      otherSoftDeletedItems
     ]
   );
   return moveItem;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/itemMovementHelpers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { usePropsStore, useInternalStore } from './useStore';\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 = useInternalStore((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 = useInternalStore((store) => store.destinationSelectionItemArray);\n  const sourceSelectionArray = useInternalStore((store) => store.sourceSelectionItemArray);\n  const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;\n\n  const mutableSelectedItems = useMakeMutable(selectedItems);\n  const mutableCurrSelectionMap = useMakeMutable(currSelectionMap);\n  const mutableCurrOnSelectionChange = useMakeMutable(currOnSelectionChange);\n  const mutableCurrOnRemove = useMakeMutable(currOnRemove);\n  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);\n  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);\n  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);\n  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);\n  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);\n\n  const moveSelection = React.useCallback(\n    (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => {\n      event.preventDefault();\n      event.stopPropagation();\n      // movement\n      mutableCurrOnRemove.current(mutableSelectedItems.current, { event });\n      mutableOtherOnAdd.current(mutableSelectedItems.current, { event });\n      // soft delete\n      const currSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      const otherSoftDeletedMap: DSShuttleV2T.SoftDeletedMap = {};\n      mutableCurrSelectionMap.current.forEach((id) => {\n        currSoftDeletedMap[id] = true;\n        otherSoftDeletedMap[id] = false;\n      });\n      mutableCurrOnSoftDelete.current({ ...mutableCurrSoftDeletedItems.current, ...currSoftDeletedMap }, { event });\n      mutableOtherOnSoftDelete.current({ ...mutableOtherSoftDeletedItems.current, ...otherSoftDeletedMap }, { event });\n      // cleanup\n      mutableCurrOnSelectionChange.current({}, { event });\n    },\n    [\n      mutableCurrSelectionMap,\n      mutableCurrOnRemove,\n      mutableCurrOnSelectionChange,\n      mutableCurrOnSoftDelete,\n      mutableCurrSoftDeletedItems,\n      mutableOtherOnAdd,\n      mutableOtherOnSoftDelete,\n      mutableOtherSoftDeletedItems,\n      mutableSelectedItems,\n    ],\n  );\n  // optimization ...\n  const mutableMoveSelection = useMakeMutable(moveSelection);\n  return React.useMemo(() => ({ moveSelection: mutableMoveSelection.current }), [mutableMoveSelection]);\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 mutableCurrOnRemove = useMakeMutable(currOnRemove);\n  const mutableOtherOnAdd = useMakeMutable(otherPanelOnAdd);\n  const mutableCurrOnSoftDelete = useMakeMutable(currOnSoftDelete);\n  const mutableOtherOnSoftDelete = useMakeMutable(otherOnSoftDelete);\n  const mutableCurrSoftDeletedItems = useMakeMutable(currSoftDeletedItems);\n  const mutableOtherSoftDeletedItems = useMakeMutable(otherSoftDeletedItems);\n\n  const moveItem = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n      mutableCurrOnRemove.current([datum], { event });\n      mutableOtherOnAdd.current([datum], { event });\n      mutableCurrOnSoftDelete.current(\n        { ...mutableCurrSoftDeletedItems.current, [datumInternalMeta.hydratedId]: true },\n        { event },\n      );\n      mutableOtherOnSoftDelete.current(\n        { ...mutableOtherSoftDeletedItems.current, [datumInternalMeta.hydratedId]: false },\n        { event },\n      );\n    },\n    [\n      datum,\n      datumInternalMeta.hydratedId,\n      mutableCurrOnRemove,\n      mutableCurrOnSoftDelete,\n      mutableCurrSoftDeletedItems,\n      mutableOtherOnAdd,\n      mutableOtherOnSoftDelete,\n      mutableOtherSoftDeletedItems,\n    ],\n  );\n  return moveItem;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React from 'react';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { usePropsStore } from './useStore';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["React"]
 }

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

@@ -29,7 +29,6 @@ __export(useFocusActionTrackers_exports, {
 module.exports = __toCommonJS(useFocusActionTrackers_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_constants = require("../../constants");
 var import_useStore = require("../useStore");
 const getMoveBtnActionByProxymity = (flags) => {
@@ -100,8 +99,7 @@ const getActionByProxymity = ({ flags, currentAction }) => {
   return getParenBtnActionByProxymity(flags);
 };
 const useFocusActionTrackers = () => {
-  const focusItemAction = (0, import_useStore.useInternalStore)((state) => state.focusItemAction);
-  const mutableFocusItemAction = (0, import_ds_utilities.useMakeMutable)(focusItemAction);
+  const getFocusItemAction = (0, import_useStore.useInternalStore)((state) => state.getFocusItemAction);
   const setFocusItemAction = (0, import_useStore.useInternalStore)((state) => state.setFocusItemAction);
   const removeDragAndDropFromDestination = (0, import_useStore.usePropsStore)((state) => state.removeDragAndDropFromDestination);
   const addDragAndDropFromSource = (0, import_useStore.usePropsStore)((state) => state.addDragAndDropFromSource);
@@ -112,11 +110,11 @@ const useFocusActionTrackers = () => {
       const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
       const { prevAction } = getActionByProxymity({
         flags: { preventMove, preventDrilldown, withDragAndDrop },
-        currentAction: mutableFocusItemAction.current
+        currentAction: getFocusItemAction()
       });
       setFocusItemAction(prevAction);
     },
-    [addDragAndDropFromSource, mutableFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
+    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
   );
   const trackFocusNextAction = (0, import_react.useCallback)(
     ({ isDestinationPanel, datumHydratables }) => {
@@ -125,15 +123,14 @@ const useFocusActionTrackers = () => {
       const withDragAndDrop = isDestinationPanel && !removeDragAndDropFromDestination || !isDestinationPanel && addDragAndDropFromSource;
       const { nextAction } = getActionByProxymity({
         flags: { preventMove, preventDrilldown, withDragAndDrop },
-        currentAction: mutableFocusItemAction.current
+        currentAction: getFocusItemAction()
       });
       setFocusItemAction(nextAction);
     },
-    [addDragAndDropFromSource, mutableFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
+    [addDragAndDropFromSource, getFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction]
   );
   return (0, import_react.useMemo)(
     () => ({
-      mutableFocusItemAction,
       trackFocusActionMove: () => setFocusItemAction("move-btn"),
       trackFocusActionDrilldown: () => setFocusItemAction("drilldown-btn"),
       trackFocusActionDragAndDrop: () => setFocusItemAction("drag-n-drop"),
@@ -142,7 +139,7 @@ const useFocusActionTrackers = () => {
       trackFocusPrevAction,
       trackFocusNextAction
     }),
-    [mutableFocusItemAction, setFocusItemAction, trackFocusNextAction, trackFocusPrevAction]
+    [setFocusItemAction, trackFocusNextAction, trackFocusPrevAction]
   );
 };
 //# sourceMappingURL=useFocusActionTrackers.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/config/useFocusTracker/useFocusActionTrackers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo, useCallback } from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\nimport { ACTIONS_FOCUSES } from '../../constants';\nimport { useInternalStore, usePropsStore } from '../useStore';\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 focusItemAction = useInternalStore((state) => state.focusItemAction);\n  //  tracking actions are always triggered as user action callbacks\n  //    this means it should always be invoked after all the useEffect execute\n  //    since this is the case, we can avoid re-declaring the function with mutable pattern\n  //    this way we avoid useless re-renders\n  const mutableFocusItemAction = useMakeMutable(focusItemAction);\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 }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(datumHydratables.preventMove);\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: mutableFocusItemAction.current,\n      });\n      setFocusItemAction(prevAction);\n    },\n    [addDragAndDropFromSource, mutableFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction],\n  );\n  const trackFocusNextAction = useCallback(\n    ({ isDestinationPanel, datumHydratables }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(datumHydratables.preventMove);\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: mutableFocusItemAction.current,\n      });\n      setFocusItemAction(nextAction);\n    },\n    [addDragAndDropFromSource, mutableFocusItemAction, removeDragAndDropFromDestination, setFocusItemAction],\n  );\n  return useMemo(\n    () => ({\n      mutableFocusItemAction,\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    [mutableFocusItemAction, setFocusItemAction, trackFocusNextAction, trackFocusPrevAction],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useMemo, useCallback } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\nimport { ACTIONS_FOCUSES } from '../../constants';\nimport { useInternalStore, usePropsStore } from '../useStore';\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 }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(datumHydratables.preventMove);\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 }: DSShuttleV2T.ItemMeta) => {\n      const preventMove = Boolean(datumHydratables.preventMove);\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -29,40 +29,21 @@ __export(useFocusItemTracker_exports, {
 module.exports = __toCommonJS(useFocusItemTracker_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useStore = require("../useStore");
 var import_constants = require("../../constants/index");
 const useFocusItemTracker = () => {
-  const focusItem = (0, import_useStore.useInternalStore)((state) => state.focusItem);
-  const mutableFocusItem = (0, import_ds_utilities.useMakeMutable)(focusItem);
+  const getFocusItem = (0, import_useStore.useInternalStore)((state) => state.getFocusItem);
   const setFocusItem = (0, import_useStore.useInternalStore)((state) => state.setFocusItem);
-  const sourceData = (0, import_useStore.useInternalStore)((state) => state.sourceConfiguredData);
-  const destinationData = (0, import_useStore.useInternalStore)((state) => state.destinationConfiguredData);
+  const sourceData = (0, import_useStore.usePropsStore)((state) => state.sourceConfiguredData);
+  const destinationData = (0, import_useStore.usePropsStore)((state) => state.destinationConfiguredData);
   const sourceWithLoadMore = (0, import_useStore.usePropsStore)((state) => state.sourceWithLoadMore);
   const destinationWithLoadMore = (0, import_useStore.usePropsStore)((state) => state.destinationWithLoadMore);
   const trackFocusPrevItem = (0, import_react.useCallback)(
     ({ isDestinationPanel }) => {
+      const focusItem = getFocusItem();
       const referenceData = isDestinationPanel ? destinationData : sourceData;
       const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;
-      if (mutableFocusItem.current === import_constants.ITEMS_FOCUSES.FIRST) {
-        if (withLoadMore)
-          setFocusItem(
-            isDestinationPanel ? import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE
-          );
-        else {
-          const prevItemIndex = referenceData.length > 1 ? referenceData.length - 1 : 0;
-          const prevItem = referenceData[prevItemIndex];
-          setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));
-        }
-        return;
-      }
-      if (mutableFocusItem.current === import_constants.ITEMS_FOCUSES.LAST) {
-        const prevItemIndex = referenceData.length > 2 ? referenceData.length - 2 : 0;
-        const prevItem = referenceData[prevItemIndex];
-        setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));
-        return;
-      }
-      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === mutableFocusItem.current);
+      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);
       if (currentItemIndex === 0 && withLoadMore)
         setFocusItem(isDestinationPanel ? import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);
       else if (currentItemIndex !== -1) {
@@ -75,31 +56,14 @@ const useFocusItemTracker = () => {
         setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));
       }
     },
-    [destinationData, destinationWithLoadMore, mutableFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
+    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
   );
   const trackFocusNextItem = (0, import_react.useCallback)(
     ({ isDestinationPanel }) => {
+      const focusItem = getFocusItem();
       const referenceData = isDestinationPanel ? destinationData : sourceData;
       const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;
-      if (mutableFocusItem.current === import_constants.ITEMS_FOCUSES.FIRST) {
-        const nextItemIndex = referenceData.length > 1 ? 1 : 0;
-        const nextItem = referenceData[nextItemIndex];
-        setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));
-        return;
-      }
-      if (mutableFocusItem.current === import_constants.ITEMS_FOCUSES.LAST) {
-        if (withLoadMore)
-          setFocusItem(
-            isDestinationPanel ? import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE
-          );
-        else {
-          const nextItemIndex = 0;
-          const nextItem = referenceData[nextItemIndex];
-          setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));
-        }
-        return;
-      }
-      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === mutableFocusItem.current);
+      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === focusItem);
       if (currentItemIndex === referenceData.length - 1 && withLoadMore)
         setFocusItem(isDestinationPanel ? import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE);
       else if (currentItemIndex !== -1) {
@@ -112,21 +76,24 @@ const useFocusItemTracker = () => {
         setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));
       }
     },
-    [destinationData, destinationWithLoadMore, mutableFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
+    [destinationData, destinationWithLoadMore, getFocusItem, setFocusItem, sourceData, sourceWithLoadMore]
   );
   return (0, import_react.useMemo)(
     () => ({
-      mutableFocusItem,
       trackFocusItem: (item) => setFocusItem(item.hydratedId),
       trackFocusItemReset: () => setFocusItem(import_constants.ITEMS_FOCUSES.RESET),
-      trackFocusItemFirst: () => setFocusItem(import_constants.ITEMS_FOCUSES.FIRST),
-      trackFocusItemLast: () => setFocusItem(import_constants.ITEMS_FOCUSES.LAST),
+      trackFocusItemFirst: ({ isDestinationPanel }) => setFocusItem(import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(isDestinationPanel ? destinationData[0] : sourceData[0])),
+      trackFocusItemLast: ({ isDestinationPanel }) => setFocusItem(
+        import_constants.ITEMS_FOCUSES.GET_SPECIFIC_ITEM(
+          isDestinationPanel ? destinationData[destinationData.length - 1] : sourceData[sourceData.length - 1]
+        )
+      ),
       trackFocusLoadMoreBtnDestination: () => setFocusItem(import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION),
       trackFocusLoadMoreBtn: () => setFocusItem(import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE),
       trackFocusPrevItem,
       trackFocusNextItem
     }),
-    [mutableFocusItem, setFocusItem, trackFocusNextItem, trackFocusPrevItem]
+    [destinationData, setFocusItem, sourceData, trackFocusNextItem, trackFocusPrevItem]
   );
 };
 //# sourceMappingURL=useFocusItemTracker.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/config/useFocusTracker/useFocusItemTracker.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useMemo, useCallback } from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\nimport { useInternalStore, usePropsStore } from '../useStore';\nimport { ITEMS_FOCUSES } from '../../constants/index';\n\nexport const useFocusItemTracker = () => {\n  const focusItem = useInternalStore((state) => state.focusItem);\n  //  tracking actions are always triggered as user action callbacks\n  //    this means it should always be invoked after all the useEffect execute\n  //    since this is the case, we can avoid re-declaring the function with mutable pattern\n  //    this way we avoid useless re-renders\n  const mutableFocusItem = useMakeMutable(focusItem);\n  const setFocusItem = useInternalStore((state) => state.setFocusItem);\n  const sourceData = useInternalStore((state) => state.sourceConfiguredData);\n  const destinationData = useInternalStore((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 referenceData = isDestinationPanel ? destinationData : sourceData;\n      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;\n      if (mutableFocusItem.current === ITEMS_FOCUSES.FIRST) {\n        if (withLoadMore)\n          setFocusItem(\n            isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE,\n          );\n        else {\n          const prevItemIndex = referenceData.length > 1 ? referenceData.length - 1 : 0;\n          const prevItem = referenceData[prevItemIndex];\n          setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));\n        }\n        return;\n      }\n      if (mutableFocusItem.current === ITEMS_FOCUSES.LAST) {\n        const prevItemIndex = referenceData.length > 2 ? referenceData.length - 2 : 0;\n        const prevItem = referenceData[prevItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(prevItem));\n        return;\n      }\n      // loop logic\n      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === mutableFocusItem.current);\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, mutableFocusItem, setFocusItem, sourceData, sourceWithLoadMore],\n  );\n  const trackFocusNextItem = useCallback(\n    ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {\n      const referenceData = isDestinationPanel ? destinationData : sourceData;\n      const withLoadMore = isDestinationPanel ? destinationWithLoadMore : sourceWithLoadMore;\n      if (mutableFocusItem.current === ITEMS_FOCUSES.FIRST) {\n        // \"next\" after the first is position 1,\n        //    if position 1 exist,\n        //    else is the \"first\" (position 0) looped back\n        const nextItemIndex = referenceData.length > 1 ? 1 : 0;\n        const nextItem = referenceData[nextItemIndex];\n        setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));\n        return;\n      }\n      if (mutableFocusItem.current === ITEMS_FOCUSES.LAST) {\n        if (withLoadMore)\n          setFocusItem(\n            isDestinationPanel ? ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION : ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE,\n          );\n        else {\n          const nextItemIndex = 0;\n          const nextItem = referenceData[nextItemIndex];\n          setFocusItem(ITEMS_FOCUSES.GET_SPECIFIC_ITEM(nextItem));\n        }\n        return;\n      }\n      // focus loop logic\n      const currentItemIndex = referenceData.findIndex((currItem) => currItem.hydratedId === mutableFocusItem.current);\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, mutableFocusItem, setFocusItem, sourceData, sourceWithLoadMore],\n  );\n  return useMemo(\n    () => ({\n      mutableFocusItem,\n      trackFocusItem: (item: DSShuttleV2T.ConfiguredDatum) => setFocusItem(item.hydratedId),\n      trackFocusItemReset: () => setFocusItem(ITEMS_FOCUSES.RESET),\n      trackFocusItemFirst: () => setFocusItem(ITEMS_FOCUSES.FIRST),\n      trackFocusItemLast: () => setFocusItem(ITEMS_FOCUSES.LAST),\n      trackFocusLoadMoreBtnDestination: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION),\n      trackFocusLoadMoreBtn: () => setFocusItem(ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE),\n      trackFocusPrevItem,\n      trackFocusNextItem,\n    }),\n    [mutableFocusItem, setFocusItem, trackFocusNextItem, trackFocusPrevItem],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useMemo, useCallback } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\nimport { useInternalStore, usePropsStore } from '../useStore';\nimport { ITEMS_FOCUSES } from '../../constants/index';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -29,16 +29,12 @@ __export(useFocusRegionTrackers_exports, {
 module.exports = __toCommonJS(useFocusRegionTrackers_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useStore = require("../useStore");
 var import_constants = require("../../constants/index");
 const useFocusRegionTrackers = () => {
-  const focusRegion = (0, import_useStore.useInternalStore)((state) => state.focusRegion);
-  const mutableFocusRegion = (0, import_ds_utilities.useMakeMutable)(focusRegion);
   const setFocusRegion = (0, import_useStore.useInternalStore)((state) => state.setFocusRegion);
   return (0, import_react.useMemo)(
     () => ({
-      mutableFocusRegion,
       trackFocusRegionSourceHeader: () => setFocusRegion(import_constants.REGIONS_FOCUSES.SOURCE_HEADER),
       trackFocusRegionSourcePanel: () => setFocusRegion(import_constants.REGIONS_FOCUSES.SOURCE_PANEL),
       trackFocusRegionSourceBottom: () => setFocusRegion(import_constants.REGIONS_FOCUSES.SOURCE_BOTTOM),
@@ -81,7 +77,7 @@ const useFocusRegionTrackers = () => {
       },
       trackFocusRegionReset: () => setFocusRegion("")
     }),
-    [mutableFocusRegion, setFocusRegion]
+    [setFocusRegion]
   );
 };
 //# sourceMappingURL=useFocusRegionTrackers.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/config/useFocusTracker/useFocusRegionTrackers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo } from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { useInternalStore } from '../useStore';\nimport { REGIONS_FOCUSES } from '../../constants/index';\n\nexport const useFocusRegionTrackers = () => {\n  const focusRegion = useInternalStore((state) => state.focusRegion);\n  //  tracking actions are always triggered as user action callbacks\n  //    this means it should always be invoked after all the useEffect execute\n  //    since this is the case, we can avoid re-declaring the function with mutable pattern\n  //    this way we avoid useless re-renders\n  const mutableFocusRegion = useMakeMutable(focusRegion);\n  const setFocusRegion = useInternalStore((state) => state.setFocusRegion);\n  return useMemo(\n    () => ({\n      mutableFocusRegion,\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    [mutableFocusRegion, setFocusRegion],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AACxB,0BAA+B;AAC/B,sBAAiC;AACjC,uBAAgC;AAEzB,MAAM,yBAAyB,MAAM;AAC1C,QAAM,kBAAc,kCAAiB,CAAC,UAAU,MAAM,WAAW;AAKjE,QAAM,yBAAqB,oCAAe,WAAW;AACrD,QAAM,qBAAiB,kCAAiB,CAAC,UAAU,MAAM,cAAc;AACvE,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,8BAA8B,MAAM,eAAe,iCAAgB,aAAa;AAAA,MAChF,6BAA6B,MAAM,eAAe,iCAAgB,YAAY;AAAA,MAC9E,8BAA8B,MAAM,eAAe,iCAAgB,aAAa;AAAA,MAChF,iCAAiC,MAAM,eAAe,iCAAgB,iBAAiB;AAAA,MACvF,qCAAqC,MAAM,eAAe,iCAAgB,0BAA0B;AAAA,MACpG,mCAAmC,MAAM,eAAe,iCAAgB,kBAAkB;AAAA,MAC1F,kCAAkC,MAAM,eAAe,iCAAgB,iBAAiB;AAAA,MACxF,mCAAmC,MAAM,eAAe,iCAAgB,kBAAkB;AAAA,MAC1F,sCAAsC,MAAM,eAAe,iCAAgB,sBAAsB;AAAA,MACjG,8CAA8C,MAC5C,eAAe,iCAAgB,+BAA+B;AAAA,MAChE,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,iCAAgB,kBAAkB;AAAA;AACpE,yBAAe,iCAAgB,aAAa;AAAA,MACnD;AAAA,MACA,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,iCAAgB,kBAAkB;AAAA;AACpE,yBAAe,iCAAgB,aAAa;AAAA,MACnD;AAAA,MACA,uBAAuB,CAAC,uBAAgC;AACtD,YAAI;AAAoB,yBAAe,iCAAgB,iBAAiB;AAAA;AACnE,yBAAe,iCAAgB,YAAY;AAAA,MAClD;AAAA,MACA,2BAA2B,CAAC,uBAAgC;AAC1D,YAAI;AAAoB,yBAAe,iCAAgB,sBAAsB;AAAA;AACxE,yBAAe,iCAAgB,iBAAiB;AAAA,MACvD;AAAA,MACA,mCAAmC,CAAC,uBAAgC;AAClE,YAAI;AAAoB,yBAAe,iCAAgB,+BAA+B;AAAA;AACjF,yBAAe,iCAAgB,0BAA0B;AAAA,MAChE;AAAA,MACA,uBAAuB,MAAM,eAAe,EAAE;AAAA,IAChD;AAAA,IACA,CAAC,oBAAoB,cAAc;AAAA,EACrC;AACF;",
+  "sourcesContent": ["import { useMemo } from 'react';\nimport { useInternalStore } from '../useStore';\nimport { REGIONS_FOCUSES } from '../../constants/index';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AACxB,sBAAiC;AACjC,uBAAgC;AAEzB,MAAM,yBAAyB,MAAM;AAC1C,QAAM,qBAAiB,kCAAiB,CAAC,UAAU,MAAM,cAAc;AACvE,aAAO;AAAA,IACL,OAAO;AAAA,MACL,8BAA8B,MAAM,eAAe,iCAAgB,aAAa;AAAA,MAChF,6BAA6B,MAAM,eAAe,iCAAgB,YAAY;AAAA,MAC9E,8BAA8B,MAAM,eAAe,iCAAgB,aAAa;AAAA,MAChF,iCAAiC,MAAM,eAAe,iCAAgB,iBAAiB;AAAA,MACvF,qCAAqC,MAAM,eAAe,iCAAgB,0BAA0B;AAAA,MACpG,mCAAmC,MAAM,eAAe,iCAAgB,kBAAkB;AAAA,MAC1F,kCAAkC,MAAM,eAAe,iCAAgB,iBAAiB;AAAA,MACxF,mCAAmC,MAAM,eAAe,iCAAgB,kBAAkB;AAAA,MAC1F,sCAAsC,MAAM,eAAe,iCAAgB,sBAAsB;AAAA,MACjG,8CAA8C,MAC5C,eAAe,iCAAgB,+BAA+B;AAAA,MAChE,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,iCAAgB,kBAAkB;AAAA;AACpE,yBAAe,iCAAgB,aAAa;AAAA,MACnD;AAAA,MACA,wBAAwB,CAAC,uBAAgC;AACvD,YAAI;AAAoB,yBAAe,iCAAgB,kBAAkB;AAAA;AACpE,yBAAe,iCAAgB,aAAa;AAAA,MACnD;AAAA,MACA,uBAAuB,CAAC,uBAAgC;AACtD,YAAI;AAAoB,yBAAe,iCAAgB,iBAAiB;AAAA;AACnE,yBAAe,iCAAgB,YAAY;AAAA,MAClD;AAAA,MACA,2BAA2B,CAAC,uBAAgC;AAC1D,YAAI;AAAoB,yBAAe,iCAAgB,sBAAsB;AAAA;AACxE,yBAAe,iCAAgB,iBAAiB;AAAA,MACvD;AAAA,MACA,mCAAmC,CAAC,uBAAgC;AAClE,YAAI;AAAoB,yBAAe,iCAAgB,+BAA+B;AAAA;AACjF,yBAAe,iCAAgB,0BAA0B;AAAA,MAChE;AAAA,MACA,uBAAuB,MAAM,eAAe,EAAE;AAAA,IAChD;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AACF;",
   "names": []
 }

package/dist/cjs/config/useStore/focusAndTabIndexManager.js

@@ -0,0 +1,73 @@
+"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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var focusAndTabIndexManager_exports = {};
+__export(focusAndTabIndexManager_exports, {
+  focusAndTabIndexManager: () => focusAndTabIndexManager
+});
+module.exports = __toCommonJS(focusAndTabIndexManager_exports);
+var React = __toESM(require("react"));
+var import_constants = require("../../constants");
+const getElementFromState = (state) => {
+  const [focusRegion, focusItem, focusItemAction, get] = state;
+  const { getZustandRef } = get();
+  if (focusItem === import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE && (focusRegion === import_constants.REGIONS_FOCUSES.SOURCE_BOTTOM || focusRegion === import_constants.REGIONS_FOCUSES.SOURCE_PANEL_ITEM)) {
+    return getZustandRef([focusItem]);
+  }
+  if (focusItem === import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION && (focusRegion === import_constants.REGIONS_FOCUSES.DESTINATION_BOTTOM || focusRegion === import_constants.REGIONS_FOCUSES.DESTINATION_PANEL_ITEM)) {
+    return getZustandRef([focusItem]);
+  }
+  return getZustandRef([focusRegion, focusItem, focusItemAction]);
+};
+const isItem = (state) => state[2] === "parent" && state[1] !== import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE && state[1] !== import_constants.ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION;
+const isMove = (state) => state[2] === "move-btn";
+const isDrilldown = (state) => state[2] === "drilldown-btn";
+const shouldApplyRovingTabIndex = (state) => isItem(state) || isMove(state) || isDrilldown(state);
+const tabIndexManager = ({
+  selectedState,
+  previousSelectedState,
+  currentFocusedItem,
+  nextFocusedItem
+}) => {
+  if (currentFocusedItem && shouldApplyRovingTabIndex(previousSelectedState)) {
+    currentFocusedItem.tabIndex = -1;
+  }
+  if (nextFocusedItem && shouldApplyRovingTabIndex(selectedState)) {
+    nextFocusedItem.tabIndex = 0;
+  }
+};
+const focusAndTabIndexManager = (selectedState, previousSelectedState) => {
+  const currentFocusedItem = getElementFromState(previousSelectedState);
+  const nextFocusedItem = getElementFromState(selectedState);
+  const get = selectedState[3];
+  const { setShouldFocusItemOnRender } = get();
+  tabIndexManager({ selectedState, previousSelectedState, currentFocusedItem, nextFocusedItem });
+  if (isItem(selectedState)) {
+    setShouldFocusItemOnRender(true);
+  } else {
+    setShouldFocusItemOnRender(false);
+  }
+  nextFocusedItem?.focus();
+};
+//# sourceMappingURL=focusAndTabIndexManager.js.map