@elliemae/ds-shuttle-v2 3.13.0-next.4 → 3.13.1-rc.0

package/dist/cjs/parts/Panel/middle/PanelContentMiddleSection.js

@@ -32,55 +32,15 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useStore = require("../../../config/useStore");
 var import_ItemListWrapper = require("./ItemListWrapper");
 var import_EmptyItems = require("./EmptyItems");
-var import_useFocusTracker = require("../../../config/useFocusTracker");
 var import_LoadingItems = require("./LoadingItems");
-var import_MultipleSelectionAction = require("./MultipleSelectionAction");
-var import_constants = require("../../../constants");
-var import_DSShuttleV2Definitions = require("../../../config/DSShuttleV2Definitions");
-const useInnerRefHandlers = (isDestinationPanel) => {
-  const focusRegion = (0, import_useStore.useInternalStore)((state) => state.focusRegion);
-  const focusItem = (0, import_useStore.useInternalStore)((state) => state.focusItem);
-  const focusItemAction = (0, import_useStore.useInternalStore)((state) => state.focusItemAction);
-  const currRegion = isDestinationPanel ? import_constants.REGIONS_FOCUSES.DESTINATION_PANEL : import_constants.REGIONS_FOCUSES.SOURCE_PANEL;
-  const shouldFocus = import_react.default.useMemo(
-    () => focusRegion === currRegion && focusItem === "" && focusItemAction === "",
-    [currRegion, focusItem, focusItemAction, focusRegion]
-  );
-  const innerRefHandlerParentItem = import_react.default.useCallback(
-    (node) => {
-      if (shouldFocus) {
-        node?.focus();
-      }
-    },
-    [shouldFocus]
-  );
-  return import_react.default.useMemo(() => ({ shouldFocus, innerRefHandlerParentItem }), [shouldFocus, innerRefHandlerParentItem]);
-};
-const StyledListWrapperMid = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.LIST_WRAPPER_MID })`
+const StyledListWrapperMid = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "list-wrapper-mid" })`
   overflow: hidden;
-  position: relative;
-
-  :focus,
-  :focus-visible {
-    outline: none;
-
-    &::after {
-      position: absolute;
-      content: ' ';
-      outline: 2px solid brand-700;
-      outline-offset: -2px;
-      width: 100%;
-      height: 100%;
-    }
-  }
 `;
-const StyledMidScroller = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.LIST_WRAPPER_MID })`
+const StyledMidScroller = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "list-wrapper-mid" })`
   overflow: auto;
-  max-height: '500px';
 `;
 const PanelContentMiddleSection = import_react.default.memo((panelMetaInfo) => {
   const { isDestinationPanel = false } = panelMetaInfo;
@@ -90,83 +50,10 @@ const PanelContentMiddleSection = import_react.default.memo((panelMetaInfo) => {
   const isLoading = (0, import_useStore.usePropsStore)((state) => isDestinationPanel ? state.destinationIsLoading : state.sourceIsLoading);
   const showEmptyMessage = !isLoading && itemsLength === 0;
   const showItems = !isLoading && !showEmptyMessage;
-  const virtualRef = (0, import_useStore.useInternalStore)(
-    (state) => isDestinationPanel ? state.destinationVirtualRef : state.sourceVirtualRef
-  );
-  const destinationHasMultipleSelectedItems = (0, import_useStore.useInternalStore)((store) => store.destinationHasMultipleSelectedItems);
-  const sourceHasMultipleSelectedItems = (0, import_useStore.useInternalStore)((store) => store.sourceHasMultipleSelectedItems);
-  const hasMultipleSelection = isDestinationPanel ? destinationHasMultipleSelectedItems : sourceHasMultipleSelectedItems;
-  const isDragging = (0, import_useStore.useInternalStore)((state) => state.lastActiveId !== "");
-  const withLoadMore = (0, import_useStore.usePropsStore)(
-    (state) => isDestinationPanel ? state.destinationWithLoadMore : state.sourceWithLoadMore
-  );
-  const { innerRefHandlerParentItem } = useInnerRefHandlers(isDestinationPanel);
-  const {
-    trackFocusRegionPanel,
-    trackFocusItemFirst,
-    trackFocusItemLast,
-    trackFocusActionParent,
-    trackFocusRegionPanelItem,
-    trackFocusLoadMoreBtn
-  } = (0, import_useFocusTracker.useFocusTracker)();
-  const config = import_react.default.useMemo(
-    () => ({
-      onFocus: () => {
-        trackFocusRegionPanel(isDestinationPanel);
-      }
-    }),
-    [trackFocusRegionPanel, isDestinationPanel]
-  );
-  const onPanelFocus = (0, import_ds_utilities.useOnSpecificFocus)(config);
-  const onPanelKeyDown = import_react.default.useCallback(
-    (e) => {
-      const { key } = e;
-      if (isDragging) {
-        e.preventDefault();
-        return;
-      }
-      if (["Home", "End", "ArrowUp", "ArrowDown"].includes(key)) {
-        e.preventDefault();
-        e.stopPropagation();
-        trackFocusRegionPanelItem(isDestinationPanel);
-        trackFocusActionParent();
-        if (key === "ArrowDown" || key === "Home")
-          trackFocusItemFirst();
-        if (key === "ArrowUp" || key === "End") {
-          if (withLoadMore)
-            trackFocusLoadMoreBtn();
-          else
-            trackFocusItemLast();
-        }
-      }
-    },
-    [
-      isDragging,
-      isDestinationPanel,
-      trackFocusActionParent,
-      trackFocusItemFirst,
-      trackFocusItemLast,
-      trackFocusLoadMoreBtn,
-      trackFocusRegionPanelItem,
-      withLoadMore
-    ]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    StyledListWrapperMid,
-    {
-      onFocus: onPanelFocus,
-      onKeyDown: onPanelKeyDown,
-      tabIndex: 0,
-      ref: innerRefHandlerParentItem,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledMidScroller, { ref: virtualRef, children: [
-          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadingItems.LoadingItems, { ...panelMetaInfo }) : null,
-          showEmptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyItems.EmptyItems, { ...panelMetaInfo }) : null,
-          showItems ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ItemListWrapper.ItemListWrapperWithContext, { ...panelMetaInfo }) : null
-        ] }),
-        hasMultipleSelection ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultipleSelectionAction.MultipleSelectionAction, { isDestinationPanel }) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledListWrapperMid, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledMidScroller, { children: [
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadingItems.LoadingItems, { ...panelMetaInfo }) : null,
+    showEmptyMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyItems.EmptyItems, { ...panelMetaInfo }) : null,
+    showItems ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ItemListWrapper.ItemListWrapper, { ...panelMetaInfo }) : null
+  ] }) });
 });
 //# sourceMappingURL=PanelContentMiddleSection.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Panel/middle/PanelContentMiddleSection.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useOnSpecificFocus } from '@elliemae/ds-utilities';\n\nimport { usePropsStore, useInternalStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { ItemListWrapperWithContext } from './ItemListWrapper';\nimport { EmptyItems } from './EmptyItems';\nimport { useFocusTracker } from '../../../config/useFocusTracker';\n\nimport { LoadingItems } from './LoadingItems';\nimport { MultipleSelectionAction } from './MultipleSelectionAction';\nimport { REGIONS_FOCUSES } from '../../../constants';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions';\n\nconst useInnerRefHandlers = (isDestinationPanel: boolean) => {\n  const focusRegion = useInternalStore((state) => state.focusRegion);\n  const focusItem = useInternalStore((state) => state.focusItem);\n  const focusItemAction = useInternalStore((state) => state.focusItemAction);\n  const currRegion = isDestinationPanel ? REGIONS_FOCUSES.DESTINATION_PANEL : REGIONS_FOCUSES.SOURCE_PANEL;\n\n  const shouldFocus = React.useMemo(\n    () => focusRegion === currRegion && focusItem === '' && focusItemAction === '',\n    [currRegion, focusItem, focusItemAction, focusRegion],\n  );\n\n  const innerRefHandlerParentItem = React.useCallback(\n    (node: HTMLDivElement) => {\n      if (shouldFocus) {\n        node?.focus();\n      }\n    },\n    [shouldFocus],\n  );\n  return React.useMemo(() => ({ shouldFocus, innerRefHandlerParentItem }), [shouldFocus, 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: none;\n\n    &::after {\n      position: absolute;\n      content: ' ';\n      outline: 2px solid brand-700;\n      outline-offset: -2px;\n      width: 100%;\n      height: 100%;\n    }\n  }\n`;\nconst StyledMidScroller = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_MID })`\n  overflow: auto;\n  max-height: '500px';\n`;\nexport const PanelContentMiddleSection = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = 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 = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationVirtualRef : state.sourceVirtualRef,\n  );\n\n  const destinationHasMultipleSelectedItems = useInternalStore((store) => store.destinationHasMultipleSelectedItems);\n  const sourceHasMultipleSelectedItems = useInternalStore((store) => store.sourceHasMultipleSelectedItems);\n  const hasMultipleSelection = isDestinationPanel\n    ? destinationHasMultipleSelectedItems\n    : sourceHasMultipleSelectedItems;\n  const isDragging = useInternalStore((state) => state.lastActiveId !== '');\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    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\n      if (isDragging) {\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') trackFocusItemFirst();\n        if (key === 'ArrowUp' || key === 'End') {\n          if (withLoadMore) trackFocusLoadMoreBtn();\n          else trackFocusItemLast();\n        }\n      }\n    },\n    [\n      isDragging,\n      isDestinationPanel,\n      trackFocusActionParent,\n      trackFocusItemFirst,\n      trackFocusItemLast,\n      trackFocusLoadMoreBtn,\n      trackFocusRegionPanelItem,\n      withLoadMore,\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 isDestinationPanel={isDestinationPanel} /> : null}\n    </StyledListWrapperMid>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { ItemListWrapper } from './ItemListWrapper';\nimport { EmptyItems } from './EmptyItems';\nimport { LoadingItems } from './LoadingItems';\n\nconst StyledListWrapperMid = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper-mid' })`\n  overflow: hidden;\n`;\nconst StyledMidScroller = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper-mid' })`\n  overflow: auto;\n`;\nexport const PanelContentMiddleSection = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = 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  return (\n    <StyledListWrapperMid>\n      <StyledMidScroller>\n        {isLoading ? <LoadingItems {...panelMetaInfo} /> : null}\n        {showEmptyMessage ? <EmptyItems {...panelMetaInfo} /> : null}\n        {showItems ? <ItemListWrapper {...panelMetaInfo} /> : null}\n      </StyledMidScroller>\n    </StyledListWrapperMid>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BjB;AA1BN,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,sBAA8B;AAE9B,6BAAgC;AAChC,wBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,2BAAuB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,mBAAmB,CAAC;AAAA;AAAA;AAG7F,MAAM,wBAAoB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,mBAAmB,CAAC;AAAA;AAAA;AAGnF,MAAM,4BAA4B,aAAAA,QAAM,KAAK,CAAC,kBAA8C;AACjG,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,kBAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,gBAAgB,SAAS,MAAM,WAAW;AAAA,EACvE;AACA,QAAM,gBAAY,+BAAc,CAAC,UAAW,qBAAqB,MAAM,uBAAuB,MAAM,eAAgB;AACpH,QAAM,mBAAmB,CAAC,aAAa,gBAAgB;AACvD,QAAM,YAAY,CAAC,aAAa,CAAC;AAEjC,SACE,4CAAC,wBACC,uDAAC,qBACE;AAAA,gBAAY,4CAAC,oCAAc,GAAG,eAAe,IAAK;AAAA,IAClD,mBAAmB,4CAAC,gCAAY,GAAG,eAAe,IAAK;AAAA,IACvD,YAAY,4CAAC,0CAAiB,GAAG,eAAe,IAAK;AAAA,KACxD,GACF;AAEJ,CAAC;",
   "names": ["React"]
 }

