@elliemae/ds-shuttle-v2 3.70.0-next.4 → 3.70.0-next.40

package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid-with-datum.js

@@ -0,0 +1,159 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const aDatum = { dsId: "1", label: "Team A", seed: 1, isBracket: false };
+const testRequiredProps = {
+  destinationData: [],
+  sourceData: [aDatum],
+  DestinationHeader: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Destination" }),
+  SourceHeader: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Source" }),
+  destinationSelectedItems: {},
+  sourceSelectedItems: {},
+  onDestinationSelectionChange: () => null,
+  onSourceSelectionChange: () => null,
+  // hydraters receive the typed datum
+  getId: (item) => {
+    const { seed } = item;
+    return item.dsId;
+  },
+  getLabel: (item) => {
+    const { isBracket } = item;
+    return item.label;
+  },
+  // drilldown receives a single typed datum
+  onDestinationDrilldown: (item) => {
+    const { seed } = item;
+  },
+  onSourceDrilldown: (item) => {
+    const { seed } = item;
+  }
+};
+const { sourceData } = testRequiredProps;
+const { destinationData } = testRequiredProps;
+const testOptionalProps = {
+  sourceItemProps: {},
+  destinationItemProps: {},
+  sourceHeaderProps: {},
+  destinationHeaderProps: {},
+  sourceShowSearchbar: true,
+  destinationShowSearchbar: true,
+  onSourceOpenSearchbar: () => null,
+  onDesinationOpenSearchbar: () => null,
+  sourceFilterValue: "",
+  destinationFilterValue: "",
+  onSourceFilterChange: (value) => null,
+  onDestinationFilterChange: (value) => null,
+  // moveButtonProps / drillDownButtonProps receive ItemMeta<TournamentDatum>
+  moveButtonProps: ({ itemMeta }) => {
+    const { seed } = itemMeta.datum;
+    return {};
+  },
+  drillDownButtonProps: ({ itemMeta }) => {
+    const { isBracket } = itemMeta.datum;
+    return {};
+  },
+  checkboxSelectAllProps: () => ({}),
+  areaSearchBarProps: () => ({}),
+  // item-level slot getter receives ItemMeta<TournamentDatum> → datum is TournamentDatum
+  dsShuttlev2ItemWrapper: (itemMeta) => {
+    const { datum } = itemMeta;
+    const { seed } = itemMeta.datum;
+    return { "aria-label": "typed datum slot" };
+  },
+  // mid-section slot getter receives ItemMidSectionArguments<TournamentDatum>
+  dsShuttlev2ItemMidsectionWrapper: (args) => {
+    const { seed } = args.datum;
+    return { "aria-label": "typed datum slot" };
+  },
+  // dual-context icon slot — datum reachable (and typed) via extraMetaInfo.itemMeta
+  dsShuttlev2ItemActionBtnToDestinationIcon: ({ panelMetaInfo, extraMetaInfo }) => {
+    const { isDestinationPanel } = panelMetaInfo;
+    const datum = extraMetaInfo?.itemMeta?.datum;
+    const seed = extraMetaInfo?.itemMeta?.datum.seed;
+    return { "aria-label": "typed datum slot" };
+  }
+};
+const testDefaultPropsPartial = {
+  onSourceAdd: (itemsArg) => {
+    const items = itemsArg;
+    const firstSeed = items[0]?.seed;
+  },
+  onSourceRemove: (itemsArg) => {
+    const items = itemsArg;
+  },
+  onDestinationAdd: (itemsArg) => {
+    const items = itemsArg;
+  },
+  onDestinationRemove: (itemsArg) => {
+    const items = itemsArg;
+  },
+  onSourceReorder: (movedItem) => {
+    const { seed } = movedItem;
+  },
+  onDestinationReorder: (movedItem) => {
+    const { seed } = movedItem;
+  }
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testDefaultPropsPartial
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testDefaultPropsPartial
+};
+const BreadCrumb = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "Breadcrumb" });
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSShuttleV2, { ...testProps }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSShuttleV2,
+    {
+      sourceData: [aDatum],
+      destinationData: [],
+      DestinationHeader: BreadCrumb,
+      SourceHeader: BreadCrumb,
+      destinationSelectedItems: {},
+      sourceSelectedItems: {},
+      onDestinationSelectionChange: () => null,
+      onSourceSelectionChange: () => null,
+      getId: (item) => item.dsId,
+      getLabel: (item) => item.label,
+      onDestinationDrilldown: (item) => {
+        const { seed } = item;
+      },
+      onSourceDrilldown: (item) => {
+        const { seed } = item;
+      },
+      onSourceAdd: (items) => {
+        const seed = items[0]?.seed;
+      },
+      dsShuttlev2ItemWrapper: (itemMeta) => ({ "data-seed": String(itemMeta.datum.seed) })
+    }
+  )
+] });
+//# sourceMappingURL=typescript-shuttle-v2-valid-with-datum.js.map

