@elliemae/ds-shuttle-v2 3.16.0 → 3.16.1

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useMemo } from "react";
-import { useDataStructure } from "./useDataStructure";
-import { useShuttleVirtualized } from "./useShuttleVirtualized";
+import { useDataStructure } from "./useDataStructure.js";
+import { useShuttleVirtualized } from "./useShuttleVirtualized.js";
 const useAutoCalculated = (propsWithDefaults) => {
   const dataScructured = useDataStructure(propsWithDefaults);
   const virtualData = useShuttleVirtualized(propsWithDefaults);

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

@@ -1,7 +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';\nimport { useDataStructure } from './useDataStructure';\nimport { useShuttleVirtualized } from './useShuttleVirtualized';\n\nexport const useAutoCalculated = (propsWithDefaults: DSShuttleV2T.InternalProps) => {\n  const dataScructured = useDataStructure(propsWithDefaults);\n  const virtualData = useShuttleVirtualized(propsWithDefaults);\n\n  return useMemo(() => ({ ...dataScructured, ...virtualData }), [dataScructured, virtualData]);\n};\n"],
+  "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';\n\nexport const useAutoCalculated = (propsWithDefaults: DSShuttleV2T.InternalProps) => {\n  const dataScructured = useDataStructure(propsWithDefaults);\n  const virtualData = useShuttleVirtualized(propsWithDefaults);\n\n  return useMemo(() => ({ ...dataScructured, ...virtualData }), [dataScructured, virtualData]);\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAExB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AAE/B,MAAM,oBAAoB,CAAC,sBAAkD;AAClF,QAAM,iBAAiB,iBAAiB,iBAAiB;AACzD,QAAM,cAAc,sBAAsB,iBAAiB;AAE3D,SAAO,QAAQ,OAAO,EAAE,GAAG,gBAAgB,GAAG,YAAY,IAAI,CAAC,gBAAgB,WAAW,CAAC;AAC7F;",
   "names": []
 }

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

@@ -1,7 +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 { useRef } from 'react';\n// import { useVirtual } from 'react-virtual';\nimport { useMemo } from 'react';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\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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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// import { useRef } from 'react';\n// import { useVirtual } from 'react-virtual';\nimport { 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.map

@@ -1,7 +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, useCallback, useRef } from 'react';\nimport { useVirtual, type UseVirtualReturnType } from 'react-virtual';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\n\ntype VirtualConfigT<T extends 'source' | 'destination'> = {\n  [key in keyof UseVirtualReturnType as `${T}${Capitalize<string & key>}`]: UseVirtualReturnType[key];\n} & {\n  [key in `${T}VirtualRef`]: React.Ref<HTMLDivElement>;\n};\n\ntype UseVirtualizedT = VirtualConfigT<'source'> & VirtualConfigT<'destination'>;\n\nexport const useShuttleVirtualized = (propsWithDefaults: DSShuttleV2T.InternalProps): UseVirtualizedT => {\n  const destinationVirtualRef = useRef<HTMLDivElement>(null);\n  const sourceVirtualRef = useRef<HTMLDivElement>(null);\n\n  const estimatedSize = useCallback(() => 36, []);\n\n  const destinationVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.destinationData.length,\n      parentRef: destinationVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.destinationData.length, destinationVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: destinationVirtualItems,\n    measure: destinationMeasure,\n    scrollToIndex: destinationScrollToIndex,\n    scrollToOffset: destinationScrollToOffset,\n    totalSize: destinationTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(destinationVirtualConfig);\n\n  const sourceVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.sourceData.length,\n      parentRef: sourceVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.sourceData.length, sourceVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: sourceVirtualItems,\n    measure: sourceMeasure,\n    scrollToIndex: sourceScrollToIndex,\n    scrollToOffset: sourceScrollToOffset,\n    totalSize: sourceTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(sourceVirtualConfig);\n\n  return useMemo(\n    () => ({\n      destinationVirtualRef,\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualRef,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    }),\n    [\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    ],\n  );\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useCallback, useRef } from 'react';\nimport { useVirtual, type UseVirtualReturnType } from 'react-virtual';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\n\ntype VirtualConfigT<T extends 'source' | 'destination'> = {\n  [key in keyof UseVirtualReturnType as `${T}${Capitalize<string & key>}`]: UseVirtualReturnType[key];\n} & {\n  [key in `${T}VirtualRef`]: React.Ref<HTMLDivElement>;\n};\n\ntype UseVirtualizedT = VirtualConfigT<'source'> & VirtualConfigT<'destination'>;\n\nexport const useShuttleVirtualized = (propsWithDefaults: DSShuttleV2T.InternalProps): UseVirtualizedT => {\n  const destinationVirtualRef = useRef<HTMLDivElement>(null);\n  const sourceVirtualRef = useRef<HTMLDivElement>(null);\n\n  const estimatedSize = useCallback(() => 36, []);\n\n  const destinationVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.destinationData.length,\n      parentRef: destinationVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.destinationData.length, destinationVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: destinationVirtualItems,\n    measure: destinationMeasure,\n    scrollToIndex: destinationScrollToIndex,\n    scrollToOffset: destinationScrollToOffset,\n    totalSize: destinationTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(destinationVirtualConfig);\n\n  const sourceVirtualConfig = useMemo(\n    () => ({\n      size: propsWithDefaults.sourceData.length,\n      parentRef: sourceVirtualRef,\n      overscan: 30,\n      estimateSize: estimatedSize,\n    }),\n    [propsWithDefaults.sourceData.length, sourceVirtualRef, estimatedSize],\n  );\n\n  const {\n    virtualItems: sourceVirtualItems,\n    measure: sourceMeasure,\n    scrollToIndex: sourceScrollToIndex,\n    scrollToOffset: sourceScrollToOffset,\n    totalSize: sourceTotalSize,\n  }: ReturnType<typeof useVirtual> = useVirtual(sourceVirtualConfig);\n\n  return useMemo(\n    () => ({\n      destinationVirtualRef,\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualRef,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    }),\n    [\n      destinationVirtualItems,\n      destinationMeasure,\n      destinationScrollToIndex,\n      destinationScrollToOffset,\n      destinationTotalSize,\n      sourceVirtualItems,\n      sourceMeasure,\n      sourceScrollToIndex,\n      sourceScrollToOffset,\n      sourceTotalSize,\n    ],\n  );\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,aAAa,cAAc;AAC7C,SAAS,kBAA6C;AAW/C,MAAM,wBAAwB,CAAC,sBAAmE;AACvG,QAAM,wBAAwB,OAAuB,IAAI;AACzD,QAAM,mBAAmB,OAAuB,IAAI;AAEpD,QAAM,gBAAgB,YAAY,MAAM,IAAI,CAAC,CAAC;AAE9C,QAAM,2BAA2B;AAAA,IAC/B,OAAO;AAAA,MACL,MAAM,kBAAkB,gBAAgB;AAAA,MACxC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,gBAAgB,QAAQ,uBAAuB,aAAa;AAAA,EACjF;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,wBAAwB;AAEtE,QAAM,sBAAsB;AAAA,IAC1B,OAAO;AAAA,MACL,MAAM,kBAAkB,WAAW;AAAA,MACnC,WAAW;AAAA,MACX,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,CAAC,kBAAkB,WAAW,QAAQ,kBAAkB,aAAa;AAAA,EACvE;AAEA,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb,IAAmC,WAAW,mBAAmB;AAEjE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { useFocusActionTrackers } from "./useFocusActionTrackers";
-import { useFocusItemTracker } from "./useFocusItemTracker";
-import { useFocusRegionTrackers } from "./useFocusRegionTrackers";
-import { useFocusTracker } from "./useFocusTracker";
+import { useFocusActionTrackers } from "./useFocusActionTrackers.js";
+import { useFocusItemTracker } from "./useFocusItemTracker.js";
+import { useFocusRegionTrackers } from "./useFocusRegionTrackers.js";
+import { useFocusTracker } from "./useFocusTracker.js";
 export {
   useFocusActionTrackers,
   useFocusItemTracker,

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

@@ -1,7 +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';\nexport { useFocusItemTracker } from './useFocusItemTracker';\nexport { useFocusRegionTrackers } from './useFocusRegionTrackers';\nexport { useFocusTracker } from './useFocusTracker';\n"],
+  "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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useMemo, useCallback } from "react";
-import { ACTIONS_FOCUSES } from "../../constants";
-import { useInternalStore, usePropsStore } from "../useStore";
+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: "" };

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

@@ -1,7 +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';\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, 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"],
+  "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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useMemo, useCallback } from "react";
-import { useInternalStore, usePropsStore } from "../useStore";
-import { ITEMS_FOCUSES } from "../../constants/index";
+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);

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

