@elliemae/ds-shuttle-v2 3.17.0-next.2 → 3.17.0-next.21

package/dist/esm/parts/Panel/middle/PanelContentMiddleSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Panel/middle/PanelContentMiddleSection.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useOnSpecificFocus } from '@elliemae/ds-utilities';\nimport { usePropsStore, useInternalStore } from '../../../config/useStore/index.js';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { ItemListWrapperWithContext } from './ItemListWrapper/Index.js';\nimport { EmptyItems } from './EmptyItems.js';\nimport { useFocusTracker } from '../../../config/useFocusTracker/index.js';\nimport { LoadingItems } from './LoadingItems.js';\nimport { MultipleSelectionAction } from './MultipleSelectionAction.js';\nimport { REGIONS_FOCUSES } from '../../../constants/index.js';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions.js';\n\nconst useInnerRefHandlers = (isDestinationPanel: boolean) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n  const currRegion = isDestinationPanel ? REGIONS_FOCUSES.DESTINATION_PANEL : REGIONS_FOCUSES.SOURCE_PANEL;\n\n  const innerRefHandlerParentItem = React.useCallback(\n    (node: HTMLDivElement) => {\n      setZustandRef([currRegion, '', ''], node);\n    },\n    [currRegion, setZustandRef],\n  );\n  return React.useMemo(() => ({ innerRefHandlerParentItem }), [innerRefHandlerParentItem]);\n};\n\nconst StyledListWrapperMid = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_MID })`\n  overflow: hidden;\n  position: relative;\n\n  :focus,\n  :focus-visible {\n      outline: 2px solid brand-700;\n    }\n  }\n`;\nconst StyledMidScroller = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_MID_SCROLLER })`\n  overflow: auto;\n  max-height: 38.462rem;\n`;\nexport const PanelContentMiddleSection = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false, hasMultipleSelection } = panelMetaInfo;\n  const itemsLength = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationData.length : state.sourceData.length,\n  );\n  const isLoading = usePropsStore((state) => (isDestinationPanel ? state.destinationIsLoading : state.sourceIsLoading));\n  const showEmptyMessage = !isLoading && itemsLength === 0;\n  const showItems = !isLoading && !showEmptyMessage;\n\n  const virtualRef = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationVirtualRef : state.sourceVirtualRef,\n  );\n  const scrollToIndex = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationScrollToIndex : state.sourceScrollToIndex,\n  );\n\n  const getIsDragAndDropHappening = useInternalStore((state) => state.getIsDragAndDropHappening);\n  const withLoadMore = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationWithLoadMore : state.sourceWithLoadMore,\n  );\n  const { innerRefHandlerParentItem } = useInnerRefHandlers(isDestinationPanel);\n  const {\n    trackFocusRegionPanel,\n    trackFocusItemFirst,\n    trackFocusItemLast,\n    trackFocusActionParent,\n    trackFocusRegionPanelItem,\n    trackFocusLoadMoreBtnDestination,\n    trackFocusLoadMoreBtn,\n  } = useFocusTracker();\n  const config = React.useMemo(\n    () => ({\n      onFocus: () => {\n        trackFocusRegionPanel(isDestinationPanel);\n      },\n    }),\n    [trackFocusRegionPanel, isDestinationPanel],\n  );\n  const onPanelFocus = useOnSpecificFocus(config);\n\n  const onPanelKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n    (e) => {\n      const { key } = e;\n      // we need to invoke \"getIsDragAndDropHappening\" here to ensure we have the latest info at the moment of the event\n      const isDragAndDropHappening = getIsDragAndDropHappening();\n      if (isDragAndDropHappening) {\n        e.preventDefault();\n        return;\n      }\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown'].includes(key)) {\n        e.preventDefault();\n        e.stopPropagation();\n        trackFocusRegionPanelItem(isDestinationPanel);\n        trackFocusActionParent();\n        // we won't receive ArrowUp/ArrowDown if this happens in a child because children are stopping propagation\n        if (key === 'ArrowDown' || key === 'Home') {\n          scrollToIndex(0);\n          trackFocusItemFirst(panelMetaInfo);\n        }\n        if (key === 'ArrowUp' || key === 'End') {\n          if (withLoadMore) {\n            if (isDestinationPanel) trackFocusLoadMoreBtnDestination();\n            else trackFocusLoadMoreBtn();\n          } else {\n            trackFocusItemLast(panelMetaInfo);\n            scrollToIndex(itemsLength - 1);\n          }\n        }\n      }\n    },\n    [\n      getIsDragAndDropHappening,\n      trackFocusRegionPanelItem,\n      isDestinationPanel,\n      trackFocusActionParent,\n      scrollToIndex,\n      trackFocusItemFirst,\n      panelMetaInfo,\n      withLoadMore,\n      trackFocusLoadMoreBtnDestination,\n      trackFocusLoadMoreBtn,\n      trackFocusItemLast,\n      itemsLength,\n    ],\n  );\n\n  return (\n    <StyledListWrapperMid\n      onFocus={onPanelFocus}\n      onKeyDown={onPanelKeyDown}\n      tabIndex={0}\n      ref={innerRefHandlerParentItem}\n    >\n      <StyledMidScroller ref={virtualRef}>\n        {isLoading ? <LoadingItems {...panelMetaInfo} /> : null}\n        {showEmptyMessage ? <EmptyItems {...panelMetaInfo} /> : null}\n        {showItems ? <ItemListWrapperWithContext {...panelMetaInfo} /> : null}\n      </StyledMidScroller>\n      {hasMultipleSelection ? <MultipleSelectionAction {...panelMetaInfo} /> : null}\n    </StyledListWrapperMid>\n  );\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsIjB,SACe,KADf;AAtIN,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AACnC,SAAS,eAAe,wBAAwB;AAEhD,SAAS,kCAAkC;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,wBAAwB;AAElD,MAAM,sBAAsB,CAAC,uBAAgC;AAC3D,QAAM,gBAAgB,iBAAiB,CAAC,UAAU,MAAM,aAAa;AACrE,QAAM,aAAa,qBAAqB,gBAAgB,oBAAoB,gBAAgB;AAE5F,QAAM,4BAA4BA,OAAM;AAAA,IACtC,CAAC,SAAyB;AACxB,oBAAc,CAAC,YAAY,IAAI,EAAE,GAAG,IAAI;AAAA,IAC1C;AAAA,IACA,CAAC,YAAY,aAAa;AAAA,EAC5B;AACA,SAAOA,OAAM,QAAQ,OAAO,EAAE,0BAA0B,IAAI,CAAC,yBAAyB,CAAC;AACzF;AAEA,MAAM,uBAAuB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,iBAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU5G,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,iBAAiB,0BAA0B,CAAC;AAAA;AAAA;AAAA;AAI3G,MAAM,4BAA4BA,OAAM,KAAK,CAAC,kBAA8C;AACjG,QAAM,EAAE,qBAAqB,OAAO,qBAAqB,IAAI;AAC7D,QAAM,cAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,gBAAgB,SAAS,MAAM,WAAW;AAAA,EACvE;AACA,QAAM,YAAY,cAAc,CAAC,UAAW,qBAAqB,MAAM,uBAAuB,MAAM,eAAgB;AACpH,QAAM,mBAAmB,CAAC,aAAa,gBAAgB;AACvD,QAAM,YAAY,CAAC,aAAa,CAAC;AAEjC,QAAM,aAAa;AAAA,IAAc,CAAC,UAChC,qBAAqB,MAAM,wBAAwB,MAAM;AAAA,EAC3D;AACA,QAAM,gBAAgB;AAAA,IAAc,CAAC,UACnC,qBAAqB,MAAM,2BAA2B,MAAM;AAAA,EAC9D;AAEA,QAAM,4BAA4B,iBAAiB,CAAC,UAAU,MAAM,yBAAyB;AAC7F,QAAM,eAAe;AAAA,IAAc,CAAC,UAClC,qBAAqB,MAAM,0BAA0B,MAAM;AAAA,EAC7D;AACA,QAAM,EAAE,0BAA0B,IAAI,oBAAoB,kBAAkB;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB;AACpB,QAAM,SAASA,OAAM;AAAA,IACnB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,8BAAsB,kBAAkB;AAAA,MAC1C;AAAA,IACF;AAAA,IACA,CAAC,uBAAuB,kBAAkB;AAAA,EAC5C;AACA,QAAM,eAAe,mBAAmB,MAAM;AAE9C,QAAM,iBAAiBA,OAAM;AAAA,IAC3B,CAAC,MAAM;AACL,YAAM,EAAE,IAAI,IAAI;AAEhB,YAAM,yBAAyB,0BAA0B;AACzD,UAAI,wBAAwB;AAC1B,UAAE,eAAe;AACjB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ,OAAO,WAAW,WAAW,EAAE,SAAS,GAAG,GAAG;AACzD,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB,kCAA0B,kBAAkB;AAC5C,+BAAuB;AAEvB,YAAI,QAAQ,eAAe,QAAQ,QAAQ;AACzC,wBAAc,CAAC;AACf,8BAAoB,aAAa;AAAA,QACnC;AACA,YAAI,QAAQ,aAAa,QAAQ,OAAO;AACtC,cAAI,cAAc;AAChB,gBAAI;AAAoB,+CAAiC;AAAA;AACpD,oCAAsB;AAAA,UAC7B,OAAO;AACL,+BAAmB,aAAa;AAChC,0BAAc,cAAc,CAAC;AAAA,UAC/B;AAAA,QACF;AAAA,MACF;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,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAK;AAAA,MAEL;AAAA,6BAAC,qBAAkB,KAAK,YACrB;AAAA,sBAAY,oBAAC,gBAAc,GAAG,eAAe,IAAK;AAAA,UAClD,mBAAmB,oBAAC,cAAY,GAAG,eAAe,IAAK;AAAA,UACvD,YAAY,oBAAC,8BAA4B,GAAG,eAAe,IAAK;AAAA,WACnE;AAAA,QACC,uBAAuB,oBAAC,2BAAyB,GAAG,eAAe,IAAK;AAAA;AAAA;AAAA,EAC3E;AAEJ,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useOnSpecificFocus } from '@elliemae/ds-utilities';\nimport { usePropsStore, useInternalStore } from '../../../config/useStore/index.js';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types.js';\nimport { ItemListWrapperWithContext } from './ItemListWrapper/Index.js';\nimport { EmptyItems } from './EmptyItems.js';\nimport { useFocusTracker } from '../../../config/useFocusTracker/index.js';\nimport { LoadingItems } from './LoadingItems.js';\nimport { MultipleSelectionAction } from './MultipleSelectionAction.js';\nimport { REGIONS_FOCUSES } from '../../../constants/index.js';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions.js';\n\nconst useInnerRefHandlers = (isDestinationPanel: boolean) => {\n  const setZustandRef = useInternalStore((state) => state.setZustandRef);\n  const currRegion = isDestinationPanel ? REGIONS_FOCUSES.DESTINATION_PANEL : REGIONS_FOCUSES.SOURCE_PANEL;\n\n  const innerRefHandlerParentItem = React.useCallback(\n    (node: HTMLDivElement) => {\n      setZustandRef([currRegion, '', ''], node);\n    },\n    [currRegion, setZustandRef],\n  );\n  return React.useMemo(() => ({ innerRefHandlerParentItem }), [innerRefHandlerParentItem]);\n};\n\nconst StyledListWrapperMid = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_MID })`\n  overflow: hidden;\n  position: relative;\n  :focus,\n  :focus-visible {\n    outline: 2px solid brand-700;\n  }\n`;\nconst StyledMidScroller = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_MID_SCROLLER })`\n  overflow: auto;\n  max-height: 38.462rem;\n`;\nexport const PanelContentMiddleSection = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false, hasMultipleSelection } = panelMetaInfo;\n  const itemsLength = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationData.length : state.sourceData.length,\n  );\n  const isLoading = usePropsStore((state) => (isDestinationPanel ? state.destinationIsLoading : state.sourceIsLoading));\n  const showEmptyMessage = !isLoading && itemsLength === 0;\n  const showItems = !isLoading && !showEmptyMessage;\n\n  const virtualRef = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationVirtualRef : state.sourceVirtualRef,\n  );\n  const scrollToIndex = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationScrollToIndex : state.sourceScrollToIndex,\n  );\n\n  const getIsDragAndDropHappening = useInternalStore((state) => state.getIsDragAndDropHappening);\n  const withLoadMore = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationWithLoadMore : state.sourceWithLoadMore,\n  );\n  const { innerRefHandlerParentItem } = useInnerRefHandlers(isDestinationPanel);\n  const {\n    trackFocusRegionPanel,\n    trackFocusItemFirst,\n    trackFocusItemLast,\n    trackFocusActionParent,\n    trackFocusRegionPanelItem,\n    trackFocusLoadMoreBtnDestination,\n    trackFocusLoadMoreBtn,\n  } = useFocusTracker();\n  const config = React.useMemo(\n    () => ({\n      onFocus: () => {\n        trackFocusRegionPanel(isDestinationPanel);\n      },\n    }),\n    [trackFocusRegionPanel, isDestinationPanel],\n  );\n  const onPanelFocus = useOnSpecificFocus(config);\n\n  const onPanelKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n    (e) => {\n      const { key } = e;\n      // we need to invoke \"getIsDragAndDropHappening\" here to ensure we have the latest info at the moment of the event\n      const isDragAndDropHappening = getIsDragAndDropHappening();\n      if (isDragAndDropHappening) {\n        e.preventDefault();\n        return;\n      }\n      if (['Home', 'End', 'ArrowUp', 'ArrowDown'].includes(key)) {\n        e.preventDefault();\n        e.stopPropagation();\n        trackFocusRegionPanelItem(isDestinationPanel);\n        trackFocusActionParent();\n        // we won't receive ArrowUp/ArrowDown if this happens in a child because children are stopping propagation\n        if (key === 'ArrowDown' || key === 'Home') {\n          scrollToIndex(0);\n          trackFocusItemFirst(panelMetaInfo);\n        }\n        if (key === 'ArrowUp' || key === 'End') {\n          if (withLoadMore) {\n            if (isDestinationPanel) trackFocusLoadMoreBtnDestination();\n            else trackFocusLoadMoreBtn();\n          } else {\n            trackFocusItemLast(panelMetaInfo);\n            scrollToIndex(itemsLength - 1);\n          }\n        }\n      }\n    },\n    [\n      getIsDragAndDropHappening,\n      trackFocusRegionPanelItem,\n      isDestinationPanel,\n      trackFocusActionParent,\n      scrollToIndex,\n      trackFocusItemFirst,\n      panelMetaInfo,\n      withLoadMore,\n      trackFocusLoadMoreBtnDestination,\n      trackFocusLoadMoreBtn,\n      trackFocusItemLast,\n      itemsLength,\n    ],\n  );\n\n  const cols = React.useMemo(() => {\n    if (hasMultipleSelection) return ['1fr', '5rem'];\n    return ['auto'];\n  }, [hasMultipleSelection]);\n\n  return (\n    <StyledListWrapperMid\n      onFocus={onPanelFocus}\n      onKeyDown={onPanelKeyDown}\n      role=\"region\"\n      aria-label={`${isDestinationPanel ? 'destination' : 'source'} panel`}\n      tabIndex={0}\n      ref={innerRefHandlerParentItem}\n    >\n      <Grid cols={cols}>\n        <StyledMidScroller ref={virtualRef}>\n          {isLoading ? <LoadingItems {...panelMetaInfo} /> : null}\n          {showEmptyMessage ? <EmptyItems {...panelMetaInfo} /> : null}\n          {showItems ? <ItemListWrapperWithContext {...panelMetaInfo} /> : null}\n        </StyledMidScroller>\n        {hasMultipleSelection ? <MultipleSelectionAction {...panelMetaInfo} /> : null}\n      </Grid>\n    </StyledListWrapperMid>\n  );\n});\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/react-desc-prop-types.js

@@ -114,7 +114,8 @@ const DSShuttleV2PropTypes = {
   getSubtitle: PropTypes.func.description("Callback function that returns the subtitle to be displayed for each item in the list.").defaultValue(() => ""),
   getIcon: PropTypes.func.description("Callback function that returns the icon to be displayed for each item in the list.").defaultValue(() => ""),
   getPreventDrilldown: PropTypes.func.description("Callback function that determines whether drilldown should be prevented for a particular item.").defaultValue(() => false),
-  getCustomRenderer: PropTypes.func.description("Callback function that returns a custom renderer for each item in the list.").defaultValue(() => void 0)
+  getCustomRenderer: PropTypes.func.description("Callback function that returns a custom renderer for each item in the list.").defaultValue(() => void 0),
+  getBatchActionableButtonProps: PropTypes.func.description("Callback function that returns the props for the batch actionable button in the destination list.").defaultValue(() => ({})).signature(`(({ isDestionationPanel: boolean }) => ({ "aria-label": string }))`)
 };
 const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes;
 export {

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, useHeadlessTooltip } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type useSortable, type DnDKitTree } from '@elliemae/ds-drag-and-drop';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\n\nimport type { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from './constants/index.js';\nimport type { useAutoCalculated } from './config/useAutoCalculated/index.js';\n\nexport declare namespace DSShuttleV2T {\n  export type Datum = Record<string, unknown>;\n  export type PanelMetaInfo = { isDestinationPanel: boolean; hasMultipleSelection: boolean };\n  type HydratedId = string;\n\n  export type DatumInternalMeta = {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    softDeleted: boolean;\n    localIndex: number;\n    hydratedId: HydratedId;\n    hydratedPreventMove: boolean;\n  };\n  export type DatumRenderFlags = {\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    internallyDisabledMove: boolean;\n    internallyDisabledDrilldown: boolean;\n  };\n\n  // =============================================================================\n  // Hydratables section\n  //   Component-less\n  // =============================================================================\n  export type PrimaryKeyHydratables = {\n    id: HydratedId;\n  };\n  type FunctionalHydratables = {\n    preventMove?: boolean;\n  };\n  type RequiredDatumHydratablesWithoutComponents = {\n    label: string;\n  };\n  type OptionalDatumHydratablesWithoutComponents = {\n    subtitle?: string;\n    preventDrilldown?: boolean;\n  };\n  type DatumHydratablesWithoutComponents = PrimaryKeyHydratables &\n    FunctionalHydratables &\n    RequiredDatumHydratablesWithoutComponents &\n    OptionalDatumHydratablesWithoutComponents;\n  // =============================================================================\n  // Hydratables section\n  //   Component-only\n  // =============================================================================\n  export type ComponentProps = {\n    datum: Datum;\n    thisItemIsFocused: boolean;\n    panelMetaInfo: PanelMetaInfo;\n    datumInternalMeta: DatumInternalMeta;\n    datumHydratables: DatumHydratablesWithoutComponents;\n    tooltipHelpers: ReturnType<typeof useHeadlessTooltip>;\n  };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  type RequiredDatumHydratablesComponents = {};\n  type OptionalDatumHydratablesComponents = {\n    Icon?: React.ComponentType<ComponentProps>;\n    CustomRenderer?: React.ComponentType<ComponentProps>;\n  };\n  // =============================================================================\n  // Hydratables section\n  //   Finals\n  // =============================================================================\n  type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n  type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;\n  export type DatumHydratables = RequiredDatumHydratables & OptionalDatumHydratables;\n\n  // =============================================================================\n  // Hydraters\n  // =============================================================================\n  export type PrimaryKeyHydraters = Hydraters<PrimaryKeyHydratables, [Datum]>;\n  export type FunctionalHydraters = Hydraters<FunctionalHydratables, [Datum]>;\n  type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n  type RequiredDatumHydraters = Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;\n  type OptionalDatumHydraters = Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;\n\n  type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;\n\n  // =============================================================================\n  // Datum & Internals structures\n  // =============================================================================\n  export type ConfiguredDatum = DatumInternalMeta & { original: Datum };\n  export interface ItemMeta extends PanelMetaInfo {\n    datum: Datum;\n    datumHydratables: DatumHydratables;\n    datumInternalMeta: DatumInternalMeta;\n    datumRenderFlags: DatumRenderFlags;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  // =============================================================================\n  // Callbacks\n  // =============================================================================\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent = (\n    items: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;\n  type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;\n\n  export type SelectionMap = Record<string, boolean>;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (\n    item: Datum,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n\n  export type SoftDeletedMap = Record<string, boolean>;\n  type OnSoftDeletedChange = (\n    newSoftDeleted: SoftDeletedMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  // =============================================================================\n  // Zustand Store\n  // =============================================================================\n  export type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];\n  export type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;\n  export type FocusItemAction = (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n  export type InternalAtoms = {\n    focusRegion: FocusRegion;\n    focusItem: FocusItem;\n    focusItemAction: FocusItemAction;\n    deferFocusUntilFirstRender: boolean;\n    dropIndicatorPosition: number;\n    overId: string;\n    dndDraggingItem: ConfiguredDatum | null;\n    dndDraggingItemMeta: ItemMeta | null;\n    lastActiveId: string;\n    isDropValid: boolean;\n    sourcePanelLastSelectedItem: string | null | undefined;\n    destinationPanelLastSelectedItem: string | null | undefined;\n  };\n  export type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;\n  export type Selectors = {\n    getIsDragAndDropHappening: () => boolean;\n    getPanelLastSelectedItem: (isDestinationPanel: boolean) => string | null | undefined;\n  };\n  export type Reducers = Record<string, never>;\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n  // =============================================================================\n  // Final Props\n  // =============================================================================\n  export interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps extends Required<FunctionalHydraters> {\n    // load-more and loaders\n    sourceIsLoading: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceLoadMore: OnLoadMore;\n    destinationIsLoading: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n\n    // switch side\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n\n    // dnd\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    onSourceReorder: OnReorderEvent;\n    onDestinationReorder: OnReorderEvent;\n\n    // soft delete\n    sourceSoftDeletedItems: SoftDeletedMap;\n    onSourceSoftDelete: OnSoftDeletedChange;\n    destinationSoftDeletedItems: SoftDeletedMap;\n    onDestinationSoftDelete: OnSoftDeletedChange;\n  }\n\n  export interface OptionalProps extends OptionalDatumHydraters {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n\n    // filtering\n    sourceShowSearchbar?: boolean;\n    destinationShowSearchbar?: boolean;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n\n    sourceFilterValue?: string;\n    destinationFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onDestinationFilterChange?: OnFilterChange;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  addDragAndDropFromSource: false,\n  removeDragAndDropFromDestination: false,\n\n  sourceIsLoading: false,\n  destinationIsLoading: false,\n  sourceWithLoadMore: false,\n  destinationWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  destinationIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onDestinationLoadMore: () => {},\n\n  onSourceAdd: () => {},\n  onDestinationAdd: () => {},\n  onSourceRemove: () => {},\n  onDestinationRemove: () => {},\n  onSourceReorder: () => {},\n  onDestinationReorder: () => {},\n\n  sourceSoftDeletedItems: {},\n  onSourceSoftDelete: () => {},\n  destinationSoftDeletedItems: {},\n  onDestinationSoftDelete: () => {},\n\n  getPreventMove: () => false,\n};\n\nconst DSShuttleV2PropTypes: DSPropTypesSchema<DSShuttleV2T.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  sourceData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the source list',\n  ).isRequired,\n  sourceSelectedItems: PropTypes.object.description('An object representing the selected items in the source list')\n    .isRequired,\n  onSourceSelectionChange: PropTypes.func.description('A function called when the selection in the source list changes')\n    .isRequired,\n  SourceHeader: PropTypes.node.description('The header component for the source list').isRequired,\n  onSourceDrilldown: PropTypes.func.description('A function called when an item in the source list is clicked')\n    .isRequired,\n  destinationData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the destination list',\n  ).isRequired,\n  destinationSelectedItems: PropTypes.object.description(\n    'An object representing the selected items in the destination list',\n  ).isRequired,\n  onDestinationSelectionChange: PropTypes.func.description(\n    'A function called when the selection in the destination list changes',\n  ).isRequired,\n  DestinationHeader: PropTypes.node.description('The header component for the destination list').isRequired,\n  onDestinationDrilldown: PropTypes.func.description(\n    'A function called when an item in the destination list is clicked',\n  ).isRequired,\n  getId: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its unique identifier',\n  ).isRequired,\n  getLabel: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its display label',\n  ).isRequired,\n  sourceIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading data')\n    .defaultValue(false),\n  destinationIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading data')\n    .defaultValue(false),\n  sourceWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the source list supports \"load more\" functionality')\n    .defaultValue(false),\n  destinationWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list supports \"load more\" functionality')\n    .defaultValue(false),\n  sourceIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading more data')\n    .defaultValue(false),\n  destinationIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading more data')\n    .defaultValue(false),\n  onSourceLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the source list is clicked')\n    .defaultValue(() => {}),\n  onDestinationLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the destination list is clicked')\n    .defaultValue(() => {}),\n  onSourceAdd: PropTypes.func\n    .description('A function called when an item is added from the source list to the destination list')\n    .defaultValue(() => {}),\n  onDestinationAdd: PropTypes.func\n    .description('A function called when an item is added from the destination list to the source list')\n    .defaultValue(() => {}),\n  onSourceRemove: PropTypes.func\n    .description('A function called when an item is removed from the destination list')\n    .defaultValue(() => {}),\n  onDestinationRemove: PropTypes.func\n    .description('Callback function to handle when an item is removed from the destination shuttle list. ')\n    .defaultValue(() => {}),\n  onSourceReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the source shuttle list.')\n    .defaultValue(() => {}),\n  onDestinationReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the destination shuttle list. ')\n    .defaultValue(() => {}),\n  sourceSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the source shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onSourceSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the source shuttle list. ')\n    .defaultValue(() => {}),\n  destinationSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the destination shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onDestinationSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the destination shuttle list.')\n    .defaultValue(() => {}),\n  getPreventMove: PropTypes.func\n    .description('Function that determines whether a specific item can be moved to the destination shuttle list. ')\n    .defaultValue(() => false),\n  addDragAndDropFromSource: PropTypes.bool\n    .description('Specifies whether items can be dragged from the source list and dropped into the destination list.')\n    .defaultValue(false),\n  removeDragAndDropFromDestination: PropTypes.bool\n    .description('Specifies whether items can be removed from the destination list by dragging them out of the list.')\n    .defaultValue(false),\n  sourceItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the source list.')\n    .defaultValue({}),\n  destinationItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the destination list.')\n    .defaultValue({}),\n  sourceShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the source list.')\n    .defaultValue(false),\n  destinationShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the destination list.')\n    .defaultValue(false),\n  onSourceOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the source list is opened.')\n    .defaultValue(() => {}),\n  onDesinationOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the destination list is opened.')\n    .defaultValue(() => {}),\n  sourceFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the source list.')\n    .defaultValue(''),\n  destinationFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the destination list.')\n    .defaultValue(''),\n  onSourceFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the source list is changed.')\n    .defaultValue(() => {}),\n  onDestinationFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the destination list is changed.')\n    .defaultValue(() => {}),\n  getSubtitle: PropTypes.func\n    .description('Callback function that returns the subtitle to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getIcon: PropTypes.func\n    .description('Callback function that returns the icon to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getPreventDrilldown: PropTypes.func\n    .description('Callback function that determines whether drilldown should be prevented for a particular item.')\n    .defaultValue(() => false),\n  getCustomRenderer: PropTypes.func\n    .description('Callback function that returns a custom renderer for each item in the list.')\n    .defaultValue(() => undefined),\n};\n\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as WeakValidationMap<DSShuttleV2T.Props>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, useHeadlessTooltip } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button-v2';\nimport { type useSortable, type DnDKitTree } from '@elliemae/ds-drag-and-drop';\nimport type { ZustandT } from '@elliemae/ds-zustand-helpers';\n\nimport type { REGIONS_FOCUSES, ACTIONS_FOCUSES, ITEMS_FOCUSES } from './constants/index.js';\nimport type { useAutoCalculated } from './config/useAutoCalculated/index.js';\n\nexport declare namespace DSShuttleV2T {\n  export type Datum = Record<string, unknown>;\n  export type PanelMetaInfo = { isDestinationPanel: boolean; hasMultipleSelection: boolean };\n  type HydratedId = string;\n\n  export type DatumInternalMeta = {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    softDeleted: boolean;\n    localIndex: number;\n    hydratedId: HydratedId;\n    hydratedPreventMove: boolean;\n  };\n  export type DatumRenderFlags = {\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    internallyDisabledMove: boolean;\n    internallyDisabledDrilldown: boolean;\n  };\n\n  // =============================================================================\n  // Hydratables section - panel level hydratables\n  // =============================================================================\n  type RequiredPanelHydratables = Record<string, never>;\n  type OptionalPanelHydratables = {\n    batchActionableButtonProps: DSButtonT.Props;\n  };\n  export type PanelHydratables = RequiredPanelHydratables & OptionalPanelHydratables;\n\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    shared usage between internal and custom component\n  // =============================================================================\n  export type PrimaryKeyHydratables = {\n    id: HydratedId;\n  };\n  type FunctionalHydratables = {\n    preventMove?: boolean;\n  };\n  type RequiredDatumHydratablesWithoutComponents = {\n    label: string;\n  };\n  type OptionalDatumHydratablesWithoutComponents = {\n    subtitle?: string;\n    preventDrilldown?: boolean;\n  };\n  type DatumHydratablesWithoutComponents = PrimaryKeyHydratables &\n    FunctionalHydratables &\n    RequiredDatumHydratablesWithoutComponents &\n    OptionalDatumHydratablesWithoutComponents;\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //    Custom component-only\n  // =============================================================================\n  export type ComponentProps = {\n    datum: Datum;\n    thisItemIsFocused: boolean;\n    panelMetaInfo: PanelMetaInfo;\n    datumInternalMeta: DatumInternalMeta;\n    datumHydratables: DatumHydratablesWithoutComponents;\n    tooltipHelpers: ReturnType<typeof useHeadlessTooltip>;\n  };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  type RequiredDatumHydratablesComponents = {};\n  type OptionalDatumHydratablesComponents = {\n    Icon?: React.ComponentType<ComponentProps>;\n    CustomRenderer?: React.ComponentType<ComponentProps>;\n  };\n  // =============================================================================\n  // Hydratables section - datum level hydratables\n  //   Finals\n  // =============================================================================\n  type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;\n  type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;\n  export type DatumHydratables = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables;\n\n  // =============================================================================\n  // Hydraters\n  // =============================================================================\n  export type PrimaryKeyHydraters = Hydraters<PrimaryKeyHydratables, [Datum]>;\n  export type FunctionalHydraters = Hydraters<FunctionalHydratables, [Datum]>;\n  type HydratersMeta = { datumMeta: DatumInternalMeta; panelMetaInfo: PanelMetaInfo };\n  type RequiredDatumHydraters = Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;\n  type OptionalDatumHydraters = Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;\n\n  type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;\n\n  type RequiredPanelHydraters = Hydraters<RequiredPanelHydratables, [PanelMetaInfo]>;\n  type OptionalPanelHydraters = Partial<Hydraters<OptionalPanelHydratables, [PanelMetaInfo]>>;\n  type PanelHydraters = RequiredPanelHydraters & OptionalPanelHydraters;\n\n  // =============================================================================\n  // Datum & Internals structures\n  // =============================================================================\n  export type ConfiguredDatum = DatumInternalMeta & { original: Datum };\n  export interface ItemMeta extends PanelMetaInfo {\n    datum: Datum;\n    datumHydratables: DatumHydratables;\n    datumInternalMeta: DatumInternalMeta;\n    datumRenderFlags: DatumRenderFlags;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  // =============================================================================\n  // Callbacks\n  // =============================================================================\n  type OnDataChange = (\n    newData: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n      item?: Datum;\n      selectedItems?: Datum[];\n    },\n  ) => void;\n\n  type OnChangeEvent = (\n    items: Datum[],\n    metainfo: {\n      event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>;\n    },\n  ) => void;\n\n  type OnReorderEventMetadata = Omit<DnDKitTree.OnReorder<DSShuttleV2T.Datum>, 'considerExpanding'>;\n  type OnReorderEvent = (movedItem: Datum, metadata: OnReorderEventMetadata) => void;\n\n  export type SelectionMap = Record<string, boolean>;\n  type OnSelectionChange = (\n    newSelection: SelectionMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  type OnSelectionDrilldown = (\n    item: Datum,\n    metainfo: { event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> },\n  ) => void;\n\n  type OnLoadMore = (e: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;\n  type OnFilterChange = (\n    newfilter: string | null,\n    metainfo: { event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> },\n  ) => void;\n  type OnSearchbarOpen = (\n    newfilter: boolean,\n    metainfo: { event: Parameters<Required<DSButtonT.Props>['onClick']>[0] },\n  ) => void;\n\n  export type SoftDeletedMap = Record<string, boolean>;\n  type OnSoftDeletedChange = (\n    newSoftDeleted: SoftDeletedMap,\n    metainfo: {\n      event:\n        | Parameters<Required<DSButtonT.Props>['onClick']>[0]\n        | Parameters<DSControlledCheckboxT.InternalProps['onChange']>[1]\n        | React.MouseEvent<HTMLButtonElement | HTMLDivElement>\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.ChangeEvent<HTMLInputElement>;\n      item?: Datum;\n    },\n  ) => void;\n  // =============================================================================\n  // Zustand Store\n  // =============================================================================\n  export type FocusRegion = (typeof REGIONS_FOCUSES)[keyof typeof REGIONS_FOCUSES];\n  export type FocusItem = Omit<(typeof ITEMS_FOCUSES)[keyof typeof ITEMS_FOCUSES], 'GET_SPECIFIC_ITEM'> & string;\n  export type FocusItemAction = (typeof ACTIONS_FOCUSES)[keyof typeof ACTIONS_FOCUSES];\n  export type InternalAtoms = {\n    focusRegion: FocusRegion;\n    focusItem: FocusItem;\n    focusItemAction: FocusItemAction;\n    deferFocusUntilFirstRender: boolean;\n    dropIndicatorPosition: number;\n    overId: string;\n    dndDraggingItem: ConfiguredDatum | null;\n    dndDraggingItemMeta: ItemMeta | null;\n    lastActiveId: string;\n    isDropValid: boolean;\n    sourcePanelLastSelectedItem: string | null | undefined;\n    destinationPanelLastSelectedItem: string | null | undefined;\n  };\n  export type UseAutoCalculatedT = ReturnType<typeof useAutoCalculated>;\n  export type Selectors = {\n    getIsDragAndDropHappening: () => boolean;\n    getPanelLastSelectedItem: (isDestinationPanel: boolean) => string | null | undefined;\n  };\n  export type Reducers = Record<string, never>;\n  export type ShuttleInternalStore = ZustandT.InternalStore<InternalAtoms, Selectors, Reducers>;\n  // =============================================================================\n  // Final Props\n  // =============================================================================\n  export interface RequiredProps extends RequiredDatumHydraters, PrimaryKeyHydraters {\n    sourceData: Datum[];\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps extends Required<FunctionalHydraters> {\n    // load-more and loaders\n    sourceIsLoading: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceLoadMore: OnLoadMore;\n    destinationIsLoading: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n\n    // switch side\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n\n    // dnd\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    onSourceReorder: OnReorderEvent;\n    onDestinationReorder: OnReorderEvent;\n\n    // soft delete\n    sourceSoftDeletedItems: SoftDeletedMap;\n    onSourceSoftDelete: OnSoftDeletedChange;\n    destinationSoftDeletedItems: SoftDeletedMap;\n    onDestinationSoftDelete: OnSoftDeletedChange;\n  }\n\n  export interface OptionalProps extends OptionalDatumHydraters, OptionalPanelHydraters {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n\n    // filtering\n    sourceShowSearchbar?: boolean;\n    destinationShowSearchbar?: boolean;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n\n    sourceFilterValue?: string;\n    destinationFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onDestinationFilterChange?: OnFilterChange;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSShuttleV2T.DefaultProps = {\n  addDragAndDropFromSource: false,\n  removeDragAndDropFromDestination: false,\n\n  sourceIsLoading: false,\n  destinationIsLoading: false,\n  sourceWithLoadMore: false,\n  destinationWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  destinationIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onDestinationLoadMore: () => {},\n\n  onSourceAdd: () => {},\n  onDestinationAdd: () => {},\n  onSourceRemove: () => {},\n  onDestinationRemove: () => {},\n  onSourceReorder: () => {},\n  onDestinationReorder: () => {},\n\n  sourceSoftDeletedItems: {},\n  onSourceSoftDelete: () => {},\n  destinationSoftDeletedItems: {},\n  onDestinationSoftDelete: () => {},\n\n  getPreventMove: () => false,\n};\n\nconst DSShuttleV2PropTypes: DSPropTypesSchema<DSShuttleV2T.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n\n  sourceData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the source list',\n  ).isRequired,\n  sourceSelectedItems: PropTypes.object.description('An object representing the selected items in the source list')\n    .isRequired,\n  onSourceSelectionChange: PropTypes.func.description('A function called when the selection in the source list changes')\n    .isRequired,\n  SourceHeader: PropTypes.node.description('The header component for the source list').isRequired,\n  onSourceDrilldown: PropTypes.func.description('A function called when an item in the source list is clicked')\n    .isRequired,\n  destinationData: PropTypes.arrayOf(PropTypes.object).description(\n    'An array of objects representing the items in the destination list',\n  ).isRequired,\n  destinationSelectedItems: PropTypes.object.description(\n    'An object representing the selected items in the destination list',\n  ).isRequired,\n  onDestinationSelectionChange: PropTypes.func.description(\n    'A function called when the selection in the destination list changes',\n  ).isRequired,\n  DestinationHeader: PropTypes.node.description('The header component for the destination list').isRequired,\n  onDestinationDrilldown: PropTypes.func.description(\n    'A function called when an item in the destination list is clicked',\n  ).isRequired,\n  getId: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its unique identifier',\n  ).isRequired,\n  getLabel: PropTypes.func.description(\n    'A function that takes an item from the source/destination list and returns its display label',\n  ).isRequired,\n  sourceIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading data')\n    .defaultValue(false),\n  destinationIsLoading: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading data')\n    .defaultValue(false),\n  sourceWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the source list supports \"load more\" functionality')\n    .defaultValue(false),\n  destinationWithLoadMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list supports \"load more\" functionality')\n    .defaultValue(false),\n  sourceIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the source list is currently loading more data')\n    .defaultValue(false),\n  destinationIsLoadingMore: PropTypes.bool\n    .description('A boolean indicating whether the destination list is currently loading more data')\n    .defaultValue(false),\n  onSourceLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the source list is clicked')\n    .defaultValue(() => {}),\n  onDestinationLoadMore: PropTypes.func\n    .description('A function called when the \"load more\" button in the destination list is clicked')\n    .defaultValue(() => {}),\n  onSourceAdd: PropTypes.func\n    .description('A function called when an item is added from the source list to the destination list')\n    .defaultValue(() => {}),\n  onDestinationAdd: PropTypes.func\n    .description('A function called when an item is added from the destination list to the source list')\n    .defaultValue(() => {}),\n  onSourceRemove: PropTypes.func\n    .description('A function called when an item is removed from the destination list')\n    .defaultValue(() => {}),\n  onDestinationRemove: PropTypes.func\n    .description('Callback function to handle when an item is removed from the destination shuttle list. ')\n    .defaultValue(() => {}),\n  onSourceReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the source shuttle list.')\n    .defaultValue(() => {}),\n  onDestinationReorder: PropTypes.func\n    .description('Callback function to handle when items are reordered in the destination shuttle list. ')\n    .defaultValue(() => {}),\n  sourceSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the source shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onSourceSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the source shuttle list. ')\n    .defaultValue(() => {}),\n  destinationSoftDeletedItems: PropTypes.object\n    .description(\n      'Object containing the soft deleted items in the destination shuttle list, where the key is the item ID and the value is the deleted item.',\n    )\n    .defaultValue({}),\n  onDestinationSoftDelete: PropTypes.func\n    .description('Callback function to handle when an item is soft deleted in the destination shuttle list.')\n    .defaultValue(() => {}),\n  getPreventMove: PropTypes.func\n    .description('Function that determines whether a specific item can be moved to the destination shuttle list. ')\n    .defaultValue(() => false),\n  addDragAndDropFromSource: PropTypes.bool\n    .description('Specifies whether items can be dragged from the source list and dropped into the destination list.')\n    .defaultValue(false),\n  removeDragAndDropFromDestination: PropTypes.bool\n    .description('Specifies whether items can be removed from the destination list by dragging them out of the list.')\n    .defaultValue(false),\n  sourceItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the source list.')\n    .defaultValue({}),\n  destinationItemProps: PropTypes.object\n    .description('Specifies additional props to be applied to each item in the destination list.')\n    .defaultValue({}),\n  sourceShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the source list.')\n    .defaultValue(false),\n  destinationShowSearchbar: PropTypes.bool\n    .description('Specifies whether the search bar should be shown in the destination list.')\n    .defaultValue(false),\n  onSourceOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the source list is opened.')\n    .defaultValue(() => {}),\n  onDesinationOpenSearchbar: PropTypes.func\n    .description('Callback function that is called when the search bar in the destination list is opened.')\n    .defaultValue(() => {}),\n  sourceFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the source list.')\n    .defaultValue(''),\n  destinationFilterValue: PropTypes.string\n    .description('Specifies the current value of the search filter in the destination list.')\n    .defaultValue(''),\n  onSourceFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the source list is changed.')\n    .defaultValue(() => {}),\n  onDestinationFilterChange: PropTypes.func\n    .description('Callback function that is called when the search filter in the destination list is changed.')\n    .defaultValue(() => {}),\n  getSubtitle: PropTypes.func\n    .description('Callback function that returns the subtitle to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getIcon: PropTypes.func\n    .description('Callback function that returns the icon to be displayed for each item in the list.')\n    .defaultValue(() => ''),\n  getPreventDrilldown: PropTypes.func\n    .description('Callback function that determines whether drilldown should be prevented for a particular item.')\n    .defaultValue(() => false),\n  getCustomRenderer: PropTypes.func\n    .description('Callback function that returns a custom renderer for each item in the list.')\n    .defaultValue(() => undefined),\n  getBatchActionableButtonProps: PropTypes.func\n    .description('Callback function that returns the props for the batch actionable button in the destination list.')\n    .defaultValue(() => ({}))\n    .signature(`(({ isDestionationPanel: boolean }) => ({ \"aria-label\": string }))`),\n};\n\nexport const DSShuttleV2PropTypesSchema = DSShuttleV2PropTypes as unknown as WeakValidationMap<DSShuttleV2T.Props>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/types/DSShuttleV2.d.ts

@@ -1,3 +1,3 @@
-declare const DSShuttleV2: (props: object) => JSX.Element;
+declare const DSShuttleV2: (props: object) => import("react/jsx-runtime.js").JSX.Element;
 declare const DSShuttleV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<object>;
 export { DSShuttleV2, DSShuttleV2WithSchema };

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

@@ -5,6 +5,7 @@ export declare const DSShuttleV2Slots: {
     readonly PANEL_WRAPPER: "panel-wrapper";
     readonly LIST_WRAPPER: "list-wrapper";
     readonly ITEM_WRAPPER: "item-wrapper";
+    readonly ITEM_CHECKBOX: "item-checkbox";
     readonly ITEM_ICON_WRAPPER: "item-icon-wrapper";
     readonly ITEM_LABEL_WRAPPER: "item-label-wrapper";
     readonly ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper";

package/dist/types/parts/Header.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const Header: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const Header: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Item/Item.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const Item: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => JSX.Element>;
+export declare const Item: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;
 declare const ItemSortable: React.ComponentType<DSShuttleV2T.ItemMeta>;
 export { ItemSortable };
 export default ItemSortable;

package/dist/types/parts/Item/ItemActions/ItemActions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const ItemActions: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => JSX.Element>;
+export declare const ItemActions: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Item/ItemMiddleSection.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const ItemMiddleSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta & {
     tooltipHelpers: DSShuttleV2T.ComponentProps['tooltipHelpers'];
-}) => JSX.Element>;
+}) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Item/ItemOverlay.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const ItemOverlay: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => JSX.Element>;
+export declare const ItemOverlay: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Item/ItemSelection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const ItemSelection: React.MemoExoticComponent<({ datumInternalMeta: { isSelected }, datumRenderFlags: { selectionPrevented } }: DSShuttleV2T.ItemMeta) => JSX.Element>;
+export declare const ItemSelection: React.MemoExoticComponent<({ datumInternalMeta: { isSelected }, datumRenderFlags: { selectionPrevented } }: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Item/TextSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const TextSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta) => JSX.Element>;
+export declare const TextSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/MainContent.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MainContent: React.MemoExoticComponent<() => JSX.Element>;
+export declare const MainContent: React.MemoExoticComponent<() => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Panel/bottom/LoadMoreBtn.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadMoreBtn: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const LoadMoreBtn: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/bottom/LoadingMore.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadingMore: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const LoadingMore: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/bottom/PanelContentBottomSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentBottomSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const PanelContentBottomSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Panel/middle/EmptyItems.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const EmptyItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const EmptyItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/middle/LoadingItems.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const LoadingItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const LoadingItems: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/middle/MultipleSelectionAction.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const MultipleSelectionAction: React.MemoExoticComponent<(panelMeta: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Panel/middle/PanelContentMiddleSection.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const PanelContentMiddleSection: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/Panel/top/PanelContentTopSection.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelContentTopSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const PanelContentTopSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/top/PanelFilterSection.d.ts

@@ -1,2 +1,2 @@
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element;
+export declare const PanelFilterSection: (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Panel/top/SelectionHeader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
-export declare const SelectionHeader: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const SelectionHeader: React.MemoExoticComponent<({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/parts/PanelWrapper.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => JSX.Element>;
+export declare const PanelWrapper: React.MemoExoticComponent<(panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => import("react/jsx-runtime.js").JSX.Element>;

package/dist/types/react-desc-prop-types.d.ts

@@ -31,6 +31,11 @@ export declare namespace DSShuttleV2T {
         internallyDisabledMove: boolean;
         internallyDisabledDrilldown: boolean;
     };
+    type RequiredPanelHydratables = Record<string, never>;
+    type OptionalPanelHydratables = {
+        batchActionableButtonProps: DSButtonT.Props;
+    };
+    type PanelHydratables = RequiredPanelHydratables & OptionalPanelHydratables;
     type PrimaryKeyHydratables = {
         id: HydratedId;
     };
@@ -60,7 +65,7 @@ export declare namespace DSShuttleV2T {
     };
     type RequiredDatumHydratables = RequiredDatumHydratablesWithoutComponents & RequiredDatumHydratablesComponents;
     type OptionalDatumHydratables = OptionalDatumHydratablesWithoutComponents & OptionalDatumHydratablesComponents;
-    type DatumHydratables = RequiredDatumHydratables & OptionalDatumHydratables;
+    type DatumHydratables = PrimaryKeyHydratables & RequiredDatumHydratables & OptionalDatumHydratables;
     type PrimaryKeyHydraters = Hydraters<PrimaryKeyHydratables, [Datum]>;
     type FunctionalHydraters = Hydraters<FunctionalHydratables, [Datum]>;
     type HydratersMeta = {
@@ -70,6 +75,9 @@ export declare namespace DSShuttleV2T {
     type RequiredDatumHydraters = Hydraters<RequiredDatumHydratables, [Datum, HydratersMeta]>;
     type OptionalDatumHydraters = Hydraters<OptionalDatumHydratables, [Datum, HydratersMeta]>;
     type DatumHydraters = PrimaryKeyHydraters & FunctionalHydraters & RequiredDatumHydraters & OptionalDatumHydraters;
+    type RequiredPanelHydraters = Hydraters<RequiredPanelHydratables, [PanelMetaInfo]>;
+    type OptionalPanelHydraters = Partial<Hydraters<OptionalPanelHydratables, [PanelMetaInfo]>>;
+    type PanelHydraters = RequiredPanelHydraters & OptionalPanelHydraters;
     type ConfiguredDatum = DatumInternalMeta & {
         original: Datum;
     };
@@ -169,7 +177,7 @@ export declare namespace DSShuttleV2T {
         destinationSoftDeletedItems: SoftDeletedMap;
         onDestinationSoftDelete: OnSoftDeletedChange;
     }
-    interface OptionalProps extends OptionalDatumHydraters {
+    interface OptionalProps extends OptionalDatumHydraters, OptionalPanelHydraters {
         sourceItemProps?: Record<string, unknown>;
         destinationItemProps?: Record<string, unknown>;
         sourceShowSearchbar?: boolean;

package/dist/types/tests/configs/basic.d.ts

@@ -1,7 +1,7 @@
 export function BreadCrumbHoc({ path, setCurrentNode }: {
     path: any;
     setCurrentNode: any;
-}): (props: any) => JSX.Element;
+}): (props: any) => import("react/jsx-runtime").JSX.Element;
 export function useShuttle(): {
     setCurrentSourceNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;
     setCurrentDestinationNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;

package/dist/types/tests/configs/filter.d.ts

@@ -1,7 +1,7 @@
 export function BreadCrumbHoc({ path, setCurrentNode }: {
     path: any;
     setCurrentNode: any;
-}): (props: any) => JSX.Element;
+}): (props: any) => import("react/jsx-runtime").JSX.Element;
 export function useShuttle(): {
     setCurrentSourceNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;
     setCurrentDestinationNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;

package/dist/types/tests/configs/loadMore.d.ts

@@ -1,7 +1,7 @@
 export function BreadCrumbHoc({ path, setCurrentNode }: {
     path: any;
     setCurrentNode: any;
-}): (props: any) => JSX.Element;
+}): (props: any) => import("react/jsx-runtime").JSX.Element;
 export function useShuttle(): {
     setCurrentSourceNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;
     setCurrentDestinationNode: React.Dispatch<React.SetStateAction<import("@elliemae/ds-tree-model/dist/types/Node").Node<any>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle-v2",
-  "version": "3.17.0-next.2",
+  "version": "3.17.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle v2",
   "files": [
@@ -38,20 +38,20 @@
     "fast-deep-equal": "~3.1.3",
     "react-virtual": "~2.10.4",
     "uid": "~2.0.1",
-    "@elliemae/ds-button-v2": "3.17.0-next.2",
-    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.2",
-    "@elliemae/ds-grid": "3.17.0-next.2",
-    "@elliemae/ds-form-input-text": "3.17.0-next.2",
-    "@elliemae/ds-icons": "3.17.0-next.2",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.17.0-next.2",
-    "@elliemae/ds-props-helpers": "3.17.0-next.2",
-    "@elliemae/ds-popperjs": "3.17.0-next.2",
-    "@elliemae/ds-system": "3.17.0-next.2",
-    "@elliemae/ds-utilities": "3.17.0-next.2",
-    "@elliemae/ds-typography": "3.17.0-next.2",
-    "@elliemae/ds-drag-and-drop": "3.17.0-next.2",
-    "@elliemae/ds-form-checkbox": "3.17.0-next.2",
-    "@elliemae/ds-zustand-helpers": "3.17.0-next.2"
+    "@elliemae/ds-button-v2": "3.17.0-next.21",
+    "@elliemae/ds-circular-progress-indicator": "3.17.0-next.21",
+    "@elliemae/ds-drag-and-drop": "3.17.0-next.21",
+    "@elliemae/ds-form-input-text": "3.17.0-next.21",
+    "@elliemae/ds-grid": "3.17.0-next.21",
+    "@elliemae/ds-icons": "3.17.0-next.21",
+    "@elliemae/ds-props-helpers": "3.17.0-next.21",
+    "@elliemae/ds-popperjs": "3.17.0-next.21",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.17.0-next.21",
+    "@elliemae/ds-system": "3.17.0-next.21",
+    "@elliemae/ds-typography": "3.17.0-next.21",
+    "@elliemae/ds-utilities": "3.17.0-next.21",
+    "@elliemae/ds-zustand-helpers": "3.17.0-next.21",
+    "@elliemae/ds-form-checkbox": "3.17.0-next.21"
   },
   "devDependencies": {
     "@testing-library/dom": "~8.19.0",
@@ -59,8 +59,8 @@
     "@testing-library/user-event": "~13.5.0",
     "lodash": "^4.17.21",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-tree-model": "3.17.0-next.2",
-    "@elliemae/ds-breadcrumb": "3.17.0-next.2"
+    "@elliemae/ds-breadcrumb": "3.17.0-next.21",
+    "@elliemae/ds-tree-model": "3.17.0-next.21"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",