@elliemae/ds-data-table 3.80.0-next.62 → 3.80.0-next.65

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/filter-bar-props.js

@@ -0,0 +1,71 @@
+"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 requiredProps = { columns: [], data: [] };
+const bridgedDropdownMenuProps = {
+  onDropdownMenuToggle: (isOpen, eventType) => {
+  },
+  onDropdownMenuClickOutside: () => {
+  },
+  onDropdownMenuTriggerClick: () => {
+  },
+  isDropdownMenuOpen: false
+};
+const bridgedAsCast = {
+  onDropdownMenuToggle: (isOpen, eventType) => {
+  },
+  isDropdownMenuOpen: true
+};
+const ConsumerAddon = () => null;
+const consumerOwnedMenu = { filterBarAddonRenderer: ConsumerAddon };
+const BridgeAddon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import__.FilterBarDropdownMenu,
+  {
+    ...props,
+    options: [{ dsId: "action", type: "action", label: "Action", value: "action", onClick: () => {
+    } }]
+  }
+);
+const bridgeAsAddon = { filterBarAddonRenderer: BridgeAddon };
+const SpreadUsage = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DataTable, { ...requiredProps, withFilterBar: true, filterBarProps: bridgedDropdownMenuProps });
+const InlineUsage = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import__.DataTable,
+  {
+    ...requiredProps,
+    withFilterBar: true,
+    filterBarProps: {
+      onDropdownMenuToggle: (isOpen, eventType) => {
+      },
+      onDropdownMenuClickOutside: () => {
+      },
+      onDropdownMenuTriggerClick: () => {
+      },
+      isDropdownMenuOpen: true,
+      filterBarAddonRenderer: ConsumerAddon
+    }
+  }
+);
+//# sourceMappingURL=filter-bar-props.js.map

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/filter-bar-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/filter-bar-props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n// Static contract of `filterBarProps` (PUI-19093): the four *DropdownMenu* props that the default menu button addon\n// bridges, plus the escape hatch (`filterBarAddonRenderer`) a consumer uses to bring their own menu.\n// A change that breaks one of these shapes fails the TypeScript deliverable check before it reaches a consumer.\nimport React from 'react';\nimport { DataTable, FilterBarDropdownMenu } from '../index.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\ntype FilterBarProps = NonNullable<DSDataTableT.Props['filterBarProps']>;\n\nconst requiredProps = { columns: [], data: [] } satisfies DSDataTableT.RequiredProps;\n\n// the four bridged props, each with the signature a PUI-19093 consumer relies on\nconst bridgedDropdownMenuProps: FilterBarProps = {\n  onDropdownMenuToggle: (isOpen: boolean, eventType: string) => {},\n  onDropdownMenuClickOutside: () => {},\n  onDropdownMenuTriggerClick: () => {},\n  isDropdownMenuOpen: false,\n};\n\n// the same shape as an `as` cast and as `as const`: each widens/infers differently\nconst bridgedAsCast = {\n  onDropdownMenuToggle: (isOpen: boolean, eventType: string) => {},\n  isDropdownMenuOpen: true,\n} as FilterBarProps;\n\n// the consumer path: their own addon, handed the ref the filter bar passes\nconst ConsumerAddon: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }> = () => null;\nconst consumerOwnedMenu: FilterBarProps = { filterBarAddonRenderer: ConsumerAddon };\n\n// the exported bridge: DSDropdownMenuV2-shaped `options`, and the optional ref\nconst BridgeAddon: React.ComponentType<{ innerRef: React.MutableRefObject<HTMLButtonElement | null> }> = (props) => (\n  <FilterBarDropdownMenu\n    {...props}\n    options={[{ dsId: 'action', type: 'action', label: 'Action', value: 'action', onClick: () => {} }]}\n  />\n);\nconst bridgeAsAddon: FilterBarProps = { filterBarAddonRenderer: BridgeAddon };\n\n// real JSX consumption, props spread and passed inline (object-literal assignment alone can pass where JSX fails)\nconst SpreadUsage = () => <DataTable {...requiredProps} withFilterBar filterBarProps={bridgedDropdownMenuProps} />;\nconst InlineUsage = () => (\n  <DataTable\n    {...requiredProps}\n    withFilterBar\n    filterBarProps={{\n      onDropdownMenuToggle: (isOpen, eventType) => {},\n      onDropdownMenuClickOutside: () => {},\n      onDropdownMenuTriggerClick: () => {},\n      isDropdownMenuOpen: true,\n      filterBarAddonRenderer: ConsumerAddon,\n    }}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACgCrB;AA3BF,eAAiD;AAKjD,MAAM,gBAAgB,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,EAAE;AAG9C,MAAM,2BAA2C;AAAA,EAC/C,sBAAsB,CAAC,QAAiB,cAAsB;AAAA,EAAC;AAAA,EAC/D,4BAA4B,MAAM;AAAA,EAAC;AAAA,EACnC,4BAA4B,MAAM;AAAA,EAAC;AAAA,EACnC,oBAAoB;AACtB;AAGA,MAAM,gBAAgB;AAAA,EACpB,sBAAsB,CAAC,QAAiB,cAAsB;AAAA,EAAC;AAAA,EAC/D,oBAAoB;AACtB;AAGA,MAAM,gBAAqG,MAAM;AACjH,MAAM,oBAAoC,EAAE,wBAAwB,cAAc;AAGlF,MAAM,cAAmG,CAAC,UACxG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,CAAC,EAAE,MAAM,UAAU,MAAM,UAAU,OAAO,UAAU,OAAO,UAAU,SAAS,MAAM;AAAA,IAAC,EAAE,CAAC;AAAA;AACnG;AAEF,MAAM,gBAAgC,EAAE,wBAAwB,YAAY;AAG5E,MAAM,cAAc,MAAM,4CAAC,sBAAW,GAAG,eAAe,eAAa,MAAC,gBAAgB,0BAA0B;AAChH,MAAM,cAAc,MAClB;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,eAAa;AAAA,IACb,gBAAgB;AAAA,MACd,sBAAsB,CAAC,QAAQ,cAAc;AAAA,MAAC;AAAA,MAC9C,4BAA4B,MAAM;AAAA,MAAC;AAAA,MACnC,4BAA4B,MAAM;AAAA,MAAC;AAAA,MACnC,oBAAoB;AAAA,MACpB,wBAAwB;AAAA,IAC1B;AAAA;AACF;",
+  "names": []
+}

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/get-row-variant.js