package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid-with-datum.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-shuttle-v2-valid-with-datum.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSShuttleV2 } from '../index.js';\nimport type { DSShuttleV2T } from '../index.js';\n\n// =====================================================================================================\n// Typed-datum variant of typescript-shuttle-v2-valid.\n//\n// Same validity surface as the base file, but it supplies a CONCRETE datum type via the D generic and\n// asserts that D actually propagates: sourceData, hydraters, selection/drilldown/add/remove callbacks,\n// and every slot getter must surface `TournamentDatum` (not the default Record<string, unknown>).\n//\n// Each `const _x: <typed field> = ...` below reads a TournamentDatum-only field (e.g. `seed`). If the\n// generic ever stops flowing \u2014 datum collapsing back to Record<string, unknown> \u2014 `.seed` becomes\n// `unknown` and these assignments fail to compile. That is the shield.\n// =====================================================================================================\n\ninterface TournamentDatum extends Record<string, unknown> {\n  dsId: string;\n  label: string;\n  seed: number;\n  isBracket: boolean;\n}\n\ntype TypedProps = DSShuttleV2T.Props<TournamentDatum>;\ntype TypedInternalProps = DSShuttleV2T.InternalProps<TournamentDatum>;\ntype TypedDefaultProps = DSShuttleV2T.DefaultProps<TournamentDatum>;\ntype TypedOptionalProps = DSShuttleV2T.OptionalProps<TournamentDatum>;\ntype TypedRequiredProps = DSShuttleV2T.RequiredProps<TournamentDatum>;\n\nconst aDatum: TournamentDatum = { dsId: '1', label: 'Team A', seed: 1, isBracket: false };\n\nconst testRequiredProps: TypedRequiredProps = {\n  destinationData: [],\n  sourceData: [aDatum],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  // hydraters receive the typed datum\n  getId: (item) => {\n    const { seed } = item;\n    return item.dsId;\n  },\n  getLabel: (item) => {\n    const { isBracket } = item;\n    return item.label;\n  },\n  // drilldown receives a single typed datum\n  onDestinationDrilldown: (item) => {\n    const { seed } = item;\n  },\n  onSourceDrilldown: (item) => {\n    const { seed } = item;\n  },\n};\n\n// sourceData/destinationData are TournamentDatum arrays\nconst { sourceData } = testRequiredProps;\nconst { destinationData } = testRequiredProps;\n\nconst testOptionalProps: TypedOptionalProps = {\n  sourceItemProps: {},\n  destinationItemProps: {},\n  sourceHeaderProps: {},\n  destinationHeaderProps: {},\n  sourceShowSearchbar: true,\n  destinationShowSearchbar: true,\n  onSourceOpenSearchbar: () => null,\n  onDesinationOpenSearchbar: () => null,\n  sourceFilterValue: '',\n  destinationFilterValue: '',\n  onSourceFilterChange: (value: string) => null,\n  onDestinationFilterChange: (value: string) => null,\n\n  // moveButtonProps / drillDownButtonProps receive ItemMeta<TournamentDatum>\n  moveButtonProps: ({ itemMeta }) => {\n    const { seed } = itemMeta.datum;\n    return {};\n  },\n  drillDownButtonProps: ({ itemMeta }) => {\n    const { isBracket } = itemMeta.datum;\n    return {};\n  },\n\n  checkboxSelectAllProps: () => ({}),\n  areaSearchBarProps: () => ({}),\n\n  // item-level slot getter receives ItemMeta<TournamentDatum> \u2192 datum is TournamentDatum\n  dsShuttlev2ItemWrapper: (itemMeta) => {\n    const { datum } = itemMeta;\n    const { seed } = itemMeta.datum;\n    return { 'aria-label': 'typed datum slot' };\n  },\n  // mid-section slot getter receives ItemMidSectionArguments<TournamentDatum>\n  dsShuttlev2ItemMidsectionWrapper: (args) => {\n    const { seed } = args.datum;\n    return { 'aria-label': 'typed datum slot' };\n  },\n  // dual-context icon slot \u2014 datum reachable (and typed) via extraMetaInfo.itemMeta\n  dsShuttlev2ItemActionBtnToDestinationIcon: ({ panelMetaInfo, extraMetaInfo }) => {\n    const { isDestinationPanel } = panelMetaInfo;\n    const datum: TournamentDatum | undefined = extraMetaInfo?.itemMeta?.datum;\n    const seed: number | undefined = extraMetaInfo?.itemMeta?.datum.seed;\n    return { 'aria-label': 'typed datum slot' };\n  },\n};\n\n// add/remove and reorder callbacks receive arrays / items of the typed datum\nconst testDefaultPropsPartial: Partial<TypedDefaultProps> = {\n  onSourceAdd: (itemsArg) => {\n    const items: TournamentDatum[] = itemsArg;\n    const firstSeed: number | undefined = items[0]?.seed;\n  },\n  onSourceRemove: (itemsArg) => {\n    const items: TournamentDatum[] = itemsArg;\n  },\n  onDestinationAdd: (itemsArg) => {\n    const items: TournamentDatum[] = itemsArg;\n  },\n  onDestinationRemove: (itemsArg) => {\n    const items: TournamentDatum[] = itemsArg;\n  },\n  onSourceReorder: (movedItem) => {\n    const { seed } = movedItem;\n  },\n  onDestinationReorder: (movedItem) => {\n    const { seed } = movedItem;\n  },\n};\n\nconst testProps: TypedProps = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testDefaultPropsPartial,\n};\n\nconst testInternalProps: TypedInternalProps = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testDefaultPropsPartial,\n} as TypedInternalProps;\n\nconst BreadCrumb = () => <div>Breadcrumb</div>;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* spreading typed props keeps the datum generic */}\n    <DSShuttleV2<TournamentDatum> {...testProps} />\n    {/* explicit generic at the call site, inline values, with typed callbacks/getters */}\n    <DSShuttleV2<TournamentDatum>\n      sourceData={[aDatum]}\n      destinationData={[]}\n      DestinationHeader={BreadCrumb}\n      SourceHeader={BreadCrumb}\n      destinationSelectedItems={{}}\n      sourceSelectedItems={{}}\n      onDestinationSelectionChange={() => null}\n      onSourceSelectionChange={() => null}\n      getId={(item) => item.dsId}\n      getLabel={(item) => item.label}\n      onDestinationDrilldown={(item) => {\n        const { seed } = item;\n      }}\n      onSourceDrilldown={(item) => {\n        const { seed } = item;\n      }}\n      onSourceAdd={(items) => {\n        const seed: number | undefined = items[0]?.seed;\n      }}\n      dsShuttlev2ItemWrapper={(itemMeta) => ({ 'data-seed': String(itemMeta.datum.seed) })}\n    />\n  </>\n);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid.js

