@elliemae/ds-dropdownmenu-v2 3.62.1 → 3.70.0-alpha.9

package/dist/cjs/exported-related/conversion-utils/conversionHelpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/conversion-utils/conversionHelpers.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type DSMenuButtonT, MENU_ITEMS_TYPES } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-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 requires iterating nested options\n// to avoid \"cannot use before defined\", we inject the conversion as second parameter\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn),\n  maxHeight: option.maxHeight as DSMenuButtonT.SingleSelectWithSubmenuItem['maxHeight'],\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 * Converts ItemSubmenuOptions to DSMenuButtonT.WithSubmenuItem.\n * @param option - The ItemSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted WithSubmenuItem.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn),\n  maxHeight: option.maxHeight as DSMenuButtonT.WithSubmenuItem['maxHeight'],\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 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))\n    return convertSingleWithSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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))\n    return convertSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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"],
+  "sourcesContent": ["import { type DSMenuButtonT, MENU_ITEMS_TYPES } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-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 requires iterating nested options\n// to avoid \"cannot use before defined\", we inject the conversion as second parameter\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn) as DSMenuButtonT.SingleSelectWithSubmenuItem['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 * @param option - The ItemSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted WithSubmenuItem.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn) as DSMenuButtonT.WithSubmenuItem['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))\n    return convertSingleWithSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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))\n    return convertSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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/conversion-utils/index.js

@@ -92,7 +92,11 @@ const convertOptionsRecursive = (options) => {
       return;
     }
     if (option.type === "single" || option.type === "singleWithSubmenu") {
-      groups.push({ type: "group", subitems: [convertedOption], dsId: `filled-group-starting-from-${option.dsId}` });
+      groups.push({
+        type: "group",
+        subitems: [convertedOption],
+        dsId: `filled-group-starting-from-${option.dsId}`
+      });
       return;
     }
     convertedOptions.push(convertedOption);

package/dist/cjs/exported-related/conversion-utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/exported-related/conversion-utils/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-types.js';\nimport { type DSDropdownV2BridgeT } from './types.js';\nimport {\n  convertDropdownItemToMenuButtonItem,\n  isItemSectionOptions,\n  isItemSingleWithSubmenuOptions,\n  isItemSubmenuOptions,\n} from './conversionHelpers.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\nimport { mutableUpdateReportPerIteration, mutableUpdateReportPostIteration } from './reportMutableUpdatesHelpers.js';\n\nexport const checkIfOptionsCanBeConverted = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): DSDropdownV2BridgeT.ReportMutableT => {\n  // this bridge component is not able to automatically bridge some configurations\n  //  in scenario where the component is not able to bridge the configuration we:\n  //  A - throw an error if it's a critical configuration\n  //  B - warn the configuration will be ignored if it's not critical\n  // we are going to have to iterate over the options (and the tree-like but not really a DSTree) `options`\n  // we should iterate only once and track all the potential violation in one go for performance reasons\n\n  const mutableReport: DSDropdownV2BridgeT.ReportMutableT = {\n    unrecoverableConversion: false,\n    needsGracefullRecovery: false,\n    wasFilledWithSkeletonDueToEmptyArrays: false,\n    didFillGroupForSingleSelection: false,\n    detectedLostsOnConversion: {\n      ellipsis: false,\n      render: false,\n    },\n    mutableReportsPerParentMap: {\n      '__first-level-root': {\n        lastSectionIndex: undefined,\n        adjacentGroupsReport: [],\n        hasMultipleSelections: false,\n        hasSingleSelections: false,\n        hasGrouplessSingleSelections: false,\n        isSingleWithoutMultipleAtAll: false,\n        hasEmptyOptions: false,\n        requiresHierarchicalGrouping: false,\n        gracefullRecoveries: { fillGroupForSingleSelection: false, fillLoading: false },\n      },\n    },\n    humanReadableWarnings: [],\n  };\n  // *******************************************************************************************\n  // \"options\" iteration\n  // *******************************************************************************************\n  // using \"every\" to short-circuit the iteration if we detect an unrecoverable issue\n  options.every((option, index) => {\n    mutableUpdateReportPerIteration({ mutableReport, option, index, parentDsId: '__first-level-root' });\n    if (mutableReport.unrecoverableConversion) return false;\n    return true;\n  });\n  mutableUpdateReportPostIteration({ mutableReport, options });\n  mutableReport.humanReadableWarnings = getHumanReadableWarnings(mutableReport);\n  return mutableReport;\n};\n\ntype CheckAndConvertOptionsRT = {\n  convertedOptions: DSMenuButtonT.MenuItemInterface[];\n  report: DSDropdownV2BridgeT.ReportMutableT;\n};\ntype GroupItemWithSubItems = DSMenuButtonT.GroupItem & { subitems: DSMenuButtonT.MenuItemInterface[] };\n\n/**\n * Converts dropdown menu items to menu button items, handling nested structures and grouping (including filling for missing groups if single selections are present).\n * @param options - The dropdown menu items to convert.\n * @returns The converted menu button items.\n */\nconst convertOptionsRecursive = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n): DSMenuButtonT.MenuItemInterface[] => {\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = [];\n  const groups: GroupItemWithSubItems[] = [];\n  options.forEach((option) => {\n    const convertedOption = convertDropdownItemToMenuButtonItem(option);\n    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {\n      // we need to iterate over the subitems found at option.options\n      const subitems = convertOptionsRecursive(option.options);\n      const typecastedOption = convertedOption as\n        | DSMenuButtonT.WithSubmenuItem\n        | DSMenuButtonT.SingleSelectWithSubmenuItem;\n      typecastedOption.subitems = 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\" BUT there is no mixing with \"multi select\" and we need to fill a placeholder group\n    if (option.type === 'single' || option.type === 'singleWithSubmenu') {\n      groups.push({ type: 'group', subitems: [convertedOption], dsId: `filled-group-starting-from-${option.dsId}` });\n      return;\n    }\n    //  C - we are adding items to the root level\n    convertedOptions.push(convertedOption);\n  });\n  convertedOptions.push(...groups);\n  return convertedOptions;\n};\n\nexport const checkAndConvertOptions = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): CheckAndConvertOptionsRT => {\n  const report = checkIfOptionsCanBeConverted(options);\n  if (report.unrecoverableConversion) throw new Error('DSDropdownV2Bridge - critical configuration issues');\n\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = convertOptionsRecursive(options);\n\n  return { convertedOptions, report };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,+BAKO;AACP,sCAAyC;AACzC,yCAAkF;AAE3E,MAAM,+BAA+B,CAC1C,YACuC;AAQvC,QAAM,gBAAoD;AAAA,IACxD,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uCAAuC;AAAA,IACvC,gCAAgC;AAAA,IAChC,2BAA2B;AAAA,MACzB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,4BAA4B;AAAA,MAC1B,sBAAsB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB,CAAC;AAAA,QACvB,uBAAuB;AAAA,QACvB,qBAAqB;AAAA,QACrB,8BAA8B;AAAA,QAC9B,8BAA8B;AAAA,QAC9B,iBAAiB;AAAA,QACjB,8BAA8B;AAAA,QAC9B,qBAAqB,EAAE,6BAA6B,OAAO,aAAa,MAAM;AAAA,MAChF;AAAA,IACF;AAAA,IACA,uBAAuB,CAAC;AAAA,EAC1B;AAKA,UAAQ,MAAM,CAAC,QAAQ,UAAU;AAC/B,4EAAgC,EAAE,eAAe,QAAQ,OAAO,YAAY,qBAAqB,CAAC;AAClG,QAAI,cAAc,wBAAyB,QAAO;AAClD,WAAO;AAAA,EACT,CAAC;AACD,2EAAiC,EAAE,eAAe,QAAQ,CAAC;AAC3D,gBAAc,4BAAwB,0DAAyB,aAAa;AAC5E,SAAO;AACT;AAaA,MAAM,0BAA0B,CAC9B,YACsC;AACtC,QAAM,mBAAsD,CAAC;AAC7D,QAAM,SAAkC,CAAC;AACzC,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,sBAAkB,8DAAoC,MAAM;AAClE,YAAI,yDAA+B,MAAM,SAAK,+CAAqB,MAAM,GAAG;AAE1E,YAAM,WAAW,wBAAwB,OAAO,OAAO;AACvD,YAAM,mBAAmB;AAGzB,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;AAEA,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,qBAAqB;AACnE,aAAO,KAAK,EAAE,MAAM,SAAS,UAAU,CAAC,eAAe,GAAG,MAAM,8BAA8B,OAAO,IAAI,GAAG,CAAC;AAC7G;AAAA,IACF;AAEA,qBAAiB,KAAK,eAAe;AAAA,EACvC,CAAC;AACD,mBAAiB,KAAK,GAAG,MAAM;AAC/B,SAAO;AACT;AAEO,MAAM,yBAAyB,CACpC,YAC6B;AAC7B,QAAM,SAAS,6BAA6B,OAAO;AACnD,MAAI,OAAO,wBAAyB,OAAM,IAAI,MAAM,oDAAoD;AAExG,QAAM,mBAAsD,wBAAwB,OAAO;AAE3F,SAAO,EAAE,kBAAkB,OAAO;AACpC;",
+  "sourcesContent": ["import { type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-types.js';\nimport { type DSDropdownV2BridgeT } from './types.js';\nimport {\n  convertDropdownItemToMenuButtonItem,\n  isItemSectionOptions,\n  isItemSingleWithSubmenuOptions,\n  isItemSubmenuOptions,\n} from './conversionHelpers.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\nimport { mutableUpdateReportPerIteration, mutableUpdateReportPostIteration } from './reportMutableUpdatesHelpers.js';\n\nexport const checkIfOptionsCanBeConverted = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): DSDropdownV2BridgeT.ReportMutableT => {\n  // this bridge component is not able to automatically bridge some configurations\n  //  in scenario where the component is not able to bridge the configuration we:\n  //  A - throw an error if it's a critical configuration\n  //  B - warn the configuration will be ignored if it's not critical\n  // we are going to have to iterate over the options (and the tree-like but not really a DSTree) `options`\n  // we should iterate only once and track all the potential violation in one go for performance reasons\n\n  const mutableReport: DSDropdownV2BridgeT.ReportMutableT = {\n    unrecoverableConversion: false,\n    needsGracefullRecovery: false,\n    wasFilledWithSkeletonDueToEmptyArrays: false,\n    didFillGroupForSingleSelection: false,\n    detectedLostsOnConversion: {\n      ellipsis: false,\n      render: false,\n    },\n    mutableReportsPerParentMap: {\n      '__first-level-root': {\n        lastSectionIndex: undefined,\n        adjacentGroupsReport: [],\n        hasMultipleSelections: false,\n        hasSingleSelections: false,\n        hasGrouplessSingleSelections: false,\n        isSingleWithoutMultipleAtAll: false,\n        hasEmptyOptions: false,\n        requiresHierarchicalGrouping: false,\n        gracefullRecoveries: { fillGroupForSingleSelection: false, fillLoading: false },\n      },\n    },\n    humanReadableWarnings: [],\n  };\n  // *******************************************************************************************\n  // \"options\" iteration\n  // *******************************************************************************************\n  // using \"every\" to short-circuit the iteration if we detect an unrecoverable issue\n  options.every((option, index) => {\n    mutableUpdateReportPerIteration({ mutableReport, option, index, parentDsId: '__first-level-root' });\n    if (mutableReport.unrecoverableConversion) return false;\n    return true;\n  });\n  mutableUpdateReportPostIteration({ mutableReport, options });\n  mutableReport.humanReadableWarnings = getHumanReadableWarnings(mutableReport);\n  return mutableReport;\n};\n\ntype CheckAndConvertOptionsRT = {\n  convertedOptions: DSMenuButtonT.MenuItemInterface[];\n  report: DSDropdownV2BridgeT.ReportMutableT;\n};\ntype GroupItemWithSubItems = DSMenuButtonT.GroupItem & { subitems: DSMenuButtonT.MenuItemInterface[] };\n\n/**\n * Converts dropdown menu items to menu button items, handling nested structures and grouping (including filling for missing groups if single selections are present).\n * @param options - The dropdown menu items to convert.\n * @returns The converted menu button items.\n */\nconst convertOptionsRecursive = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n): DSMenuButtonT.MenuItemInterface[] => {\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = [];\n  const groups: GroupItemWithSubItems[] = [];\n  options.forEach((option) => {\n    const convertedOption = convertDropdownItemToMenuButtonItem(option);\n    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {\n      // we need to iterate over the subitems found at option.options\n      const subitems = convertOptionsRecursive(option.options);\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\" BUT there is no mixing with \"multi select\" and we need to fill a placeholder group\n    if (option.type === 'single' || option.type === 'singleWithSubmenu') {\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  convertedOptions.push(...groups);\n  return convertedOptions;\n};\n\nexport const checkAndConvertOptions = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): CheckAndConvertOptionsRT => {\n  const report = checkIfOptionsCanBeConverted(options);\n  if (report.unrecoverableConversion) throw new Error('DSDropdownV2Bridge - critical configuration issues');\n\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = convertOptionsRecursive(options);\n\n  return { convertedOptions, report };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,+BAKO;AACP,sCAAyC;AACzC,yCAAkF;AAE3E,MAAM,+BAA+B,CAC1C,YACuC;AAQvC,QAAM,gBAAoD;AAAA,IACxD,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uCAAuC;AAAA,IACvC,gCAAgC;AAAA,IAChC,2BAA2B;AAAA,MACzB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,4BAA4B;AAAA,MAC1B,sBAAsB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB,CAAC;AAAA,QACvB,uBAAuB;AAAA,QACvB,qBAAqB;AAAA,QACrB,8BAA8B;AAAA,QAC9B,8BAA8B;AAAA,QAC9B,iBAAiB;AAAA,QACjB,8BAA8B;AAAA,QAC9B,qBAAqB,EAAE,6BAA6B,OAAO,aAAa,MAAM;AAAA,MAChF;AAAA,IACF;AAAA,IACA,uBAAuB,CAAC;AAAA,EAC1B;AAKA,UAAQ,MAAM,CAAC,QAAQ,UAAU;AAC/B,4EAAgC,EAAE,eAAe,QAAQ,OAAO,YAAY,qBAAqB,CAAC;AAClG,QAAI,cAAc,wBAAyB,QAAO;AAClD,WAAO;AAAA,EACT,CAAC;AACD,2EAAiC,EAAE,eAAe,QAAQ,CAAC;AAC3D,gBAAc,4BAAwB,0DAAyB,aAAa;AAC5E,SAAO;AACT;AAaA,MAAM,0BAA0B,CAC9B,YACsC;AACtC,QAAM,mBAAsD,CAAC;AAC7D,QAAM,SAAkC,CAAC;AACzC,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,sBAAkB,8DAAoC,MAAM;AAClE,YAAI,yDAA+B,MAAM,SAAK,+CAAqB,MAAM,GAAG;AAE1E,YAAM,WAAW,wBAAwB,OAAO,OAAO;AACvD,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;AAEA,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,qBAAqB;AACnE,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;AACD,mBAAiB,KAAK,GAAG,MAAM;AAC/B,SAAO;AACT;AAEO,MAAM,yBAAyB,CACpC,YAC6B;AAC7B,QAAM,SAAS,6BAA6B,OAAO;AACnD,MAAI,OAAO,wBAAyB,OAAM,IAAI,MAAM,oDAAoD;AAExG,QAAM,mBAAsD,wBAAwB,OAAO;AAE3F,SAAO,EAAE,kBAAkB,OAAO;AACpC;",
   "names": []
 }

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@xstyled/system';\n\nexport { checkAndConvertOptions } from './exported-related/conversion-utils/index.js';\nexport { DSDropdownMenuV2, DSDropdownMenuV2WithSchema } from './DSDropdownMenu.js';\nexport { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';\nexport { DSDropdownMenuName, DSDropdownMenuPlacements, DSDropdownMenuSlots } from './exported-related/index.js';\nexport {\n  defaultProps as DSDropdownMenuV2DefaultProps,\n  DSDropdownMenuV2PropTypes,\n  actionOptionSchema,\n  checkboxOptionSchema,\n  optionTypesSchemas,\n  sectionOptionSchema,\n  separatorOptionSchema,\n  singleOptionSchema,\n  singleWithSubmenuOptionSchema,\n  submenuOptionSchema,\n} from './react-desc-prop-types.js';\nexport type { DSDropdownMenuT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type {} from '@xstyled/system';\n\nexport { checkAndConvertOptions } from './exported-related/conversion-utils/index.js';\nexport { DSDropdownMenuV2, DSDropdownMenuV2WithSchema } from './DSDropdownMenu.js';\nexport { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';\nexport { DSDropdownMenuName, DSDropdownMenuPlacements, DSDropdownMenuSlots } from './exported-related/index.js';\nexport {\n  defaultProps as DSDropdownMenuV2DefaultProps,\n  DSDropdownMenuV2PropTypes,\n  actionOptionSchema,\n  checkboxOptionSchema,\n  optionTypesSchemas,\n  sectionOptionSchema,\n  separatorOptionSchema,\n  singleOptionSchema,\n  singleWithSubmenuOptionSchema,\n  submenuOptionSchema,\n} from './react-desc-prop-types.js';\nexport type { DSDropdownMenuT } from './react-desc-prop-types.js';\nexport type { DSDropdownV2BridgeT } from './exported-related/conversion-utils/types.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuC;AACvC,4BAA6D;AAC7D,oCAAuC;AACvC,8BAAkF;AAClF,mCAWO;",
   "names": []
 }

package/dist/cjs/parts/DropdownMenuContent.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(DropdownMenuContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_floating_context = require("@elliemae/ds-floating-context");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_DropdownMenuDataTestId = require("../DropdownMenuDataTestId.js");
 var import_styled = require("../styled.js");
@@ -60,14 +60,33 @@ const DropdownMenuContent = () => {
     ...globalAttributes
   } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);
   const { minWidth, minHeight, ...restXstyledProps } = (0, import_ds_props_helpers.useGetXstyledProps)(props);
-  const onClickOutsideHandler = (e) => {
-    const dropdownListboxes = [
-      ...document.body.querySelectorAll(`[data-testid="${import_DropdownMenuDataTestId.DropdownMenuDataTestId.MENU_WRAPPER}"]`)
-    ];
-    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target))) {
-      onClickOutside(e);
-    }
-  };
+  const handleClickOutside = (0, import_react.useCallback)(
+    (event) => {
+      const target = event.target;
+      if (!target) return;
+      const dropdownListboxes = [
+        ...document.body.querySelectorAll(`[data-testid="${import_DropdownMenuDataTestId.DropdownMenuDataTestId.MENU_WRAPPER}"]`)
+      ];
+      if (dropdownListboxes.every((listbox) => !listbox.contains(target))) {
+        onClickOutside(event);
+      }
+    },
+    [onClickOutside]
+  );
+  const {
+    refs,
+    floatingStyles,
+    context,
+    isOpen: isFloatingOpen
+  } = (0, import_ds_floating_context.useFloatingContext)({
+    externallyControlledIsOpen: isOpened,
+    externalReferenceElement: triggerReferenceElement,
+    withoutAnimation: true,
+    customOffset,
+    placement: startPlacementPreference,
+    placementOrderPreference,
+    onClickOutside: handleClickOutside
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_styled.StyledTriggerWrapper,
     {
@@ -81,17 +100,13 @@ const DropdownMenuContent = () => {
       children: [
         children,
         triggerReferenceElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_popperjs.DSPopperJS,
+          import_ds_floating_context.FloatingWrapper,
           {
-            referenceElement: triggerReferenceElement,
-            showPopover: isOpened,
-            withoutArrow: true,
-            withoutAnimation: true,
-            customOffset,
-            onClickOutside: onClickOutsideHandler,
-            startPlacementPreference,
-            placementOrderPreference,
-            zIndex,
+            innerRef: refs.setFloating,
+            isOpen: isFloatingOpen,
+            floatingStyles: { ...floatingStyles, ...zIndex !== void 0 && { zIndex } },
+            context,
+            role: "region",
             "aria-label": dataPopoverLabel || "dropdown-menu popover",
             children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuLoading.DropdownMenuLoading, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuListBox.DropdownMenuListBox, {})
           }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/DropdownMenuContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\nimport React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledTriggerWrapper } from '../styled.js';\nimport { DropdownMenuListBox } from './DropdownMenuListBox.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuLoading } from './DropdownMenuLoading.js';\n\nexport const DropdownMenuContent: React.ComponentType<Record<string, never>> = () => {\n  const { props, triggerReferenceElement, setTriggerReferenceElement } = useContext(DSDropdownMenuContext);\n\n  const {\n    children,\n    isOpened,\n    onClickOutside,\n    startPlacementPreference,\n    placementOrderPreference,\n    customOffset,\n    wrapperStyles,\n    isLoading,\n    zIndex,\n    as,\n  } = props;\n  const {\n    'data-popover-label': dataPopoverLabel,\n    ...globalAttributes\n  }: ReturnType<typeof useGetGlobalAttributes> & { 'data-popover-label'?: string } = useGetGlobalAttributes(props);\n  // we need to exclude this props from the xstyled props because there is a conflict\n  // using submenus items with the name of the prop of ddmenu and xstyled\n  const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);\n  const onClickOutsideHandler = (e: MouseEvent | TouchEvent) => {\n    // We need to find out if the click was originated inside a child's dropdownmenu\n    const dropdownListboxes = [\n      ...document.body.querySelectorAll(`[data-testid=\"${DropdownMenuDataTestId.MENU_WRAPPER}\"]`),\n    ];\n    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target as Node))) {\n      onClickOutside(e);\n    }\n  };\n\n  return (\n    <StyledTriggerWrapper\n      data-testid={`${DropdownMenuDataTestId.TRIGGER_WRAPPER}`}\n      innerRef={setTriggerReferenceElement}\n      aria-haspopup=\"listbox\"\n      {...wrapperStyles}\n      {...globalAttributes}\n      {...restXstyledProps}\n      as={as}\n    >\n      {children}\n      {triggerReferenceElement && (\n        <DSPopperJS\n          referenceElement={triggerReferenceElement}\n          showPopover={isOpened}\n          withoutArrow\n          withoutAnimation\n          customOffset={customOffset}\n          onClickOutside={onClickOutsideHandler}\n          startPlacementPreference={startPlacementPreference}\n          placementOrderPreference={placementOrderPreference}\n          zIndex={zIndex}\n          aria-label={(dataPopoverLabel as string) || 'dropdown-menu popover'}\n        >\n          {isLoading ? <DropdownMenuLoading /> : <DropdownMenuListBox />}\n        </DSPopperJS>\n      )}\n    </StyledTriggerWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CnB;AA1CJ,mBAAkC;AAClC,yBAA2B;AAC3B,8BAA2D;AAC3D,oCAAuC;AACvC,oBAAqC;AACrC,iCAAoC;AACpC,iCAAsC;AACtC,iCAAoC;AAE7B,MAAM,sBAAkE,MAAM;AACnF,QAAM,EAAE,OAAO,yBAAyB,2BAA2B,QAAI,yBAAW,gDAAqB;AAEvG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,QAAmF,gDAAuB,KAAK;AAG/G,QAAM,EAAE,UAAU,WAAW,GAAG,iBAAiB,QAAI,4CAAmB,KAAK;AAC7E,QAAM,wBAAwB,CAAC,MAA+B;AAE5D,UAAM,oBAAoB;AAAA,MACxB,GAAG,SAAS,KAAK,iBAAiB,iBAAiB,qDAAuB,YAAY,IAAI;AAAA,IAC5F;AACA,QAAI,kBAAkB,MAAM,CAAC,YAAY,CAAC,QAAQ,SAAS,EAAE,MAAc,CAAC,GAAG;AAC7E,qBAAe,CAAC;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,qDAAuB,eAAe;AAAA,MACtD,UAAU;AAAA,MACV,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,QACA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB;AAAA,YAClB,aAAa;AAAA,YACb,cAAY;AAAA,YACZ,kBAAgB;AAAA,YAChB;AAAA,YACA,gBAAgB;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa,oBAA+B;AAAA,YAE3C,sBAAY,4CAAC,kDAAoB,IAAK,4CAAC,kDAAoB;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\nimport React, { useCallback, useContext } from 'react';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledTriggerWrapper } from '../styled.js';\nimport { DropdownMenuListBox } from './DropdownMenuListBox.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuLoading } from './DropdownMenuLoading.js';\n\nexport const DropdownMenuContent: React.ComponentType<Record<string, never>> = () => {\n  const { props, triggerReferenceElement, setTriggerReferenceElement } = useContext(DSDropdownMenuContext);\n\n  const {\n    children,\n    isOpened,\n    onClickOutside,\n    startPlacementPreference,\n    placementOrderPreference,\n    customOffset,\n    wrapperStyles,\n    isLoading,\n    zIndex,\n    as,\n  } = props;\n  const {\n    'data-popover-label': dataPopoverLabel,\n    ...globalAttributes\n  }: ReturnType<typeof useGetGlobalAttributes> & { 'data-popover-label'?: string } = useGetGlobalAttributes(props);\n  // we need to exclude this props from the xstyled props because there is a conflict\n  // using submenus items with the name of the prop of ddmenu and xstyled\n  const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);\n\n  // Click-outside: close only when the click is not inside any child dropdown listbox.\n  // The hook's onClickOutside already excludes the floating + reference elements; we add\n  // a check for sibling submenu listboxes that may be portaled elsewhere in the document.\n  const handleClickOutside = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n      const dropdownListboxes = [\n        ...document.body.querySelectorAll(`[data-testid=\"${DropdownMenuDataTestId.MENU_WRAPPER}\"]`),\n      ];\n      if (dropdownListboxes.every((listbox) => !listbox.contains(target))) {\n        onClickOutside(event);\n      }\n    },\n    [onClickOutside],\n  );\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isOpened,\n    externalReferenceElement: triggerReferenceElement,\n    withoutAnimation: true,\n    customOffset,\n    placement: startPlacementPreference,\n    placementOrderPreference,\n    onClickOutside: handleClickOutside,\n  });\n\n  return (\n    <StyledTriggerWrapper\n      data-testid={`${DropdownMenuDataTestId.TRIGGER_WRAPPER}`}\n      innerRef={setTriggerReferenceElement}\n      aria-haspopup=\"listbox\"\n      {...wrapperStyles}\n      {...globalAttributes}\n      {...restXstyledProps}\n      as={as}\n    >\n      {children}\n      {triggerReferenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{ ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }}\n          context={context}\n          role=\"region\"\n          aria-label={(dataPopoverLabel as string) || 'dropdown-menu popover'}\n        >\n          {isLoading ? <DropdownMenuLoading /> : <DropdownMenuListBox />}\n        </FloatingWrapper>\n      )}\n    </StyledTriggerWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkEnB;AAjEJ,mBAA+C;AAC/C,iCAAoD;AACpD,8BAA2D;AAC3D,oCAAuC;AACvC,oBAAqC;AACrC,iCAAoC;AACpC,iCAAsC;AACtC,iCAAoC;AAE7B,MAAM,sBAAkE,MAAM;AACnF,QAAM,EAAE,OAAO,yBAAyB,2BAA2B,QAAI,yBAAW,gDAAqB;AAEvG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,QAAmF,gDAAuB,KAAK;AAG/G,QAAM,EAAE,UAAU,WAAW,GAAG,iBAAiB,QAAI,4CAAmB,KAAK;AAK7E,QAAM,yBAAqB;AAAA,IACzB,CAAC,UAAmC;AAClC,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AACb,YAAM,oBAAoB;AAAA,QACxB,GAAG,SAAS,KAAK,iBAAiB,iBAAiB,qDAAuB,YAAY,IAAI;AAAA,MAC5F;AACA,UAAI,kBAAkB,MAAM,CAAC,YAAY,CAAC,QAAQ,SAAS,MAAM,CAAC,GAAG;AACnE,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,QAAI,+CAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,qDAAuB,eAAe;AAAA,MACtD,UAAU;AAAA,MACV,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,QACA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR,gBAAgB,EAAE,GAAG,gBAAgB,GAAI,WAAW,UAAa,EAAE,OAAO,EAAG;AAAA,YAC7E;AAAA,YACA,MAAK;AAAA,YACL,cAAa,oBAA+B;AAAA,YAE3C,sBAAY,4CAAC,kDAAoB,IAAK,4CAAC,kDAAoB;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/conversion-utils/conversionHelpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/conversionHelpers.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSMenuButtonT, MENU_ITEMS_TYPES } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-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 requires iterating nested options\n// to avoid \"cannot use before defined\", we inject the conversion as second parameter\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn),\n  maxHeight: option.maxHeight as DSMenuButtonT.SingleSelectWithSubmenuItem['maxHeight'],\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 * Converts ItemSubmenuOptions to DSMenuButtonT.WithSubmenuItem.\n * @param option - The ItemSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted WithSubmenuItem.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn),\n  maxHeight: option.maxHeight as DSMenuButtonT.WithSubmenuItem['maxHeight'],\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 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))\n    return convertSingleWithSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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))\n    return convertSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSMenuButtonT, MENU_ITEMS_TYPES } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-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 requires iterating nested options\n// to avoid \"cannot use before defined\", we inject the conversion as second parameter\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn) as DSMenuButtonT.SingleSelectWithSubmenuItem['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 * @param option - The ItemSubmenuOptions to convert.\n * @param convFn - The conversion function to convert nested options - required to avoid circular dependencies.\n * @returns The converted WithSubmenuItem.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n  convFn: (option: DSDropdownMenuT.Item) => DSMenuButtonT.MenuItemInterface,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: option.options.map(convFn) as DSMenuButtonT.WithSubmenuItem['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))\n    return convertSingleWithSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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))\n    return convertSubmenuOptToMenuButtonItem(option, convertDropdownItemToMenuButtonItem);\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"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/exported-related/conversion-utils/index.js

@@ -63,7 +63,11 @@ const convertOptionsRecursive = (options) => {
       return;
     }
     if (option.type === "single" || option.type === "singleWithSubmenu") {
-      groups.push({ type: "group", subitems: [convertedOption], dsId: `filled-group-starting-from-${option.dsId}` });
+      groups.push({
+        type: "group",
+        subitems: [convertedOption],
+        dsId: `filled-group-starting-from-${option.dsId}`
+      });
       return;
     }
     convertedOptions.push(convertedOption);

package/dist/esm/exported-related/conversion-utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/conversion-utils/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-types.js';\nimport { type DSDropdownV2BridgeT } from './types.js';\nimport {\n  convertDropdownItemToMenuButtonItem,\n  isItemSectionOptions,\n  isItemSingleWithSubmenuOptions,\n  isItemSubmenuOptions,\n} from './conversionHelpers.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\nimport { mutableUpdateReportPerIteration, mutableUpdateReportPostIteration } from './reportMutableUpdatesHelpers.js';\n\nexport const checkIfOptionsCanBeConverted = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): DSDropdownV2BridgeT.ReportMutableT => {\n  // this bridge component is not able to automatically bridge some configurations\n  //  in scenario where the component is not able to bridge the configuration we:\n  //  A - throw an error if it's a critical configuration\n  //  B - warn the configuration will be ignored if it's not critical\n  // we are going to have to iterate over the options (and the tree-like but not really a DSTree) `options`\n  // we should iterate only once and track all the potential violation in one go for performance reasons\n\n  const mutableReport: DSDropdownV2BridgeT.ReportMutableT = {\n    unrecoverableConversion: false,\n    needsGracefullRecovery: false,\n    wasFilledWithSkeletonDueToEmptyArrays: false,\n    didFillGroupForSingleSelection: false,\n    detectedLostsOnConversion: {\n      ellipsis: false,\n      render: false,\n    },\n    mutableReportsPerParentMap: {\n      '__first-level-root': {\n        lastSectionIndex: undefined,\n        adjacentGroupsReport: [],\n        hasMultipleSelections: false,\n        hasSingleSelections: false,\n        hasGrouplessSingleSelections: false,\n        isSingleWithoutMultipleAtAll: false,\n        hasEmptyOptions: false,\n        requiresHierarchicalGrouping: false,\n        gracefullRecoveries: { fillGroupForSingleSelection: false, fillLoading: false },\n      },\n    },\n    humanReadableWarnings: [],\n  };\n  // *******************************************************************************************\n  // \"options\" iteration\n  // *******************************************************************************************\n  // using \"every\" to short-circuit the iteration if we detect an unrecoverable issue\n  options.every((option, index) => {\n    mutableUpdateReportPerIteration({ mutableReport, option, index, parentDsId: '__first-level-root' });\n    if (mutableReport.unrecoverableConversion) return false;\n    return true;\n  });\n  mutableUpdateReportPostIteration({ mutableReport, options });\n  mutableReport.humanReadableWarnings = getHumanReadableWarnings(mutableReport);\n  return mutableReport;\n};\n\ntype CheckAndConvertOptionsRT = {\n  convertedOptions: DSMenuButtonT.MenuItemInterface[];\n  report: DSDropdownV2BridgeT.ReportMutableT;\n};\ntype GroupItemWithSubItems = DSMenuButtonT.GroupItem & { subitems: DSMenuButtonT.MenuItemInterface[] };\n\n/**\n * Converts dropdown menu items to menu button items, handling nested structures and grouping (including filling for missing groups if single selections are present).\n * @param options - The dropdown menu items to convert.\n * @returns The converted menu button items.\n */\nconst convertOptionsRecursive = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n): DSMenuButtonT.MenuItemInterface[] => {\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = [];\n  const groups: GroupItemWithSubItems[] = [];\n  options.forEach((option) => {\n    const convertedOption = convertDropdownItemToMenuButtonItem(option);\n    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {\n      // we need to iterate over the subitems found at option.options\n      const subitems = convertOptionsRecursive(option.options);\n      const typecastedOption = convertedOption as\n        | DSMenuButtonT.WithSubmenuItem\n        | DSMenuButtonT.SingleSelectWithSubmenuItem;\n      typecastedOption.subitems = 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\" BUT there is no mixing with \"multi select\" and we need to fill a placeholder group\n    if (option.type === 'single' || option.type === 'singleWithSubmenu') {\n      groups.push({ type: 'group', subitems: [convertedOption], dsId: `filled-group-starting-from-${option.dsId}` });\n      return;\n    }\n    //  C - we are adding items to the root level\n    convertedOptions.push(convertedOption);\n  });\n  convertedOptions.push(...groups);\n  return convertedOptions;\n};\n\nexport const checkAndConvertOptions = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): CheckAndConvertOptionsRT => {\n  const report = checkIfOptionsCanBeConverted(options);\n  if (report.unrecoverableConversion) throw new Error('DSDropdownV2Bridge - critical configuration issues');\n\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = convertOptionsRecursive(options);\n\n  return { convertedOptions, report };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,iCAAiC,wCAAwC;AAE3E,MAAM,+BAA+B,CAC1C,YACuC;AAQvC,QAAM,gBAAoD;AAAA,IACxD,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uCAAuC;AAAA,IACvC,gCAAgC;AAAA,IAChC,2BAA2B;AAAA,MACzB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,4BAA4B;AAAA,MAC1B,sBAAsB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB,CAAC;AAAA,QACvB,uBAAuB;AAAA,QACvB,qBAAqB;AAAA,QACrB,8BAA8B;AAAA,QAC9B,8BAA8B;AAAA,QAC9B,iBAAiB;AAAA,QACjB,8BAA8B;AAAA,QAC9B,qBAAqB,EAAE,6BAA6B,OAAO,aAAa,MAAM;AAAA,MAChF;AAAA,IACF;AAAA,IACA,uBAAuB,CAAC;AAAA,EAC1B;AAKA,UAAQ,MAAM,CAAC,QAAQ,UAAU;AAC/B,oCAAgC,EAAE,eAAe,QAAQ,OAAO,YAAY,qBAAqB,CAAC;AAClG,QAAI,cAAc,wBAAyB,QAAO;AAClD,WAAO;AAAA,EACT,CAAC;AACD,mCAAiC,EAAE,eAAe,QAAQ,CAAC;AAC3D,gBAAc,wBAAwB,yBAAyB,aAAa;AAC5E,SAAO;AACT;AAaA,MAAM,0BAA0B,CAC9B,YACsC;AACtC,QAAM,mBAAsD,CAAC;AAC7D,QAAM,SAAkC,CAAC;AACzC,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,kBAAkB,oCAAoC,MAAM;AAClE,QAAI,+BAA+B,MAAM,KAAK,qBAAqB,MAAM,GAAG;AAE1E,YAAM,WAAW,wBAAwB,OAAO,OAAO;AACvD,YAAM,mBAAmB;AAGzB,uBAAiB,WAAW;AAAA,IAC9B;AAGA,QAAI,qBAAqB,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;AAEA,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,qBAAqB;AACnE,aAAO,KAAK,EAAE,MAAM,SAAS,UAAU,CAAC,eAAe,GAAG,MAAM,8BAA8B,OAAO,IAAI,GAAG,CAAC;AAC7G;AAAA,IACF;AAEA,qBAAiB,KAAK,eAAe;AAAA,EACvC,CAAC;AACD,mBAAiB,KAAK,GAAG,MAAM;AAC/B,SAAO;AACT;AAEO,MAAM,yBAAyB,CACpC,YAC6B;AAC7B,QAAM,SAAS,6BAA6B,OAAO;AACnD,MAAI,OAAO,wBAAyB,OAAM,IAAI,MAAM,oDAAoD;AAExG,QAAM,mBAAsD,wBAAwB,OAAO;AAE3F,SAAO,EAAE,kBAAkB,OAAO;AACpC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { type DSDropdownMenuT } from '../../react-desc-prop-types.js';\nimport { type DSDropdownV2BridgeT } from './types.js';\nimport {\n  convertDropdownItemToMenuButtonItem,\n  isItemSectionOptions,\n  isItemSingleWithSubmenuOptions,\n  isItemSubmenuOptions,\n} from './conversionHelpers.js';\nimport { getHumanReadableWarnings } from './getHumanReadableWarnings.js';\nimport { mutableUpdateReportPerIteration, mutableUpdateReportPostIteration } from './reportMutableUpdatesHelpers.js';\n\nexport const checkIfOptionsCanBeConverted = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): DSDropdownV2BridgeT.ReportMutableT => {\n  // this bridge component is not able to automatically bridge some configurations\n  //  in scenario where the component is not able to bridge the configuration we:\n  //  A - throw an error if it's a critical configuration\n  //  B - warn the configuration will be ignored if it's not critical\n  // we are going to have to iterate over the options (and the tree-like but not really a DSTree) `options`\n  // we should iterate only once and track all the potential violation in one go for performance reasons\n\n  const mutableReport: DSDropdownV2BridgeT.ReportMutableT = {\n    unrecoverableConversion: false,\n    needsGracefullRecovery: false,\n    wasFilledWithSkeletonDueToEmptyArrays: false,\n    didFillGroupForSingleSelection: false,\n    detectedLostsOnConversion: {\n      ellipsis: false,\n      render: false,\n    },\n    mutableReportsPerParentMap: {\n      '__first-level-root': {\n        lastSectionIndex: undefined,\n        adjacentGroupsReport: [],\n        hasMultipleSelections: false,\n        hasSingleSelections: false,\n        hasGrouplessSingleSelections: false,\n        isSingleWithoutMultipleAtAll: false,\n        hasEmptyOptions: false,\n        requiresHierarchicalGrouping: false,\n        gracefullRecoveries: { fillGroupForSingleSelection: false, fillLoading: false },\n      },\n    },\n    humanReadableWarnings: [],\n  };\n  // *******************************************************************************************\n  // \"options\" iteration\n  // *******************************************************************************************\n  // using \"every\" to short-circuit the iteration if we detect an unrecoverable issue\n  options.every((option, index) => {\n    mutableUpdateReportPerIteration({ mutableReport, option, index, parentDsId: '__first-level-root' });\n    if (mutableReport.unrecoverableConversion) return false;\n    return true;\n  });\n  mutableUpdateReportPostIteration({ mutableReport, options });\n  mutableReport.humanReadableWarnings = getHumanReadableWarnings(mutableReport);\n  return mutableReport;\n};\n\ntype CheckAndConvertOptionsRT = {\n  convertedOptions: DSMenuButtonT.MenuItemInterface[];\n  report: DSDropdownV2BridgeT.ReportMutableT;\n};\ntype GroupItemWithSubItems = DSMenuButtonT.GroupItem & { subitems: DSMenuButtonT.MenuItemInterface[] };\n\n/**\n * Converts dropdown menu items to menu button items, handling nested structures and grouping (including filling for missing groups if single selections are present).\n * @param options - The dropdown menu items to convert.\n * @returns The converted menu button items.\n */\nconst convertOptionsRecursive = (\n  options: DSDropdownMenuT.Item[] | readonly DSDropdownMenuT.Item[],\n): DSMenuButtonT.MenuItemInterface[] => {\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = [];\n  const groups: GroupItemWithSubItems[] = [];\n  options.forEach((option) => {\n    const convertedOption = convertDropdownItemToMenuButtonItem(option);\n    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {\n      // we need to iterate over the subitems found at option.options\n      const subitems = convertOptionsRecursive(option.options);\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\" BUT there is no mixing with \"multi select\" and we need to fill a placeholder group\n    if (option.type === 'single' || option.type === 'singleWithSubmenu') {\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  convertedOptions.push(...groups);\n  return convertedOptions;\n};\n\nexport const checkAndConvertOptions = (\n  options: DSDropdownV2BridgeT.InternalProps['options'],\n): CheckAndConvertOptionsRT => {\n  const report = checkIfOptionsCanBeConverted(options);\n  if (report.unrecoverableConversion) throw new Error('DSDropdownV2Bridge - critical configuration issues');\n\n  const convertedOptions: DSMenuButtonT.MenuItemInterface[] = convertOptionsRecursive(options);\n\n  return { convertedOptions, report };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,iCAAiC,wCAAwC;AAE3E,MAAM,+BAA+B,CAC1C,YACuC;AAQvC,QAAM,gBAAoD;AAAA,IACxD,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uCAAuC;AAAA,IACvC,gCAAgC;AAAA,IAChC,2BAA2B;AAAA,MACzB,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,IACA,4BAA4B;AAAA,MAC1B,sBAAsB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB,CAAC;AAAA,QACvB,uBAAuB;AAAA,QACvB,qBAAqB;AAAA,QACrB,8BAA8B;AAAA,QAC9B,8BAA8B;AAAA,QAC9B,iBAAiB;AAAA,QACjB,8BAA8B;AAAA,QAC9B,qBAAqB,EAAE,6BAA6B,OAAO,aAAa,MAAM;AAAA,MAChF;AAAA,IACF;AAAA,IACA,uBAAuB,CAAC;AAAA,EAC1B;AAKA,UAAQ,MAAM,CAAC,QAAQ,UAAU;AAC/B,oCAAgC,EAAE,eAAe,QAAQ,OAAO,YAAY,qBAAqB,CAAC;AAClG,QAAI,cAAc,wBAAyB,QAAO;AAClD,WAAO;AAAA,EACT,CAAC;AACD,mCAAiC,EAAE,eAAe,QAAQ,CAAC;AAC3D,gBAAc,wBAAwB,yBAAyB,aAAa;AAC5E,SAAO;AACT;AAaA,MAAM,0BAA0B,CAC9B,YACsC;AACtC,QAAM,mBAAsD,CAAC;AAC7D,QAAM,SAAkC,CAAC;AACzC,UAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAM,kBAAkB,oCAAoC,MAAM;AAClE,QAAI,+BAA+B,MAAM,KAAK,qBAAqB,MAAM,GAAG;AAE1E,YAAM,WAAW,wBAAwB,OAAO,OAAO;AACvD,YAAM,mBAAmB;AAEzB,uBAAiB,WAAW;AAAA,IAC9B;AAGA,QAAI,qBAAqB,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;AAEA,QAAI,OAAO,SAAS,YAAY,OAAO,SAAS,qBAAqB;AACnE,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;AACD,mBAAiB,KAAK,GAAG,MAAM;AAC/B,SAAO;AACT;AAEO,MAAM,yBAAyB,CACpC,YAC6B;AAC7B,QAAM,SAAS,6BAA6B,OAAO;AACnD,MAAI,OAAO,wBAAyB,OAAM,IAAI,MAAM,oDAAoD;AAExG,QAAM,mBAAsD,wBAAwB,OAAO;AAE3F,SAAO,EAAE,kBAAkB,OAAO;AACpC;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\n\nexport { checkAndConvertOptions } from './exported-related/conversion-utils/index.js';\nexport { DSDropdownMenuV2, DSDropdownMenuV2WithSchema } from './DSDropdownMenu.js';\nexport { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';\nexport { DSDropdownMenuName, DSDropdownMenuPlacements, DSDropdownMenuSlots } from './exported-related/index.js';\nexport {\n  defaultProps as DSDropdownMenuV2DefaultProps,\n  DSDropdownMenuV2PropTypes,\n  actionOptionSchema,\n  checkboxOptionSchema,\n  optionTypesSchemas,\n  sectionOptionSchema,\n  separatorOptionSchema,\n  singleOptionSchema,\n  singleWithSubmenuOptionSchema,\n  submenuOptionSchema,\n} from './react-desc-prop-types.js';\nexport type { DSDropdownMenuT } from './react-desc-prop-types.js';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\n\nexport { checkAndConvertOptions } from './exported-related/conversion-utils/index.js';\nexport { DSDropdownMenuV2, DSDropdownMenuV2WithSchema } from './DSDropdownMenu.js';\nexport { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';\nexport { DSDropdownMenuName, DSDropdownMenuPlacements, DSDropdownMenuSlots } from './exported-related/index.js';\nexport {\n  defaultProps as DSDropdownMenuV2DefaultProps,\n  DSDropdownMenuV2PropTypes,\n  actionOptionSchema,\n  checkboxOptionSchema,\n  optionTypesSchemas,\n  sectionOptionSchema,\n  separatorOptionSchema,\n  singleOptionSchema,\n  singleWithSubmenuOptionSchema,\n  submenuOptionSchema,\n} from './react-desc-prop-types.js';\nexport type { DSDropdownMenuT } from './react-desc-prop-types.js';\nexport type { DSDropdownV2BridgeT } from './exported-related/conversion-utils/types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,8BAA8B;AACvC,SAAS,kBAAkB,kCAAkC;AAC7D,SAAS,8BAA8B;AACvC,SAAS,oBAAoB,0BAA0B,2BAA2B;AAClF;AAAA,EACkB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/parts/DropdownMenuContent.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { useCallback, useContext } from "react";
+import { useFloatingContext, FloatingWrapper } from "@elliemae/ds-floating-context";
 import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import { DropdownMenuDataTestId } from "../DropdownMenuDataTestId.js";
 import { StyledTriggerWrapper } from "../styled.js";
@@ -27,14 +27,33 @@ const DropdownMenuContent = () => {
     ...globalAttributes
   } = useGetGlobalAttributes(props);
   const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);