package/dist/cjs/parts/Panel/top/PanelContentTopSection.js

@@ -35,8 +35,7 @@ var import_ds_grid = require("@elliemae/ds-grid");
 var import_useStore = require("../../../config/useStore");
 var import_SelectionHeader = require("./SelectionHeader");
 var import_PanelFilterSection = require("./PanelFilterSection");
-var import_DSShuttleV2Definitions = require("../../../config/DSShuttleV2Definitions");
-const StyledListWrapperTop = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.LIST_WRAPPER_TOP })``;
+const StyledListWrapperTop = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "list-wrapper-top" })``;
 const PanelContentTopSection = (panelMetaInfo) => {
   const { isDestinationPanel = false } = panelMetaInfo;
   const isSearchBarOpen = (0, import_useStore.usePropsStore)(

package/dist/cjs/parts/Panel/top/PanelContentTopSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Panel/top/PanelContentTopSection.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { SelectionHeader } from './SelectionHeader';\nimport { PanelFilterSection } from './PanelFilterSection';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions';\n\nconst StyledListWrapperTop = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER_TOP })``;\n\nexport const PanelContentTopSection = (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n  const isSearchBarOpen = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationShowSearchbar : state.sourceShowSearchbar,\n  );\n  const topSectionRows = React.useMemo(() => {\n    const cols = [];\n    if (isSearchBarOpen) cols.push('auto');\n    cols.push('auto');\n    return cols;\n  }, [isSearchBarOpen]);\n  return (\n    <StyledListWrapperTop rows={topSectionRows}>\n      {isSearchBarOpen ? <PanelFilterSection {...panelMetaInfo} /> : null}\n      <SelectionHeader {...panelMetaInfo} />\n    </StyledListWrapperTop>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAvBJ,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,sBAA8B;AAE9B,6BAAgC;AAChC,gCAAmC;AACnC,oCAAkD;AAElD,MAAM,2BAAuB,yBAAO,qBAAM,EAAE,MAAM,+CAAiB,MAAM,+CAAiB,iBAAiB,CAAC;AAErG,MAAM,yBAAyB,CAAC,kBAA8C;AACnF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,sBAAkB;AAAA,IAAc,CAAC,UACrC,qBAAqB,MAAM,2BAA2B,MAAM;AAAA,EAC9D;AACA,QAAM,iBAAiB,aAAAA,QAAM,QAAQ,MAAM;AACzC,UAAM,OAAO,CAAC;AACd,QAAI;AAAiB,WAAK,KAAK,MAAM;AACrC,SAAK,KAAK,MAAM;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,CAAC;AACpB,SACE,6CAAC,wBAAqB,MAAM,gBACzB;AAAA,sBAAkB,4CAAC,gDAAoB,GAAG,eAAe,IAAK;AAAA,IAC/D,4CAAC,0CAAiB,GAAG,eAAe;AAAA,KACtC;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { SelectionHeader } from './SelectionHeader';\nimport { PanelFilterSection } from './PanelFilterSection';\n\nconst StyledListWrapperTop = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper-top' })``;\n\nexport const PanelContentTopSection = (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n  const isSearchBarOpen = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationShowSearchbar : state.sourceShowSearchbar,\n  );\n  const topSectionRows = React.useMemo(() => {\n    const cols = [];\n    if (isSearchBarOpen) cols.push('auto');\n    cols.push('auto');\n    return cols;\n  }, [isSearchBarOpen]);\n  return (\n    <StyledListWrapperTop rows={topSectionRows}>\n      {isSearchBarOpen ? <PanelFilterSection {...panelMetaInfo} /> : null}\n      <SelectionHeader {...panelMetaInfo} />\n    </StyledListWrapperTop>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,sBAA8B;AAE9B,6BAAgC;AAChC,gCAAmC;AAEnC,MAAM,2BAAuB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,mBAAmB,CAAC;AAEtF,MAAM,yBAAyB,CAAC,kBAA8C;AACnF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,sBAAkB;AAAA,IAAc,CAAC,UACrC,qBAAqB,MAAM,2BAA2B,MAAM;AAAA,EAC9D;AACA,QAAM,iBAAiB,aAAAA,QAAM,QAAQ,MAAM;AACzC,UAAM,OAAO,CAAC;AACd,QAAI;AAAiB,WAAK,KAAK,MAAM;AACrC,SAAK,KAAK,MAAM;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,CAAC;AACpB,SACE,6CAAC,wBAAqB,MAAM,gBACzB;AAAA,sBAAkB,4CAAC,gDAAoB,GAAG,eAAe,IAAK;AAAA,IAC/D,4CAAC,0CAAiB,GAAG,eAAe;AAAA,KACtC;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/parts/Panel/top/PanelFilterSection.js

@@ -34,12 +34,11 @@ var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
 var import_useStore = require("../../../config/useStore");
-var import_DSShuttleV2Definitions = require("../../../config/DSShuttleV2Definitions");
-const StyledSearchWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.AREA_SEARCH_WRAPPER })`
+const StyledSearchWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "area-search-wrapper" })`
   border-bottom: 1px solid neutral-400;
   border-radius: 0;
 `;
-const StyledInputText = (0, import_ds_system.styled)(import_ds_form_input_text.DSInputText, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.AREA_SEARCH_BAR })`
+const StyledInputText = (0, import_ds_system.styled)(import_ds_form_input_text.DSInputText, { name: "ds-shuttle-v2", slot: "area-search-bar" })`
   border: none;
   :focus {
     border-radius: 0;

package/dist/cjs/parts/Panel/top/PanelFilterSection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Panel/top/PanelFilterSection.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions';\n\nconst StyledSearchWrapper = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.AREA_SEARCH_WRAPPER })`\n  border-bottom: 1px solid neutral-400;\n  border-radius: 0;\n`;\nconst StyledInputText = styled(DSInputText, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.AREA_SEARCH_BAR })`\n  border: none;\n  :focus {\n    border-radius: 0;\n  }\n`;\n\nexport const PanelFilterSection = (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n  const onFilterCb = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationFilterChange : state.onSourceFilterChange,\n  );\n  const filterValue = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationFilterValue : state.sourceFilterValue,\n  );\n  const handleFilterChange = React.useCallback(\n    (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => {\n      onFilterCb?.(`${value}`, { event });\n    },\n    [onFilterCb],\n  );\n  return (\n    <StyledSearchWrapper>\n      <StyledInputText value={filterValue} onValueChange={handleFilterChange} />\n    </StyledSearchWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCjB;AAnCN,mBAAkB;AAClB,qBAAqB;AACrB,uBAAuB;AACvB,gCAA4B;AAC5B,sBAA8B;AAE9B,oCAAkD;AAElD,MAAM,0BAAsB,yBAAO,qBAAM,EAAE,MAAM,+CAAiB,MAAM,+CAAiB,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAI9G,MAAM,sBAAkB,yBAAO,uCAAa,EAAE,MAAM,+CAAiB,MAAM,+CAAiB,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtG,MAAM,qBAAqB,CAAC,kBAA8C;AAC/E,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,iBAAa;AAAA,IAAc,CAAC,UAChC,qBAAqB,MAAM,4BAA4B,MAAM;AAAA,EAC/D;AACA,QAAM,kBAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,yBAAyB,MAAM;AAAA,EAC5D;AACA,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,OAAwB,UAA+C;AACtE,mBAAa,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,SACE,4CAAC,uBACC,sDAAC,mBAAgB,OAAO,aAAa,eAAe,oBAAoB,GAC1E;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\n\nconst StyledSearchWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'area-search-wrapper' })`\n  border-bottom: 1px solid neutral-400;\n  border-radius: 0;\n`;\nconst StyledInputText = styled(DSInputText, { name: 'ds-shuttle-v2', slot: 'area-search-bar' })`\n  border: none;\n  :focus {\n    border-radius: 0;\n  }\n`;\n\nexport const PanelFilterSection = (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n  const onFilterCb = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationFilterChange : state.onSourceFilterChange,\n  );\n  const filterValue = usePropsStore((state) =>\n    isDestinationPanel ? state.destinationFilterValue : state.sourceFilterValue,\n  );\n  const handleFilterChange = React.useCallback(\n    (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => {\n      onFilterCb?.(`${value}`, { event });\n    },\n    [onFilterCb],\n  );\n  return (\n    <StyledSearchWrapper>\n      <StyledInputText value={filterValue} onValueChange={handleFilterChange} />\n    </StyledSearchWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCjB;AAlCN,mBAAkB;AAClB,qBAAqB;AACrB,uBAAuB;AACvB,gCAA4B;AAC5B,sBAA8B;AAG9B,MAAM,0BAAsB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAI/F,MAAM,sBAAkB,yBAAO,uCAAa,EAAE,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,qBAAqB,CAAC,kBAA8C;AAC/E,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,iBAAa;AAAA,IAAc,CAAC,UAChC,qBAAqB,MAAM,4BAA4B,MAAM;AAAA,EAC/D;AACA,QAAM,kBAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,yBAAyB,MAAM;AAAA,EAC5D;AACA,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,OAAwB,UAA+C;AACtE,mBAAa,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,SACE,4CAAC,uBACC,sDAAC,mBAAgB,OAAO,aAAa,eAAe,oBAAoB,GAC1E;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/parts/Panel/top/SelectionHeader.js

@@ -34,19 +34,15 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_useStore = require("../../../config/useStore");
-var import_DSShuttleV2Definitions = require("../../../config/DSShuttleV2Definitions");
-const StyledSelectionHeaderWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
-  name: import_DSShuttleV2Definitions.DSShuttleV2Name,
-  slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.AREA_SELECTION_HEADER
-})`
+const StyledSelectionHeaderWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "area-selection-header" })`
   line-height: 1;
   font-size: 1rem;
   background-color: neutral-000;
   border-bottom: 1px solid neutral-400;
 `;
 const StyledSelectionHeaderCountLabel = (0, import_ds_system.styled)("div", {
-  name: import_DSShuttleV2Definitions.DSShuttleV2Name,
-  slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.AREA_SELECTION_HEADER_COUNT_LABEL
+  name: "ds-shuttle-v2",
+  slot: "area-selection-header-count-label"
 })`
   text-align: end;
   color: neutral-500;

package/dist/cjs/parts/Panel/top/SelectionHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Panel/top/SelectionHeader.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSControlledCheckbox, type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore, useInternalStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../../../config/DSShuttleV2Definitions';\n\nconst StyledSelectionHeaderWrapper = styled(Grid, {\n  name: DSShuttleV2Name,\n  slot: DSShuttleV2Slots.AREA_SELECTION_HEADER,\n})`\n  line-height: 1;\n  font-size: 1rem;\n  background-color: neutral-000;\n  border-bottom: 1px solid neutral-400;\n`;\nconst StyledSelectionHeaderCountLabel = styled('div', {\n  name: DSShuttleV2Name,\n  slot: DSShuttleV2Slots.AREA_SELECTION_HEADER_COUNT_LABEL,\n})`\n  text-align: end;\n  color: neutral-500;\n`;\n\nconst wrapperCols = ['auto', '1fr'];\nexport const SelectionHeader = React.memo(({ isDestinationPanel = false }: DSShuttleV2T.PanelMetaInfo) => {\n  const selectionableItems = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableData : state.sourceSelectionableData,\n  );\n  const ariaControls = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableIds : state.sourceSelectionableIds,\n  );\n  const onSelectionChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n  const selectionLength = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionItemArray.length : state.sourceSelectionItemArray.length,\n  );\n  const checkboxValue = React.useMemo(() => {\n    let newVal: boolean | 'mixed' = false;\n    if (selectionLength > 0)\n      if (selectionLength === selectionableItems.length) newVal = true;\n      else newVal = 'mixed';\n    return newVal;\n  }, [selectionableItems.length, selectionLength]);\n\n  const handleSelectAll = React.useCallback<DSControlledCheckboxT.InternalProps['onChange']>(\n    (_, event) => {\n      if (checkboxValue === true) {\n        onSelectionChange({}, { event });\n      } else {\n        const newSelection: DSShuttleV2T.InternalProps['sourceSelectedItems'] = {};\n        selectionableItems.forEach((selectableItem) => {\n          newSelection[selectableItem.original.id] = true;\n        });\n        onSelectionChange(newSelection, { event });\n      }\n    },\n    [checkboxValue, onSelectionChange, selectionableItems],\n  );\n\n  return (\n    <StyledSelectionHeaderWrapper cols={wrapperCols} justifyContent=\"center\" alignItems=\"center\" py=\"7px\" px=\"xxs2\">\n      <Grid justifyContent=\"center\" alignItems=\"center\">\n        <DSControlledCheckbox\n          checked={checkboxValue}\n          aria-label={`${checkboxValue === true ? 'Deselect' : 'Select'} all ${\n            isDestinationPanel ? 'destination' : 'source'\n          } items`}\n          onChange={handleSelectAll}\n          aria-controls={ariaControls}\n          disabled={selectionableItems.length === 0}\n        />\n      </Grid>\n      <StyledSelectionHeaderCountLabel>{selectionLength} selected</StyledSelectionHeaderCountLabel>\n    </StyledSelectionHeaderWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEf;AAjER,mBAAkB;AAClB,uBAAuB;AACvB,8BAAiE;AACjE,qBAAqB;AACrB,sBAAgD;AAEhD,oCAAkD;AAElD,MAAM,mCAA+B,yBAAO,qBAAM;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,+CAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAMD,MAAM,sCAAkC,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,+CAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,CAAC,QAAQ,KAAK;AAC3B,MAAM,kBAAkB,aAAAA,QAAM,KAAK,CAAC,EAAE,qBAAqB,MAAM,MAAkC;AACxG,QAAM,yBAAqB;AAAA,IAAiB,CAAC,UAC3C,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,mBAAe;AAAA,IAAiB,CAAC,UACrC,qBAAqB,MAAM,8BAA8B,MAAM;AAAA,EACjE;AACA,QAAM,wBAAoB;AAAA,IAAc,CAAC,UACvC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,sBAAkB;AAAA,IAAiB,CAAC,UACxC,qBAAqB,MAAM,8BAA8B,SAAS,MAAM,yBAAyB;AAAA,EACnG;AACA,QAAM,gBAAgB,aAAAA,QAAM,QAAQ,MAAM;AACxC,QAAI,SAA4B;AAChC,QAAI,kBAAkB;AACpB,UAAI,oBAAoB,mBAAmB;AAAQ,iBAAS;AAAA;AACvD,iBAAS;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,QAAQ,eAAe,CAAC;AAE/C,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,GAAG,UAAU;AACZ,UAAI,kBAAkB,MAAM;AAC1B,0BAAkB,CAAC,GAAG,EAAE,MAAM,CAAC;AAAA,MACjC,OAAO;AACL,cAAM,eAAkE,CAAC;AACzE,2BAAmB,QAAQ,CAAC,mBAAmB;AAC7C,uBAAa,eAAe,SAAS,MAAM;AAAA,QAC7C,CAAC;AACD,0BAAkB,cAAc,EAAE,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,IACA,CAAC,eAAe,mBAAmB,kBAAkB;AAAA,EACvD;AAEA,SACE,6CAAC,gCAA6B,MAAM,aAAa,gBAAe,UAAS,YAAW,UAAS,IAAG,OAAM,IAAG,QACvG;AAAA,gDAAC,uBAAK,gBAAe,UAAS,YAAW,UACvC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,cAAY,GAAG,kBAAkB,OAAO,aAAa,gBACnD,qBAAqB,gBAAgB;AAAA,QAEvC,UAAU;AAAA,QACV,iBAAe;AAAA,QACf,UAAU,mBAAmB,WAAW;AAAA;AAAA,IAC1C,GACF;AAAA,IACA,6CAAC,mCAAiC;AAAA;AAAA,MAAgB;AAAA,OAAS;AAAA,KAC7D;AAEJ,CAAC;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSControlledCheckbox, type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore, useInternalStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\n\nconst StyledSelectionHeaderWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'area-selection-header' })`\n  line-height: 1;\n  font-size: 1rem;\n  background-color: neutral-000;\n  border-bottom: 1px solid neutral-400;\n`;\nconst StyledSelectionHeaderCountLabel = styled('div', {\n  name: 'ds-shuttle-v2',\n  slot: 'area-selection-header-count-label',\n})`\n  text-align: end;\n  color: neutral-500;\n`;\n\nconst wrapperCols = ['auto', '1fr'];\nexport const SelectionHeader = React.memo(({ isDestinationPanel = false }: DSShuttleV2T.PanelMetaInfo) => {\n  const selectionableItems = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableData : state.sourceSelectionableData,\n  );\n  const ariaControls = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionableIds : state.sourceSelectionableIds,\n  );\n  const onSelectionChange = usePropsStore((state) =>\n    isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n  );\n  const selectionLength = useInternalStore((state) =>\n    isDestinationPanel ? state.destinationSelectionItemArray.length : state.sourceSelectionItemArray.length,\n  );\n  const checkboxValue = React.useMemo(() => {\n    let newVal: boolean | 'mixed' = false;\n    if (selectionLength > 0)\n      if (selectionLength === selectionableItems.length) newVal = true;\n      else newVal = 'mixed';\n    return newVal;\n  }, [selectionableItems.length, selectionLength]);\n\n  const handleSelectAll = React.useCallback<DSControlledCheckboxT.InternalProps['onChange']>(\n    (_, event) => {\n      if (checkboxValue === true) {\n        onSelectionChange({}, { event });\n      } else {\n        const newSelection: DSShuttleV2T.InternalProps['sourceSelectedItems'] = {};\n        selectionableItems.forEach((selectableItem) => {\n          newSelection[selectableItem.original.id] = true;\n        });\n        onSelectionChange(newSelection, { event });\n      }\n    },\n    [checkboxValue, onSelectionChange, selectionableItems],\n  );\n\n  return (\n    <StyledSelectionHeaderWrapper cols={wrapperCols} justifyContent=\"center\" alignItems=\"center\" py=\"7px\" px=\"xxs2\">\n      <Grid justifyContent=\"center\" alignItems=\"center\">\n        <DSControlledCheckbox\n          checked={checkboxValue}\n          aria-label={`${checkboxValue === true ? 'Deselect' : 'Select'} all ${\n            isDestinationPanel ? 'destination' : 'source'\n          } items`}\n          onChange={handleSelectAll}\n          aria-controls={ariaControls}\n          disabled={selectionableItems.length === 0}\n        />\n      </Grid>\n      <StyledSelectionHeaderCountLabel>{selectionLength} selected</StyledSelectionHeaderCountLabel>\n    </StyledSelectionHeaderWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6Df;AA7DR,mBAAkB;AAClB,uBAAuB;AACvB,8BAAiE;AACjE,qBAAqB;AACrB,sBAAgD;AAGhD,MAAM,mCAA+B,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1G,MAAM,sCAAkC,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,CAAC,QAAQ,KAAK;AAC3B,MAAM,kBAAkB,aAAAA,QAAM,KAAK,CAAC,EAAE,qBAAqB,MAAM,MAAkC;AACxG,QAAM,yBAAqB;AAAA,IAAiB,CAAC,UAC3C,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,mBAAe;AAAA,IAAiB,CAAC,UACrC,qBAAqB,MAAM,8BAA8B,MAAM;AAAA,EACjE;AACA,QAAM,wBAAoB;AAAA,IAAc,CAAC,UACvC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,sBAAkB;AAAA,IAAiB,CAAC,UACxC,qBAAqB,MAAM,8BAA8B,SAAS,MAAM,yBAAyB;AAAA,EACnG;AACA,QAAM,gBAAgB,aAAAA,QAAM,QAAQ,MAAM;AACxC,QAAI,SAA4B;AAChC,QAAI,kBAAkB;AACpB,UAAI,oBAAoB,mBAAmB;AAAQ,iBAAS;AAAA;AACvD,iBAAS;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,QAAQ,eAAe,CAAC;AAE/C,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,GAAG,UAAU;AACZ,UAAI,kBAAkB,MAAM;AAC1B,0BAAkB,CAAC,GAAG,EAAE,MAAM,CAAC;AAAA,MACjC,OAAO;AACL,cAAM,eAAkE,CAAC;AACzE,2BAAmB,QAAQ,CAAC,mBAAmB;AAC7C,uBAAa,eAAe,SAAS,MAAM;AAAA,QAC7C,CAAC;AACD,0BAAkB,cAAc,EAAE,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,IACA,CAAC,eAAe,mBAAmB,kBAAkB;AAAA,EACvD;AAEA,SACE,6CAAC,gCAA6B,MAAM,aAAa,gBAAe,UAAS,YAAW,UAAS,IAAG,OAAM,IAAG,QACvG;AAAA,gDAAC,uBAAK,gBAAe,UAAS,YAAW,UACvC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,cAAY,GAAG,kBAAkB,OAAO,aAAa,gBACnD,qBAAqB,gBAAgB;AAAA,QAEvC,UAAU;AAAA,QACV,iBAAe;AAAA,QACf,UAAU,mBAAmB,WAAW;AAAA;AAAA,IAC1C,GACF;AAAA,IACA,6CAAC,mCAAiC;AAAA;AAAA,MAAgB;AAAA,OAAS;AAAA,KAC7D;AAEJ,CAAC;",
   "names": ["React"]
 }

package/dist/cjs/parts/PanelWrapper.js

@@ -36,12 +36,11 @@ var import_Header = require("./Header");
 var import_PanelContentTopSection = require("./Panel/top/PanelContentTopSection");
 var import_PanelContentMiddleSection = require("./Panel/middle/PanelContentMiddleSection");
 var import_PanelContentBottomSection = require("./Panel/bottom/PanelContentBottomSection");
-var import_DSShuttleV2Definitions = require("../config/DSShuttleV2Definitions");
-const StyledPanelWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.PANEL_WRAPPER })`
+const StyledPanelWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "panel-wrapper" })`
   min-width: 300px;
   min-height: 264px;
 `;