@@ -56,7 +56,6 @@ const testOptionalProps = {
   moveButtonProps: () => ({}),
   drillDownButtonProps: () => ({}),
   checkboxSelectAllProps: () => ({}),
-  dsShuttleV2ListWrapperMid: () => ({}),
   areaSearchBarProps: () => ({})
 };
 const testPartialDefaults = import_react_desc_prop_types.defaultProps;

package/dist/cjs/typescript-testing/typescript-shuttle-v2-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-shuttle-v2-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSShuttleV2 } from '../index.js';\nimport type { DSShuttleV2T } from '../index.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSShuttleV2T.Props<object, object, object, object>;\ntype ComponentPropsInternals = DSShuttleV2T.InternalProps<object, object, object, object>;\ntype ComponentPropsDefaultProps = DSShuttleV2T.DefaultProps<object>;\ntype ComponentPropsOptionalProps = DSShuttleV2T.OptionalProps;\ntype ComponentPropsRequiredProps = DSShuttleV2T.RequiredProps<object, object, object>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  sourceItemProps: {},\n  destinationItemProps: {},\n  sourceHeaderProps: {},\n  destinationHeaderProps: {},\n  // filtering\n  sourceShowSearchbar: true,\n  destinationShowSearchbar: true,\n  onSourceOpenSearchbar: () => null,\n  onDesinationOpenSearchbar: () => null,\n  sourceFilterValue: '',\n  destinationFilterValue: '',\n  onSourceFilterChange: (value: string) => null,\n  onDestinationFilterChange: (value: string) => null,\n\n  moveButtonProps: () => ({}),\n  drillDownButtonProps: () => ({}),\n\n  checkboxSelectAllProps: () => ({}),\n  dsShuttleV2ListWrapperMid: () => ({}),\n  areaSearchBarProps: () => ({}),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = defaultProps;\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = defaultProps;\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n} as ComponentPropsForApp;\n\nconst BreadCrumb = () => <div>Breadcrumb</div>;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSShuttleV2 {...testExplicitDefinition} />\n    <DSShuttleV2 {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSShuttleV2\n      destinationData={[]}\n      sourceData={[]}\n      DestinationHeader={BreadCrumb}\n      SourceHeader={BreadCrumb}\n      destinationSelectedItems={{}}\n      sourceSelectedItems={{}}\n      onDestinationSelectionChange={() => null}\n      onSourceSelectionChange={() => null}\n      getId={(item) => (item as { dsId: string }).dsId}\n      getLabel={(item) => (item as { label: string }).label}\n      onDestinationDrilldown={() => null}\n      onSourceDrilldown={() => null}\n      sourceShowSearchbar\n      destinationShowSearchbar\n      onSourceOpenSearchbar={() => null}\n      onDesinationOpenSearchbar={() => null}\n      sourceFilterValue=\"\"\n      destinationFilterValue=\"\"\n      onSourceFilterChange={(value: string) => null}\n      onDestinationFilterChange={(value: string) => null}\n    />\n  </>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSShuttleV2 } from '../index.js';\nimport type { DSShuttleV2T } from '../index.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSShuttleV2T.Props;\ntype ComponentPropsInternals = DSShuttleV2T.InternalProps;\ntype ComponentPropsDefaultProps = DSShuttleV2T.DefaultProps;\ntype ComponentPropsOptionalProps = DSShuttleV2T.OptionalProps;\ntype ComponentPropsRequiredProps = DSShuttleV2T.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  sourceItemProps: {},\n  destinationItemProps: {},\n  sourceHeaderProps: {},\n  destinationHeaderProps: {},\n  // filtering\n  sourceShowSearchbar: true,\n  destinationShowSearchbar: true,\n  onSourceOpenSearchbar: () => null,\n  onDesinationOpenSearchbar: () => null,\n  sourceFilterValue: '',\n  destinationFilterValue: '',\n  onSourceFilterChange: (value: string) => null,\n  onDestinationFilterChange: (value: string) => null,\n\n  moveButtonProps: () => ({}),\n  drillDownButtonProps: () => ({}),\n\n  checkboxSelectAllProps: () => ({}),\n  areaSearchBarProps: () => ({}),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = defaultProps;\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = defaultProps;\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  destinationData: [],\n  sourceData: [],\n  DestinationHeader: () => <div>Destination</div>,\n  SourceHeader: () => <div>Source</div>,\n  destinationSelectedItems: {},\n  sourceSelectedItems: {},\n  onDestinationSelectionChange: () => null,\n  onSourceSelectionChange: () => null,\n  getId: (item) => (item as { dsId: string }).dsId,\n  getLabel: (item) => (item as { label: string }).label,\n  onDestinationDrilldown: () => null,\n  onSourceDrilldown: () => null,\n} as ComponentPropsForApp;\n\nconst BreadCrumb = () => <div>Breadcrumb</div>;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSShuttleV2 {...testExplicitDefinition} />\n    <DSShuttleV2 {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSShuttleV2\n      destinationData={[]}\n      sourceData={[]}\n      DestinationHeader={BreadCrumb}\n      SourceHeader={BreadCrumb}\n      destinationSelectedItems={{}}\n      sourceSelectedItems={{}}\n      onDestinationSelectionChange={() => null}\n      onSourceSelectionChange={() => null}\n      getId={(item) => (item as { dsId: string }).dsId}\n      getLabel={(item) => (item as { label: string }).label}\n      onDestinationDrilldown={() => null}\n      onSourceDrilldown={() => null}\n      sourceShowSearchbar\n      destinationShowSearchbar\n      onSourceOpenSearchbar={() => null}\n      onDesinationOpenSearchbar={() => null}\n      sourceFilterValue=\"\"\n      destinationFilterValue=\"\"\n      onSourceFilterChange={(value: string) => null}\n      onDestinationFilterChange={(value: string) => null}\n    />\n  </>\n);\n"],
+  "mappings": "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",
   "names": []
 }

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 { describe } from '@elliemae/ds-props-helpers';\nimport { withZustand } from '@elliemae/ds-zustand-helpers';\nimport { MainContent } from './parts/MainContent.js';\nimport { config } from './config/useStore/index.js';\nimport { DSShuttleV2PropTypesSchema } from './react-desc-prop-types.js';\nimport type { DSShuttleV2T } from './react-desc-prop-types.js';\n\nconst DSShuttleV2WithZustand = withZustand(MainContent, config);\n\nconst DSShuttleV2 = <T extends object, H extends object, N extends object, K extends object>(\n  props: DSShuttleV2T.Props<T, H, N, K>,\n): React.JSX.Element => <DSShuttleV2WithZustand {...props} />;\n\nDSShuttleV2.displayName = 'DSShuttlev2';\nconst DSShuttleV2WithSchema = describe(DSShuttleV2);\n\nDSShuttleV2WithSchema.propTypes = DSShuttleV2PropTypesSchema;\n\nexport { DSShuttleV2, DSShuttleV2WithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACWC;AAXxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAG3C,MAAM,yBAAyB,YAAY,aAAa,MAAM;AAE9D,MAAM,cAAc,CAClB,UACsB,oBAAC,0BAAwB,GAAG,OAAO;AAE3D,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { withZustand } from '@elliemae/ds-zustand-helpers';\nimport { MainContent } from './parts/MainContent.js';\nimport { config } from './config/useStore/index.js';\nimport { DSShuttleV2PropTypesSchema } from './react-desc-prop-types.js';\nimport type { DSShuttleV2T } from './react-desc-prop-types.js';\n\nconst DSShuttleV2WithZustand = withZustand(MainContent, config);\n\nconst DSShuttleV2 = <D extends Record<string, unknown> = Record<string, unknown>>(\n  props: DSShuttleV2T.Props<D>,\n  // The internal zustand-wrapped tree operates on the default (erased) datum shape; the public\n  // surface stays generic over D so consumers get typed data. Bridge the two with a single cast.\n): React.JSX.Element => <DSShuttleV2WithZustand {...(props as DSShuttleV2T.Props)} />;\n\nDSShuttleV2.displayName = 'DSShuttlev2';\nconst DSShuttleV2WithSchema = describe(DSShuttleV2);\n\nDSShuttleV2WithSchema.propTypes = DSShuttleV2PropTypesSchema;\n\nexport { DSShuttleV2, DSShuttleV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACaC;AAbxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAG3C,MAAM,yBAAyB,YAAY,aAAa,MAAM;AAE9D,MAAM,cAAc,CAClB,UAGsB,oBAAC,0BAAwB,GAAI,OAA8B;AAEnF,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;",
   "names": []
 }

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

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

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

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

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

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

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

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

package/dist/esm/constants/index.js

@@ -12,6 +12,7 @@ const DSShuttleV2Slots = {
   ITEM_LABEL_WRAPPER: "item-label-wrapper",
   ITEM_MIDSECTION_WRAPPER: "item-midsection-wrapper",
   ITEM_SELECTION: "item-selection",
+  ITEM_SELECTION_CHECKBOX_UI: "item-selection-checkbox-ui",
   ITEM_ACTIONS_WRAPPER: "item-actions-wrapper",
   ITEM_ACTION_WRAPPER: "item-action-wrapper",
   ITEM_ACTION_BTN: "item-action-btn",
@@ -26,13 +27,14 @@ const DSShuttleV2Slots = {
   LOADING_LIST_WRAPPER: "loading-list-wrapper",
   MOVE_MULTIPLE_WRAPPER: "move-multiple-wrapper",
   MOVE_MULTIPLE_BTN: "move-multiple-btn",
+  MOVE_MULTIPLE_LIVE_REGION: "move-multiple-live-region",
   LIST_WRAPPER_MID: "list-wrapper-mid",
-  LIST_WRAPPER_MID_SCROLLER: "list-wrapper-mid-scroller",
   LIST_WRAPPER_TOP: "list-wrapper-top",
   AREA_SEARCH_WRAPPER: "area-search-wrapper",
   AREA_SEARCH_BAR: "area-search-bar",
   AREA_SELECTION_HEADER: "area-selection-header",
   AREA_SELECTION_HEADER_COUNT_LABEL: "area-selection-header-count-label",
+  DRAG_AND_DROP_HANDLE_WRAPPER: "drag-and-drop-handle-wrapper",
   DRAG_AND_DROP_HANDLE: "drag-and-drop-handle",
   ARIA_LIVE_PANEL_CENTER: "aria-live-panel-center"
 };

package/dist/esm/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSShuttleV2Name = 'DSShuttlev2';\n\nexport const DSShuttleV2Slots = {\n  HEADER_SEARCH_ICON: 'header-search-icon',\n  WRAPPER: 'wrapper',\n  PANEL_WRAPPER: 'panel-wrapper',\n  LIST_WRAPPER: 'list-wrapper',\n  ITEM_WRAPPER: 'item-wrapper',\n  ITEM_CHECKBOX: 'item-checkbox',\n  ITEM_ICON_WRAPPER: 'item-icon-wrapper',\n  ITEM_LABEL_WRAPPER: 'item-label-wrapper',\n  ITEM_MIDSECTION_WRAPPER: 'item-midsection-wrapper',\n  ITEM_SELECTION: 'item-selection',\n  ITEM_ACTIONS_WRAPPER: 'item-actions-wrapper',\n  ITEM_ACTION_WRAPPER: 'item-action-wrapper',\n  ITEM_ACTION_BTN: 'item-action-btn',\n  ITEM_ACTION_BTN_DRILLDOWN_ICON: 'item-action-btn-drilldown-icon',\n  ITEM_ACTION_BTN_TO_SOURCE_ICON: 'item-action-btn-to-source-icon',\n  ITEM_ACTION_BTN_TO_DESTINATION_ICON: 'item-action-btn-to-destination-icon',\n  LIST_BOTTOM_LOADING_MORE: 'list-bottom-loading-more',\n  LIST_BOTTOM_LOAD_MORE_BTN: 'list-bottom-load-more-btn',\n  LIST_WRAPPER_BOTTOM: 'list-wrapper-bottom',\n  EMPTY_LIST_WRAPPER: 'empty-list-wrapper',\n  ITEMS_WRAPPER: 'items-wrapper',\n  LOADING_LIST_WRAPPER: 'loading-list-wrapper',\n  MOVE_MULTIPLE_WRAPPER: 'move-multiple-wrapper',\n  MOVE_MULTIPLE_BTN: 'move-multiple-btn',\n  LIST_WRAPPER_MID: 'list-wrapper-mid',\n  LIST_WRAPPER_MID_SCROLLER: 'list-wrapper-mid-scroller',\n  LIST_WRAPPER_TOP: 'list-wrapper-top',\n  AREA_SEARCH_WRAPPER: 'area-search-wrapper',\n  AREA_SEARCH_BAR: 'area-search-bar',\n  AREA_SELECTION_HEADER: 'area-selection-header',\n  AREA_SELECTION_HEADER_COUNT_LABEL: 'area-selection-header-count-label',\n  DRAG_AND_DROP_HANDLE: 'drag-and-drop-handle',\n  ARIA_LIVE_PANEL_CENTER: 'aria-live-panel-center',\n} as const;\n\nexport const SHUTTLE_IDS = {\n  SOURCE_PANEL_SEARCH: 'ds-shuttle-v2-source-panel-search',\n  DESTINATION_PANEL_SEARCH: 'ds-shuttle-v2-destination-panel-search',\n} as const;\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);\n\nexport const REGIONS_FOCUSES = {\n  SOURCE_HEADER: 'source-header',\n  SOURCE_PANEL: 'source-panel',\n  SOURCE_PANEL_ITEM: 'source-panel-item',\n  SOURCE_PANEL_ITEM_MOVE_ALL: 'source-panel-move-all',\n  SOURCE_BOTTOM: 'source-bottom',\n  DESTINATION_HEADER: 'destination-header',\n  DESTINATION_PANEL: 'destination-panel',\n  DESTINATION_PANEL_ITEM: 'destination-panel-item',\n  DESTINATION_PANEL_ITEM_MOVE_ALL: 'destination-panel-move-all',\n  DESTINATION_BOTTOM: 'destination-bottom',\n  RESET: '',\n} as const;\n\nexport const ACTIONS_FOCUSES = {\n  MOVE_BTN: 'move-btn',\n  DRILLDOWN_BTN: 'drilldown-btn',\n  DRAG_N_DROP: 'drag-n-drop',\n  PARENT: 'parent',\n  RESET: '',\n} as const;\n\nexport const ITEMS_FOCUSES = {\n  LOAD_MORE_BTN_SOURCE: 'load-more-btn-source',\n  LOAD_MORE_BTN_DESTINATION: 'load-more-btn-destination',\n  GET_SPECIFIC_ITEM: ({ hydratedId }: { hydratedId: string }) => hydratedId,\n  RESET: '',\n} as const;\n\nexport const DATA_TESTID = {\n  SHUTTLE_DRAG_HANDLE: 'shuttle-drag-handle',\n} as const;\n\nexport const DropIndicatorPosition = {\n  None: 'none',\n  Before: 'before',\n  After: 'after',\n  Inside: 'inside',\n} as const;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,mCAAmC;AAAA,EACnC,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEO,MAAM,cAAc;AAAA,EACzB,qBAAqB;AAAA,EACrB,0BAA0B;AAC5B;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;AAExF,MAAM,kBAAkB;AAAA,EAC7B,eAAe;AAAA,EACf,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,4BAA4B;AAAA,EAC5B,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,oBAAoB;AAAA,EACpB,OAAO;AACT;AAEO,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,gBAAgB;AAAA,EAC3B,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,mBAAmB,CAAC,EAAE,WAAW,MAA8B;AAAA,EAC/D,OAAO;AACT;AAEO,MAAM,cAAc;AAAA,EACzB,qBAAqB;AACvB;AAEO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSShuttleV2Name = 'DSShuttlev2';\n\nexport const DSShuttleV2Slots = {\n  HEADER_SEARCH_ICON: 'header-search-icon',\n  WRAPPER: 'wrapper',\n  PANEL_WRAPPER: 'panel-wrapper',\n  LIST_WRAPPER: 'list-wrapper',\n  ITEM_WRAPPER: 'item-wrapper',\n  ITEM_CHECKBOX: 'item-checkbox',\n  ITEM_ICON_WRAPPER: 'item-icon-wrapper',\n  ITEM_LABEL_WRAPPER: 'item-label-wrapper',\n  ITEM_MIDSECTION_WRAPPER: 'item-midsection-wrapper',\n  ITEM_SELECTION: 'item-selection',\n  ITEM_SELECTION_CHECKBOX_UI: 'item-selection-checkbox-ui',\n  ITEM_ACTIONS_WRAPPER: 'item-actions-wrapper',\n  ITEM_ACTION_WRAPPER: 'item-action-wrapper',\n  ITEM_ACTION_BTN: 'item-action-btn',\n  ITEM_ACTION_BTN_DRILLDOWN_ICON: 'item-action-btn-drilldown-icon',\n  ITEM_ACTION_BTN_TO_SOURCE_ICON: 'item-action-btn-to-source-icon',\n  ITEM_ACTION_BTN_TO_DESTINATION_ICON: 'item-action-btn-to-destination-icon',\n  LIST_BOTTOM_LOADING_MORE: 'list-bottom-loading-more',\n  LIST_BOTTOM_LOAD_MORE_BTN: 'list-bottom-load-more-btn',\n  LIST_WRAPPER_BOTTOM: 'list-wrapper-bottom',\n  EMPTY_LIST_WRAPPER: 'empty-list-wrapper',\n  ITEMS_WRAPPER: 'items-wrapper',\n  LOADING_LIST_WRAPPER: 'loading-list-wrapper',\n  MOVE_MULTIPLE_WRAPPER: 'move-multiple-wrapper',\n  MOVE_MULTIPLE_BTN: 'move-multiple-btn',\n  MOVE_MULTIPLE_LIVE_REGION: 'move-multiple-live-region',\n  LIST_WRAPPER_MID: 'list-wrapper-mid',\n  LIST_WRAPPER_TOP: 'list-wrapper-top',\n  AREA_SEARCH_WRAPPER: 'area-search-wrapper',\n  AREA_SEARCH_BAR: 'area-search-bar',\n  AREA_SELECTION_HEADER: 'area-selection-header',\n  AREA_SELECTION_HEADER_COUNT_LABEL: 'area-selection-header-count-label',\n  DRAG_AND_DROP_HANDLE_WRAPPER: 'drag-and-drop-handle-wrapper',\n  DRAG_AND_DROP_HANDLE: 'drag-and-drop-handle',\n  ARIA_LIVE_PANEL_CENTER: 'aria-live-panel-center',\n} as const;\n\nexport const SHUTTLE_IDS = {\n  SOURCE_PANEL_SEARCH: 'ds-shuttle-v2-source-panel-search',\n  DESTINATION_PANEL_SEARCH: 'ds-shuttle-v2-destination-panel-search',\n} as const;\n\nexport const DSShuttleV2DataTestIds = slotObjectToDataTestIds(DSShuttleV2Name, DSShuttleV2Slots);\n\nexport const REGIONS_FOCUSES = {\n  SOURCE_HEADER: 'source-header',\n  SOURCE_PANEL: 'source-panel',\n  SOURCE_PANEL_ITEM: 'source-panel-item',\n  SOURCE_PANEL_ITEM_MOVE_ALL: 'source-panel-move-all',\n  SOURCE_BOTTOM: 'source-bottom',\n  DESTINATION_HEADER: 'destination-header',\n  DESTINATION_PANEL: 'destination-panel',\n  DESTINATION_PANEL_ITEM: 'destination-panel-item',\n  DESTINATION_PANEL_ITEM_MOVE_ALL: 'destination-panel-move-all',\n  DESTINATION_BOTTOM: 'destination-bottom',\n  RESET: '',\n} as const;\n\nexport const ACTIONS_FOCUSES = {\n  MOVE_BTN: 'move-btn',\n  DRILLDOWN_BTN: 'drilldown-btn',\n  DRAG_N_DROP: 'drag-n-drop',\n  PARENT: 'parent',\n  RESET: '',\n} as const;\n\nexport const ITEMS_FOCUSES = {\n  LOAD_MORE_BTN_SOURCE: 'load-more-btn-source',\n  LOAD_MORE_BTN_DESTINATION: 'load-more-btn-destination',\n  GET_SPECIFIC_ITEM: ({ hydratedId }: { hydratedId: string }) => hydratedId,\n  RESET: '',\n} as const;\n\nexport const DATA_TESTID = {\n  SHUTTLE_DRAG_HANDLE: 'shuttle-drag-handle',\n} as const;\n\nexport const DropIndicatorPosition = {\n  None: 'none',\n  Before: 'before',\n  After: 'after',\n  Inside: 'inside',\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,4BAA4B;AAAA,EAC5B,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,gCAAgC;AAAA,EAChC,gCAAgC;AAAA,EAChC,qCAAqC;AAAA,EACrC,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB,2BAA2B;AAAA,EAC3B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,mCAAmC;AAAA,EACnC,8BAA8B;AAAA,EAC9B,sBAAsB;AAAA,EACtB,wBAAwB;AAC1B;AAEO,MAAM,cAAc;AAAA,EACzB,qBAAqB;AAAA,EACrB,0BAA0B;AAC5B;AAEO,MAAM,yBAAyB,wBAAwB,iBAAiB,gBAAgB;AAExF,MAAM,kBAAkB;AAAA,EAC7B,eAAe;AAAA,EACf,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,4BAA4B;AAAA,EAC5B,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,oBAAoB;AAAA,EACpB,OAAO;AACT;AAEO,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,eAAe;AAAA,EACf,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,gBAAgB;AAAA,EAC3B,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,mBAAmB,CAAC,EAAE,WAAW,MAA8B;AAAA,EAC/D,OAAO;AACT;AAEO,MAAM,cAAc;AAAA,EACzB,qBAAqB;AACvB;AAEO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;",
   "names": []
 }

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

@@ -1,14 +1,26 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useFloatingContext, FloatingWrapper, PopoverArrow } from "@elliemae/ds-floating-context";
 import { Grid } from "@elliemae/ds-grid";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { styled } from "@elliemae/ds-system";