@@ -0,0 +1,38 @@
+"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_RowVariants = require("../exported-related/RowVariants.js");
+const getRowVariantWithEveryVariant = (row) => {
+  if (row.id === "a") return import_RowVariants.ROW_VARIANTS.HEADER_GROUP;
+  if (row.id === "b") return import_RowVariants.ROW_VARIANTS.PRIMARY;
+  if (row.id === "c") return import_RowVariants.ROW_VARIANTS.SECONDARY;
+  if (row.id === "d") return import_RowVariants.ROW_VARIANTS.COMPACT_PRIMARY;
+  if (row.id === "e") return import_RowVariants.ROW_VARIANTS.COMPACT_SECONDARY;
+  return import_RowVariants.ROW_VARIANTS.SKELETON;
+};
+const allRowVariantsAreTyped = true;
+const groupedHeaderReturningString = (value, subRows) => `${value}(${subRows?.length ?? 0})`;
+const groupedHeaderReturningNothing = () => null;
+const groupedHeaderAsString = "Group";
+//# sourceMappingURL=get-row-variant.js.map

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/get-row-variant.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/get-row-variant.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport { ROW_VARIANTS } from '../exported-related/RowVariants.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Every value of ROW_VARIANTS is a valid return of getRowVariant\nconst getRowVariantWithEveryVariant: DSDataTableT.Props['getRowVariant'] = (row) => {\n  if (row.id === 'a') return ROW_VARIANTS.HEADER_GROUP;\n  if (row.id === 'b') return ROW_VARIANTS.PRIMARY;\n  if (row.id === 'c') return ROW_VARIANTS.SECONDARY;\n  if (row.id === 'd') return ROW_VARIANTS.COMPACT_PRIMARY;\n  if (row.id === 'e') return ROW_VARIANTS.COMPACT_SECONDARY;\n  return ROW_VARIANTS.SKELETON;\n};\n\n// Exhaustiveness: adding a value to ROW_VARIANTS without adding it to DSDataTableT.RowVariant fails here\ntype AllRowVariantsAreTyped = (typeof ROW_VARIANTS)[keyof typeof ROW_VARIANTS] extends DSDataTableT.RowVariant\n  ? true\n  : never;\nconst allRowVariantsAreTyped: AllRowVariantsAreTyped = true;\n\n// groupedRowsRenderHeader is a function returning anything React can render (a string included); a string value is\n// not accepted: the code ignores it\nconst groupedHeaderReturningString: DSDataTableT.Props['groupedRowsRenderHeader'] = (value, subRows) =>\n  `${value}(${subRows?.length ?? 0})`;\nconst groupedHeaderReturningNothing: DSDataTableT.Props['groupedRowsRenderHeader'] = () => null;\n// @ts-expect-error - a string is ignored by the table, so the type does not accept it\nconst groupedHeaderAsString: DSDataTableT.Props['groupedRowsRenderHeader'] = 'Group';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACEvB,yBAA6B;AAI7B,MAAM,gCAAqE,CAAC,QAAQ;AAClF,MAAI,IAAI,OAAO,IAAK,QAAO,gCAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,gCAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,gCAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,gCAAa;AACxC,MAAI,IAAI,OAAO,IAAK,QAAO,gCAAa;AACxC,SAAO,gCAAa;AACtB;AAMA,MAAM,yBAAiD;AAIvD,MAAM,+BAA8E,CAAC,OAAO,YAC1F,GAAG,KAAK,IAAI,SAAS,UAAU,CAAC;AAClC,MAAM,gCAA+E,MAAM;AAE3F,MAAM,wBAAuE;",
+  "names": []
+}

package/dist/cjs/{parts/FilterBar/index.js → tentative-typescript-testing-for-unsafe-type/sizes.js}

@@ -5,10 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -25,12 +21,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FilterBar_exports = {};
-__export(FilterBar_exports, {
-  FiltersBar: () => import_FiltersBar.FiltersBar
-});
-module.exports = __toCommonJS(FilterBar_exports);
 var React = __toESM(require("react"));