-const StyledListWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_DSShuttleV2Definitions.DSShuttleV2Name, slot: import_DSShuttleV2Definitions.DSShuttleV2Slots.LIST_WRAPPER })`
+const StyledListWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: "ds-shuttle-v2", slot: "list-wrapper" })`
   border: 1px solid neutral-400;
 `;
 const panelWrapperRows = ["auto", "1fr"];

package/dist/cjs/parts/PanelWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/PanelWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { Header } from './Header';\nimport { PanelContentTopSection } from './Panel/top/PanelContentTopSection';\nimport { PanelContentMiddleSection } from './Panel/middle/PanelContentMiddleSection';\nimport { PanelContentBottomSection } from './Panel/bottom/PanelContentBottomSection';\nimport { DSShuttleV2Name, DSShuttleV2Slots } from '../config/DSShuttleV2Definitions';\n\nconst StyledPanelWrapper = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.PANEL_WRAPPER })`\n  min-width: 300px;\n  min-height: 264px;\n`;\nconst StyledListWrapper = styled(Grid, { name: DSShuttleV2Name, slot: DSShuttleV2Slots.LIST_WRAPPER })`\n  border: 1px solid neutral-400;\n`;\nconst panelWrapperRows = ['auto', '1fr'];\nconst listWrapperRows = ['auto', '1fr', 'auto'];\n\nexport const PanelWrapper = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n\n  return (\n    <StyledPanelWrapper rows={panelWrapperRows} gutter=\"xxxs\">\n      <Header isDestinationPanel={isDestinationPanel} />\n      <StyledListWrapper rows={listWrapperRows}>\n        <PanelContentTopSection {...panelMetaInfo} />\n        <PanelContentMiddleSection {...panelMetaInfo} />\n        <PanelContentBottomSection {...panelMetaInfo} />\n      </StyledListWrapper>\n    </StyledPanelWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBjB;AAzBN,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AAErB,oBAAuB;AACvB,oCAAuC;AACvC,uCAA0C;AAC1C,uCAA0C;AAC1C,oCAAkD;AAElD,MAAM,yBAAqB,yBAAO,qBAAM,EAAE,MAAM,+CAAiB,MAAM,+CAAiB,cAAc,CAAC;AAAA;AAAA;AAAA;AAIvG,MAAM,wBAAoB,yBAAO,qBAAM,EAAE,MAAM,+CAAiB,MAAM,+CAAiB,aAAa,CAAC;AAAA;AAAA;AAGrG,MAAM,mBAAmB,CAAC,QAAQ,KAAK;AACvC,MAAM,kBAAkB,CAAC,QAAQ,OAAO,MAAM;AAEvC,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,kBAA8C;AACpF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AAEvC,SACE,6CAAC,sBAAmB,MAAM,kBAAkB,QAAO,QACjD;AAAA,gDAAC,wBAAO,oBAAwC;AAAA,IAChD,6CAAC,qBAAkB,MAAM,iBACvB;AAAA,kDAAC,wDAAwB,GAAG,eAAe;AAAA,MAC3C,4CAAC,8DAA2B,GAAG,eAAe;AAAA,MAC9C,4CAAC,8DAA2B,GAAG,eAAe;AAAA,OAChD;AAAA,KACF;AAEJ,CAAC;",
+  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { Header } from './Header';\nimport { PanelContentTopSection } from './Panel/top/PanelContentTopSection';\nimport { PanelContentMiddleSection } from './Panel/middle/PanelContentMiddleSection';\nimport { PanelContentBottomSection } from './Panel/bottom/PanelContentBottomSection';\n\nconst StyledPanelWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'panel-wrapper' })`\n  min-width: 300px;\n  min-height: 264px;\n`;\nconst StyledListWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper' })`\n  border: 1px solid neutral-400;\n`;\nconst panelWrapperRows = ['auto', '1fr'];\nconst listWrapperRows = ['auto', '1fr', 'auto'];\nexport const PanelWrapper = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n  const { isDestinationPanel = false } = panelMetaInfo;\n\n  return (\n    <StyledPanelWrapper rows={panelWrapperRows} gutter=\"xxxs\">\n      <Header isDestinationPanel={isDestinationPanel} />\n      <StyledListWrapper rows={listWrapperRows}>\n        <PanelContentTopSection {...panelMetaInfo} />\n        <PanelContentMiddleSection {...panelMetaInfo} />\n        <PanelContentBottomSection {...panelMetaInfo} />\n      </StyledListWrapper>\n    </StyledPanelWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAvBN,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AAErB,oBAAuB;AACvB,oCAAuC;AACvC,uCAA0C;AAC1C,uCAA0C;AAE1C,MAAM,yBAAqB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAIxF,MAAM,wBAAoB,yBAAO,qBAAM,EAAE,MAAM,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA;AAGtF,MAAM,mBAAmB,CAAC,QAAQ,KAAK;AACvC,MAAM,kBAAkB,CAAC,QAAQ,OAAO,MAAM;AACvC,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,kBAA8C;AACpF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AAEvC,SACE,6CAAC,sBAAmB,MAAM,kBAAkB,QAAO,QACjD;AAAA,gDAAC,wBAAO,oBAAwC;AAAA,IAChD,6CAAC,qBAAkB,MAAM,iBACvB;AAAA,kDAAC,wDAAwB,GAAG,eAAe;AAAA,MAC3C,4CAAC,8DAA2B,GAAG,eAAe;AAAA,MAC9C,4CAAC,8DAA2B,GAAG,eAAe;AAAA,OAChD;AAAA,KACF;AAEJ,CAAC;",
   "names": ["React"]
 }

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

@@ -32,30 +32,18 @@ var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const defaultProps = {
   sourceWithSoftDelete: false,
-  addDragAndDropFromSource: false,
+  removeDragAndDropFromSource: false,
   sourceIsLoading: false,
   sourceWithLoadMore: false,
   sourceIsLoadingMore: false,
   onSourceLoadMore: () => {
   },
-  onSourceChange: () => {
-  },
-  onSourceAdd: () => {
-  },
-  onSourceRemove: () => {
-  },
   destinationWithSoftDelete: false,
-  removeDragAndDropFromDestination: false,
+  addDragAndDropToDestiantion: false,
   destinationIsLoading: false,
   destinationWithLoadMore: false,
   destinationIsLoadingMore: false,
   onDestinationLoadMore: () => {
-  },
-  onDestinationChange: () => {
-  },
-  onDestinationAdd: () => {
-  },
-  onDestinationRemove: () => {
   }
 };
 const DSSkeletonPropTypes = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button';\nimport { type useSortable } from '@elliemae/ds-drag-and-drop';\n\nexport declare namespace DSShuttleV2T {\n  export type PanelMetaInfo = { isDestinationPanel: boolean };\n  export interface ItemMeta extends PanelMetaInfo {\n    item: DSShuttleV2T.ConfiguredDatum;\n    withDragNDrop: boolean;\n    useSortableHelpers?: ReturnType<typeof useSortable>;\n  }\n\n  export interface Datum extends Record<string, unknown> {\n    id: string;\n    label: string;\n    subtitle?: string;\n    Icon?: React.ComponentType<ItemMeta>;\n    CustomRenderer?: React.ComponentType<ItemMeta>;\n    softDeleted?: boolean;\n    preventDrilldown?: boolean;\n    preventMove?: boolean;\n  }\n  export interface ConfiguredDatum {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    original: Datum;\n    localIndex: number;\n  }\n\n  type SelectionMap = Record<string, boolean>;\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 OnReorderEvent = (newData: Datum[], metadata: { active: Datum; targetIndex: number }) => void;\n\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\n  export interface RequiredProps {\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 {\n    sourceIsLoading: boolean;\n    sourceWithSoftDelete: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceChange: OnDataChange;\n    onSourceAdd: OnChangeEvent;\n    onSourceRemove: OnChangeEvent;\n    onSourceReorder: OnReorderEvent;\n    onSourceLoadMore: OnLoadMore;\n    addDragAndDropFromSource: boolean;\n    removeDragAndDropFromDestination: boolean;\n    destinationIsLoading: boolean;\n    destinationWithSoftDelete: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n    onDestinationChange: OnDataChange;\n    onDestinationAdd: OnChangeEvent;\n    onDestinationRemove: OnChangeEvent;\n    onDestinationReorder: OnReorderEvent;\n  }\n\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  export interface OptionalProps {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceFilterValue?: string;\n\n    onSourceFilterChange?: OnFilterChange;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    sourceShowSearchbar?: boolean;\n    destinationFilterValue?: string;\n    onDestinationFilterChange?: OnFilterChange;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n    destinationShowSearchbar?: boolean;\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  sourceWithSoftDelete: false,\n  addDragAndDropFromSource: false,\n  sourceIsLoading: false,\n  sourceWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n  onSourceChange: () => {},\n  onSourceAdd: () => {},\n  onSourceRemove: () => {},\n\n  destinationWithSoftDelete: false,\n  removeDragAndDropFromDestination: false,\n  destinationIsLoading: false,\n  destinationWithLoadMore: false,\n  destinationIsLoadingMore: false,\n  onDestinationLoadMore: () => {},\n  onDestinationChange: () => {},\n  onDestinationAdd: () => {},\n  onDestinationRemove: () => {},\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA4D;AAmJrD,MAAM,eAA0C;AAAA,EACrD,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EAEvB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,uBAAuB,MAAM;AAAA,EAAC;AAAA,EAC9B,qBAAqB,MAAM;AAAA,EAAC;AAAA,EAC5B,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,qBAAqB,MAAM;AAAA,EAAC;AAC9B;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AACL;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport { type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { type DSButtonT } from '@elliemae/ds-button';\n\nexport declare namespace DSShuttleV2T {\n  export type PanelMetaInfo = { isDestinationPanel: boolean };\n  export interface ItemMeta extends PanelMetaInfo {\n    item: DSShuttleV2T.ConfiguredDatum;\n  }\n\n  export interface Datum extends Record<string, unknown> {\n    id: string;\n    label: string;\n    subtitle?: string;\n    Icon?: React.ComponentType<ItemMeta>;\n    CustomRenderer?: React.ComponentType<ItemMeta>;\n    softDeleted?: boolean;\n    preventDrilldown?: boolean;\n    preventMove?: boolean;\n  }\n  export interface ConfiguredDatum {\n    isFirst: boolean;\n    isLast: boolean;\n    isSelected: boolean;\n    selectionPrevented: boolean;\n    withActions: boolean;\n    withMoveBtn: boolean;\n    withDrilldownBtn: boolean;\n    original: Datum;\n    localIndex: number;\n  }\n\n  type SelectionMap = Record<string, boolean>;\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  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\n  export interface RequiredProps {\n    sourceData: Datum[];\n    onSourceChange: OnDataChange;\n    sourceSelectedItems: SelectionMap;\n    onSourceSelectionChange: OnSelectionChange;\n    SourceHeader: React.ComponentType<unknown>;\n    onSourceDrilldown: OnSelectionDrilldown;\n\n    destinationData: Datum[];\n    onDestinationChange: OnDataChange;\n    destinationSelectedItems: SelectionMap;\n    onDestinationSelectionChange: OnSelectionChange;\n    DestinationHeader: React.ComponentType<unknown>;\n    onDestinationDrilldown: OnSelectionDrilldown;\n  }\n\n  export interface DefaultProps {\n    sourceIsLoading: boolean;\n    sourceWithSoftDelete: boolean;\n    sourceWithLoadMore: boolean;\n    sourceIsLoadingMore: boolean;\n    onSourceLoadMore: OnLoadMore;\n    removeDragAndDropFromSource: boolean;\n\n    destinationIsLoading: boolean;\n    destinationWithSoftDelete: boolean;\n    destinationWithLoadMore: boolean;\n    destinationIsLoadingMore: boolean;\n    onDestinationLoadMore: OnLoadMore;\n    addDragAndDropToDestiantion: boolean;\n  }\n\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  export interface OptionalProps {\n    sourceItemProps?: Record<string, unknown>;\n    destinationItemProps?: Record<string, unknown>;\n    sourceFilterValue?: string;\n    onSourceFilterChange?: OnFilterChange;\n    onSourceOpenSearchbar?: OnSearchbarOpen;\n    sourceShowSearchbar?: boolean;\n    destinationFilterValue?: string;\n    onDestinationFilterChange?: OnFilterChange;\n    onDesinationOpenSearchbar?: OnSearchbarOpen;\n    destinationShowSearchbar?: boolean;\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  sourceWithSoftDelete: false,\n  removeDragAndDropFromSource: false,\n  sourceIsLoading: false,\n  sourceWithLoadMore: false,\n  sourceIsLoadingMore: false,\n  onSourceLoadMore: () => {},\n\n  destinationWithSoftDelete: false,\n  addDragAndDropToDestiantion: false,\n  destinationIsLoading: false,\n  destinationWithLoadMore: false,\n  destinationIsLoadingMore: false,\n  onDestinationLoadMore: () => {},\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA4D;AAgIrD,MAAM,eAA0C;AAAA,EACrD,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EAEzB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,uBAAuB,MAAM;AAAA,EAAC;AAChC;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AACL;",
   "names": []
 }

package/dist/esm/DSShuttleV2.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import React2 from "react";
 import { useShuttleV2 } from "./config/useShuttleV2";
 import {
   InternalProvider,
@@ -8,10 +9,10 @@ import {
   useShuttleV2PropsStoreConfig
 } from "./config/useStore";
 import { MainContent } from "./parts/MainContent";
-const ConfiguredComponent = (props) => {
+const ConfiguredComponent = React2.memo((props) => {
   useShuttleV2(props.userProps);
   return /* @__PURE__ */ jsx(MainContent, {});
-};
+});
 const DSShuttleV2 = (props) => {
   const createInternalStore = useShuttleV2InternalStoreConfig(props);
   const createPropsStore = useShuttleV2PropsStoreConfig(props);

package/dist/esm/DSShuttleV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSShuttleV2.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useShuttleV2 } from './config/useShuttleV2';\nimport {\n  InternalProvider,\n  PropsProvider,\n  useShuttleV2InternalStoreConfig,\n  useShuttleV2PropsStoreConfig,\n  // useInternalStore,\n} from './config/useStore';\nimport { type DSShuttleV2T } from './react-desc-prop-types';\nimport { MainContent } from './parts/MainContent';\n\nconst ConfiguredComponent = (props: { userProps: DSShuttleV2T.Props }) => {\n  useShuttleV2(props.userProps);\n  // const store = useInternalStore((state) => state);\n  // React.useEffect(() => {\n  //   console.group('-----------------------------------------');\n  //   console.groupCollapsed('Full Store');\n  //   console.log(store);\n  //   console.groupEnd();\n  //   console.groupEnd();\n  // }, [store]);\n\n  return <MainContent />;\n};\n\nexport const DSShuttleV2 = (props: DSShuttleV2T.Props) => {\n  const createInternalStore = useShuttleV2InternalStoreConfig(props);\n  const createPropsStore = useShuttleV2PropsStoreConfig(props);\n\n  return (\n    <PropsProvider createStore={createPropsStore}>\n      <InternalProvider createStore={createInternalStore}>\n        <ConfiguredComponent userProps={props} />\n      </InternalProvider>\n    </PropsProvider>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBd;AAtBT,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,mBAAmB;AAE5B,MAAM,sBAAsB,CAAC,UAA6C;AACxE,eAAa,MAAM,SAAS;AAU5B,SAAO,oBAAC,eAAY;AACtB;AAEO,MAAM,cAAc,CAAC,UAA8B;AACxD,QAAM,sBAAsB,gCAAgC,KAAK;AACjE,QAAM,mBAAmB,6BAA6B,KAAK;AAE3D,SACE,oBAAC,iBAAc,aAAa,kBAC1B,8BAAC,oBAAiB,aAAa,qBAC7B,8BAAC,uBAAoB,WAAW,OAAO,GACzC,GACF;AAEJ;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useShuttleV2 } from './config/useShuttleV2';\nimport {\n  InternalProvider,\n  PropsProvider,\n  useShuttleV2InternalStoreConfig,\n  useShuttleV2PropsStoreConfig,\n  // useInternalStore,\n} from './config/useStore';\nimport { type DSShuttleV2T } from './react-desc-prop-types';\nimport { MainContent } from './parts/MainContent';\n\nconst ConfiguredComponent = React.memo((props: { userProps: DSShuttleV2T.Props }) => {\n  useShuttleV2(props.userProps);\n  // const store = useInternalStore((state) => state);\n  // React.useEffect(() => {\n  //   console.group('-----------------------------------------');\n  //   console.groupCollapsed('Full Store');\n  //   console.log(store);\n  //   console.groupEnd();\n  //   console.groupEnd();\n  // }, [store]);\n\n  return <MainContent />;\n});\n\nexport const DSShuttleV2 = (props: DSShuttleV2T.Props) => {\n  const createInternalStore = useShuttleV2InternalStoreConfig(props);\n  const createPropsStore = useShuttleV2PropsStoreConfig(props);\n\n  return (\n    <PropsProvider createStore={createPropsStore}>\n      <InternalProvider createStore={createInternalStore}>\n        <ConfiguredComponent userProps={props} />\n      </InternalProvider>\n    </PropsProvider>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBd;AAvBT,OAAOA,YAAW;AAClB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,mBAAmB;AAE5B,MAAM,sBAAsBA,OAAM,KAAK,CAAC,UAA6C;AACnF,eAAa,MAAM,SAAS;AAU5B,SAAO,oBAAC,eAAY;AACtB,CAAC;AAEM,MAAM,cAAc,CAAC,UAA8B;AACxD,QAAM,sBAAsB,gCAAgC,KAAK;AACjE,QAAM,mBAAmB,6BAA6B,KAAK;AAE3D,SACE,oBAAC,iBAAc,aAAa,kBAC1B,8BAAC,oBAAiB,aAAa,qBAC7B,8BAAC,uBAAoB,WAAW,OAAO,GACzC,GACF;AAEJ;",
+  "names": ["React"]
 }

package/dist/esm/config/{useAutoCalculated/useDataStructure.js → configureAutoCalculated.js}

@@ -1,5 +1,4 @@
 import * as React from "react";
-import { useMemo } from "react";
 const getDatumFlags = (datum) => ({
   selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),
   withActions: !datum.softDeleted,
@@ -27,10 +26,7 @@ const configureDestination = ({ destinationData, destinationSelectedItems }) =>
       original: datum,
       localIndex: i,
       isFirst: i === 0,
-      isLast: i === destinationData.length - 1,
-      uid: datum.id,
-      depth: 0,
-      realIndex: datum.id
+      isLast: i === destinationData.length - 1
     };
     destinationConfiguredData.push(configuredItem);
     if (!datum.preventMove) {
@@ -72,10 +68,7 @@ const configureSource = ({ sourceData, sourceSelectedItems }) => {
       original: datum,
       localIndex: i,
       isFirst: i === 0,
-      isLast: i === sourceData.length - 1,
-      uid: datum.id,
-      depth: 0,
-      realIndex: datum.id
+      isLast: i === sourceData.length - 1
     };
     sourceConfiguredData.push(configuredItem);
     if (!datum.preventMove) {
@@ -96,17 +89,14 @@ const configureSource = ({ sourceData, sourceSelectedItems }) => {
     sourceSelectionableIds
   };
 };
-const useDataStructure = (propsFromUser) => {
+const configureAutoCalculated = (propsFromUser) => {
   const { sourceData, sourceSelectedItems, destinationData, destinationSelectedItems } = propsFromUser;
-  return useMemo(
-    () => ({
-      ...configureSource({ sourceData, sourceSelectedItems }),
-      ...configureDestination({ destinationData, destinationSelectedItems })
-    }),
-    [destinationData, destinationSelectedItems, sourceData, sourceSelectedItems]
-  );
+  return {
+    ...configureSource({ sourceData, sourceSelectedItems }),
+    ...configureDestination({ destinationData, destinationSelectedItems })
+  };
 };
 export {
-  useDataStructure
+  configureAutoCalculated
 };
-//# sourceMappingURL=useDataStructure.js.map
+//# sourceMappingURL=configureAutoCalculated.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/configureAutoCalculated.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSShuttleV2T } from '../react-desc-prop-types';\n\nconst getDatumFlags = (datum: DSShuttleV2T.Datum) => ({\n  selectionPrevented: Boolean(datum.softDeleted || datum.preventMove),\n  withActions: !datum.softDeleted,\n  withMoveBtn: !datum.softDeleted && !datum.preventMove,\n  withDrilldownBtn: !datum.softDeleted && !datum.preventDrilldown,\n});\n\ntype ConfigureDestinationConfig = {\n  destinationData: DSShuttleV2T.Datum[];\n  destinationSelectedItems: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\nconst configureDestination = ({ destinationData, destinationSelectedItems }: ConfigureDestinationConfig) => {\n  const destinationSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const destinationSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const destinationSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const destinationSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  destinationData.forEach((datum, i) => {\n    let isSelected = false;\n    if (destinationSelectedItems[datum.id] === true) {\n      destinationSelectionItemArray.push(datum);\n      destinationSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n    destinationSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === destinationData.length - 1,\n    };\n    destinationConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      destinationSelectionableData.push(configuredItem);\n      destinationSelectionableDataIds.push(datum.id);\n    }\n  });\n  const destinationHasMultipleSelectedItems = destinationSelectionArray.length >= 1;\n  const destinationSelectionableIds = destinationSelectionableDataIds.join(' ');\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: Record<DSShuttleV2T.Datum['id'], boolean>;\n};\n\nconst configureSource = ({ sourceData, sourceSelectedItems }: ConfigureSourceConfig) => {\n  const sourceSelectedItemsMap: Record<string, { datum: DSShuttleV2T.Datum; index: number }> = {};\n  const sourceSelectionItemArray: DSShuttleV2T.Datum[] = [];\n  const sourceSelectionArray: DSShuttleV2T.Datum['id'][] = [];\n  const sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[] = [];\n  const sourceSelectionableDataIds: DSShuttleV2T.Datum['id'][] = [];\n  sourceData.forEach((datum, i) => {\n    let isSelected = false;\n    if (sourceSelectedItems[datum.id] === true) {\n      sourceSelectionItemArray.push(datum);\n      sourceSelectionArray.push(datum.id);\n      isSelected = true;\n    }\n\n    sourceSelectedItemsMap[datum.id] = { datum, index: i };\n    const configuredItem = {\n      isSelected,\n      ...getDatumFlags(datum),\n      original: datum,\n      localIndex: i,\n      isFirst: i === 0,\n      isLast: i === sourceData.length - 1,\n    };\n    sourceConfiguredData.push(configuredItem);\n    if (!datum.preventMove) {\n      sourceSelectionableData.push(configuredItem);\n      sourceSelectionableDataIds.push(datum.id);\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 configureAutoCalculated = (propsFromUser: DSShuttleV2T.InternalProps) => {\n  const { sourceData, sourceSelectedItems, destinationData, destinationSelectedItems } = propsFromUser;\n  return {\n    ...configureSource({ sourceData, sourceSelectedItems }),\n    ...configureDestination({ destinationData, destinationSelectedItems }),\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/config/itemMovementHelpers.js

@@ -44,9 +44,6 @@ const useHandleMoveSelection = ({ isDestinationPanel }) => {
   const currOnChange = usePropsStore(
     (state) => isDestinationPanel ? state.onDestinationChange : state.onSourceChange
   );
-  const currOnRemove = usePropsStore(
-    (state) => isDestinationPanel ? state.onDestinationRemove : state.onSourceRemove
-  );
   const onSelectionChange = usePropsStore(
     (state) => isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange
   );
@@ -54,7 +51,6 @@ const useHandleMoveSelection = ({ isDestinationPanel }) => {
   const otherPanelOnChange = usePropsStore(
     (state) => isDestinationPanel ? state.onSourceChange : state.onDestinationChange
   );
-  const otherPanelOnAdd = usePropsStore((state) => isDestinationPanel ? state.onSourceAdd : state.onDestinationAdd);
   const destinationSelectionArray = useInternalStore((store) => store.destinationSelectionItemArray);
   const sourceSelectionArray = useInternalStore((store) => store.sourceSelectionItemArray);
   const selectedItems = isDestinationPanel ? destinationSelectionArray : sourceSelectionArray;
@@ -75,22 +71,10 @@ const useHandleMoveSelection = ({ isDestinationPanel }) => {
         iteratedNewOtherData = newOtherData;
       });
       currOnChange(iteratedNewCurrData, { event, selectedItems });
-      currOnRemove(selectedItems, { event });
       otherPanelOnChange(iteratedNewOtherData, { event, selectedItems });
-      otherPanelOnAdd(selectedItems, { event });
       onSelectionChange({}, { event });
     },
-    [
-      currData,
-      otherData,
-      selectedItems,
-      currOnChange,
-      currOnRemove,
-      otherPanelOnChange,
-      otherPanelOnAdd,
-      onSelectionChange,
-      currWithSoftDelete
-    ]
+    [currData, otherData, selectedItems, currOnChange, otherPanelOnChange, onSelectionChange, currWithSoftDelete]
   );
   return React2.useMemo(() => ({ moveSelection }), [moveSelection]);
 };