-  const onClickOutsideHandler = (e) => {
-    const dropdownListboxes = [
-      ...document.body.querySelectorAll(`[data-testid="${DropdownMenuDataTestId.MENU_WRAPPER}"]`)
-    ];
-    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target))) {
-      onClickOutside(e);
-    }
-  };
+  const handleClickOutside = useCallback(
+    (event) => {
+      const target = event.target;
+      if (!target) return;
+      const dropdownListboxes = [
+        ...document.body.querySelectorAll(`[data-testid="${DropdownMenuDataTestId.MENU_WRAPPER}"]`)
+      ];
+      if (dropdownListboxes.every((listbox) => !listbox.contains(target))) {
+        onClickOutside(event);
+      }
+    },
+    [onClickOutside]
+  );
+  const {
+    refs,
+    floatingStyles,
+    context,
+    isOpen: isFloatingOpen
+  } = useFloatingContext({
+    externallyControlledIsOpen: isOpened,
+    externalReferenceElement: triggerReferenceElement,
+    withoutAnimation: true,
+    customOffset,
+    placement: startPlacementPreference,
+    placementOrderPreference,
+    onClickOutside: handleClickOutside
+  });
   return /* @__PURE__ */ jsxs(
     StyledTriggerWrapper,
     {
@@ -48,17 +67,13 @@ const DropdownMenuContent = () => {
       children: [
         children,
         triggerReferenceElement && /* @__PURE__ */ jsx(
-          DSPopperJS,
+          FloatingWrapper,
           {
-            referenceElement: triggerReferenceElement,
-            showPopover: isOpened,
-            withoutArrow: true,
-            withoutAnimation: true,
-            customOffset,
-            onClickOutside: onClickOutsideHandler,
-            startPlacementPreference,
-            placementOrderPreference,
-            zIndex,
+            innerRef: refs.setFloating,
+            isOpen: isFloatingOpen,
+            floatingStyles: { ...floatingStyles, ...zIndex !== void 0 && { zIndex } },
+            context,
+            role: "region",
             "aria-label": dataPopoverLabel || "dropdown-menu popover",
             children: isLoading ? /* @__PURE__ */ jsx(DropdownMenuLoading, {}) : /* @__PURE__ */ jsx(DropdownMenuListBox, {})
           }

package/dist/esm/parts/DropdownMenuContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DropdownMenuContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\nimport React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledTriggerWrapper } from '../styled.js';\nimport { DropdownMenuListBox } from './DropdownMenuListBox.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuLoading } from './DropdownMenuLoading.js';\n\nexport const DropdownMenuContent: React.ComponentType<Record<string, never>> = () => {\n  const { props, triggerReferenceElement, setTriggerReferenceElement } = useContext(DSDropdownMenuContext);\n\n  const {\n    children,\n    isOpened,\n    onClickOutside,\n    startPlacementPreference,\n    placementOrderPreference,\n    customOffset,\n    wrapperStyles,\n    isLoading,\n    zIndex,\n    as,\n  } = props;\n  const {\n    'data-popover-label': dataPopoverLabel,\n    ...globalAttributes\n  }: ReturnType<typeof useGetGlobalAttributes> & { 'data-popover-label'?: string } = useGetGlobalAttributes(props);\n  // we need to exclude this props from the xstyled props because there is a conflict\n  // using submenus items with the name of the prop of ddmenu and xstyled\n  const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);\n  const onClickOutsideHandler = (e: MouseEvent | TouchEvent) => {\n    // We need to find out if the click was originated inside a child's dropdownmenu\n    const dropdownListboxes = [\n      ...document.body.querySelectorAll(`[data-testid=\"${DropdownMenuDataTestId.MENU_WRAPPER}\"]`),\n    ];\n    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target as Node))) {\n      onClickOutside(e);\n    }\n  };\n\n  return (\n    <StyledTriggerWrapper\n      data-testid={`${DropdownMenuDataTestId.TRIGGER_WRAPPER}`}\n      innerRef={setTriggerReferenceElement}\n      aria-haspopup=\"listbox\"\n      {...wrapperStyles}\n      {...globalAttributes}\n      {...restXstyledProps}\n      as={as}\n    >\n      {children}\n      {triggerReferenceElement && (\n        <DSPopperJS\n          referenceElement={triggerReferenceElement}\n          showPopover={isOpened}\n          withoutArrow\n          withoutAnimation\n          customOffset={customOffset}\n          onClickOutside={onClickOutsideHandler}\n          startPlacementPreference={startPlacementPreference}\n          placementOrderPreference={placementOrderPreference}\n          zIndex={zIndex}\n          aria-label={(dataPopoverLabel as string) || 'dropdown-menu popover'}\n        >\n          {isLoading ? <DropdownMenuLoading /> : <DropdownMenuListBox />}\n        </DSPopperJS>\n      )}\n    </StyledTriggerWrapper>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2CnB,SAuBmB,KAvBnB;AA1CJ,SAAgB,kBAAkB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAE7B,MAAM,sBAAkE,MAAM;AACnF,QAAM,EAAE,OAAO,yBAAyB,2BAA2B,IAAI,WAAW,qBAAqB;AAEvG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,IAAmF,uBAAuB,KAAK;AAG/G,QAAM,EAAE,UAAU,WAAW,GAAG,iBAAiB,IAAI,mBAAmB,KAAK;AAC7E,QAAM,wBAAwB,CAAC,MAA+B;AAE5D,UAAM,oBAAoB;AAAA,MACxB,GAAG,SAAS,KAAK,iBAAiB,iBAAiB,uBAAuB,YAAY,IAAI;AAAA,IAC5F;AACA,QAAI,kBAAkB,MAAM,CAAC,YAAY,CAAC,QAAQ,SAAS,EAAE,MAAc,CAAC,GAAG;AAC7E,qBAAe,CAAC;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,uBAAuB,eAAe;AAAA,MACtD,UAAU;AAAA,MACV,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,QACA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB;AAAA,YAClB,aAAa;AAAA,YACb,cAAY;AAAA,YACZ,kBAAgB;AAAA,YAChB;AAAA,YACA,gBAAgB;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa,oBAA+B;AAAA,YAE3C,sBAAY,oBAAC,uBAAoB,IAAK,oBAAC,uBAAoB;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\nimport React, { useCallback, useContext } from 'react';\nimport { useFloatingContext, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledTriggerWrapper } from '../styled.js';\nimport { DropdownMenuListBox } from './DropdownMenuListBox.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuLoading } from './DropdownMenuLoading.js';\n\nexport const DropdownMenuContent: React.ComponentType<Record<string, never>> = () => {\n  const { props, triggerReferenceElement, setTriggerReferenceElement } = useContext(DSDropdownMenuContext);\n\n  const {\n    children,\n    isOpened,\n    onClickOutside,\n    startPlacementPreference,\n    placementOrderPreference,\n    customOffset,\n    wrapperStyles,\n    isLoading,\n    zIndex,\n    as,\n  } = props;\n  const {\n    'data-popover-label': dataPopoverLabel,\n    ...globalAttributes\n  }: ReturnType<typeof useGetGlobalAttributes> & { 'data-popover-label'?: string } = useGetGlobalAttributes(props);\n  // we need to exclude this props from the xstyled props because there is a conflict\n  // using submenus items with the name of the prop of ddmenu and xstyled\n  const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);\n\n  // Click-outside: close only when the click is not inside any child dropdown listbox.\n  // The hook's onClickOutside already excludes the floating + reference elements; we add\n  // a check for sibling submenu listboxes that may be portaled elsewhere in the document.\n  const handleClickOutside = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      const target = event.target as Node | null;\n      if (!target) return;\n      const dropdownListboxes = [\n        ...document.body.querySelectorAll(`[data-testid=\"${DropdownMenuDataTestId.MENU_WRAPPER}\"]`),\n      ];\n      if (dropdownListboxes.every((listbox) => !listbox.contains(target))) {\n        onClickOutside(event);\n      }\n    },\n    [onClickOutside],\n  );\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isOpened,\n    externalReferenceElement: triggerReferenceElement,\n    withoutAnimation: true,\n    customOffset,\n    placement: startPlacementPreference,\n    placementOrderPreference,\n    onClickOutside: handleClickOutside,\n  });\n\n  return (\n    <StyledTriggerWrapper\n      data-testid={`${DropdownMenuDataTestId.TRIGGER_WRAPPER}`}\n      innerRef={setTriggerReferenceElement}\n      aria-haspopup=\"listbox\"\n      {...wrapperStyles}\n      {...globalAttributes}\n      {...restXstyledProps}\n      as={as}\n    >\n      {children}\n      {triggerReferenceElement && (\n        <FloatingWrapper\n          innerRef={refs.setFloating}\n          isOpen={isFloatingOpen}\n          floatingStyles={{ ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }}\n          context={context}\n          role=\"region\"\n          aria-label={(dataPopoverLabel as string) || 'dropdown-menu popover'}\n        >\n          {isLoading ? <DropdownMenuLoading /> : <DropdownMenuListBox />}\n        </FloatingWrapper>\n      )}\n    </StyledTriggerWrapper>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkEnB,SAmBmB,KAnBnB;AAjEJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,oBAAoB,uBAAuB;AACpD,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAE7B,MAAM,sBAAkE,MAAM;AACnF,QAAM,EAAE,OAAO,yBAAyB,2BAA2B,IAAI,WAAW,qBAAqB;AAEvG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,IAAmF,uBAAuB,KAAK;AAG/G,QAAM,EAAE,UAAU,WAAW,GAAG,iBAAiB,IAAI,mBAAmB,KAAK;AAK7E,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAmC;AAClC,YAAM,SAAS,MAAM;AACrB,UAAI,CAAC,OAAQ;AACb,YAAM,oBAAoB;AAAA,QACxB,GAAG,SAAS,KAAK,iBAAiB,iBAAiB,uBAAuB,YAAY,IAAI;AAAA,MAC5F;AACA,UAAI,kBAAkB,MAAM,CAAC,YAAY,CAAC,QAAQ,SAAS,MAAM,CAAC,GAAG;AACnE,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI,mBAAmB;AAAA,IACrB,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,uBAAuB,eAAe;AAAA,MACtD,UAAU;AAAA,MACV,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,QACA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR,gBAAgB,EAAE,GAAG,gBAAgB,GAAI,WAAW,UAAa,EAAE,OAAO,EAAG;AAAA,YAC7E;AAAA,YACA,MAAK;AAAA,YACL,cAAa,oBAA+B;AAAA,YAE3C,sBAAY,oBAAC,uBAAoB,IAAK,oBAAC,uBAAoB;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
   "names": []
 }

