@elliemae/ds-data-table 3.80.0-next.64 → 3.80.0-next.67

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/conversionHelpers.js

@@ -0,0 +1,137 @@
+"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 __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))
+      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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var conversionHelpers_exports = {};
+__export(conversionHelpers_exports, {
+  convertActionOptToMenuButtonItem: () => convertActionOptToMenuButtonItem,
+  convertCheckboxOptToMenuButtonItem: () => convertCheckboxOptToMenuButtonItem,
+  convertDropdownItemToMenuButtonItem: () => convertDropdownItemToMenuButtonItem,
+  convertSectionOptToMenuButtonItem: () => convertSectionOptToMenuButtonItem,
+  convertSeparatorOptToMenuButtonItem: () => convertSeparatorOptToMenuButtonItem,
+  convertSingleSelectionOptToMenuButtonItem: () => convertSingleSelectionOptToMenuButtonItem,
+  convertSingleWithSubmenuOptToMenuButtonItem: () => convertSingleWithSubmenuOptToMenuButtonItem,
+  convertSkeletonOptToMenuButtonItem: () => convertSkeletonOptToMenuButtonItem,
+  convertSubmenuOptToMenuButtonItem: () => convertSubmenuOptToMenuButtonItem,
+  isItemSectionOptions: () => isItemSectionOptions,
+  isItemSingleWithSubmenuOptions: () => isItemSingleWithSubmenuOptions,
+  isItemSubmenuOptions: () => isItemSubmenuOptions
+});
+module.exports = __toCommonJS(conversionHelpers_exports);
+var React = __toESM(require("react"));
+var import_ds_menu_button = require("@elliemae/ds-menu-button");
+const isItemSingleOptions = (option) => option.type === "single";
+const isItemActionOptions = (option) => option.type === "action";
+const isItemSingleWithSubmenuOptions = (option) => option.type === "singleWithSubmenu";
+const isItemCheckboxOptions = (option) => option.type === "checkbox";
+const isItemSubmenuOptions = (option) => option.type === "submenu";
+const isItemSeparatorOptions = (option) => option.type === "separator";
+const isItemSectionOptions = (option) => option.type === "section";
+const isItemSkeletonOptions = (option) => option.type === "skeleton";
+const convertActionOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.ACTIVABLE_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSingleSelectionOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.SINGLE_SELECT_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertCheckboxOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.MULTIPLE_SELECT_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSeparatorOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.SEPARATOR,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId
+});
+const convertSectionOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.GROUP,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth
+});
+const convertSkeletonOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.SKELETON_ITEM,
+  dsId: option.dsId,
+  minWidth: option?.minWidth
+});
+const convertSingleWithSubmenuOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,
+  label: option.label,
+  subitems: [],
+  maxHeight: option.maxHeight,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSubmenuOptToMenuButtonItem = (option) => ({
+  type: import_ds_menu_button.MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,
+  label: option.label,
+  subitems: [],
+  maxHeight: option.maxHeight,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertDropdownItemToMenuButtonItem = (option) => {
+  if (isItemActionOptions(option)) return convertActionOptToMenuButtonItem(option);
+  if (isItemSingleOptions(option)) return convertSingleSelectionOptToMenuButtonItem(option);
+  if (isItemSingleWithSubmenuOptions(option)) return convertSingleWithSubmenuOptToMenuButtonItem(option);
+  if (isItemCheckboxOptions(option)) return convertCheckboxOptToMenuButtonItem(option);
+  if (isItemSubmenuOptions(option)) return convertSubmenuOptToMenuButtonItem(option);
+  if (isItemSeparatorOptions(option)) return convertSeparatorOptToMenuButtonItem(option);
+  if (isItemSectionOptions(option)) return convertSectionOptToMenuButtonItem(option);
+  if (isItemSkeletonOptions(option)) return convertSkeletonOptToMenuButtonItem(option);
+  throw new Error("Unknown item type");
+};
+//# sourceMappingURL=conversionHelpers.js.map

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/conversionHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/conversionHelpers.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { type DSMenuButtonT, MENU_ITEMS_TYPES } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from './types.js';\n\n/**\n * Type guard to check if the option is of type ItemSingleOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSingleOptions, false otherwise.\n */\nconst isItemSingleOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSingleOptions =>\n  option.type === 'single';\n\n/**\n * Type guard to check if the option is of type ItemActionOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemActionOptions, false otherwise.\n */\nconst isItemActionOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemActionOptions =>\n  option.type === 'action';\n\n/**\n * Type guard to check if the option is of type ItemSingleWithSubmenuOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSingleWithSubmenuOptions, false otherwise.\n */\nexport const isItemSingleWithSubmenuOptions = (\n  option: DSDropdownMenuT.Item,\n): option is DSDropdownMenuT.ItemSingleWithSubmenuOptions => option.type === 'singleWithSubmenu';\n\n/**\n * Type guard to check if the option is of type ItemCheckboxOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemCheckboxOptions, false otherwise.\n */\nconst isItemCheckboxOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemCheckboxOptions =>\n  option.type === 'checkbox';\n\n/**\n * Type guard to check if the option is of type ItemSubmenuOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSubmenuOptions, false otherwise.\n */\nexport const isItemSubmenuOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSubmenuOptions =>\n  option.type === 'submenu';\n\n/**\n * Type guard to check if the option is of type ItemSeparatorOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSeparatorOptions, false otherwise.\n */\nconst isItemSeparatorOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSeparatorOptions =>\n  option.type === 'separator';\n\n/**\n * Type guard to check if the option is of type ItemSectionOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSectionOptions, false otherwise.\n */\nexport const isItemSectionOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSectionOptions =>\n  option.type === 'section';\n\n/**\n * Type guard to check if the option is of type ItemSkeletonOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSkeletonOptions, false otherwise.\n */\nconst isItemSkeletonOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSkeletonOptions =>\n  option.type === 'skeleton';\n\n/**\n * Converts ItemActionOptions to DSMenuButtonT.ActivableItem.\n * @param option - The ItemActionOptions to convert.\n * @returns The converted ActivableItem.\n */\nexport const convertActionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemActionOptions,\n): DSMenuButtonT.ActivableItem => ({\n  type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemSingleOptions to DSMenuButtonT.SingleSelectItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleSelectionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleOptions,\n): DSMenuButtonT.SingleSelectItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemCheckboxOptions to DSMenuButtonT.MultipleSelectItem.\n * @param option - The ItemCheckboxOptions to convert.\n * @returns The converted MultipleSelectItem.\n */\nexport const convertCheckboxOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemCheckboxOptions,\n): DSMenuButtonT.MultipleSelectItem => ({\n  type: MENU_ITEMS_TYPES.MULTIPLE_SELECT_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemSeparatorOptions to DSMenuButtonT.SeparatorItem.\n * @param option - The ItemSeparatorOptions to convert.\n * @returns The converted SeparatorItem.\n */\nexport const convertSeparatorOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSeparatorOptions,\n): DSMenuButtonT.SeparatorItem => ({\n  type: MENU_ITEMS_TYPES.SEPARATOR,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n});\n\n/**\n * Converts ItemSectionOptions to DSMenuButtonT.GroupItem.\n * @param option - The ItemSectionOptions to convert.\n * @returns The converted GroupItem.\n */\nexport const convertSectionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSectionOptions,\n): DSMenuButtonT.GroupItem => ({\n  type: MENU_ITEMS_TYPES.GROUP,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n});\n\n/**\n * Converts ItemSkeletonOptions to DSMenuButtonT.SkeletonItem.\n * @param option - The ItemSkeletonOptions to convert.\n * @returns The converted SkeletonItem.\n */\nexport const convertSkeletonOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSkeletonOptions,\n): DSMenuButtonT.SkeletonItem => ({\n  type: MENU_ITEMS_TYPES.SKELETON_ITEM,\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n});\n\n// ========================================================================================\n// WithSubmenu conversion converts the item only, the nested options are iterated by\n// convertOptionsRecursive (index.ts) so each one succeeds or is dropped on its own\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * It converts the item only: its nested options are converted by `convertOptionsRecursive`, option by option, so an\n * option that fails to convert is dropped alone instead of taking its whole submenu with it.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @returns The converted SingleSelectWithSubmenuItem, with its `subitems` still empty.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: [],\n  maxHeight: option.maxHeight as DSMenuButtonT.SingleSelectWithSubmenuItem['maxHeight'],\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.SingleSelectWithSubmenuItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n/**\n * Converts ItemSubmenuOptions to DSMenuButtonT.WithSubmenuItem.\n * It converts the item only: its nested options are converted by `convertOptionsRecursive`, option by option, so an\n * option that fails to convert is dropped alone instead of taking its whole submenu with it.\n * @param option - The ItemSubmenuOptions to convert.\n * @returns The converted WithSubmenuItem, with its `subitems` still empty.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: [],\n  maxHeight: option.maxHeight as DSMenuButtonT.WithSubmenuItem['maxHeight'],\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.WithSubmenuItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts a DSDropdownMenuT.Item to a DSMenuButtonT.MenuItemInterface.\n * @param option - The DSDropdownMenuT.Item to convert.\n * @returns The converted MenuItemInterface.\n */\nexport const convertDropdownItemToMenuButtonItem = (option: DSDropdownMenuT.Item): DSMenuButtonT.MenuItemInterface => {\n  if (isItemActionOptions(option)) return convertActionOptToMenuButtonItem(option);\n  // single selections\n  if (isItemSingleOptions(option)) return convertSingleSelectionOptToMenuButtonItem(option);\n  if (isItemSingleWithSubmenuOptions(option)) return convertSingleWithSubmenuOptToMenuButtonItem(option);\n  // multiple selections\n  if (isItemCheckboxOptions(option)) return convertCheckboxOptToMenuButtonItem(option);\n  // DDV2 didn't support multiple selections with submenu so we don't need to handle it\n  // only submenu\n  if (isItemSubmenuOptions(option)) return convertSubmenuOptToMenuButtonItem(option);\n  // separators, groups and skeletons\n  if (isItemSeparatorOptions(option)) return convertSeparatorOptToMenuButtonItem(option);\n  if (isItemSectionOptions(option)) return convertSectionOptToMenuButtonItem(option);\n  if (isItemSkeletonOptions(option)) return convertSkeletonOptToMenuButtonItem(option);\n\n  throw new Error('Unknown item type');\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/getHumanReadableWarnings.js