-var import_FiltersBar = require("./FiltersBar.js");
-//# sourceMappingURL=index.js.map
+const columnsWithNumberAndStringWidths = [
+  { Header: "Number", accessor: "number", width: 100 },
+  { Header: "Pixels string", accessor: "pixelsString", width: "100px" },
+  { Header: "Percent", accessor: "percent", width: "20%" },
+  { Header: "Unset", accessor: "unset" }
+];
+const resizeableTable = { isResizeable: true, columns: columnsWithNumberAndStringWidths, data: [] };
+const sizesAsNumbers = { height: 300, width: 500 };
+const sizesAsStrings = { height: "60vh", width: "100%" };
+//# sourceMappingURL=sizes.js.map

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/sizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/sizes.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Column.width: a number of pixels or a string (the propTypes schema and the runtime accept both).\n// The resizer works in pixels (a number or a px string): the types do not enforce it, the documentation states it.\nconst columnsWithNumberAndStringWidths: DSDataTableT.Column[] = [\n  { Header: 'Number', accessor: 'number', width: 100 },\n  { Header: 'Pixels string', accessor: 'pixelsString', width: '100px' },\n  { Header: 'Percent', accessor: 'percent', width: '20%' },\n  { Header: 'Unset', accessor: 'unset' },\n];\nconst resizeableTable: DSDataTableT.Props = { isResizeable: true, columns: columnsWithNumberAndStringWidths, data: [] };\n\n// height and width of the table: a number of pixels or a string\nconst sizesAsNumbers: Partial<DSDataTableT.Props> = { height: 300, width: 500 };\nconst sizesAsStrings: Partial<DSDataTableT.Props> = { height: '60vh', width: '100%' };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,mCAA0D;AAAA,EAC9D,EAAE,QAAQ,UAAU,UAAU,UAAU,OAAO,IAAI;AAAA,EACnD,EAAE,QAAQ,iBAAiB,UAAU,gBAAgB,OAAO,QAAQ;AAAA,EACpE,EAAE,QAAQ,WAAW,UAAU,WAAW,OAAO,MAAM;AAAA,EACvD,EAAE,QAAQ,SAAS,UAAU,QAAQ;AACvC;AACA,MAAM,kBAAsC,EAAE,cAAc,MAAM,SAAS,kCAAkC,MAAM,CAAC,EAAE;AAGtH,MAAM,iBAA8C,EAAE,QAAQ,KAAK,OAAO,IAAI;AAC9E,MAAM,iBAA8C,EAAE,QAAQ,QAAQ,OAAO,OAAO;",
+  "names": []
+}

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/slot-props.js

