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

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

@@ -0,0 +1,136 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSShuttleV2 } from "../index.js";
+const aDatum = { dsId: "1", label: "Team A", seed: 1, isBracket: false };
+const testRequiredProps = {
+  destinationData: [],
+  sourceData: [aDatum],
+  DestinationHeader: () => /* @__PURE__ */ jsx("div", { children: "Destination" }),
+  SourceHeader: () => /* @__PURE__ */ 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__ */ jsx("div", { children: "Breadcrumb" });
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSShuttleV2, { ...testProps }),
+  /* @__PURE__ */ jsx(
+    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/esm/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/esm/typescript-testing/typescript-shuttle-v2-valid.js

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

package/dist/esm/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": "AAAA,YAAY,WAAW;ACeI,SA8FzB,UA9FyB,KA8FzB,YA9FyB;AAd3B,SAAS,mBAAmB;AAE5B,SAAS,oBAAoB;AAS7B,MAAM,oBAAiD;AAAA,EACrD,iBAAiB,CAAC;AAAA,EAClB,YAAY,CAAC;AAAA,EACb,mBAAmB,MAAM,oBAAC,SAAI,yBAAW;AAAA,EACzC,cAAc,MAAM,oBAAC,SAAI,oBAAM;AAAA,EAC/B,0BAA0B,CAAC;AAAA,EAC3B,qBAAqB,CAAC;AAAA,EACtB,8BAA8B,MAAM;AAAA,EACpC,yBAAyB,MAAM;AAAA,EAC/B,OAAO,CAAC,SAAU,KAA0B;AAAA,EAC5C,UAAU,CAAC,SAAU,KAA2B;AAAA,EAChD,wBAAwB,MAAM;AAAA,EAC9B,mBAAmB,MAAM;AAC3B;AACA,MAAM,oBAAiD;AAAA,EACrD,iBAAiB,CAAC;AAAA,EAClB,sBAAsB,CAAC;AAAA,EACvB,mBAAmB,CAAC;AAAA,EACpB,wBAAwB,CAAC;AAAA;AAAA,EAEzB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,uBAAuB,MAAM;AAAA,EAC7B,2BAA2B,MAAM;AAAA,EACjC,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,sBAAsB,CAAC,UAAkB;AAAA,EACzC,2BAA2B,CAAC,UAAkB;AAAA,EAE9C,iBAAiB,OAAO,CAAC;AAAA,EACzB,sBAAsB,OAAO,CAAC;AAAA,EAE9B,wBAAwB,OAAO,CAAC;AAAA,EAChC,oBAAoB,OAAO,CAAC;AAC9B;AAIA,MAAM,sBAA2D;AACjE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AACnE,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,iBAAiB,CAAC;AAAA,EAClB,YAAY,CAAC;AAAA,EACb,mBAAmB,MAAM,oBAAC,SAAI,yBAAW;AAAA,EACzC,cAAc,MAAM,oBAAC,SAAI,oBAAM;AAAA,EAC/B,0BAA0B,CAAC;AAAA,EAC3B,qBAAqB,CAAC;AAAA,EACtB,8BAA8B,MAAM;AAAA,EACpC,yBAAyB,MAAM;AAAA,EAC/B,OAAO,CAAC,SAAU,KAA0B;AAAA,EAC5C,UAAU,CAAC,SAAU,KAA2B;AAAA,EAChD,wBAAwB,MAAM;AAAA,EAC9B,mBAAmB,MAAM;AAC3B;AAGA,MAAM,+BAA+B;AAAA,EACnC,iBAAiB,CAAC;AAAA,EAClB,YAAY,CAAC;AAAA,EACb,mBAAmB,MAAM,oBAAC,SAAI,yBAAW;AAAA,EACzC,cAAc,MAAM,oBAAC,SAAI,oBAAM;AAAA,EAC/B,0BAA0B,CAAC;AAAA,EAC3B,qBAAqB,CAAC;AAAA,EACtB,8BAA8B,MAAM;AAAA,EACpC,yBAAyB,MAAM;AAAA,EAC/B,OAAO,CAAC,SAAU,KAA0B;AAAA,EAC5C,UAAU,CAAC,SAAU,KAA2B;AAAA,EAChD,wBAAwB,MAAM;AAAA,EAC9B,mBAAmB,MAAM;AAC3B;AAEA,MAAM,aAAa,MAAM,oBAAC,SAAI,wBAAU;AAExC,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,eAAa,GAAG,wBAAwB;AAAA,EACzC,oBAAC,eAAa,GAAG,8BAA8B;AAAA,EAE/C;AAAA,IAAC;AAAA;AAAA,MACC,iBAAiB,CAAC;AAAA,MAClB,YAAY,CAAC;AAAA,MACb,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,0BAA0B,CAAC;AAAA,MAC3B,qBAAqB,CAAC;AAAA,MACtB,8BAA8B,MAAM;AAAA,MACpC,yBAAyB,MAAM;AAAA,MAC/B,OAAO,CAAC,SAAU,KAA0B;AAAA,MAC5C,UAAU,CAAC,SAAU,KAA2B;AAAA,MAChD,wBAAwB,MAAM;AAAA,MAC9B,mBAAmB,MAAM;AAAA,MACzB,qBAAmB;AAAA,MACnB,0BAAwB;AAAA,MACxB,uBAAuB,MAAM;AAAA,MAC7B,2BAA2B,MAAM;AAAA,MACjC,mBAAkB;AAAA,MAClB,wBAAuB;AAAA,MACvB,sBAAsB,CAAC,UAAkB;AAAA,MACzC,2BAA2B,CAAC,UAAkB;AAAA;AAAA,EAChD;AAAA,GACF;",
   "names": []
 }