@@ -0,0 +1,64 @@
+"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 __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))
+      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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getHumanReadableWarnings_exports = {};
+__export(getHumanReadableWarnings_exports, {
+  getHumanReadableWarnings: () => getHumanReadableWarnings
+});
+module.exports = __toCommonJS(getHumanReadableWarnings_exports);
+var React = __toESM(require("react"));
+const getHumanReadableWarnings = (adjustments) => {
+  const warnings = [];
+  if (adjustments.lostRender) {
+    warnings.push(
+      `- Encountered "render" in one or more options - the menu-button component is stricter on underlying html structure due to required accessibility, the conversion will ignore the "render", if you need it and you are sure it's a11y compliant you can implement it with the item "ItemRenderer" menu-button property instead`
+    );
+  }
+  if (adjustments.lostEllipsis) {
+    warnings.push(
+      `- Encountered "ellipsis" right addon in one or more options - new designs doesn't support "ellipsis" config and instead provide exclusively "chevron"`
+    );
+  }
+  if (adjustments.filledPlaceholderGroup) {
+    warnings.push(
+      `- Single select ("single" / "singleWithSubmenu") without a "section" - the conversion wrapped it in a placeholder group (a single selection is only exclusive inside a group)`
+    );
+  }
+  if (adjustments.filledSkeleton) {
+    warnings.push(
+      `- some levels had nothing to focus (empty options/sub-options, only separators/sections, or a "section" without options of its own, e.g. two "section" items in a row) - the conversion filled each of them with a single skeleton item: an empty menu gives no focus target and looks like the interaction was not registered, a skeleton at least communicates there is no meaningful content to display (opinionated approximation - when no options are genuinely available, prefer a label-only pill (type="label") whose label explains the "no available options" state, so the user does not have to open an empty menu to discover it)`
+    );
+  }
+  if (adjustments.droppedUnknownType) {
+    warnings.push(
+      `- Encountered an option with an unknown "type" - the conversion dropped it and kept the rest of the options (supported types: action, single, singleWithSubmenu, checkbox, submenu, separator, section, skeleton)`
+    );
+  }
+  return warnings;
+};
+//# sourceMappingURL=getHumanReadableWarnings.js.map

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/getHumanReadableWarnings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/getHumanReadableWarnings.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { type DSDropdownV2BridgeT } from './bridgeTypes.js';\n\n/**\n * given what the conversion adjusted, it will return a human readable list of warnings\n * @param adjustments - What the conversion had to do (or lose).\n * @returns A list of human readable warnings.\n */\nexport const getHumanReadableWarnings = (adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT): string[] => {\n  const warnings: string[] = [];\n  if (adjustments.lostRender) {\n    warnings.push(\n      `- Encountered \"render\" in one or more options - the menu-button component is stricter on underlying html structure due to required accessibility, the conversion will ignore the \"render\", if you need it and you are sure it's a11y compliant you can implement it with the item \"ItemRenderer\" menu-button property instead`,\n    );\n  }\n  if (adjustments.lostEllipsis) {\n    warnings.push(\n      `- Encountered \"ellipsis\" right addon in one or more options - new designs doesn't support \"ellipsis\" config and instead provide exclusively \"chevron\"`,\n    );\n  }\n  if (adjustments.filledPlaceholderGroup) {\n    warnings.push(\n      `- Single select (\"single\" / \"singleWithSubmenu\") without a \"section\" - the conversion wrapped it in a placeholder group (a single selection is only exclusive inside a group)`,\n    );\n  }\n  if (adjustments.filledSkeleton) {\n    warnings.push(\n      `- some levels had nothing to focus (empty options/sub-options, only separators/sections, or a \"section\" without options of its own, e.g. two \"section\" items in a row) - the conversion filled each of them with a single skeleton item: an empty menu gives no focus target and looks like the interaction was not registered, a skeleton at least communicates there is no meaningful content to display (opinionated approximation - when no options are genuinely available, prefer a label-only pill (type=\"label\") whose label explains the \"no available options\" state, so the user does not have to open an empty menu to discover it)`,\n    );\n  }\n  if (adjustments.droppedUnknownType) {\n    warnings.push(\n      `- Encountered an option with an unknown \"type\" - the conversion dropped it and kept the rest of the options (supported types: action, single, singleWithSubmenu, checkbox, submenu, separator, section, skeleton)`,\n    );\n  }\n  return warnings;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOhB,MAAM,2BAA2B,CAAC,gBAAsE;AAC7G,QAAM,WAAqB,CAAC;AAC5B,MAAI,YAAY,YAAY;AAC1B,aAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACA,MAAI,YAAY,cAAc;AAC5B,aAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACA,MAAI,YAAY,wBAAwB;AACtC,aAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACA,MAAI,YAAY,gBAAgB;AAC9B,aAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACA,MAAI,YAAY,oBAAoB;AAClC,aAAS;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/index.js

@@ -0,0 +1,113 @@
+"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 __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))
+      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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dropdownMenuV2Bridge_exports = {};
+__export(dropdownMenuV2Bridge_exports, {
+  convertDropdownOptionsToMenuButtonOptions: () => convertDropdownOptionsToMenuButtonOptions
+});
+module.exports = __toCommonJS(dropdownMenuV2Bridge_exports);
+var React = __toESM(require("react"));
+var import_ds_menu_button = require("@elliemae/ds-menu-button");
+var import_conversionHelpers = require("./conversionHelpers.js");
+var import_getHumanReadableWarnings = require("./getHumanReadableWarnings.js");
+const hasFocusableItem = (items) => items.some(
+  (item) => item.type === import_ds_menu_button.MENU_ITEMS_TYPES.GROUP ? hasFocusableItem(item.subitems ?? []) : item.type !== import_ds_menu_button.MENU_ITEMS_TYPES.SEPARATOR
+);
+const fillWithSkeleton = (ownerDsId, adjustments) => {
+  adjustments.filledSkeleton = true;
+  return (0, import_conversionHelpers.convertSkeletonOptToMenuButtonItem)({
+    type: "skeleton",
+    dsId: `filter-bar-bridge-filled-skeleton-${ownerDsId}`
+  });
+};
+const recordLostFeatures = (option, adjustments) => {
+  if (option.render) adjustments.lostRender = true;
+  if (option.rightAddon === "ellipsis")
+    adjustments.lostEllipsis = true;
+};
+const convertOrDrop = (option, adjustments) => {
+  recordLostFeatures(option, adjustments);
+  try {
+    return (0, import_conversionHelpers.convertDropdownItemToMenuButtonItem)(option);
+  } catch {
+    adjustments.droppedUnknownType = true;
+    return null;
+  }
+};
+const convertOptionsRecursive = (options, adjustments, parentDsId = "__first-level-root") => {
+  const convertedOptions = [];
+  const groups = [];
+  options.forEach((option) => {
+    const convertedOption = convertOrDrop(option, adjustments);
+    if (convertedOption === null) return;
+    if ((0, import_conversionHelpers.isItemSingleWithSubmenuOptions)(option) || (0, import_conversionHelpers.isItemSubmenuOptions)(option)) {
+      const subitems = convertOptionsRecursive(option.options, adjustments, option.dsId);
+      const typecastedOption = convertedOption;
+      typecastedOption.subitems = subitems;
+    }
+    if ((0, import_conversionHelpers.isItemSectionOptions)(option)) {
+      const typecastedOption = convertedOption;
+      const subitems = [...typecastedOption.subitems ?? []];
+      groups.push({ ...typecastedOption, subitems });
+      return;
+    }
+    if (groups.length > 0) {
+      const lastGroup = groups[groups.length - 1];
+      lastGroup.subitems.push(convertedOption);
+      return;
+    }
+    if (option.type === "single" || option.type === "singleWithSubmenu") {
+      adjustments.filledPlaceholderGroup = true;
+      groups.push({
+        type: "group",
+        subitems: [convertedOption],
+        dsId: `filled-group-starting-from-${option.dsId}`
+      });
+      return;
+    }
+    convertedOptions.push(convertedOption);
+  });
+  groups.forEach((group) => {
+    if (!hasFocusableItem(group.subitems)) group.subitems.push(fillWithSkeleton(group.dsId, adjustments));
+  });
+  convertedOptions.push(...groups);
+  if (!hasFocusableItem(convertedOptions)) convertedOptions.push(fillWithSkeleton(parentDsId, adjustments));
+  return convertedOptions;
+};
+const convertDropdownOptionsToMenuButtonOptions = (options) => {
+  const adjustments = {
+    lostRender: false,
+    lostEllipsis: false,
+    filledPlaceholderGroup: false,
+    filledSkeleton: false,
+    droppedUnknownType: false
+  };
+  const convertedOptions = convertOptionsRecursive(options, adjustments);
+  return { convertedOptions, report: { ...adjustments, humanReadableWarnings: (0, import_getHumanReadableWarnings.getHumanReadableWarnings)(adjustments) } };
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { MENU_ITEMS_TYPES, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from './types.js';\nimport { type DSDropdownV2BridgeT } from './bridgeTypes.js';\nimport {\n  convertDropdownItemToMenuButtonItem,\n  convertSkeletonOptToMenuButtonItem,\n  isItemSectionOptions,\n  isItemSingleWithSubmenuOptions,\n  isItemSubmenuOptions,\n} from './conversionHelpers.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\n\nexport type ConvertOptionsRT = {\n  convertedOptions: DSMenuButtonT.MenuItemInterface[];\n  report: DSDropdownV2BridgeT.ConversionReportT;\n};\ntype GroupItemWithSubItems = DSMenuButtonT.GroupItem & { subitems: DSMenuButtonT.MenuItemInterface[] };\n\n/**\n * A level (the root, a submenu, a section) needs at least one focusable item: opening it moves the focus to its first\n * focusable item. Separators are not focusable and sections (groups) only hold items \u2014 what counts is what they hold.\n */\nconst hasFocusableItem = (items: readonly DSMenuButtonT.MenuItemInterface[]): boolean =>\n  items.some((item) =>\n    item.type === MENU_ITEMS_TYPES.GROUP\n      ? hasFocusableItem((item as GroupItemWithSubItems).subitems ?? [])\n      : item.type !== MENU_ITEMS_TYPES.SEPARATOR,\n  );\n\n/**\n * Recovery of an invalid state the consumer can produce with DSDropdownMenuV2-shaped options (an empty level, only\n * separators/sections, a section with no options of its own): a menu with nothing focusable has no item to receive\n * focus, which reads as an interaction that did nothing. ONE skeleton item reads as \"no content (yet)\" instead.\n */\nconst fillWithSkeleton = (ownerDsId: string, adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT) => {\n  // eslint-disable-next-line no-param-reassign\n  adjustments.filledSkeleton = true;\n  return convertSkeletonOptToMenuButtonItem({\n    type: 'skeleton',\n    dsId: `filter-bar-bridge-filled-skeleton-${ownerDsId}`,\n  });\n};\n\n/** What DSMenuButton items cannot honor from a DSDropdownMenuV2 option: it is ignored by the conversion. Only `render` and `rightAddon: 'ellipsis'` are reported; other fields it does not copy are dropped silently. */\nconst recordLostFeatures = (option: DSDropdownMenuT.Item, adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT) => {\n  /* eslint-disable no-param-reassign */\n  if (option.render) adjustments.lostRender = true;\n  if ((option as Partial<DSDropdownMenuT.ItemSubmenuOptions>).rightAddon === 'ellipsis')\n    adjustments.lostEllipsis = true;\n  /* eslint-enable no-param-reassign */\n};\n\n/**\n * Converts one option, recording what the conversion cannot honor of it; an option the conversion cannot convert\n * (unknown `type`) is dropped, not thrown: what converts stays, only what fails goes. The failure is recorded in\n * `adjustments`.\n */\nconst convertOrDrop = (\n  option: DSDropdownMenuT.Item,\n  adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT,\n): DSMenuButtonT.MenuItemInterface | null => {\n  recordLostFeatures(option, adjustments);\n  try {\n    return convertDropdownItemToMenuButtonItem(option);\n  } catch {\n    // eslint-disable-next-line no-param-reassign\n    adjustments.droppedUnknownType = true;\n    return null;\n  }\n};\n\n/**\n * Converts dropdown menu items to menu button items, handling nested structures and grouping (including filling for\n * missing groups if single selections are present and filling the levels that would have nothing to focus).\n * Everything that is adjusted or lost on the way is recorded in `adjustments`.\n * @param options - The dropdown menu items to convert.\n * @param adjustments - Mutable record of what the conversion had to do (or lose).\n * @param parentDsId - dsId of the item that owns this level (unique per level).\n * @returns The converted menu button items.\n */\nconst convertOptionsRecursive = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n  adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT,\n  parentDsId = '__first-level-root',\n): DSMenuButtonT.MenuItemInterface[] => {\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = [];\n  const groups: GroupItemWithSubItems[] = [];\n  options.forEach((option) => {\n    const convertedOption = convertOrDrop(option, adjustments);\n    if (convertedOption === null) return;\n    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {\n      // we need to iterate over the subitems found at option.options\n      const subitems = convertOptionsRecursive(option.options, adjustments, option.dsId);\n      const typecastedOption = convertedOption as\n        DSMenuButtonT.WithSubmenuItem | DSMenuButtonT.SingleSelectWithSubmenuItem;\n      typecastedOption.subitems = subitems as DSMenuButtonT.WithSubmenuItem['subitems'];\n    }\n    // we need to unwind the sections\n    // step 1 - if we encounter a new section, we start tracking a new group\n    if (isItemSectionOptions(option)) {\n      const typecastedOption = convertedOption as DSMenuButtonT.GroupItem;\n      // step 2 - we assure subitems property is present as an array (per new API contract)\n      const subitems = [...((typecastedOption as GroupItemWithSubItems).subitems ?? [])];\n      // step 3 - we add the group to the groups array\n      groups.push({ ...typecastedOption, subitems });\n      return;\n    }\n    // here we can be in three scenarios:\n    //  A - a \"section\" is present and we are adding items to it\n    if (groups.length > 0) {\n      const lastGroup = groups[groups.length - 1];\n      lastGroup.subitems.push(convertedOption);\n      return;\n    }\n    //  B - we encountered a single select without a \"section\": a single selection is only exclusive inside a group,\n    //      we fill a placeholder group\n    if (option.type === 'single' || option.type === 'singleWithSubmenu') {\n      adjustments.filledPlaceholderGroup = true;\n      groups.push({\n        type: 'group',\n        subitems: [convertedOption as DSMenuButtonT.GroupItem],\n        dsId: `filled-group-starting-from-${option.dsId}`,\n      });\n      return;\n    }\n    //  C - we are adding items to the root level\n    convertedOptions.push(convertedOption);\n  });\n  // a section with nothing focusable under it (nothing after it, only separators, or directly followed by another\n  //  section) is the \"nothing to show\" state of that section\n  groups.forEach((group) => {\n    if (!hasFocusableItem(group.subitems)) group.subitems.push(fillWithSkeleton(group.dsId, adjustments));\n  });\n  convertedOptions.push(...groups);\n  // ... and so is a level with nothing focusable at all (empty, or only separators)\n  if (!hasFocusableItem(convertedOptions)) convertedOptions.push(fillWithSkeleton(parentDsId, adjustments));\n  return convertedOptions;\n};\n\n/**\n * Converts the `FilterBarDropdownMenu` `options` contract (DSDropdownMenuV2-shaped items) into\n * `DSMenuButtonT.MenuItemInterface[]`.\n *\n * It never throws: what cannot be converted is dropped and reported (`report.humanReadableWarnings`), what can is kept.\n */\nexport const convertDropdownOptionsToMenuButtonOptions = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n): ConvertOptionsRT => {\n  const adjustments: DSDropdownV2BridgeT.ConversionAdjustmentsT = {\n    lostRender: false,\n    lostEllipsis: false,\n    filledPlaceholderGroup: false,\n    filledSkeleton: false,\n    droppedUnknownType: false,\n  };\n  const convertedOptions = convertOptionsRecursive(options, adjustments);\n  return { convertedOptions, report: { ...adjustments, humanReadableWarnings: getHumanReadableWarnings(adjustments) } };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAqD;AAGrD,+BAMO;AACP,sCAAyC;AAYzC,MAAM,mBAAmB,CAAC,UACxB,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,uCAAiB,QAC3B,iBAAkB,KAA+B,YAAY,CAAC,CAAC,IAC/D,KAAK,SAAS,uCAAiB;AACrC;AAOF,MAAM,mBAAmB,CAAC,WAAmB,gBAA4D;AAEvG,cAAY,iBAAiB;AAC7B,aAAO,6DAAmC;AAAA,IACxC,MAAM;AAAA,IACN,MAAM,qCAAqC,SAAS;AAAA,EACtD,CAAC;AACH;AAGA,MAAM,qBAAqB,CAAC,QAA8B,gBAA4D;AAEpH,MAAI,OAAO,OAAQ,aAAY,aAAa;AAC5C,MAAK,OAAuD,eAAe;AACzE,gBAAY,eAAe;AAE/B;AAOA,MAAM,gBAAgB,CACpB,QACA,gBAC2C;AAC3C,qBAAmB,QAAQ,WAAW;AACtC,MAAI;AACF,eAAO,8DAAoC,MAAM;AAAA,EACnD,QAAQ;AAEN,gBAAY,qBAAqB;AACjC,WAAO;AAAA,EACT;AACF;AAWA,MAAM,0BAA0B,CAC9B,SACA,aACA,aAAa,yBACyB;AACtC,QAAM,mBAAsD,CAAC;AAC7D,QAAM,SAAkC,CAAC;AACzC,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,kBAAkB,cAAc,QAAQ,WAAW;AACzD,QAAI,oBAAoB,KAAM;AAC9B,YAAI,yDAA+B,MAAM,SAAK,+CAAqB,MAAM,GAAG;AAE1E,YAAM,WAAW,wBAAwB,OAAO,SAAS,aAAa,OAAO,IAAI;AACjF,YAAM,mBAAmB;AAEzB,uBAAiB,WAAW;AAAA,IAC9B;AAGA,YAAI,+CAAqB,MAAM,GAAG;AAChC,YAAM,mBAAmB;AAEzB,YAAM,WAAW,CAAC,GAAK,iBAA2C,YAAY,CAAC,CAAE;AAEjF,aAAO,KAAK,EAAE,GAAG,kBAAkB,SAAS,CAAC;AAC7C;AAAA,IACF;AAGA,QAAI,OAAO,SAAS,GAAG;AACrB,YAAM,YAAY,OAAO,OAAO,SAAS,CAAC;AAC1C,gBAAU,SAAS,KAAK,eAAe;AACvC;AAAA,IACF;AAGA,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,qBAAqB;AACnE,kBAAY,yBAAyB;AACrC,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,UAAU,CAAC,eAA0C;AAAA,QACrD,MAAM,8BAA8B,OAAO,IAAI;AAAA,MACjD,CAAC;AACD;AAAA,IACF;AAEA,qBAAiB,KAAK,eAAe;AAAA,EACvC,CAAC;AAGD,SAAO,QAAQ,CAAC,UAAU;AACxB,QAAI,CAAC,iBAAiB,MAAM,QAAQ,EAAG,OAAM,SAAS,KAAK,iBAAiB,MAAM,MAAM,WAAW,CAAC;AAAA,EACtG,CAAC;AACD,mBAAiB,KAAK,GAAG,MAAM;AAE/B,MAAI,CAAC,iBAAiB,gBAAgB,EAAG,kBAAiB,KAAK,iBAAiB,YAAY,WAAW,CAAC;AACxG,SAAO;AACT;AAQO,MAAM,4CAA4C,CACvD,YACqB;AACrB,QAAM,cAA0D;AAAA,IAC9D,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,EACtB;AACA,QAAM,mBAAmB,wBAAwB,SAAS,WAAW;AACrE,SAAO,EAAE,kBAAkB,QAAQ,EAAE,GAAG,aAAa,2BAAuB,0DAAyB,WAAW,EAAE,EAAE;AACtH;",
+  "names": []
+}

package/dist/cjs/exported-related/FilterBar/dropdownMenuV2Bridge/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/types.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type React from 'react';\nimport { type GlobalAttributesT, type XstyledProps } from '@elliemae/ds-props-helpers';\n\n/*\n * VENDORED, trimmed to the item contract, from the translation layer of @elliemae/ds-pills-v2\n * (itself vendored from the retired @elliemae/ds-dropdownmenu-v2).\n * It exists only so `FilterBarDropdownMenu` keeps accepting the options it always accepted while it renders\n * `DSMenuButton`. Do not extend this namespace: new capabilities belong to `FilterMenuButton` / `DSMenuButton`.\n */\nexport declare namespace DSDropdownMenuT {\n  interface CommonItemOptions extends Omit<GlobalAttributesT, 'value'>, XstyledProps {\n    dsId: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    render?: React.ComponentType<any>;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => null;\n  }\n\n  export interface ItemActionOptions extends CommonItemOptions {\n    type: 'action';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n  }\n\n  export interface ItemSingleOptions extends CommonItemOptions {\n    type: 'single';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n  }\n\n  export interface ItemSingleWithSubmenuOptions extends CommonItemOptions {\n    type: 'singleWithSubmenu';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    rightAddon?: 'chevron' | 'ellipsis';\n    options: Item[];\n  }\n\n  export interface ItemCheckboxOptions extends CommonItemOptions {\n    type: 'checkbox';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n  }\n\n  export interface ItemSubmenuOptions extends CommonItemOptions {\n    type: 'submenu';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    rightAddon?: 'chevron' | 'ellipsis';\n    options: Item[];\n  }\n\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemSkeletonOptions extends CommonItemOptions {\n    type: 'skeleton';\n  }\n\n  export type Item =\n    | ItemActionOptions\n    | ItemSingleOptions\n    | ItemCheckboxOptions\n    | ItemSubmenuOptions\n    | ItemSingleWithSubmenuOptions\n    | ItemSeparatorOptions\n    | ItemSectionOptions\n    | ItemSkeletonOptions;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/exported-related/FilterPopover/FilterPopoverV2.js

@@ -112,11 +112,11 @@ const FilterPopoverV2 = (props) => {
               hide: !isIconVisible,
               "data-testid": import_constants.DATA_TABLE_DATA_TESTID.FILTER_POPOVER_BUTTON,
               getOwnerProps,
+              getOwnerPropsArguments,
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_ds_button_v2.DSButtonV3,
                 {
                   buttonType: "icon",
-                  size: "s",
                   onClick: handleTriggerClick,
                   onKeyDown: handleMenuOnKeyDown,
                   onFocus: handleTriggerOnFocus,
@@ -147,13 +147,22 @@ const FilterPopoverV2 = (props) => {
               getOwnerPropsArguments,
               "aria-label": `Filter by ${column.Header}`,
               role: "dialog",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PopperContent, { getOwnerProps, onKeyDown: handleOnKeyDown, innerRef: boundaryRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: onFilterSubmit, children: [
-                menuContent,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledDSDialogFooter, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV3, { onClick: onFilterReset, buttonType: "outline", size: "s", children: "Reset" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV3, { type: "submit", innerRef: lastElementRef, size: "s", children: "Apply" })
-                ] })
-              ] }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_styled.PopperContent,
+                {
+                  getOwnerProps,
+                  getOwnerPropsArguments,
+                  onKeyDown: handleOnKeyDown,
+                  innerRef: boundaryRef,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: onFilterSubmit, children: [
+                    menuContent,
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledDSDialogFooter, { getOwnerProps, getOwnerPropsArguments, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV3, { onClick: onFilterReset, buttonType: "outline", children: "Reset" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV3, { type: "submit", innerRef: lastElementRef, children: "Apply" })
+                    ] })
+                  ] })
+                }
+              )
             }
           )
         ]