package/dist/types/index.d.ts

@@ -4,3 +4,4 @@ export { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';
 export { DSDropdownMenuName, DSDropdownMenuPlacements, DSDropdownMenuSlots } from './exported-related/index.js';
 export { defaultProps as DSDropdownMenuV2DefaultProps, DSDropdownMenuV2PropTypes, actionOptionSchema, checkboxOptionSchema, optionTypesSchemas, sectionOptionSchema, separatorOptionSchema, singleOptionSchema, singleWithSubmenuOptionSchema, submenuOptionSchema, } from './react-desc-prop-types.js';
 export type { DSDropdownMenuT } from './react-desc-prop-types.js';
+export type { DSDropdownV2BridgeT } from './exported-related/conversion-utils/types.js';

package/dist/types/parts/DropdownMenuSkeleton.d.ts

@@ -1 +1,2 @@
-export declare const DropdownMenuSkeleton: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const DropdownMenuSkeleton: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dropdownmenu-v2",
-  "version": "3.62.1",
+  "version": "3.70.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dropdown Menu V2",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -38,25 +38,25 @@
   "dependencies": {
     "@xstyled/system": "~3.8.1",
     "react-virtual": "~2.10.4",
-    "@elliemae/ds-circular-progress-indicator": "3.62.1",
-    "@elliemae/ds-form-input-text": "3.62.1",
-    "@elliemae/ds-menu-items": "3.62.1",
-    "@elliemae/ds-menu-button": "3.62.1",
-    "@elliemae/ds-grid": "3.62.1",
-    "@elliemae/ds-popperjs": "3.62.1",
-    "@elliemae/ds-props-helpers": "3.62.1",
-    "@elliemae/ds-system": "3.62.1"
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.9",
+    "@elliemae/ds-floating-context": "3.70.0-alpha.9",
+    "@elliemae/ds-form-input-text": "3.70.0-alpha.9",
+    "@elliemae/ds-menu-items": "3.70.0-alpha.9",
+    "@elliemae/ds-grid": "3.70.0-alpha.9",
+    "@elliemae/ds-menu-button": "3.70.0-alpha.9",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.9",
+    "@elliemae/ds-system": "3.70.0-alpha.9"
   },
   "devDependencies": {
     "jest": "^30.0.0",
-    "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.62.1",
-    "@elliemae/ds-test-utils": "3.62.1"
+    "styled-components": "~5.3.11",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.9",
+    "@elliemae/ds-monorepo-devops": "3.70.0-alpha.9"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9"
+    "styled-components": "~5.3.11"
   },
   "publishConfig": {
     "access": "public",

package/dist/types/tests/DSDropdownMenuV2.a11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSDropdownMenuV2.keyboardEvents.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSDropdownMenuV2.pointerEvents.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/typescript-testing/typescript-dropdown-v2-valid.d.ts

@@ -1 +0,0 @@
-export {};