@@ -0,0 +1,134 @@
+"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"));
+const SlotPropsAsObject = {
+  dsDatatableRoot: { "aria-label": "just a typescript test" },
+  dsDatatableContentWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableTableWrapper: { "aria-label": "just a typescript test" },
+  dsDatatablePaginationWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableTableContentWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableVirtualListWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeadWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeadTr: { "aria-label": "just a typescript test" },
+  dsDatatableHeadTh: { "aria-label": "just a typescript test" },
+  dsDatatableHeadRightIconsWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableHeaderCellWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyHeader: { "aria-label": "just a typescript test" },
+  dsDatatableResizer: { "aria-label": "just a typescript test" },
+  dsDatatableActionCell: { "aria-label": "just a typescript test" },
+  dsDatatableExpandCellContainer: { "aria-label": "just a typescript test" },
+  dsDatatableGlobalCheckboxContainer: { "aria-label": "just a typescript test" },
+  dsDatatableSingleCellContainer: { "aria-label": "just a typescript test" },
+  dsDatatableDragAndDropGripper: { "aria-label": "just a typescript test" },
+  dsDatatableTextEditableCellInput: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverButton: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverContent: { "aria-label": "just a typescript test" },
+  dsDatatableDropIndicator: { "aria-label": "just a typescript test" },
+  dsDatatableCell: { "aria-label": "just a typescript test" },
+  dsDatatableCellContent: { "aria-label": "just a typescript test" },
+  dsDatatablePencilIcon: { "aria-label": "just a typescript test" },
+  dsDatatableEditableContainer: { "aria-label": "just a typescript test" },
+  dsDatatableFullsizeGrid: { "aria-label": "just a typescript test" },
+  dsDatatableRow: { "aria-label": "just a typescript test" },
+  dsDatatableGroupHeaderContainer: { "aria-label": "just a typescript test" },
+  dsDatatableHeaderTitle: { "aria-label": "just a typescript test" },
+  dsDatatableCellsContainer: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarButtonsWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarButton: { "aria-label": "just a typescript test" },
+  dsDatatableToolbarPosition: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyStateWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableWarningIcon: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyPrimaryMessage: { "aria-label": "just a typescript test" },
+  dsDatatableEmptySecondaryMessage: { "aria-label": "just a typescript test" },
+  dsDatatableEmptyButton: { "aria-label": "just a typescript test" },
+  dsDatatableCenterContentFlexWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableLoaderWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFilterBarWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFreeTextSearchFilter: { "aria-label": "just a typescript test" },
+  dsDatatableFreeTextSearchWrapper: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopover: { "aria-label": "just a typescript test" },
+  dsDatatableFilterBarMenuButton: { "aria-label": "just a typescript test" },
+  dsDatatableFilterPopoverFooter: { "aria-label": "just a typescript test" },
+  dsDatatableFocusWithin: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsDatatableRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableContentWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableTableWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatablePaginationWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableTableContentWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableVirtualListWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadTr: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableHeadTh: ({ columnId, firstFocuseableColumnHeaderId }) => ({
+    "aria-label": `${columnId} ${firstFocuseableColumnHeaderId}`
+  }),
+  dsDatatableHeadRightIconsWrapper: ({ columnId, firstFocuseableColumnHeaderId }) => ({
+    "aria-label": `${columnId} ${firstFocuseableColumnHeaderId}`
+  }),
+  dsDatatableHeaderCellWrapper: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableEmptyHeader: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableResizer: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableActionCell: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableExpandCellContainer: ({ isGlobal }) => ({ "aria-label": `${isGlobal}` }),
+  dsDatatableGlobalCheckboxContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableSingleCellContainer: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableDragAndDropGripper: ({ row, columnId }) => ({ "aria-label": row?.uid ?? columnId }),
+  dsDatatableTextEditableCellInput: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableFilterPopoverButton: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterPopoverContent: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableDropIndicator: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableCell: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableCellContent: (cell) => ({ "aria-label": cell.id }),
+  dsDatatablePencilIcon: ({ cell }) => ({ "aria-label": cell.id }),
+  dsDatatableEditableContainer: (cell) => ({ "aria-label": cell.id }),
+  dsDatatableFullsizeGrid: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableRow: (row) => ({ "aria-label": row.uid }),
+  dsDatatableGroupHeaderContainer: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableHeaderTitle: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableCellsContainer: (row) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarWrapper: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarButtonsWrapper: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarButton: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableToolbarPosition: ({ row }) => ({ "aria-label": row.uid }),
+  dsDatatableEmptyStateWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableWarningIcon: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptyPrimaryMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptySecondaryMessage: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableEmptyButton: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableCenterContentFlexWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableLoaderWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFilterBarWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFreeTextSearchFilter: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFreeTextSearchWrapper: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterPopover: ({ columnId }) => ({ "aria-label": columnId }),
+  dsDatatableFilterBarMenuButton: () => ({ "aria-label": "just a typescript test" }),
+  dsDatatableFilterPopoverFooter: ({ columnId }) => ({ "aria-label": columnId }),
+  // one shape for the three contexts of this slot (a header drag handle, an expand caret, a row drag handle): each
+  // site fills its own keys
+  dsDatatableFocusWithin: ({ row, columnId, isGlobal }) => ({ "aria-label": row?.uid ?? columnId ?? String(isGlobal) })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/tentative-typescript-testing-for-unsafe-type/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/tentative-typescript-testing-for-unsafe-type/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSDataTableName, DATA_TABLE_SLOTS } from '../constants/index.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\n\n// Object form \u2014 static slot props (validates every slot key exists on Props)\nconst SlotPropsAsObject: Partial<DSDataTableT.Props> = {\n  dsDatatableRoot: { 'aria-label': 'just a typescript test' },\n  dsDatatableContentWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTableWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatablePaginationWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTableContentWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableVirtualListWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadTr: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadTh: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeadRightIconsWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeaderCellWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyHeader: { 'aria-label': 'just a typescript test' },\n  dsDatatableResizer: { 'aria-label': 'just a typescript test' },\n  dsDatatableActionCell: { 'aria-label': 'just a typescript test' },\n  dsDatatableExpandCellContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableGlobalCheckboxContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableSingleCellContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableDragAndDropGripper: { 'aria-label': 'just a typescript test' },\n  dsDatatableTextEditableCellInput: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverContent: { 'aria-label': 'just a typescript test' },\n  dsDatatableDropIndicator: { 'aria-label': 'just a typescript test' },\n  dsDatatableCell: { 'aria-label': 'just a typescript test' },\n  dsDatatableCellContent: { 'aria-label': 'just a typescript test' },\n  dsDatatablePencilIcon: { 'aria-label': 'just a typescript test' },\n  dsDatatableEditableContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableFullsizeGrid: { 'aria-label': 'just a typescript test' },\n  dsDatatableRow: { 'aria-label': 'just a typescript test' },\n  dsDatatableGroupHeaderContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableHeaderTitle: { 'aria-label': 'just a typescript test' },\n  dsDatatableCellsContainer: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarButtonsWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableToolbarPosition: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyStateWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableWarningIcon: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyPrimaryMessage: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptySecondaryMessage: { 'aria-label': 'just a typescript test' },\n  dsDatatableEmptyButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableCenterContentFlexWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableLoaderWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterBarWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFreeTextSearchFilter: { 'aria-label': 'just a typescript test' },\n  dsDatatableFreeTextSearchWrapper: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopover: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterBarMenuButton: { 'aria-label': 'just a typescript test' },\n  dsDatatableFilterPopoverFooter: { 'aria-label': 'just a typescript test' },\n  dsDatatableFocusWithin: { 'aria-label': 'just a typescript test' },\n};\n\n// Function form \u2014 dynamic slot props. Slots that repeat per row, cell or column receive that instance as argument.\nconst SlotPropsAsFunctions: DSDataTableT.SlotFunctionArguments = {\n  dsDatatableRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableContentWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableTableWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatablePaginationWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableTableContentWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableVirtualListWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadTr: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableHeadTh: ({ columnId, firstFocuseableColumnHeaderId }) => ({\n    'aria-label': `${columnId} ${firstFocuseableColumnHeaderId}`,\n  }),\n  dsDatatableHeadRightIconsWrapper: ({ columnId, firstFocuseableColumnHeaderId }) => ({\n    'aria-label': `${columnId} ${firstFocuseableColumnHeaderId}`,\n  }),\n  dsDatatableHeaderCellWrapper: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableEmptyHeader: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableResizer: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableActionCell: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableExpandCellContainer: ({ isGlobal }) => ({ 'aria-label': `${isGlobal}` }),\n  dsDatatableGlobalCheckboxContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableSingleCellContainer: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableDragAndDropGripper: ({ row, columnId }) => ({ 'aria-label': row?.uid ?? columnId }),\n  dsDatatableTextEditableCellInput: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableFilterPopoverButton: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterPopoverContent: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableDropIndicator: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableCell: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableCellContent: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatablePencilIcon: ({ cell }) => ({ 'aria-label': cell.id }),\n  dsDatatableEditableContainer: (cell) => ({ 'aria-label': cell.id }),\n  dsDatatableFullsizeGrid: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableRow: (row) => ({ 'aria-label': row.uid }),\n  dsDatatableGroupHeaderContainer: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableHeaderTitle: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableCellsContainer: (row) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarWrapper: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarButtonsWrapper: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarButton: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableToolbarPosition: ({ row }) => ({ 'aria-label': row.uid }),\n  dsDatatableEmptyStateWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableWarningIcon: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptyPrimaryMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptySecondaryMessage: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableEmptyButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableCenterContentFlexWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableLoaderWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFilterBarWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFreeTextSearchFilter: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFreeTextSearchWrapper: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterPopover: ({ columnId }) => ({ 'aria-label': columnId }),\n  dsDatatableFilterBarMenuButton: () => ({ 'aria-label': 'just a typescript test' }),\n  dsDatatableFilterPopoverFooter: ({ columnId }) => ({ 'aria-label': columnId }),\n  // one shape for the three contexts of this slot (a header drag handle, an expand caret, a row drag handle): each\n  // site fills its own keys\n  dsDatatableFocusWithin: ({ row, columnId, isGlobal }) => ({ 'aria-label': row?.uid ?? columnId ?? String(isGlobal) }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSDataTableName, typeof DATA_TABLE_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACOvB,MAAM,oBAAiD;AAAA,EACrD,iBAAiB,EAAE,cAAc,yBAAyB;AAAA,EAC1D,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,8BAA8B,EAAE,cAAc,yBAAyB;AAAA,EACvE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,+BAA+B,EAAE,cAAc,yBAAyB;AAAA,EACxE,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,mBAAmB,EAAE,cAAc,yBAAyB;AAAA,EAC5D,mBAAmB,EAAE,cAAc,yBAAyB;AAAA,EAC5D,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,8BAA8B,EAAE,cAAc,yBAAyB;AAAA,EACvE,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,oBAAoB,EAAE,cAAc,yBAAyB;AAAA,EAC7D,uBAAuB,EAAE,cAAc,yBAAyB;AAAA,EAChE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,oCAAoC,EAAE,cAAc,yBAAyB;AAAA,EAC7E,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,+BAA+B,EAAE,cAAc,yBAAyB;AAAA,EACxE,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,iCAAiC,EAAE,cAAc,yBAAyB;AAAA,EAC1E,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,iBAAiB,EAAE,cAAc,yBAAyB;AAAA,EAC1D,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,uBAAuB,EAAE,cAAc,yBAAyB;AAAA,EAChE,8BAA8B,EAAE,cAAc,yBAAyB;AAAA,EACvE,yBAAyB,EAAE,cAAc,yBAAyB;AAAA,EAClE,gBAAgB,EAAE,cAAc,yBAAyB;AAAA,EACzD,iCAAiC,EAAE,cAAc,yBAAyB;AAAA,EAC1E,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,2BAA2B,EAAE,cAAc,yBAAyB;AAAA,EACpE,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,4BAA4B,EAAE,cAAc,yBAAyB;AAAA,EACrE,8BAA8B,EAAE,cAAc,yBAAyB;AAAA,EACvE,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,qCAAqC,EAAE,cAAc,yBAAyB;AAAA,EAC9E,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,6BAA6B,EAAE,cAAc,yBAAyB;AAAA,EACtE,iCAAiC,EAAE,cAAc,yBAAyB;AAAA,EAC1E,kCAAkC,EAAE,cAAc,yBAAyB;AAAA,EAC3E,0BAA0B,EAAE,cAAc,yBAAyB;AAAA,EACnE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,gCAAgC,EAAE,cAAc,yBAAyB;AAAA,EACzE,wBAAwB,EAAE,cAAc,yBAAyB;AACnE;AAGA,MAAM,uBAA2D;AAAA,EAC/D,iBAAiB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACjE,2BAA2B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC3E,yBAAyB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACzE,8BAA8B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC9E,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,+BAA+B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC/E,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxE,mBAAmB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACnE,mBAAmB,CAAC,EAAE,UAAU,8BAA8B,OAAO;AAAA,IACnE,cAAc,GAAG,QAAQ,IAAI,6BAA6B;AAAA,EAC5D;AAAA,EACA,kCAAkC,CAAC,EAAE,UAAU,8BAA8B,OAAO;AAAA,IAClF,cAAc,GAAG,QAAQ,IAAI,6BAA6B;AAAA,EAC5D;AAAA,EACA,8BAA8B,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAC1E,wBAAwB,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EACpE,oBAAoB,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAChE,uBAAuB,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EAC7D,gCAAgC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,GAAG,QAAQ,GAAG;AAAA,EACjF,oCAAoC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACpF,gCAAgC,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EACtE,+BAA+B,CAAC,EAAE,KAAK,SAAS,OAAO,EAAE,cAAc,KAAK,OAAO,SAAS;AAAA,EAC5F,kCAAkC,CAAC,UAAU,EAAE,cAAc,KAAK,GAAG;AAAA,EACrE,gCAAgC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAC5E,iCAAiC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAC7E,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,iBAAiB,CAAC,UAAU,EAAE,cAAc,KAAK,GAAG;AAAA,EACpD,wBAAwB,CAAC,UAAU,EAAE,cAAc,KAAK,GAAG;AAAA,EAC3D,uBAAuB,CAAC,EAAE,KAAK,OAAO,EAAE,cAAc,KAAK,GAAG;AAAA,EAC9D,8BAA8B,CAAC,UAAU,EAAE,cAAc,KAAK,GAAG;AAAA,EACjE,yBAAyB,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EAC/D,gBAAgB,CAAC,SAAS,EAAE,cAAc,IAAI,IAAI;AAAA,EAClD,iCAAiC,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EACvE,wBAAwB,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EAC9D,2BAA2B,CAAC,SAAS,EAAE,cAAc,IAAI,IAAI;AAAA,EAC7D,2BAA2B,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EACjE,kCAAkC,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EACxE,0BAA0B,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EAChE,4BAA4B,CAAC,EAAE,IAAI,OAAO,EAAE,cAAc,IAAI,IAAI;AAAA,EAClE,8BAA8B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC9E,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxE,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAClF,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxE,qCAAqC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrF,0BAA0B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC1E,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC7E,iCAAiC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAC7E,kCAAkC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EAC9E,0BAA0B,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA,EACtE,gCAAgC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAChF,gCAAgC,CAAC,EAAE,SAAS,OAAO,EAAE,cAAc,SAAS;AAAA;AAAA;AAAA,EAG5E,wBAAwB,CAAC,EAAE,KAAK,UAAU,SAAS,OAAO,EAAE,cAAc,KAAK,OAAO,YAAY,OAAO,QAAQ,EAAE;AACrH;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/TruncatedTooltipText.js