package/dist/cjs/exported-related/FilterPopover/FilterPopoverV2.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterPopover/FilterPopoverV2.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSButtonV3 } from '@elliemae/ds-button-v2';\n\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { useFocusTrap } from '@elliemae/ds-hooks-focus-trap';\n\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { DATA_TABLE_DATA_TESTID } from '../../constants/index.js';\nimport type { FilterPopoverV2Props } from './types.js';\nimport { useGetFilterHandlers } from './useGetFilterHandlers.js';\nimport { useGetFilterVisibility } from './useGetFilterVisibility.js';\nimport { FilterButton, PopperContent, StyledDSDialogFooter, StyledFloatingWrapper } from './styled.js';\n\nexport const FilterPopoverV2: React.ComponentType<FilterPopoverV2Props> = (props: FilterPopoverV2Props) => {\n  const {\n    column,\n    customStyles,\n    reduxHeader,\n    menuContent,\n    ariaLabel,\n    triggerIcon,\n    innerRef,\n    columnReference,\n    firstElementRef,\n    onFilterSubmit,\n    onFilterReset,\n  } = props;\n\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const virtualListRef = usePropsStore((state) => state.virtualListRef);\n\n  const getOwnerPropsArguments = useCallback(\n    () => ({\n      columnId: column.id,\n    }),\n    [column.id],\n  );\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const lastElementRef = useRef<HTMLButtonElement>(null);\n  const boundaryRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    floatingStyles,\n    isOpen: isFloatingOpen,\n    refs,\n    context,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isMenuOpen,\n    externalReferenceElement: columnReference,\n    placement: 'bottom-end',\n    withoutAnimation: true,\n    customOffset: [0, 0],\n    onClickOutside: handleClickOutsideMenu,\n    /**\n     * PUI-17187: same fix as FilterPopover/index.tsx (V1) \u2014 see the full rationale there,\n     * including why `withoutPortal: true` was tried and rejected (breaks any filter whose\n     * content is larger than the table, e.g. DateRangeFilter's calendar, because withoutPortal\n     * makes the popover a literal DOM descendant of the table's overflow:auto container, which\n     * unconditionally CSS-clips oversized content \u2014 position math cannot override that).\n     * boundaryElement keeps the portal and only changes the clipping math, with a per-axis\n     * fallback to the viewport when the content doesn't fit the boundary.\n     */\n    boundaryElement: virtualListRef.current,\n  });\n  const handleOnKeyDown = useFocusTrap({\n    firstElementRef,\n    lastElementRef,\n  });\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton\n        hide={!isIconVisible}\n        data-testid={DATA_TABLE_DATA_TESTID.FILTER_POPOVER_BUTTON}\n        getOwnerProps={getOwnerProps}\n      >\n        <DSButtonV3\n          buttonType=\"icon\"\n          size=\"s\"\n          onClick={handleTriggerClick}\n          onKeyDown={handleMenuOnKeyDown}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n          data-testid={DATA_TABLE_DATA_TESTID.DATA_TABLE_FILTER_BUTTON_ELEMENT}\n        >\n          {triggerIcon}\n        </DSButtonV3>\n      </FilterButton>\n      {refs.reference && (\n        <StyledFloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            ...customStyles,\n            minWidth: 'min-content',\n          }}\n          context={context}\n          data-testid={DATA_TABLE_DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          aria-label={`Filter by ${column.Header as string}`}\n          role=\"dialog\"\n        >\n          <PopperContent getOwnerProps={getOwnerProps} onKeyDown={handleOnKeyDown} innerRef={boundaryRef}>\n            <form onSubmit={onFilterSubmit}>\n              {menuContent}\n              <StyledDSDialogFooter>\n                <DSButtonV3 onClick={onFilterReset} buttonType=\"outline\" size=\"s\">\n                  Reset\n                </DSButtonV3>\n                <DSButtonV3 type=\"submit\" innerRef={lastElementRef} size=\"s\">\n                  Apply\n                </DSButtonV3>\n              </StyledDSDialogFooter>\n            </form>\n          </PopperContent>\n        </StyledFloatingWrapper>\n      )}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { DSButtonV3 } from '@elliemae/ds-button-v2';\n\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { useFocusTrap } from '@elliemae/ds-hooks-focus-trap';\n\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { DATA_TABLE_DATA_TESTID } from '../../constants/index.js';\nimport { useGetFilterHandlers } from './useGetFilterHandlers.js';\nimport { useGetFilterVisibility } from './useGetFilterVisibility.js';\nimport { FilterButton, PopperContent, StyledDSDialogFooter, StyledFloatingWrapper } from './styled.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nexport const FilterPopoverV2: React.ComponentType<DSDataTableT.FilterPopoverV2Props> = (\n  props: DSDataTableT.FilterPopoverV2Props,\n) => {\n  const {\n    column,\n    customStyles,\n    reduxHeader,\n    menuContent,\n    ariaLabel,\n    triggerIcon,\n    innerRef,\n    columnReference,\n    firstElementRef,\n    onFilterSubmit,\n    onFilterReset,\n  } = props;\n\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const virtualListRef = usePropsStore((state) => state.virtualListRef);\n\n  const getOwnerPropsArguments = useCallback(\n    () => ({\n      columnId: column.id,\n    }),\n    [column.id],\n  );\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const lastElementRef = useRef<HTMLButtonElement>(null);\n  const boundaryRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    floatingStyles,\n    isOpen: isFloatingOpen,\n    refs,\n    context,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isMenuOpen,\n    externalReferenceElement: columnReference,\n    placement: 'bottom-end',\n    withoutAnimation: true,\n    customOffset: [0, 0],\n    onClickOutside: handleClickOutsideMenu,\n    /**\n     * PUI-17187: same fix as FilterPopover/index.tsx (V1) \u2014 see the full rationale there,\n     * including why `withoutPortal: true` was tried and rejected (breaks any filter whose\n     * content is larger than the table, e.g. DateRangeFilter's calendar, because withoutPortal\n     * makes the popover a literal DOM descendant of the table's overflow:auto container, which\n     * unconditionally CSS-clips oversized content \u2014 position math cannot override that).\n     * boundaryElement keeps the portal and only changes the clipping math, with a per-axis\n     * fallback to the viewport when the content doesn't fit the boundary.\n     */\n    boundaryElement: virtualListRef.current,\n  });\n  const handleOnKeyDown = useFocusTrap({\n    firstElementRef,\n    lastElementRef,\n  });\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton\n        hide={!isIconVisible}\n        data-testid={DATA_TABLE_DATA_TESTID.FILTER_POPOVER_BUTTON}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSButtonV3\n          buttonType=\"icon\"\n          onClick={handleTriggerClick}\n          onKeyDown={handleMenuOnKeyDown}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n          data-testid={DATA_TABLE_DATA_TESTID.DATA_TABLE_FILTER_BUTTON_ELEMENT}\n        >\n          {triggerIcon}\n        </DSButtonV3>\n      </FilterButton>\n      {refs.reference && (\n        <StyledFloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            ...customStyles,\n            minWidth: 'min-content',\n          }}\n          context={context}\n          data-testid={DATA_TABLE_DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          aria-label={`Filter by ${column.Header as string}`}\n          role=\"dialog\"\n        >\n          <PopperContent\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n            onKeyDown={handleOnKeyDown}\n            innerRef={boundaryRef}\n          >\n            <form onSubmit={onFilterSubmit}>\n              {menuContent}\n              <StyledDSDialogFooter getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <DSButtonV3 onClick={onFilterReset} buttonType=\"outline\">\n                  Reset\n                </DSButtonV3>\n                <DSButtonV3 type=\"submit\" innerRef={lastElementRef}>\n                  Apply\n                </DSButtonV3>\n              </StyledDSDialogFooter>\n            </form>\n          </PopperContent>\n        </StyledFloatingWrapper>\n      )}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/exported-related/FilterPopover/index.js