package/dist/types/DSShuttleV2.d.ts

@@ -1,7 +1,7 @@
 import type { DSShuttleV2T } from './react-desc-prop-types.js';
 declare const DSShuttleV2: {
-    <T extends object, H extends object, N extends object, K extends object>(props: DSShuttleV2T.Props<T, H, N, K>): React.JSX.Element;
+    <D extends Record<string, unknown> = Record<string, unknown>>(props: DSShuttleV2T.Props<D>): React.JSX.Element;
     displayName: string;
 };
-declare const DSShuttleV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSShuttleV2T.Props<object, object, object, object>>;
+declare const DSShuttleV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSShuttleV2T.Props<Record<string, unknown>>>;
 export { DSShuttleV2, DSShuttleV2WithSchema };

package/dist/types/config/useAutoCalculated/index.d.ts

@@ -1,5 +1,5 @@
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const useAutoCalculated: <T extends object, H extends object, N extends object, K extends object>(propsWithDefaults: DSShuttleV2T.InternalProps<T, H, N, K>) => {
+export declare const useAutoCalculated: (propsWithDefaults: DSShuttleV2T.InternalProps) => {
     destinationVirtualRef: import("react").MutableRefObject<{
         scrollTo: (index: number) => void;
     }>;
@@ -10,22 +10,22 @@ export declare const useAutoCalculated: <T extends object, H extends object, N e
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    destinationSelectionItemArray: DSShuttleV2T.Datum[];
+    destinationSelectionItemArray: Record<string, unknown>[];
     destinationSelectionArray: string[];
     destinationHasMultipleSelectedItems: boolean;
-    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     destinationSelectionableDataIds: string[];
     destinationSelectionableIds: string;
-    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectedItemsMap: Record<string, {
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    sourceSelectionItemArray: DSShuttleV2T.Datum[];
+    sourceSelectionItemArray: Record<string, unknown>[];
     sourceSelectionArray: string[];
     sourceHasMultipleSelectedItems: boolean;
-    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectionableDataIds: string[];
     sourceSelectionableIds: string;
 };

package/dist/types/config/useAutoCalculated/useDataStructure.d.ts

@@ -1,25 +1,25 @@
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
-export declare const useDataStructure: <T extends object, H extends object, N extends object, K extends object>(propsFromUser: DSShuttleV2T.InternalProps<T, H, N, K>) => {
+export declare const useDataStructure: (propsFromUser: DSShuttleV2T.InternalProps) => {
     destinationSelectedItemsMap: Record<string, {
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    destinationSelectionItemArray: DSShuttleV2T.Datum[];
+    destinationSelectionItemArray: Record<string, unknown>[];
     destinationSelectionArray: string[];
     destinationHasMultipleSelectedItems: boolean;
-    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     destinationSelectionableDataIds: string[];
     destinationSelectionableIds: string;
-    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectedItemsMap: Record<string, {
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    sourceSelectionItemArray: DSShuttleV2T.Datum[];
+    sourceSelectionItemArray: Record<string, unknown>[];
     sourceSelectionArray: string[];
     sourceHasMultipleSelectedItems: boolean;
-    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectionableDataIds: string[];
     sourceSelectionableIds: string;
 };

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

@@ -1,7 +1,7 @@
 import { type ZustandT } from '@elliemae/ds-zustand-helpers';
 import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
 export declare const PropsProvider: ({ createStore, children, }: {
-    createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+    createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -12,27 +12,27 @@ export declare const PropsProvider: ({ createStore, children, }: {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        destinationSelectionItemArray: DSShuttleV2T.Datum[];
+        destinationSelectionItemArray: Record<string, unknown>[];
         destinationSelectionArray: string[];
         destinationHasMultipleSelectedItems: boolean;
-        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         destinationSelectionableDataIds: string[];
         destinationSelectionableIds: string;
-        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectedItemsMap: Record<string, {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        sourceSelectionItemArray: DSShuttleV2T.Datum[];
+        sourceSelectionItemArray: Record<string, unknown>[];
         sourceSelectionArray: string[];
         sourceHasMultipleSelectedItems: boolean;
-        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     }>>;
     children: import("react").ReactNode;
-}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
     destinationVirtualRef: import("react").MutableRefObject<{
         scrollTo: (index: number) => void;
     }>;
@@ -43,26 +43,26 @@ export declare const PropsProvider: ({ createStore, children, }: {
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    destinationSelectionItemArray: DSShuttleV2T.Datum[];
+    destinationSelectionItemArray: Record<string, unknown>[];
     destinationSelectionArray: string[];
     destinationHasMultipleSelectedItems: boolean;
-    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+    destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     destinationSelectionableDataIds: string[];
     destinationSelectionableIds: string;
-    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+    sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectedItemsMap: Record<string, {
         datum: DSShuttleV2T.Datum;
         index: number;
     }>;
-    sourceSelectionItemArray: DSShuttleV2T.Datum[];
+    sourceSelectionItemArray: Record<string, unknown>[];
     sourceSelectionArray: string[];
     sourceHasMultipleSelectedItems: boolean;
-    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+    sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
     sourceSelectionableDataIds: string[];
     sourceSelectionableIds: string;
 }>> | undefined>>, usePropsStore: {
-    (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+    (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -73,26 +73,26 @@ export declare const PropsProvider: ({ createStore, children, }: {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        destinationSelectionItemArray: DSShuttleV2T.Datum[];
+        destinationSelectionItemArray: Record<string, unknown>[];
         destinationSelectionArray: string[];
         destinationHasMultipleSelectedItems: boolean;
-        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         destinationSelectionableDataIds: string[];
         destinationSelectionableIds: string;
-        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectedItemsMap: Record<string, {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        sourceSelectionItemArray: DSShuttleV2T.Datum[];
+        sourceSelectionItemArray: Record<string, unknown>[];
         sourceSelectionArray: string[];
         sourceHasMultipleSelectedItems: boolean;
-        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     }>;
-    <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+    <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -103,22 +103,22 @@ export declare const PropsProvider: ({ createStore, children, }: {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        destinationSelectionItemArray: DSShuttleV2T.Datum[];
+        destinationSelectionItemArray: Record<string, unknown>[];
         destinationSelectionArray: string[];
         destinationHasMultipleSelectedItems: boolean;
-        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         destinationSelectionableDataIds: string[];
         destinationSelectionableIds: string;
-        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectedItemsMap: Record<string, {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        sourceSelectionItemArray: DSShuttleV2T.Datum[];
+        sourceSelectionItemArray: Record<string, unknown>[];
         sourceSelectionArray: string[];
         sourceHasMultipleSelectedItems: boolean;
-        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     }>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
@@ -130,9 +130,9 @@ export declare const PropsProvider: ({ createStore, children, }: {
     <U>(selector: (state: ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
 };
 export declare const config: {
-    defaultProps: DSShuttleV2T.InternalProps<object, object, object, object>;
+    defaultProps: DSShuttleV2T.InternalProps;
     internalAtomDefaultValues: DSShuttleV2T.InternalAtoms;
-    useAutoCalculated: <T extends object, H extends object, N extends object, K extends object>(propsWithDefaults: DSShuttleV2T.InternalProps<T, H, N, K>) => {
+    useAutoCalculated: (propsWithDefaults: DSShuttleV2T.InternalProps) => {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -143,22 +143,22 @@ export declare const config: {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        destinationSelectionItemArray: DSShuttleV2T.Datum[];
+        destinationSelectionItemArray: Record<string, unknown>[];
         destinationSelectionArray: string[];
         destinationHasMultipleSelectedItems: boolean;
-        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         destinationSelectionableDataIds: string[];
         destinationSelectionableIds: string;
-        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectedItemsMap: Record<string, {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        sourceSelectionItemArray: DSShuttleV2T.Datum[];
+        sourceSelectionItemArray: Record<string, unknown>[];
         sourceSelectionArray: string[];
         sourceHasMultipleSelectedItems: boolean;
-        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     };
@@ -166,7 +166,7 @@ export declare const config: {
     reducers: ZustandT.ReducerObject<DSShuttleV2T.ShuttleInternalStore, DSShuttleV2T.Reducers>;
     subscribers: ZustandT.Subscribers<DSShuttleV2T.ShuttleInternalStore>;
     PropsProvider: ({ createStore, children, }: {
-        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+        createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;
@@ -177,27 +177,27 @@ export declare const config: {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            destinationSelectionItemArray: DSShuttleV2T.Datum[];
+            destinationSelectionItemArray: Record<string, unknown>[];
             destinationSelectionArray: string[];
             destinationHasMultipleSelectedItems: boolean;
-            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             destinationSelectionableDataIds: string[];
             destinationSelectionableIds: string;
-            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectedItemsMap: Record<string, {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            sourceSelectionItemArray: DSShuttleV2T.Datum[];
+            sourceSelectionItemArray: Record<string, unknown>[];
             sourceSelectionArray: string[];
             sourceHasMultipleSelectedItems: boolean;
-            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectionableDataIds: string[];
             sourceSelectionableIds: string;
         }>>;
         children: import("react").ReactNode;
-    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+    }) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
         destinationVirtualRef: import("react").MutableRefObject<{
             scrollTo: (index: number) => void;
         }>;
@@ -208,27 +208,27 @@ export declare const config: {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        destinationSelectionItemArray: DSShuttleV2T.Datum[];
+        destinationSelectionItemArray: Record<string, unknown>[];
         destinationSelectionArray: string[];
         destinationHasMultipleSelectedItems: boolean;
-        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+        destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         destinationSelectionableDataIds: string[];
         destinationSelectionableIds: string;
-        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+        sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectedItemsMap: Record<string, {
             datum: DSShuttleV2T.Datum;
             index: number;
         }>;
-        sourceSelectionItemArray: DSShuttleV2T.Datum[];
+        sourceSelectionItemArray: Record<string, unknown>[];
         sourceSelectionArray: string[];
         sourceHasMultipleSelectedItems: boolean;
-        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+        sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
         sourceSelectionableDataIds: string[];
         sourceSelectionableIds: string;
     }>> | undefined>>;
     usePropsStore: {
-        (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+        (): ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;
@@ -239,26 +239,26 @@ export declare const config: {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            destinationSelectionItemArray: DSShuttleV2T.Datum[];
+            destinationSelectionItemArray: Record<string, unknown>[];
             destinationSelectionArray: string[];
             destinationHasMultipleSelectedItems: boolean;
-            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             destinationSelectionableDataIds: string[];
             destinationSelectionableIds: string;
-            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectedItemsMap: Record<string, {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            sourceSelectionItemArray: DSShuttleV2T.Datum[];
+            sourceSelectionItemArray: Record<string, unknown>[];
             sourceSelectionArray: string[];
             sourceHasMultipleSelectedItems: boolean;
-            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectionableDataIds: string[];
             sourceSelectionableIds: string;
         }>;
-        <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<object, object, object, object> & {
+        <U>(selector: (state: ZustandT.PropsStore<DSShuttleV2T.InternalProps<Record<string, unknown>> & {
             destinationVirtualRef: import("react").MutableRefObject<{
                 scrollTo: (index: number) => void;
             }>;
@@ -269,22 +269,22 @@ export declare const config: {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            destinationSelectionItemArray: DSShuttleV2T.Datum[];
+            destinationSelectionItemArray: Record<string, unknown>[];
             destinationSelectionArray: string[];
             destinationHasMultipleSelectedItems: boolean;
-            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum[];
-            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            destinationConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
+            destinationSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             destinationSelectionableDataIds: string[];
             destinationSelectionableIds: string;
-            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum[];
+            sourceConfiguredData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectedItemsMap: Record<string, {
                 datum: DSShuttleV2T.Datum;
                 index: number;
             }>;
-            sourceSelectionItemArray: DSShuttleV2T.Datum[];
+            sourceSelectionItemArray: Record<string, unknown>[];
             sourceSelectionArray: string[];
             sourceHasMultipleSelectedItems: boolean;
-            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum[];
+            sourceSelectionableData: DSShuttleV2T.ConfiguredDatum<Record<string, unknown>>[];
             sourceSelectionableDataIds: string[];
             sourceSelectionableIds: string;
         }>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;

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

@@ -1,3 +1,3 @@
 import type { WeakValidationMap } from 'react';
 import type { DSShuttleV2T } from '../react-desc-prop-types.js';
-export declare const useValidateProps: <T extends object, H extends object, N extends object, K extends object>(props: DSShuttleV2T.Props<T, H, N, K>, propTypes: WeakValidationMap<unknown>) => void;
+export declare const useValidateProps: (props: DSShuttleV2T.Props, propTypes: WeakValidationMap<unknown>) => void;