+import { styled, mergeRefs } from "@elliemae/ds-system";
 const StyledTooltipContentWrapper = styled(Grid)`
   background: white;
 `;
 const ShuttleItem = (props) => {
   const { componentProps, shouldShowTooltip = true, TooltipContent = null, children } = props;
   const { tooltipHelpers } = componentProps;
+  const isOpen = !!(shouldShowTooltip && TooltipContent && tooltipHelpers?.shouldShowPopover);
+  const {
+    refs,
+    floatingStyles,
+    arrowStyles,
+    context,
+    isOpen: isFloatingOpen
+  } = useFloatingContext({
+    externallyControlledIsOpen: isOpen,
+    withoutAnimation: true,
+    customOffset: [0, 14]
+  });
   return /* @__PURE__ */ jsxs(
     Grid,
     {
@@ -16,10 +28,22 @@ const ShuttleItem = (props) => {
       alignItems: "center",
       justifyContent: "center",
       gutter: "xxxs",
-      ref: tooltipHelpers?.setReferenceElement,
+      ref: mergeRefs(tooltipHelpers?.setReferenceElement, refs.setReference),
       children: [
         children,
-        shouldShowTooltip && TooltipContent && tooltipHelpers?.shouldShowPopover ? /* @__PURE__ */ jsx(DSPopperJS, { referenceElement: tooltipHelpers?.referenceElement, showPopover: true, children: /* @__PURE__ */ jsx(StyledTooltipContentWrapper, { children: /* @__PURE__ */ jsx(TooltipContent, { ...componentProps }) }) }) : null
+        shouldShowTooltip && TooltipContent && /* @__PURE__ */ jsxs(
+          FloatingWrapper,
+          {
+            innerRef: refs.setFloating,
+            isOpen: isFloatingOpen,
+            floatingStyles,
+            context,
+            children: [
+              /* @__PURE__ */ jsx(StyledTooltipContentWrapper, { children: /* @__PURE__ */ jsx(TooltipContent, { ...componentProps }) }),
+              /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
+            ]
+          }
+        )
       ]
     }
   );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/ShuttleItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSShuttleV2T } from '../react-desc-prop-types.js';\n\nconst StyledTooltipContentWrapper = styled(Grid)`\n  background: white;\n`;\n\nexport type ShuttleItemProps = React.PropsWithChildren<{\n  componentProps: DSShuttleV2T.ComponentProps;\n  shouldShowTooltip?: boolean;\n  TooltipContent?: React.ComponentType<DSShuttleV2T.ComponentProps>;\n}>;\n\n// for now we create a stud state and return a paragraph with the state while logging the props\nexport const ShuttleItem: React.ComponentType<ShuttleItemProps> = (props) => {\n  const { componentProps, shouldShowTooltip = true, TooltipContent = null, children } = props;\n  const { tooltipHelpers } = componentProps;\n\n  return (\n    <Grid\n      cols={['minmax(2.308rem, 1fr)', '1px', 'auto']}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gutter=\"xxxs\"\n      ref={tooltipHelpers?.setReferenceElement}\n    >\n      {children}\n      {shouldShowTooltip && TooltipContent && tooltipHelpers?.shouldShowPopover ? (\n        <DSPopperJS referenceElement={tooltipHelpers?.referenceElement as HTMLElement | null} showPopover>\n          <StyledTooltipContentWrapper>\n            <TooltipContent {...componentProps} />\n          </StyledTooltipContentWrapper>\n        </DSPopperJS>\n      ) : null}\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAWQ,KAXR;AArBJ,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAGvB,MAAM,8BAA8B,OAAO,IAAI;AAAA;AAAA;AAWxC,MAAM,cAAqD,CAAC,UAAU;AAC3E,QAAM,EAAE,gBAAgB,oBAAoB,MAAM,iBAAiB,MAAM,SAAS,IAAI;AACtF,QAAM,EAAE,eAAe,IAAI;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,yBAAyB,OAAO,MAAM;AAAA,MAC7C,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,KAAK,gBAAgB;AAAA,MAEpB;AAAA;AAAA,QACA,qBAAqB,kBAAkB,gBAAgB,oBACtD,oBAAC,cAAW,kBAAkB,gBAAgB,kBAAwC,aAAW,MAC/F,8BAAC,+BACC,8BAAC,kBAAgB,GAAG,gBAAgB,GACtC,GACF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, mergeRefs } from '@elliemae/ds-system';\nimport type { DSShuttleV2T } from '../react-desc-prop-types.js';\n\nconst StyledTooltipContentWrapper = styled(Grid)`\n  background: white;\n`;\n\nexport type ShuttleItemProps = React.PropsWithChildren<{\n  componentProps: DSShuttleV2T.ComponentProps;\n  shouldShowTooltip?: boolean;\n  TooltipContent?: React.ComponentType<DSShuttleV2T.ComponentProps>;\n}>;\n\n// for now we create a stud state and return a paragraph with the state while logging the props\nexport const ShuttleItem: React.ComponentType<ShuttleItemProps> = (props) => {\n  const { componentProps, shouldShowTooltip = true, TooltipContent = null, children } = props;\n  const { tooltipHelpers } = componentProps;\n\n  const isOpen = !!(shouldShowTooltip && TooltipContent && tooltipHelpers?.shouldShowPopover);\n  const {\n    refs,\n    floatingStyles,\n    arrowStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isOpen,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  return (\n    <Grid\n      cols={['minmax(2.308rem, 1fr)', '1px', 'auto']}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gutter=\"xxxs\"\n      ref={mergeRefs(tooltipHelpers?.setReferenceElement, refs.setReference)}\n    >\n      {children}\n      {shouldShowTooltip && TooltipContent && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={floatingStyles}\n          context={context}\n        >\n          <StyledTooltipContentWrapper>\n            <TooltipContent {...componentProps} />\n          </StyledTooltipContentWrapper>\n          <PopoverArrow {...arrowStyles} />\n        </FloatingWrapper>\n      )}\n    </Grid>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4Cf,SAOI,KAPJ;AA3CR,SAAS,oBAAoB,iBAAiB,oBAAoB;AAClE,SAAS,YAAY;AACrB,SAAS,QAAQ,iBAAiB;AAGlC,MAAM,8BAA8B,OAAO,IAAI;AAAA;AAAA;AAWxC,MAAM,cAAqD,CAAC,UAAU;AAC3E,QAAM,EAAE,gBAAgB,oBAAoB,MAAM,iBAAiB,MAAM,SAAS,IAAI;AACtF,QAAM,EAAE,eAAe,IAAI;AAE3B,QAAM,SAAS,CAAC,EAAE,qBAAqB,kBAAkB,gBAAgB;AACzE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,mBAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,cAAc,CAAC,GAAG,EAAE;AAAA,EACtB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,yBAAyB,OAAO,MAAM;AAAA,MAC7C,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,KAAK,UAAU,gBAAgB,qBAAqB,KAAK,YAAY;AAAA,MAEpE;AAAA;AAAA,QACA,qBAAqB,kBACpB;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YAEA;AAAA,kCAAC,+BACC,8BAAC,kBAAgB,GAAG,gBAAgB,GACtC;AAAA,cACA,oBAAC,gBAAc,GAAG,aAAa;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

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

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import React2 from "react";
 import { GripperVertical } from "@elliemae/ds-icons";
-import { styled, mergeRefs } from "@elliemae/ds-system";
-import { DATA_TESTID, DSShuttleV2Name, DSShuttleV2Slots } from "../../constants/index.js";
+import { mergeRefs, styled } from "@elliemae/ds-system";
+import React2 from "react";
 import { usePropsStore } from "../../config/useStore/useStore.js";
+import { DATA_TESTID, DSShuttleV2Name, DSShuttleV2Slots } from "../../constants/index.js";
 const StyledGripperButtonOrOverlay = styled("div", {
   name: DSShuttleV2Name,
   slot: DSShuttleV2Slots.DRAG_AND_DROP_HANDLE
@@ -19,37 +19,63 @@ const StyledGripperButtonOrOverlay = styled("div", {
   display: flex;
   align-items: center;
   touch-action: none;
+  display: flex;
+  min-width: 24px;
+  justify-content: center;
   &:focus {
-    outline: 1px solid brand-700;
+    .em-ds-icon {
+      outline: 2px solid brand-700;
+    }
   }
 `;
+const StyledGripperWrapper = styled("div", {
+  name: DSShuttleV2Name,
+  slot: DSShuttleV2Slots.DRAG_AND_DROP_HANDLE_WRAPPER
+})`
+  display: flex;
+  height: 100%;
+  position: relative;
+`;
 const DragHandle = (props) => {
   const { id, isDndActive, isDragging, disabled = false, innerRef, useSortableHelpers, ariaLabelledby } = props;
   const getOwnerProps = usePropsStore((store) => store.get);
   const getOwnerPropsArguments = React2.useCallback(() => props, [props]);
-  return /* @__PURE__ */ createElement(
-    StyledGripperButtonOrOverlay,
+  const stopPropagation = React2.useCallback((event) => {
+    event.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    StyledGripperWrapper,
     {
-      ...!disabled && useSortableHelpers ? {
-        ...useSortableHelpers.listeners,
-        ...useSortableHelpers.attributes
-      } : {},
-      "aria-labelledby": ariaLabelledby,
-      isActive: isDndActive,
-      innerRef: mergeRefs(innerRef, useSortableHelpers?.setActivatorNodeRef),
-      tabIndex: -1,
-      "data-testid": DATA_TESTID.SHUTTLE_DRAG_HANDLE,
-      id: `${id}-drag-handle`,
-      key: `${id}-drag-handle`,
-      disabled,
+      onClick: stopPropagation,
+      onMouseDown: stopPropagation,
       getOwnerProps,
-      getOwnerPropsArguments
-    },
-    /* @__PURE__ */ jsx(GripperVertical, { size: "s", color: isDragging || disabled ? ["neutral", "500"] : ["brand-primary", "800"] })
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ createElement(
+        StyledGripperButtonOrOverlay,
+        {
+          ...!disabled && useSortableHelpers ? {
+            ...useSortableHelpers.listeners,
+            ...useSortableHelpers.attributes
+          } : {},
+          "aria-labelledby": ariaLabelledby,
+          isActive: isDndActive,
+          innerRef: mergeRefs(innerRef, useSortableHelpers?.setActivatorNodeRef),
+          tabIndex: -1,
+          "data-testid": DATA_TESTID.SHUTTLE_DRAG_HANDLE,
+          id: `${id}-drag-handle`,
+          key: `${id}-drag-handle`,
+          disabled,
+          getOwnerProps,
+          getOwnerPropsArguments
+        },
+        /* @__PURE__ */ jsx(GripperVertical, { color: isDragging || disabled ? ["neutral", "500"] : ["brand-primary", "800"] })
+      )
+    }
   );
 };
 export {
   DragHandle,
-  StyledGripperButtonOrOverlay
+  StyledGripperButtonOrOverlay,
+  StyledGripperWrapper
 };
 //# sourceMappingURL=DndHandle.js.map