@@ -132,11 +132,11 @@ const FilterPopover = (props) => {
             hide: !isIconVisible,
             "data-testid": import_constants.DATA_TESTID.DATA_TABLE_FILTER_BUTTON,
             getOwnerProps,
+            getOwnerPropsArguments,
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_ds_button_v2.DSButtonV2,
               {
                 buttonType: "icon",
-                size: "s",
                 onClick: handleTriggerClick,
                 onFocus: handleTriggerOnFocus,
                 onBlur: handleTriggerOnBlur,
@@ -166,7 +166,16 @@ const FilterPopover = (props) => {
             getOwnerPropsArguments,
             role: "dialog",
             "aria-label": `Filter by ${column.Header}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PopperContent, { getOwnerProps, innerRef: popoverContentRef, onKeyDown: handleOnKeyDown, children: menuContent })
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_styled.PopperContent,
+              {
+                getOwnerProps,
+                getOwnerPropsArguments,
+                innerRef: popoverContentRef,
+                onKeyDown: handleOnKeyDown,
+                children: menuContent
+              }
+            )
           }
         )
       ]

package/dist/cjs/exported-related/FilterPopover/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/FilterPopover/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-cycle */\n/* eslint-disable no-void */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { useFocusTrap } from '@elliemae/ds-hooks-focus-trap';\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport type { FilterPopoverProps } from './types.js';\nimport { useGetFilterHandlers } from './useGetFilterHandlers.js';\nimport { useGetFilterVisibility } from './useGetFilterVisibility.js';\nimport { FilterButton, PopperContent, StyledFloatingWrapper } from './styled.js';\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = (props: FilterPopoverProps) => {\n  const {\n    column,\n    customStyles,\n    reduxHeader,\n    menuContent,\n    ariaLabel,\n    triggerIcon,\n    innerRef,\n    columnReference,\n    firstElementRef,\n    lastElementRef,\n  } = props;\n\n  const filters = usePropsStore((state) => state.filters);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const virtualListRef = usePropsStore((state) => state.virtualListRef);\n\n  const getOwnerPropsArguments = useCallback(\n    () => ({\n      columnId: column.id,\n    }),\n    [column.id],\n  );\n\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const floatingOffset = useMemo<[number, number]>(() => (columnReference ? [0, 1] : [5, 4]), [columnReference]);\n\n  const externalReferenceElement = columnReference || buttonReference;\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n    forceUpdatePosition,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isMenuOpen,\n    externalReferenceElement,\n    placement: 'bottom-end',\n    customOffset: floatingOffset,\n    withoutAnimation: true,\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    onClickOutside: handleClickOutsideMenu,\n    /**\n     * PUI-17187: the filter trigger lives inside DataTable's own horizontally-scrollable\n     * container (virtualListRef, overflow: auto). Without a boundary, computePosition only\n     * clips against the browser viewport, so once the column scrolls near the table's own edge\n     * the popover keeps tracking the trigger's raw (partially clipped) screen position and\n     * spills past the table's visible bounds, into the rest of the page.\n     *\n     * Why not `withoutPortal: true` instead (it also derives a clipping boundary \u2014 see\n     * getClippingParent \u2014 which would resolve to this same scroll container automatically, no\n     * explicit boundaryElement needed): withoutPortal renders the popover as a literal DOM\n     * descendant of that overflow:auto container instead of portaling it to <body>. The browser\n     * then clips ANY content exceeding the container's bounds unconditionally \u2014 CSS overflow\n     * clipping is not something position math can override. That breaks any filter whose content\n     * is taller/wider than the table itself: confirmed regression via this exact change during\n     * development \u2014 DateRangeFilter's dual-calendar popover (in a 300px-tall table) got its\n     * inputs pushed outside the actual browser viewport entirely, failing the existing\n     * `DSDataTable - FilterPopover focus trap` Playwright CT tests (clicks on\n     * ds-controlled-date-time-picker-month-input timed out as \"outside of the viewport\").\n     *\n     * boundaryElement keeps the portal (so oversized content still escapes fully into the page,\n     * unclipped, exactly as before) and only changes computePosition's clipping *math*, with a\n     * per-axis fallback to the plain viewport when the floating content doesn't fit the boundary\n     * on that axis (see getBoundaryConstrainedRect) \u2014 small popovers (this one) get clamped to\n     * the table; oversized ones (DateRangeFilter's calendar) are unaffected.\n     */\n    boundaryElement: virtualListRef.current,\n  });\n\n  // When the filter bar changes height, re-compute the floating position\n  useEffect(() => {\n    void forceUpdatePosition();\n  }, [filters, forceUpdatePosition]);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const handleOnKeyDown = useFocusTrap({\n    firstElementRef,\n    lastElementRef,\n  });\n\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton\n        hide={!isIconVisible}\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}\n        getOwnerProps={getOwnerProps}\n      >\n        <DSButtonV2\n          buttonType=\"icon\"\n          size=\"s\"\n          onClick={handleTriggerClick}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON_ELEMENT}\n        >\n          {triggerIcon}\n        </DSButtonV2>\n      </FilterButton>\n      {(columnReference || buttonReference) && (\n        <StyledFloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          context={context}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          role=\"dialog\"\n          aria-label={`Filter by ${column.Header as string}`}\n        >\n          <PopperContent getOwnerProps={getOwnerProps} innerRef={popoverContentRef} onKeyDown={handleOnKeyDown}>\n            {menuContent}\n          </PopperContent>\n        </StyledFloatingWrapper>\n      )}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable import/no-cycle */\n/* eslint-disable no-void */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { useFocusTrap } from '@elliemae/ds-hooks-focus-trap';\nimport { useFloatingContext } from '@elliemae/ds-floating-context';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { DATA_TESTID } from '../../configs/constants.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { useGetFilterHandlers } from './useGetFilterHandlers.js';\nimport { useGetFilterVisibility } from './useGetFilterVisibility.js';\nimport { FilterButton, PopperContent, StyledFloatingWrapper } from './styled.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nexport const FilterPopover: React.ComponentType<DSDataTableT.FilterPopoverProps> = (\n  props: DSDataTableT.FilterPopoverProps,\n) => {\n  const {\n    column,\n    customStyles,\n    reduxHeader,\n    menuContent,\n    ariaLabel,\n    triggerIcon,\n    innerRef,\n    columnReference,\n    firstElementRef,\n    lastElementRef,\n  } = props;\n\n  const filters = usePropsStore((state) => state.filters);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const virtualListRef = usePropsStore((state) => state.virtualListRef);\n\n  const getOwnerPropsArguments = useCallback(\n    () => ({\n      columnId: column.id,\n    }),\n    [column.id],\n  );\n\n  const { isIconVisible, isMenuOpen } = useGetFilterVisibility(reduxHeader);\n\n  const [buttonReference, setButtonReference] = useState<HTMLButtonElement | null>(null);\n  const [isButtonFocused, setIsButtonFocused] = useState(false);\n\n  const { handleTriggerClick, handleClickOutsideMenu, handleMenuOnKeyDown, handleTriggerOnFocus, handleTriggerOnBlur } =\n    useGetFilterHandlers(props, isMenuOpen, buttonReference, setIsButtonFocused);\n\n  const floatingOffset = useMemo<[number, number]>(() => (columnReference ? [0, 1] : [5, 4]), [columnReference]);\n\n  const externalReferenceElement = columnReference || buttonReference;\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n    forceUpdatePosition,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isMenuOpen,\n    externalReferenceElement,\n    placement: 'bottom-end',\n    customOffset: floatingOffset,\n    withoutAnimation: true,\n    placementOrderPreference: ['bottom-end', 'top-end'],\n    onClickOutside: handleClickOutsideMenu,\n    /**\n     * PUI-17187: the filter trigger lives inside DataTable's own horizontally-scrollable\n     * container (virtualListRef, overflow: auto). Without a boundary, computePosition only\n     * clips against the browser viewport, so once the column scrolls near the table's own edge\n     * the popover keeps tracking the trigger's raw (partially clipped) screen position and\n     * spills past the table's visible bounds, into the rest of the page.\n     *\n     * Why not `withoutPortal: true` instead (it also derives a clipping boundary \u2014 see\n     * getClippingParent \u2014 which would resolve to this same scroll container automatically, no\n     * explicit boundaryElement needed): withoutPortal renders the popover as a literal DOM\n     * descendant of that overflow:auto container instead of portaling it to <body>. The browser\n     * then clips ANY content exceeding the container's bounds unconditionally \u2014 CSS overflow\n     * clipping is not something position math can override. That breaks any filter whose content\n     * is taller/wider than the table itself: confirmed regression via this exact change during\n     * development \u2014 DateRangeFilter's dual-calendar popover (in a 300px-tall table) got its\n     * inputs pushed outside the actual browser viewport entirely, failing the existing\n     * `DSDataTable - FilterPopover focus trap` Playwright CT tests (clicks on\n     * ds-controlled-date-time-picker-month-input timed out as \"outside of the viewport\").\n     *\n     * boundaryElement keeps the portal (so oversized content still escapes fully into the page,\n     * unclipped, exactly as before) and only changes computePosition's clipping *math*, with a\n     * per-axis fallback to the plain viewport when the floating content doesn't fit the boundary\n     * on that axis (see getBoundaryConstrainedRect) \u2014 small popovers (this one) get clamped to\n     * the table; oversized ones (DateRangeFilter's calendar) are unaffected.\n     */\n    boundaryElement: virtualListRef.current,\n  });\n\n  // When the filter bar changes height, re-compute the floating position\n  useEffect(() => {\n    void forceUpdatePosition();\n  }, [filters, forceUpdatePosition]);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const handleOnKeyDown = useFocusTrap({\n    firstElementRef,\n    lastElementRef,\n  });\n\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={handleMenuOnKeyDown}\n    >\n      <FilterButton\n        hide={!isIconVisible}\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSButtonV2\n          buttonType=\"icon\"\n          onClick={handleTriggerClick}\n          onFocus={handleTriggerOnFocus}\n          onBlur={handleTriggerOnBlur}\n          innerRef={mergeRefs(isIconVisible && setButtonReference, innerRef)}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n          aria-label={ariaLabel}\n          aria-hidden={!isButtonFocused}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON_ELEMENT}\n        >\n          {triggerIcon}\n        </DSButtonV2>\n      </FilterButton>\n      {(columnReference || buttonReference) && (\n        <StyledFloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{\n            ...floatingStyles,\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          context={context}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n          role=\"dialog\"\n          aria-label={`Filter by ${column.Header as string}`}\n        >\n          <PopperContent\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n            innerRef={popoverContentRef}\n            onKeyDown={handleOnKeyDown}\n          >\n            {menuContent}\n          </PopperContent>\n        </StyledFloatingWrapper>\n      )}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/exported-related/FilterPopover/styled.js

@@ -39,9 +39,13 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_dialog = require("@elliemae/ds-dialog");
 var import_ds_floating_context = require("@elliemae/ds-floating-context");
 var import_constants = require("../../constants/index.js");
+var import_helpers = require("../../helpers/index.js");
 const FilterButton = (0, import_ds_system.styled)("span", { name: import_constants.DSDataTableName, slot: import_constants.DSDataTableSlots.FILTER_POPOVER_BUTTON })`
   display: inline-grid;
   ${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}
+  & > button {
+    ${import_helpers.smallButtonSizeCss}
+  }
 `;
 const PopperContent = (0, import_ds_system.styled)("div", { name: import_constants.DSDataTableName, slot: import_constants.DSDataTableSlots.FILTER_POPOVER_CONTENT })`
   background-color: #fff;
@@ -58,5 +62,12 @@ const StyledDSDialogFooter = (0, import_ds_system.styled)(import_ds_dialog.DSDia
   flex-wrap: wrap;
   padding-top: 8px;
   padding-bottom: 8px;
+  & button {
+    ${import_helpers.smallButtonSizeCss}
+    padding: 0.5px ${({ theme }) => theme.space.xs} 0.5px;
+  }
+  & button[type='submit'] {
+    border-width: 1px;
+  }
 `;
 //# sourceMappingURL=styled.js.map