@@ -2,11 +2,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { styled } from "@elliemae/ds-system";
-import {
-  useFloatingContext,
-  FloatingWrapper,
-  PopoverArrow
-} from "@elliemae/ds-floating-context";
+import { useFloatingContext, FloatingWrapper, PopoverArrow } from "@elliemae/ds-floating-context";
 const TruncatedSpan = styled.span`
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -62,9 +58,7 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
     )
   ] });
 };
-var TruncatedTooltipText_default = TruncatedTooltipText;
 export {
-  TruncatedTooltipText,
-  TruncatedTooltipText_default as default
+  TruncatedTooltipText
 };
 //# sourceMappingURL=TruncatedTooltipText.js.map

package/dist/esm/TruncatedTooltipText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TruncatedTooltipText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\n\nconst TruncatedSpan = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  // Accepts ReactNode so JSX cell renderers can be passed as value\n  value?: React.ReactNode;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n}\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan innerRef={refs.setReference} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6DnB,mBACE,KASE,YAVJ;AA7DJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAUnD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAAiC;AAC7F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,wBAAC,iBAAc,UAAU,KAAK,cAAc,cAAc,kBAAkB,cAAc,kBACvF,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,+BAAC,oBACE;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport type { DSDataTableT } from './react-desc-prop-types.js';\n\nconst TruncatedSpan = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: DSDataTableT.TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan innerRef={refs.setReference} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmDnB,mBACE,KASE,YAVJ;AAnDJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB,SAAS,oBAAoB,iBAAiB,oBAAoB;AAGlE,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAInD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAA8C;AAC1G,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,wBAAC,iBAAc,UAAU,KAAK,cAAc,cAAc,kBAAkB,cAAc,kBACvF,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,+BAAC,oBACE;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/addons/Columns/ColumnAction/ColumnAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnAction/ColumnAction.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createRef, memo } from 'react';\nimport type { DSDataTableT } from '../../../react-desc-prop-types.js';\nimport { ScreenReaderOnly } from '../../../styled.js';\ntype ConfigurableColumn = (renderRowActions: DSDataTableT.RenderRowActionsConfig) => DSDataTableT.InternalColumn;\n\nexport const actionColumn: ConfigurableColumn = (renderRowActions) => ({\n  Header: () => <ScreenReaderOnly>Actions</ScreenReaderOnly>,\n  id: 'rowActions',\n  width: renderRowActions.columnWidth,\n  style: {\n    overflow: 'visible',\n  },\n  // memo typing is broken?\n  Cell: memo((props) => {\n    const RenderProps = renderRowActions.renderer;\n    return <RenderProps {...props} />;\n  }),\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n  parentId: null,\n  depth: 0,\n  ref: createRef(),\n});\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACMP;AANhB,SAAgB,WAAW,YAAY;AAEvC,SAAS,wBAAwB;AAG1B,MAAM,eAAmC,CAAC,sBAAsB;AAAA,EACrE,QAAQ,MAAM,oBAAC,oBAAiB,qBAAO;AAAA,EACvC,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA,EACZ;AAAA;AAAA,EAEA,MAAM,KAAK,CAAC,UAAU;AACpB,UAAM,cAAc,iBAAiB;AACrC,WAAO,oBAAC,eAAa,GAAG,OAAO;AAAA,EACjC,CAAC;AAAA,EACD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK,UAAU;AACjB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createRef, memo } from 'react';\nimport type { DSDataTableT } from '../../../react-desc-prop-types.js';\nimport { ScreenReaderOnly } from '../../../styled.js';\n\nexport const actionColumn: DSDataTableT.ConfigurableColumn = (renderRowActions) => ({\n  Header: () => <ScreenReaderOnly>Actions</ScreenReaderOnly>,\n  id: 'rowActions',\n  width: renderRowActions.columnWidth,\n  style: {\n    overflow: 'visible',\n  },\n  // memo typing is broken?\n  Cell: memo((props) => {\n    const RenderProps = renderRowActions.renderer;\n    return <RenderProps {...props} />;\n  }),\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n  parentId: null,\n  depth: 0,\n  ref: createRef(),\n});\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKP;AALhB,SAAgB,WAAW,YAAY;AAEvC,SAAS,wBAAwB;AAE1B,MAAM,eAAgD,CAAC,sBAAsB;AAAA,EAClF,QAAQ,MAAM,oBAAC,oBAAiB,qBAAO;AAAA,EACvC,IAAI;AAAA,EACJ,OAAO,iBAAiB;AAAA,EACxB,OAAO;AAAA,IACL,UAAU;AAAA,EACZ;AAAA;AAAA,EAEA,MAAM,KAAK,CAAC,UAAU;AACpB,UAAM,cAAc,iBAAiB;AACrC,WAAO,oBAAC,eAAa,GAAG,OAAO;AAAA,EACjC,CAAC;AAAA,EACD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK,UAAU;AACjB;",
   "names": []
 }

package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js

@@ -1,33 +1,41 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { createRef } from "react";
+import { createRef, useCallback } from "react";
 import { uid } from "uid";
+import { usePropsStore } from "../../../configs/useStore/createInternalAndPropsContext.js";
 import { DragHandle } from "../../../parts/DnDHandle.js";
 import { ScreenReaderOnly, StyledFocusWithin } from "../../../styled.js";
 const dragHandleColumn = {
   id: "dragHandleColumn",
   // Make sure it has an ID
   Header: () => /* @__PURE__ */ jsx(ScreenReaderOnly, { children: "Drag Handle Column" }),
-  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps, isDisabledRow, domIdAffix = uid(4) }) => /* @__PURE__ */ jsx(
-    StyledFocusWithin,
-    {
-      style: { width: "100%", height: "100%" },
-      hideFocus: draggableProps && draggableProps.isDragging,
-      children: /* @__PURE__ */ jsx(
-        DragHandle,
-        {
-          id: `drag-handle-${row.uid}-${domIdAffix}`,
-          isReachable: isRowSelected,
-          innerRef: (_ref) => {
-            if (!isDragOverlay) cell.ref.current = _ref;
+  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps, isDisabledRow, domIdAffix = uid(4) }) => {
+    const getOwnerProps = usePropsStore((store) => store.get);
+    const getOwnerPropsArguments = useCallback(() => ({ row }), [row]);
+    return /* @__PURE__ */ jsx(
+      StyledFocusWithin,
+      {
+        style: { width: "100%", height: "100%" },
+        hideFocus: draggableProps && draggableProps.isDragging,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: /* @__PURE__ */ jsx(
+          DragHandle,
+          {
+            id: `drag-handle-${row.uid}-${domIdAffix}`,
+            isReachable: isRowSelected,
+            innerRef: (_ref) => {
+              if (!isDragOverlay) cell.ref.current = _ref;
+            },
+            isDragOverlay,
+            isDisabled: isDisabledRow,
+            row
           },
-          isDragOverlay,
-          isDisabled: isDisabledRow
-        },
-        row.uid
-      )
-    }
-  ),
+          row.uid
+        )
+      }
+    );
+  },
   textWrap: "wrap-all",
   width: 24,
   padding: 4,

package/dist/esm/addons/Columns/ColumnDragHandle/ColumnDragHandle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnDragHandle/ColumnDragHandle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { createRef } from 'react';\nimport { uid } from 'uid';\nimport { DragHandle } from '../../../parts/DnDHandle.js';\nimport { ScreenReaderOnly, StyledFocusWithin } from '../../../styled.js';\nimport type { DSDataTableT } from '../../../react-desc-prop-types.js';\n\nexport const dragHandleColumn: DSDataTableT.InternalColumn = {\n  id: 'dragHandleColumn', // Make sure it has an ID\n  Header: () => <ScreenReaderOnly>Drag Handle Column</ScreenReaderOnly>,\n  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps, isDisabledRow, domIdAffix = uid(4) }) => (\n    <StyledFocusWithin\n      style={{ width: '100%', height: '100%' }}\n      hideFocus={draggableProps && draggableProps.isDragging}\n    >\n      <DragHandle\n        id={`drag-handle-${row.uid}-${domIdAffix}`}\n        key={row.uid}\n        isReachable={isRowSelected}\n        innerRef={(_ref) => {\n          if (!isDragOverlay) cell.ref.current = _ref;\n        }}\n        isDragOverlay={isDragOverlay}\n        isDisabled={isDisabledRow}\n      />\n    </StyledFocusWithin>\n  ),\n  textWrap: 'wrap-all',\n  width: 24,\n  padding: 4,\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n  parentId: null,\n  depth: 0,\n  ref: createRef(),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSP;AARhB,SAAgB,iBAAiB;AACjC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,yBAAyB;AAG7C,MAAM,mBAAgD;AAAA,EAC3D,IAAI;AAAA;AAAA,EACJ,QAAQ,MAAM,oBAAC,oBAAiB,gCAAkB;AAAA,EAClD,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,gBAAgB,eAAe,aAAa,IAAI,CAAC,EAAE,MACnG;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,MACvC,WAAW,kBAAkB,eAAe;AAAA,MAE5C;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,eAAe,IAAI,GAAG,IAAI,UAAU;AAAA,UAExC,aAAa;AAAA,UACb,UAAU,CAAC,SAAS;AAClB,gBAAI,CAAC,cAAe,MAAK,IAAI,UAAU;AAAA,UACzC;AAAA,UACA;AAAA,UACA,YAAY;AAAA;AAAA,QANP,IAAI;AAAA,MAOX;AAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK,UAAU;AACjB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { createRef, useCallback } from 'react';\nimport { uid } from 'uid';\nimport { usePropsStore } from '../../../configs/useStore/createInternalAndPropsContext.js';\nimport { DragHandle } from '../../../parts/DnDHandle.js';\nimport { ScreenReaderOnly, StyledFocusWithin } from '../../../styled.js';\nimport type { DSDataTableT } from '../../../react-desc-prop-types.js';\n\nexport const dragHandleColumn: DSDataTableT.InternalColumn = {\n  id: 'dragHandleColumn', // Make sure it has an ID\n  Header: () => <ScreenReaderOnly>Drag Handle Column</ScreenReaderOnly>,\n  Cell: ({ row, isRowSelected, cell, isDragOverlay, draggableProps, isDisabledRow, domIdAffix = uid(4) }) => {\n    const getOwnerProps = usePropsStore((store) => store.get);\n    const getOwnerPropsArguments = useCallback(() => ({ row }), [row]);\n    return (\n      <StyledFocusWithin\n        style={{ width: '100%', height: '100%' }}\n        hideFocus={draggableProps && draggableProps.isDragging}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DragHandle\n          id={`drag-handle-${row.uid}-${domIdAffix}`}\n          key={row.uid}\n          isReachable={isRowSelected}\n          innerRef={(_ref) => {\n            if (!isDragOverlay) cell.ref.current = _ref;\n          }}\n          isDragOverlay={isDragOverlay}\n          isDisabled={isDisabledRow}\n          row={row}\n        />\n      </StyledFocusWithin>\n    );\n  },\n  textWrap: 'wrap-all',\n  width: 24,\n  padding: 4,\n  canResize: false,\n  disableDnD: true,\n  isFocuseable: false,\n  parentId: null,\n  depth: 0,\n  ref: createRef(),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACUP;AAThB,SAAgB,WAAW,mBAAmB;AAC9C,SAAS,WAAW;AACpB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,yBAAyB;AAG7C,MAAM,mBAAgD;AAAA,EAC3D,IAAI;AAAA;AAAA,EACJ,QAAQ,MAAM,oBAAC,oBAAiB,gCAAkB;AAAA,EAClD,MAAM,CAAC,EAAE,KAAK,eAAe,MAAM,eAAe,gBAAgB,eAAe,aAAa,IAAI,CAAC,EAAE,MAAM;AACzG,UAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,UAAM,yBAAyB,YAAY,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC;AACjE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,QACvC,WAAW,kBAAkB,eAAe;AAAA,QAC5C;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,eAAe,IAAI,GAAG,IAAI,UAAU;AAAA,YAExC,aAAa;AAAA,YACb,UAAU,CAAC,SAAS;AAClB,kBAAI,CAAC,cAAe,MAAK,IAAI,UAAU;AAAA,YACzC;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ;AAAA;AAAA,UAPK,IAAI;AAAA,QAQX;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK,UAAU;AACjB;",
   "names": []
 }

package/dist/esm/addons/Columns/ColumnExpand/ColumnExpand.js

@@ -83,7 +83,7 @@ const expandRowColumn = {
       if (Object.keys(expandedRows).length) return /* @__PURE__ */ jsx(ArrowMixed, {});
       return /* @__PURE__ */ jsx(ArrowRight, {});
     }, [expandedRows, isAllRowsExpanded]);
-    return /* @__PURE__ */ jsx(StyledFocusWithin, { children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(StyledFocusWithin, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(
       StyledSpan,
       {
         role: "button",
@@ -169,25 +169,33 @@ const expandRowColumn = {
       );
     }, [isExpanded, isDragging, isDragOverlay, disabledRows, row.uid]);
     if (shouldPrintCaret)
-      return /* @__PURE__ */ jsx(StyledFocusWithin, { style: indentStyle, children: /* @__PURE__ */ jsx(
-        StyledSpan,
+      return /* @__PURE__ */ jsx(
+        StyledFocusWithin,
         {
-          role: "button",
-          title: "Toggle Row Expanded",
-          onClick: onRowExpandHandler,
-          onKeyDown: onKeyDownHandler,
-          innerRef: cell.ref,
-          tabIndex: isRowSelected && !disabledRows[row.uid] ? 0 : -1,
-          "data-testid": "data-table-row-expand-cell",
-          "aria-expanded": isExpanded,
-          disabled: disabledRows[row.uid],
-          "aria-disabled": disabledRows[row.uid],
+          style: indentStyle,
           getOwnerProps,
           getOwnerPropsArguments,
-          children: PureCaretIcon
-        },
-        `${row.uid}-expand-button`
-      ) });
+          children: /* @__PURE__ */ jsx(
+            StyledSpan,
+            {
+              role: "button",
+              title: "Toggle Row Expanded",
+              onClick: onRowExpandHandler,
+              onKeyDown: onKeyDownHandler,
+              innerRef: cell.ref,
+              tabIndex: isRowSelected && !disabledRows[row.uid] ? 0 : -1,
+              "data-testid": "data-table-row-expand-cell",
+              "aria-expanded": isExpanded,
+              disabled: disabledRows[row.uid],
+              "aria-disabled": disabledRows[row.uid],
+              getOwnerProps,
+              getOwnerPropsArguments,
+              children: PureCaretIcon
+            },
+            `${row.uid}-expand-button`
+          )
+        }
+      );
     if (row.depth !== 0)
       return /* @__PURE__ */ jsx("span", { style: indentStyle, children: /* @__PURE__ */ jsx(
         ArrowShortReturn,