@@ -1,7 +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';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,SAAS,mBAAmB;AAErC,SAAS,kBAAkB,qBAAqB;AAChD,SAAS,qBAAqB;AAEvB,MAAM,sBAAsB,MAAM;AACvC,QAAM,eAAe,iBAAiB,CAAC,UAAU,MAAM,YAAY;AACnE,QAAM,eAAe,iBAAiB,CAAC,UAAU,MAAM,YAAY;AACnE,QAAM,aAAa,cAAc,CAAC,UAAU,MAAM,oBAAoB;AACtE,QAAM,kBAAkB,cAAc,CAAC,UAAU,MAAM,yBAAyB;AAChF,QAAM,qBAAqB,cAAc,CAAC,UAAU,MAAM,kBAAkB;AAC5E,QAAM,0BAA0B,cAAc,CAAC,UAAU,MAAM,uBAAuB;AACtF,QAAM,qBAAqB;AAAA,IACzB,CAAC,EAAE,mBAAmB,MAAkC;AACtD,YAAM,YAAY,aAAa;AAC/B,YAAM,gBAAgB,qBAAqB,kBAAkB;AAC7D,YAAM,eAAe,qBAAqB,0BAA0B;AAEpE,YAAM,mBAAmB,cAAc,UAAU,CAAC,aAAa,SAAS,eAAe,SAAS;AAChG,UAAI,qBAAqB,KAAK;AAC5B,qBAAa,qBAAqB,cAAc,4BAA4B,cAAc,oBAAoB;AAAA,eACvG,qBAAqB,IAAI;AAChC,cAAM,gBAAgB,qBAAqB,IAAI,cAAc,SAAS,IAAI,mBAAmB;AAC7F,cAAM,WAAW,cAAc;AAC/B,qBAAa,cAAc,kBAAkB,QAAQ,CAAC;AAAA,MACxD,OAAO;AACL,cAAM,gBAAgB;AACtB,cAAM,WAAW,cAAc;AAC/B,qBAAa,cAAc,kBAAkB,QAAQ,CAAC;AAAA,MACxD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,yBAAyB,cAAc,cAAc,YAAY,kBAAkB;AAAA,EACvG;AACA,QAAM,qBAAqB;AAAA,IACzB,CAAC,EAAE,mBAAmB,MAAkC;AACtD,YAAM,YAAY,aAAa;AAC/B,YAAM,gBAAgB,qBAAqB,kBAAkB;AAC7D,YAAM,eAAe,qBAAqB,0BAA0B;AAEpE,YAAM,mBAAmB,cAAc,UAAU,CAAC,aAAa,SAAS,eAAe,SAAS;AAChG,UAAI,qBAAqB,cAAc,SAAS,KAAK;AACnD,qBAAa,qBAAqB,cAAc,4BAA4B,cAAc,oBAAoB;AAAA,eACvG,qBAAqB,IAAI;AAChC,cAAM,gBAAgB,qBAAqB,cAAc,SAAS,IAAI,IAAI,mBAAmB;AAC7F,cAAM,WAAW,cAAc;AAC/B,qBAAa,cAAc,kBAAkB,QAAQ,CAAC;AAAA,MACxD,OAAO;AACL,cAAM,gBAAgB,cAAc,SAAS;AAC7C,cAAM,WAAW,cAAc;AAC/B,qBAAa,cAAc,kBAAkB,QAAQ,CAAC;AAAA,MACxD;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,yBAAyB,cAAc,cAAc,YAAY,kBAAkB;AAAA,EACvG;AACA,SAAO;AAAA,IACL,OAAO;AAAA,MACL,gBAAgB,CAAC,SAAuC,aAAa,KAAK,UAAU;AAAA,MACpF,qBAAqB,MAAM,aAAa,cAAc,KAAK;AAAA,MAC3D,qBAAqB,CAAC,EAAE,mBAAmB,MACzC,aAAa,cAAc,kBAAkB,qBAAqB,gBAAgB,KAAK,WAAW,EAAE,CAAC;AAAA,MACvG,oBAAoB,CAAC,EAAE,mBAAmB,MACxC;AAAA,QACE,cAAc;AAAA,UACZ,qBAAqB,gBAAgB,gBAAgB,SAAS,KAAK,WAAW,WAAW,SAAS;AAAA,QACpG;AAAA,MACF;AAAA,MACF,kCAAkC,MAAM,aAAa,cAAc,yBAAyB;AAAA,MAC5F,uBAAuB,MAAM,aAAa,cAAc,oBAAoB;AAAA,MAC5E;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,cAAc,YAAY,oBAAoB,kBAAkB;AAAA,EACpF;AACF;",
+  "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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useMemo } from "react";
-import { useInternalStore } from "../useStore";
-import { REGIONS_FOCUSES } from "../../constants/index";
+import { useInternalStore } from "../useStore/index.js";
+import { REGIONS_FOCUSES } from "../../constants/index.js";
 const useFocusRegionTrackers = () => {
   const setFocusRegion = useInternalStore((state) => state.setFocusRegion);
   return useMemo(

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

@@ -1,7 +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';\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"],
+  "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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { useMemo } from "react";
-import { useFocusActionTrackers } from "./useFocusActionTrackers";
-import { useFocusItemTracker } from "./useFocusItemTracker";
-import { useFocusRegionTrackers } from "./useFocusRegionTrackers";
+import { useFocusActionTrackers } from "./useFocusActionTrackers.js";
+import { useFocusItemTracker } from "./useFocusItemTracker.js";
+import { useFocusRegionTrackers } from "./useFocusRegionTrackers.js";
 const useFocusTracker = () => {
   const regionTrackers = useFocusRegionTrackers();
   const itemTracker = useFocusItemTracker();

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

@@ -1,7 +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';\nimport { useFocusItemTracker } from './useFocusItemTracker';\nimport { useFocusRegionTrackers } from './useFocusRegionTrackers';\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"],
+  "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": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ITEMS_FOCUSES, REGIONS_FOCUSES } from "../../constants";
+import { ITEMS_FOCUSES, REGIONS_FOCUSES } from "../../constants/index.js";
 const getElementFromState = (state) => {
   const [focusRegion, focusItem, focusItemAction, get] = state;
   const { getZustandRef } = get();
@@ -32,12 +32,12 @@ const focusAndTabIndexManager = (selectedState, previousSelectedState) => {
   const currentFocusedItem = getElementFromState(previousSelectedState);
   const nextFocusedItem = getElementFromState(selectedState);
   const get = selectedState[3];
-  const { setShouldFocusItemOnRender } = get();
+  const { setDeferFocusUntilFirstRender } = get();
   tabIndexManager({ selectedState, previousSelectedState, currentFocusedItem, nextFocusedItem });
   if (isItem(selectedState)) {
-    setShouldFocusItemOnRender(true);
+    setDeferFocusUntilFirstRender(true);
   } else {
-    setShouldFocusItemOnRender(false);
+    setDeferFocusUntilFirstRender(false);
   }
   nextFocusedItem?.focus();
 };

package/dist/esm/config/useStore/focusAndTabIndexManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useStore/focusAndTabIndexManager.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { ITEMS_FOCUSES, REGIONS_FOCUSES } from '../../constants';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\n\ntype State = readonly [\n  DSShuttleV2T.FocusRegion,\n  DSShuttleV2T.FocusItem,\n  DSShuttleV2T.FocusItemAction,\n  () => ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>,\n];\n\nconst getElementFromState = (state: State) => {\n  const [focusRegion, focusItem, focusItemAction, get] = state;\n\n  const { getZustandRef } = get();\n\n  if (\n    focusItem === ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE &&\n    (focusRegion === REGIONS_FOCUSES.SOURCE_BOTTOM || focusRegion === REGIONS_FOCUSES.SOURCE_PANEL_ITEM)\n  ) {\n    return getZustandRef([focusItem]);\n  }\n  if (\n    focusItem === ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION &&\n    (focusRegion === REGIONS_FOCUSES.DESTINATION_BOTTOM || focusRegion === REGIONS_FOCUSES.DESTINATION_PANEL_ITEM)\n  ) {\n    return getZustandRef([focusItem]);\n  }\n\n  return getZustandRef([focusRegion, focusItem, focusItemAction]);\n};\n\nconst isItem = (state: State) =>\n  state[2] === 'parent' &&\n  state[1] !== ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE &&\n  state[1] !== ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION;\n\nconst isMove = (state: State) => state[2] === 'move-btn';\n\nconst isDrilldown = (state: State) => state[2] === 'drilldown-btn';\n\nconst shouldApplyRovingTabIndex = (state: State) => isItem(state) || isMove(state) || isDrilldown(state);\n\nconst tabIndexManager = ({\n  selectedState,\n  previousSelectedState,\n  currentFocusedItem,\n  nextFocusedItem,\n}: {\n  selectedState: State;\n  previousSelectedState: State;\n  currentFocusedItem: HTMLElement | null;\n  nextFocusedItem: HTMLElement | null;\n}) => {\n  if (currentFocusedItem && shouldApplyRovingTabIndex(previousSelectedState)) {\n    currentFocusedItem.tabIndex = -1;\n  }\n\n  if (nextFocusedItem && shouldApplyRovingTabIndex(selectedState)) {\n    nextFocusedItem.tabIndex = 0;\n  }\n};\n\nexport const focusAndTabIndexManager = (selectedState: State, previousSelectedState: State) => {\n  const currentFocusedItem = getElementFromState(previousSelectedState);\n  const nextFocusedItem = getElementFromState(selectedState);\n\n  const get = selectedState[3];\n  const { setShouldFocusItemOnRender } = get();\n\n  tabIndexManager({ selectedState, previousSelectedState, currentFocusedItem, nextFocusedItem });\n\n  if (isItem(selectedState)) {\n    // The item on `nextFocusItem` could be an old virtualized item.\n    // If this is the case, we should focus it on render too just in case\n    setShouldFocusItemOnRender(true); // we will reset this flag inside the ref callback of the item\n  } else {\n    setShouldFocusItemOnRender(false);\n  }\n\n  nextFocusedItem?.focus();\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,uBAAuB;AAW/C,MAAM,sBAAsB,CAAC,UAAiB;AAC5C,QAAM,CAAC,aAAa,WAAW,iBAAiB,GAAG,IAAI;AAEvD,QAAM,EAAE,cAAc,IAAI,IAAI;AAE9B,MACE,cAAc,cAAc,yBAC3B,gBAAgB,gBAAgB,iBAAiB,gBAAgB,gBAAgB,oBAClF;AACA,WAAO,cAAc,CAAC,SAAS,CAAC;AAAA,EAClC;AACA,MACE,cAAc,cAAc,8BAC3B,gBAAgB,gBAAgB,sBAAsB,gBAAgB,gBAAgB,yBACvF;AACA,WAAO,cAAc,CAAC,SAAS,CAAC;AAAA,EAClC;AAEA,SAAO,cAAc,CAAC,aAAa,WAAW,eAAe,CAAC;AAChE;AAEA,MAAM,SAAS,CAAC,UACd,MAAM,OAAO,YACb,MAAM,OAAO,cAAc,wBAC3B,MAAM,OAAO,cAAc;AAE7B,MAAM,SAAS,CAAC,UAAiB,MAAM,OAAO;AAE9C,MAAM,cAAc,CAAC,UAAiB,MAAM,OAAO;AAEnD,MAAM,4BAA4B,CAAC,UAAiB,OAAO,KAAK,KAAK,OAAO,KAAK,KAAK,YAAY,KAAK;AAEvG,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,MAAI,sBAAsB,0BAA0B,qBAAqB,GAAG;AAC1E,uBAAmB,WAAW;AAAA,EAChC;AAEA,MAAI,mBAAmB,0BAA0B,aAAa,GAAG;AAC/D,oBAAgB,WAAW;AAAA,EAC7B;AACF;AAEO,MAAM,0BAA0B,CAAC,eAAsB,0BAAiC;AAC7F,QAAM,qBAAqB,oBAAoB,qBAAqB;AACpE,QAAM,kBAAkB,oBAAoB,aAAa;AAEzD,QAAM,MAAM,cAAc;AAC1B,QAAM,EAAE,2BAA2B,IAAI,IAAI;AAE3C,kBAAgB,EAAE,eAAe,uBAAuB,oBAAoB,gBAAgB,CAAC;AAE7F,MAAI,OAAO,aAAa,GAAG;AAGzB,+BAA2B,IAAI;AAAA,EACjC,OAAO;AACL,+BAA2B,KAAK;AAAA,EAClC;AAEA,mBAAiB,MAAM;AACzB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { ITEMS_FOCUSES, REGIONS_FOCUSES } from '../../constants/index.js';\nimport { type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\n\ntype State = readonly [\n  DSShuttleV2T.FocusRegion,\n  DSShuttleV2T.FocusItem,\n  DSShuttleV2T.FocusItemAction,\n  () => ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>,\n];\n\nconst getElementFromState = (state: State) => {\n  const [focusRegion, focusItem, focusItemAction, get] = state;\n\n  const { getZustandRef } = get();\n\n  if (\n    focusItem === ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE &&\n    (focusRegion === REGIONS_FOCUSES.SOURCE_BOTTOM || focusRegion === REGIONS_FOCUSES.SOURCE_PANEL_ITEM)\n  ) {\n    return getZustandRef([focusItem]);\n  }\n  if (\n    focusItem === ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION &&\n    (focusRegion === REGIONS_FOCUSES.DESTINATION_BOTTOM || focusRegion === REGIONS_FOCUSES.DESTINATION_PANEL_ITEM)\n  ) {\n    return getZustandRef([focusItem]);\n  }\n\n  return getZustandRef([focusRegion, focusItem, focusItemAction]);\n};\n\nconst isItem = (state: State) =>\n  state[2] === 'parent' &&\n  state[1] !== ITEMS_FOCUSES.LOAD_MORE_BTN_SOURCE &&\n  state[1] !== ITEMS_FOCUSES.LOAD_MORE_BTN_DESTINATION;\n\nconst isMove = (state: State) => state[2] === 'move-btn';\n\nconst isDrilldown = (state: State) => state[2] === 'drilldown-btn';\n\nconst shouldApplyRovingTabIndex = (state: State) => isItem(state) || isMove(state) || isDrilldown(state);\n\nconst tabIndexManager = ({\n  selectedState,\n  previousSelectedState,\n  currentFocusedItem,\n  nextFocusedItem,\n}: {\n  selectedState: State;\n  previousSelectedState: State;\n  currentFocusedItem: HTMLElement | null;\n  nextFocusedItem: HTMLElement | null;\n}) => {\n  if (currentFocusedItem && shouldApplyRovingTabIndex(previousSelectedState)) {\n    currentFocusedItem.tabIndex = -1;\n  }\n\n  if (nextFocusedItem && shouldApplyRovingTabIndex(selectedState)) {\n    nextFocusedItem.tabIndex = 0;\n  }\n};\n\nexport const focusAndTabIndexManager = (selectedState: State, previousSelectedState: State) => {\n  const currentFocusedItem = getElementFromState(previousSelectedState);\n  const nextFocusedItem = getElementFromState(selectedState);\n\n  const get = selectedState[3];\n  const { setDeferFocusUntilFirstRender } = get();\n\n  tabIndexManager({ selectedState, previousSelectedState, currentFocusedItem, nextFocusedItem });\n\n  if (isItem(selectedState)) {\n    // The item on `nextFocusItem` could be an old virtualized item.\n    // If this is the case, we should focus it on render too just in case\n    setDeferFocusUntilFirstRender(true); // we will reset this flag inside the ref callback of the item\n  } else {\n    setDeferFocusUntilFirstRender(false);\n  }\n\n  nextFocusedItem?.focus();\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,uBAAuB;AAW/C,MAAM,sBAAsB,CAAC,UAAiB;AAC5C,QAAM,CAAC,aAAa,WAAW,iBAAiB,GAAG,IAAI;AAEvD,QAAM,EAAE,cAAc,IAAI,IAAI;AAE9B,MACE,cAAc,cAAc,yBAC3B,gBAAgB,gBAAgB,iBAAiB,gBAAgB,gBAAgB,oBAClF;AACA,WAAO,cAAc,CAAC,SAAS,CAAC;AAAA,EAClC;AACA,MACE,cAAc,cAAc,8BAC3B,gBAAgB,gBAAgB,sBAAsB,gBAAgB,gBAAgB,yBACvF;AACA,WAAO,cAAc,CAAC,SAAS,CAAC;AAAA,EAClC;AAEA,SAAO,cAAc,CAAC,aAAa,WAAW,eAAe,CAAC;AAChE;AAEA,MAAM,SAAS,CAAC,UACd,MAAM,CAAC,MAAM,YACb,MAAM,CAAC,MAAM,cAAc,wBAC3B,MAAM,CAAC,MAAM,cAAc;AAE7B,MAAM,SAAS,CAAC,UAAiB,MAAM,CAAC,MAAM;AAE9C,MAAM,cAAc,CAAC,UAAiB,MAAM,CAAC,MAAM;AAEnD,MAAM,4BAA4B,CAAC,UAAiB,OAAO,KAAK,KAAK,OAAO,KAAK,KAAK,YAAY,KAAK;AAEvG,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,MAAI,sBAAsB,0BAA0B,qBAAqB,GAAG;AAC1E,uBAAmB,WAAW;AAAA,EAChC;AAEA,MAAI,mBAAmB,0BAA0B,aAAa,GAAG;AAC/D,oBAAgB,WAAW;AAAA,EAC7B;AACF;AAEO,MAAM,0BAA0B,CAAC,eAAsB,0BAAiC;AAC7F,QAAM,qBAAqB,oBAAoB,qBAAqB;AACpE,QAAM,kBAAkB,oBAAoB,aAAa;AAEzD,QAAM,MAAM,cAAc,CAAC;AAC3B,QAAM,EAAE,8BAA8B,IAAI,IAAI;AAE9C,kBAAgB,EAAE,eAAe,uBAAuB,oBAAoB,gBAAgB,CAAC;AAE7F,MAAI,OAAO,aAAa,GAAG;AAGzB,kCAA8B,IAAI;AAAA,EACpC,OAAO;AACL,kCAA8B,KAAK;AAAA,EACrC;AAEA,mBAAiB,MAAM;AACzB;",
   "names": []
 }

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

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./useStore";
+export * from "./useStore.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useStore/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useStore';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './useStore.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/config/useStore/useStore.js

@@ -1,15 +1,15 @@
 import * as React from "react";
 import { createInternalAndPropsContext } from "@elliemae/ds-zustand-helpers";
-import deepequal from "fast-deep-equal/react";
-import { defaultProps } from "../../react-desc-prop-types";
-import { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from "../../constants";
-import { useAutoCalculated } from "../useAutoCalculated";
-import { focusAndTabIndexManager } from "./focusAndTabIndexManager";
+import deepequal from "fast-deep-equal/react.js";
+import { defaultProps } from "../../react-desc-prop-types.js";
+import { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from "../../constants/index.js";
+import { useAutoCalculated } from "../useAutoCalculated/index.js";
+import { focusAndTabIndexManager } from "./focusAndTabIndexManager.js";
 const internalAtomDefaultValues = {
   focusRegion: REGIONS_FOCUSES.RESET,
   focusItem: ITEMS_FOCUSES.RESET,
   focusItemAction: ACTIONS_FOCUSES.RESET,
-  shouldFocusItemOnRender: false,
+  deferFocusUntilFirstRender: false,
   dropIndicatorPosition: 0,
   overId: "",
   lastActiveId: "",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/config/useStore/useStore.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createInternalAndPropsContext, type ZustandT } from '@elliemae/ds-zustand-helpers';\nimport deepequal from 'fast-deep-equal/react';\nimport { defaultProps, type DSShuttleV2T } from '../../react-desc-prop-types';\nimport { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from '../../constants';\nimport { useAutoCalculated } from '../useAutoCalculated';\nimport { focusAndTabIndexManager } from './focusAndTabIndexManager';\n\nconst internalAtomDefaultValues: DSShuttleV2T.InternalAtoms = {\n  focusRegion: REGIONS_FOCUSES.RESET,\n  focusItem: ITEMS_FOCUSES.RESET,\n  focusItemAction: ACTIONS_FOCUSES.RESET,\n  shouldFocusItemOnRender: false,\n  dropIndicatorPosition: 0,\n  overId: '',\n  lastActiveId: '',\n  dndDraggingItem: null,\n  dndDraggingItemMeta: null,\n  isDropValid: false,\n  sourcePanelLastSelectedItem: null,\n  destinationPanelLastSelectedItem: null,\n};\n\nconst selectors: ZustandT.SelectorObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Selectors> = (get) => ({\n  getIsDragAndDropHappening: () => Boolean(get()?.lastActiveId) && get()?.lastActiveId !== '',\n  getPanelLastSelectedItem: (isDestinationPanel: boolean) =>\n    isDestinationPanel ? get()?.destinationPanelLastSelectedItem : get()?.sourcePanelLastSelectedItem,\n});\n\nconst reducers: ZustandT.ReducerObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Reducers> = () => ({});\n\nconst subscribers: ZustandT.Subscribers<DSShuttleV2T.ShuttleInternalStore> = (api) => {\n  api.subscribe(\n    (state) => [state.focusRegion, state.focusItem, state.focusItemAction, state.get] as const,\n    focusAndTabIndexManager,\n    {\n      equalityFn: deepequal,\n    },\n  );\n};\n\nexport const { PropsProvider, usePropsStore, InternalProvider, useInternalStore } = createInternalAndPropsContext<\n  DSShuttleV2T.InternalProps,\n  DSShuttleV2T.InternalAtoms,\n  DSShuttleV2T.UseAutoCalculatedT,\n  DSShuttleV2T.Selectors,\n  DSShuttleV2T.Reducers\n>();\n\nexport const config = {\n  defaultProps: defaultProps as DSShuttleV2T.InternalProps,\n  internalAtomDefaultValues: internalAtomDefaultValues,\n  useAutoCalculated,\n  selectors,\n  reducers,\n  subscribers,\n  PropsProvider,\n  usePropsStore,\n  InternalProvider,\n  useInternalStore,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qCAAoD;AAC7D,OAAO,eAAe;AACtB,SAAS,oBAAuC;AAChD,SAAS,iBAAiB,iBAAiB,qBAAqB;AAChE,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AAExC,MAAM,4BAAwD;AAAA,EAC5D,aAAa,gBAAgB;AAAA,EAC7B,WAAW,cAAc;AAAA,EACzB,iBAAiB,gBAAgB;AAAA,EACjC,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,6BAA6B;AAAA,EAC7B,kCAAkC;AACpC;AAEA,MAAM,YAAgG,CAAC,SAAS;AAAA,EAC9G,2BAA2B,MAAM,QAAQ,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,iBAAiB;AAAA,EACzF,0BAA0B,CAAC,uBACzB,qBAAqB,IAAI,GAAG,mCAAmC,IAAI,GAAG;AAC1E;AAEA,MAAM,WAA6F,OAAO,CAAC;AAE3G,MAAM,cAAuE,CAAC,QAAQ;AACpF,MAAI;AAAA,IACF,CAAC,UAAU,CAAC,MAAM,aAAa,MAAM,WAAW,MAAM,iBAAiB,MAAM,GAAG;AAAA,IAChF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,EAAE,eAAe,eAAe,kBAAkB,iBAAiB,IAAI,8BAMlF;AAEK,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createInternalAndPropsContext, type ZustandT } from '@elliemae/ds-zustand-helpers';\nimport deepequal from 'fast-deep-equal/react.js';\nimport { defaultProps, type DSShuttleV2T } from '../../react-desc-prop-types.js';\nimport { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from '../../constants/index.js';\nimport { useAutoCalculated } from '../useAutoCalculated/index.js';\nimport { focusAndTabIndexManager } from './focusAndTabIndexManager.js';\n\nconst internalAtomDefaultValues: DSShuttleV2T.InternalAtoms = {\n  focusRegion: REGIONS_FOCUSES.RESET,\n  focusItem: ITEMS_FOCUSES.RESET,\n  focusItemAction: ACTIONS_FOCUSES.RESET,\n  deferFocusUntilFirstRender: false,\n  dropIndicatorPosition: 0,\n  overId: '',\n  lastActiveId: '',\n  dndDraggingItem: null,\n  dndDraggingItemMeta: null,\n  isDropValid: false,\n  sourcePanelLastSelectedItem: null,\n  destinationPanelLastSelectedItem: null,\n};\n\nconst selectors: ZustandT.SelectorObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Selectors> = (get) => ({\n  getIsDragAndDropHappening: () => Boolean(get()?.lastActiveId) && get()?.lastActiveId !== '',\n  getPanelLastSelectedItem: (isDestinationPanel: boolean) =>\n    isDestinationPanel ? get()?.destinationPanelLastSelectedItem : get()?.sourcePanelLastSelectedItem,\n});\n\nconst reducers: ZustandT.ReducerObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Reducers> = () => ({});\n\nconst subscribers: ZustandT.Subscribers<DSShuttleV2T.ShuttleInternalStore> = (api) => {\n  api.subscribe(\n    (state) => [state.focusRegion, state.focusItem, state.focusItemAction, state.get] as const,\n    focusAndTabIndexManager,\n    {\n      equalityFn: deepequal,\n    },\n  );\n};\n\nexport const { PropsProvider, usePropsStore, InternalProvider, useInternalStore } = createInternalAndPropsContext<\n  DSShuttleV2T.InternalProps,\n  DSShuttleV2T.InternalAtoms,\n  DSShuttleV2T.UseAutoCalculatedT,\n  DSShuttleV2T.Selectors,\n  DSShuttleV2T.Reducers\n>();\n\nexport const config = {\n  defaultProps: defaultProps as DSShuttleV2T.InternalProps,\n  internalAtomDefaultValues: internalAtomDefaultValues,\n  useAutoCalculated,\n  selectors,\n  reducers,\n  subscribers,\n  PropsProvider,\n  usePropsStore,\n  InternalProvider,\n  useInternalStore,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qCAAoD;AAC7D,OAAO,eAAe;AACtB,SAAS,oBAAuC;AAChD,SAAS,iBAAiB,iBAAiB,qBAAqB;AAChE,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AAExC,MAAM,4BAAwD;AAAA,EAC5D,aAAa,gBAAgB;AAAA,EAC7B,WAAW,cAAc;AAAA,EACzB,iBAAiB,gBAAgB;AAAA,EACjC,4BAA4B;AAAA,EAC5B,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,6BAA6B;AAAA,EAC7B,kCAAkC;AACpC;AAEA,MAAM,YAAgG,CAAC,SAAS;AAAA,EAC9G,2BAA2B,MAAM,QAAQ,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,iBAAiB;AAAA,EACzF,0BAA0B,CAAC,uBACzB,qBAAqB,IAAI,GAAG,mCAAmC,IAAI,GAAG;AAC1E;AAEA,MAAM,WAA6F,OAAO,CAAC;AAE3G,MAAM,cAAuE,CAAC,QAAQ;AACpF,MAAI;AAAA,IACF,CAAC,UAAU,CAAC,MAAM,aAAa,MAAM,WAAW,MAAM,iBAAiB,MAAM,GAAG;AAAA,IAChF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,EAAE,eAAe,eAAe,kBAAkB,iBAAiB,IAAI,8BAMlF;AAEK,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/esm/config/useValidateProps.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSShuttleV2Name } from "../constants";
+import { DSShuttleV2Name } from "../constants/index.js";
 const useValidateProps = (props, propTypes) => {
   useValidateTypescriptPropTypes(props, propTypes, DSShuttleV2Name);
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { DSShuttleV2Name } from '../constants';\nimport type { DSShuttleV2T } from '../react-desc-prop-types';\n\nexport const useValidateProps = (props: DSShuttleV2T.Props, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSShuttleV2Name);\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { DSShuttleV2Name } from '../constants/index.js';\nimport type { DSShuttleV2T } from '../react-desc-prop-types.js';\n\nexport const useValidateProps = (props: DSShuttleV2T.Props, propTypes: WeakValidationMap<unknown>): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSShuttleV2Name);\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAE/C,SAAS,uBAAuB;AAGzB,MAAM,mBAAmB,CAAC,OAA2B,cAAgD;AAE1G,iCAA+B,OAAO,WAAW,eAAe;AAClE;",
   "names": []
 }

package/dist/esm/exported-related/ShuttleItem.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Grid } from "@elliemae/ds-grid";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { styled } from "@elliemae/ds-system";
+const StyledTooltipContentWrapper = styled(Grid)`
+  background: white;
+`;
+const ShuttleItem = (props) => {
+  const { componentProps, shouldShowTooltip = true, TooltipContent = null, children } = props;
+  const { tooltipHelpers } = componentProps;
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      cols: ["minmax(2.308rem, 1fr)", "1px", "auto"],
+      alignItems: "center",
+      justifyContent: "center",
+      gutter: "xxxs",
+      ref: tooltipHelpers.setReferenceElement,
+      children: [
+        children,
+        shouldShowTooltip && TooltipContent && tooltipHelpers.shouldShowPopover ? /* @__PURE__ */ jsx(DSPopperJS, { referenceElement: tooltipHelpers.referenceElement, showPopover: true, children: /* @__PURE__ */ jsx(StyledTooltipContentWrapper, { children: /* @__PURE__ */ jsx(TooltipContent, { ...componentProps }) }) }) : null
+      ]
+    }
+  );
+};
+export {
+  ShuttleItem
+};
+//# sourceMappingURL=ShuttleItem.js.map

package/dist/esm/exported-related/ShuttleItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/ShuttleItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSShuttleV2T } from '../react-desc-prop-types.js';\n\nconst StyledTooltipContentWrapper = styled(Grid)`\n  background: white;\n`;\n\nexport type ShuttleItemProps = React.PropsWithChildren<{\n  componentProps: DSShuttleV2T.ComponentProps;\n  shouldShowTooltip?: boolean;\n  TooltipContent?: React.ComponentType<DSShuttleV2T.ComponentProps>;\n}>;\n\n// for now we create a stud state and return a paragraph with the state while logging the props\nexport const ShuttleItem: React.ComponentType<ShuttleItemProps> = (props) => {\n  const { componentProps, shouldShowTooltip = true, TooltipContent = null, children } = props;\n  const { tooltipHelpers } = componentProps;\n\n  return (\n    <Grid\n      cols={['minmax(2.308rem, 1fr)', '1px', 'auto']}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gutter=\"xxxs\"\n      ref={tooltipHelpers.setReferenceElement}\n    >\n      {children}\n      {shouldShowTooltip && TooltipContent && tooltipHelpers.shouldShowPopover ? (\n        <DSPopperJS referenceElement={tooltipHelpers.referenceElement} showPopover>\n          <StyledTooltipContentWrapper>\n            <TooltipContent {...componentProps} />\n          </StyledTooltipContentWrapper>\n        </DSPopperJS>\n      ) : null}\n    </Grid>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAWQ,KAXR;AArBJ,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAGvB,MAAM,8BAA8B,OAAO,IAAI;AAAA;AAAA;AAWxC,MAAM,cAAqD,CAAC,UAAU;AAC3E,QAAM,EAAE,gBAAgB,oBAAoB,MAAM,iBAAiB,MAAM,SAAS,IAAI;AACtF,QAAM,EAAE,eAAe,IAAI;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,yBAAyB,OAAO,MAAM;AAAA,MAC7C,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,KAAK,eAAe;AAAA,MAEnB;AAAA;AAAA,QACA,qBAAqB,kBAAkB,eAAe,oBACrD,oBAAC,cAAW,kBAAkB,eAAe,kBAAkB,aAAW,MACxE,8BAAC,+BACC,8BAAC,kBAAgB,GAAG,gBAAgB,GACtC,GACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/esm/exported-related/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ShuttleItem } from "./ShuttleItem.js";
+export {
+  ShuttleItem
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { type ShuttleItemProps, ShuttleItem } from './ShuttleItem.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAgC,mBAAmB;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,10 +1,13 @@
 import * as React from "react";
-import { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from "./config/DSShuttleV2Definitions";
-import { DSShuttleV2 } from "./DSShuttleV2";
+import { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from "./config/DSShuttleV2Definitions.js";
+import { DSShuttleV2, DSShuttleV2WithSchema } from "./DSShuttleV2.js";
+import { ShuttleItem } from "./exported-related/index.js";
 export {
   DSShuttleV2,
   DSShuttleV2DataTestIds,
   DSShuttleV2Name,
-  DSShuttleV2Slots
+  DSShuttleV2Slots,
+  DSShuttleV2WithSchema,
+  ShuttleItem
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from 'react-virtual';\nexport { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from './config/DSShuttleV2Definitions';\nexport { DSShuttleV2 } from './DSShuttleV2';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB,kBAAkB,8BAA8B;AAC1E,SAAS,mBAAmB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from 'react-virtual';\nexport { DSShuttleV2Name, DSShuttleV2Slots, DSShuttleV2DataTestIds } from './config/DSShuttleV2Definitions.js';\nexport { DSShuttleV2, DSShuttleV2WithSchema } from './DSShuttleV2.js';\nexport { ShuttleItem, type ShuttleItemProps } from './exported-related/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB,kBAAkB,8BAA8B;AAC1E,SAAS,aAAa,6BAA6B;AACnD,SAAS,mBAA0C;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/parts/Dnd/DndHandle.js

@@ -4,8 +4,8 @@ import { createElement } from "react";
 import { GripperVertical } from "@elliemae/ds-icons";
 import { styled } from "@elliemae/ds-system";
 import { mergeRefs } from "@elliemae/ds-utilities";
-import { DATA_TESTID } from "../../constants";
-import { DSShuttleV2Name, DSShuttleV2Slots } from "../../config/DSShuttleV2Definitions";
+import { DATA_TESTID } from "../../constants/index.js";
+import { DSShuttleV2Name, DSShuttleV2Slots } from "../../config/DSShuttleV2Definitions.js";
 const StyledGripperButtonOrOverlay = styled("div", {
   name: DSShuttleV2Name,
   slot: DSShuttleV2Slots.DRAG_AND_DROP_HANDLE

package/dist/esm/parts/Dnd/DndHandle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Dnd/DndHandle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport React from 'react';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport type { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { styled } from '@elliemae/ds-system';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../constants';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../config/DSShuttleV2Definitions';\n\nexport const StyledGripperButtonOrOverlay = styled('div', {\n  name: DSShuttleV2Name,\n  slot: DSShuttleV2Slots.DRAG_AND_DROP_HANDLE,\n})<{\n  isActive: boolean;\n  isDragOverlay?: boolean;\n  disabled?: boolean;\n}>`\n  cursor: ${({ isActive, isDragOverlay, disabled }) => {\n    if (isActive || isDragOverlay) return 'grabbing';\n    if (disabled) return 'not-allowed';\n    return 'grab';\n  }};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n  &:focus {\n    outline: 1px solid brand-700;\n  }\n`;\n\nexport const DragHandle: React.ComponentType<{\n  id: string;\n  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n  useSortableHelpers: ReturnType<typeof useSortable>;\n  isDndActive: boolean;\n  isDragging: boolean;\n  disabled?: boolean;\n}> = ({ id, isDndActive, isDragging, disabled = false, innerRef, useSortableHelpers }) => (\n  <StyledGripperButtonOrOverlay\n    {...(!disabled && useSortableHelpers\n      ? {\n          ...useSortableHelpers.listeners,\n          ...useSortableHelpers.attributes,\n        }\n      : {})}\n    isActive={isDndActive}\n    ref={mergeRefs(innerRef, useSortableHelpers?.setActivatorNodeRef)}\n    tabIndex={-1}\n    data-testid={DATA_TESTID.SHUTTLE_DRAG_HANDLE}\n    id={`${id}-drag-handle`}\n    key={`${id}-drag-handle`}\n    disabled={disabled}\n  >\n    <GripperVertical size=\"s\" color={isDragging || disabled ? ['neutral', '500'] : ['brand-primary', '800']} />\n  </StyledGripperButtonOrOverlay>\n);\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport React from 'react';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport type { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { styled } from '@elliemae/ds-system';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../constants/index.js';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../config/DSShuttleV2Definitions.js';\n\nexport const StyledGripperButtonOrOverlay = styled('div', {\n  name: DSShuttleV2Name,\n  slot: DSShuttleV2Slots.DRAG_AND_DROP_HANDLE,\n})<{\n  isActive: boolean;\n  isDragOverlay?: boolean;\n  disabled?: boolean;\n}>`\n  cursor: ${({ isActive, isDragOverlay, disabled }) => {\n    if (isActive || isDragOverlay) return 'grabbing';\n    if (disabled) return 'not-allowed';\n    return 'grab';\n  }};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n  &:focus {\n    outline: 1px solid brand-700;\n  }\n`;\n\nexport const DragHandle: React.ComponentType<{\n  id: string;\n  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n  useSortableHelpers: ReturnType<typeof useSortable>;\n  isDndActive: boolean;\n  isDragging: boolean;\n  disabled?: boolean;\n}> = ({ id, isDndActive, isDragging, disabled = false, innerRef, useSortableHelpers }) => (\n  <StyledGripperButtonOrOverlay\n    {...(!disabled && useSortableHelpers\n      ? {\n          ...useSortableHelpers.listeners,\n          ...useSortableHelpers.attributes,\n        }\n      : {})}\n    isActive={isDndActive}\n    ref={mergeRefs(innerRef, useSortableHelpers?.setActivatorNodeRef)}\n    tabIndex={-1}\n    data-testid={DATA_TESTID.SHUTTLE_DRAG_HANDLE}\n    id={`${id}-drag-handle`}\n    key={`${id}-drag-handle`}\n    disabled={disabled}\n  >\n    <GripperVertical size=\"s\" color={isDragging || disabled ? ['neutral', '500'] : ['brand-primary', '800']} />\n  </StyledGripperButtonOrOverlay>\n);\n"],
   "mappings": "AAAA,YAAY,WAAW;ACsDnB;AAfF;AArCF,SAAS,uBAAuB;AAEhC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,+BAA+B,OAAO,OAAO;AAAA,EACxD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,YAKW,CAAC,EAAE,UAAU,eAAe,SAAS,MAAM;AACnD,MAAI,YAAY;AAAe,WAAO;AACtC,MAAI;AAAU,WAAO;AACrB,SAAO;AACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUK,MAAM,aAOR,CAAC,EAAE,IAAI,aAAa,YAAY,WAAW,OAAO,UAAU,mBAAmB,MAClF;AAAA,EAAC;AAAA;AAAA,IACE,GAAI,CAAC,YAAY,qBACd;AAAA,MACE,GAAG,mBAAmB;AAAA,MACtB,GAAG,mBAAmB;AAAA,IACxB,IACA,CAAC;AAAA,IACL,UAAU;AAAA,IACV,KAAK,UAAU,UAAU,oBAAoB,mBAAmB;AAAA,IAChE,UAAU;AAAA,IACV,eAAa,YAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,IACR;AAAA;AAAA,EAEA,oBAAC,mBAAgB,MAAK,KAAI,OAAO,cAAc,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK,GAAG;AAC3G;",
   "names": []
 }

package/dist/esm/parts/Dnd/DragOverlay.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { GripperVertical } from "@elliemae/ds-icons";
-import { DATA_TESTID } from "../../constants";
-import { StyledGripperButtonOrOverlay } from "./DndHandle";
+import { DATA_TESTID } from "../../constants/index.js";
+import { StyledGripperButtonOrOverlay } from "./DndHandle.js";
 const DragOverlay = ({ id, isDragging, isDndActive }) => /* @__PURE__ */ jsx(
   StyledGripperButtonOrOverlay,
   {