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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/EditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useLayoutEffect, useState } from 'react';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { StyledEditableContainer, StyledPencilIcon } from '../styled.js';\n\nexport const EditableCell: React.ComponentType<{\n  StandardRender: JSX.Element;\n  EditableRenderer: JSX.Element;\n  cell: DSDataTableT.Cell<HTMLDivElement>;\n  isRowSelected?: boolean;\n}> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const virtualListHelpers = usePropsStore((state) => state.virtualListHelpers);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (!isEditing) {\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      innerRef={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"group\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={`editable-cell-${cell.id}-${domIdAffix}`} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value as string}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6EF,cACf,YADe;AA7ErB,OAAOA,UAAS,aAAa,iBAAiB,gBAAgB;AAC9D,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB,wBAAwB;AAEnD,MAAM,eAKR,CAAC,UAAU;AACd,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,aAAa,cAAc,CAAC,UAAU,MAAM,UAAU;AAC5D,QAAM,qBAAqB,cAAc,CAAC,UAAU,MAAM,kBAAkB;AAC5E,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyBA,OAAM,YAAY,MAAM,MAAM,CAAC,IAAI,CAAC;AAEnE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA8C;AAC7C,QAAE,gBAAgB;AAClB,UAAI,CAAC,WAAW;AACd,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,UAA4B;AAC3B,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,MAC5C,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,uBAAuB,KAAK,OAAO;AAAA,MACnC,MAAK;AAAA,MACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,MAC9C;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,YAAY,iBAAiB;AAAA,QAC9B,CAAC,aAAa,oBAAC,oBAAiB;AAAA,QACjC,qBAAC,UAAK,IAAI,iBAAiB,KAAK,EAAE,IAAI,UAAU,IAAI,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,QACzF;AAAA,eAAK;AAAA,UAAgB;AAAA,WACxB;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useLayoutEffect, useState } from 'react';\nimport { usePropsStore } from '../configs/useStore/createInternalAndPropsContext.js';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { StyledEditableContainer, StyledPencilIcon } from '../styled.js';\n\nexport const EditableCell: React.ComponentType<{\n  StandardRender: JSX.Element;\n  EditableRenderer: JSX.Element;\n  cell: DSDataTableT.Cell<HTMLDivElement>;\n  isRowSelected?: boolean;\n}> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const domIdAffix = usePropsStore((state) => state.domIdAffix);\n  const virtualListHelpers = usePropsStore((state) => state.virtualListHelpers);\n  const getOwnerProps = usePropsStore((store) => store.get);\n  const getOwnerPropsArguments = React.useCallback(() => cell, [cell]);\n  // why two separate callbacks for getOwnerPropsArguments and getPencilIconArguments?\n  // check .github/memories/antipattern_non_extensible_api_shapes.md but in short, getOwnerPropsArguments is a legacy shape\n  // we don't want to introduce breaking change, but React.useCallback(() => cell, [cell]); was the wrong call back in the day.\n  const getPencilIconArguments = React.useCallback(() => ({ cell }), [cell]);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const instructionId = `editable-cell-${cell.id}-${domIdAffix}`;\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.MouseEvent | React.KeyboardEvent) => {\n      e.stopPropagation();\n      if (!isEditing) {\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: React.FocusEvent) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      innerRef={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"group\"\n      aria-labelledby={isEditing ? undefined : instructionId}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon getOwnerProps={getOwnerProps} getOwnerPropsArguments={getPencilIconArguments} />}\n      <span id={instructionId} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value as string}, editable cell. To edit the content of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkFF,cACf,YADe;AAlFrB,OAAOA,UAAS,aAAa,iBAAiB,gBAAgB;AAC9D,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB,wBAAwB;AAEnD,MAAM,eAKR,CAAC,UAAU;AACd,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,aAAa,cAAc,CAAC,UAAU,MAAM,UAAU;AAC5D,QAAM,qBAAqB,cAAc,CAAC,UAAU,MAAM,kBAAkB;AAC5E,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,yBAAyBA,OAAM,YAAY,MAAM,MAAM,CAAC,IAAI,CAAC;AAInE,QAAM,yBAAyBA,OAAM,YAAY,OAAO,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;AAEzE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,gBAAgB,iBAAiB,KAAK,EAAE,IAAI,UAAU;AAC5D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA8C;AAC7C,QAAE,gBAAgB;AAClB,UAAI,CAAC,WAAW;AACd,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,UAA4B;AAC3B,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,MAC5C,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,uBAAuB,KAAK,OAAO;AAAA,MACnC,MAAK;AAAA,MACL,mBAAiB,YAAY,SAAY;AAAA,MACzC;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,YAAY,iBAAiB;AAAA,QAC9B,CAAC,aAAa,oBAAC,oBAAiB,eAA8B,wBAAwB,wBAAwB;AAAA,QAC/G,qBAAC,UAAK,IAAI,eAAe,OAAO,EAAE,SAAS,OAAO,GAAG,eAAY,QAC9D;AAAA,eAAK;AAAA,UAAgB;AAAA,WACxB;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js

@@ -1,76 +1,30 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
-import { checkAndConvertOptions, DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu-v2";
-import { DSButtonV2, BUTTON_TYPES } from "@elliemae/ds-button-v2";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { DATA_TESTID } from "../../configs/index.js";
+import { useCallback, useMemo } from "react";
 import { usePropsStore } from "../../configs/useStore/createInternalAndPropsContext.js";
 import { FilterMenuButton } from "./FilterMenuButton.js";
+import { convertDropdownOptionsToMenuButtonOptions } from "./dropdownMenuV2Bridge/index.js";
 const FilterBarDropdownMenu = (props) => {
   const onFiltersChange = usePropsStore((state) => state.onFiltersChange);
-  const [isOpened, setIsOpened] = useState(false);
-  const { options: extraOptions = [], innerRef, ...restProps } = props;
-  const removeFilters = useCallback(() => {
-    onFiltersChange([]);
-    setIsOpened(false);
-    innerRef?.current?.focus?.();
-  }, [innerRef, onFiltersChange]);
+  const getOwnerProps = usePropsStore((state) => state.get);
+  const { options: extraOptions, innerRef } = props;
+  const convertedOptions = useMemo(() => {
+    const { convertedOptions: converted, report } = convertDropdownOptionsToMenuButtonOptions(extraOptions ?? []);
+    report.humanReadableWarnings.forEach((warning) => console.warn(warning));
+    return converted;
+  }, [extraOptions]);
   const onClearFilters = useCallback(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  const options = useMemo(
-    () => [
-      {
-        dsId: "__internal__option__clear__filters",
-        label: "Clear Filters",
-        value: "clear",
-        type: "action",
-        onClick: removeFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code)) removeFilters(e);
-        }
-      },
-      ...extraOptions
-    ],
-    [extraOptions, removeFilters]
+  return /* @__PURE__ */ jsx(
+    FilterMenuButton,
+    {
+      options: convertedOptions,
+      onClearFilters,
+      innerRef,
+      getOwnerProps
+    }
   );
-  try {
-    const { convertedOptions, report } = checkAndConvertOptions(extraOptions);
-    report.humanReadableWarnings.forEach((warning) => console.warn(warning));
-    return /* @__PURE__ */ jsx(FilterMenuButton, { options: convertedOptions, onClearFilters, innerRef });
-  } catch {
-    console.error(`
-      In upcoming releases, DSDropdownMenuV2 will be deprecated as it is not accessible. 
-      In effort to have compliant components we are enforcing MenuButton usage, by converting options.
-      If you find this error it is because the provided options are not possible to be made A11y accessible, and we are displaying the DSDropdownMenuV2 as fallback.`);
-    return /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
-      DSDropdownMenuV2,
-      {
-        isOpened,
-        startPlacementPreference: "bottom-end",
-        options,
-        onClickOutside: () => {
-          setIsOpened(false);
-        },
-        onKeyDown: (e) => {
-          if (e.code === "Escape") innerRef?.current?.focus?.();
-        },
-        children: /* @__PURE__ */ jsx(
-          DSButtonV2,
-          {
-            buttonType: BUTTON_TYPES.ICON,
-            onClick: () => setIsOpened((prevOpened) => !prevOpened),
-            innerRef,
-            "aria-label": "Filter bar addon",
-            "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-            ...restProps,
-            children: /* @__PURE__ */ jsx(MoreOptionsVert, {})
-          }
-        )
-      }
-    ) });
-  }
 };
 export {
   FilterBarDropdownMenu

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/FilterBarDropdownMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useMemo } from 'react';\nimport { checkAndConvertOptions, DSDropdownMenuV2, type DSDropdownMenuT } from '@elliemae/ds-dropdownmenu-v2';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { FilterMenuButton } from './FilterMenuButton.js';\n\ninterface FilterBarDropdownMenuProps {\n  options?: DSDropdownMenuT.Props['options'];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n}\n\nexport const FilterBarDropdownMenu: React.ComponentType<FilterBarDropdownMenuProps> = (props) => {\n  const onFiltersChange = usePropsStore((state) => state.onFiltersChange);\n  const [isOpened, setIsOpened] = useState(false);\n\n  const { options: extraOptions = [], innerRef, ...restProps } = props;\n  const removeFilters: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(() => {\n    onFiltersChange([]);\n    setIsOpened(false);\n    innerRef?.current?.focus?.();\n  }, [innerRef, onFiltersChange]);\n  const onClearFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  const options: DSDropdownMenuT.Item[] = useMemo(\n    () => [\n      {\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        type: 'action',\n        onClick: removeFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) removeFilters(e);\n        },\n      } as unknown as DSDropdownMenuT.Item,\n      ...extraOptions,\n    ],\n    [extraOptions, removeFilters],\n  );\n\n  /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n   * On behalf of this ticket, we are promoting the usage of withFilterBar always in combination with filterAddonRenderer, and never alone.\n   * On Storybook, we were using this component (FilterBarDropdownMenu) as the addon, which was using DSDropdownMenuV2.\n   * As DSDropdownMenuV2 is not accessible, we are enforcing the usage of DSMenuButton instead, by converting options from DSDropdownMenuV2 to DSMenuButton.\n   * If the conversion fails, we fallback to rendering the DSDropdownMenuV2 directly.\n   */\n\n  try {\n    const { convertedOptions, report } = checkAndConvertOptions(extraOptions);\n    // eslint-disable-next-line no-console\n    report.humanReadableWarnings.forEach((warning) => console.warn(warning));\n    return <FilterMenuButton options={convertedOptions} onClearFilters={onClearFilters} innerRef={innerRef} />;\n  } catch {\n    // eslint-disable-next-line no-console\n    console.error(`\n      In upcoming releases, DSDropdownMenuV2 will be deprecated as it is not accessible. \n      In effort to have compliant components we are enforcing MenuButton usage, by converting options.\n      If you find this error it is because the provided options are not possible to be made A11y accessible, and we are displaying the DSDropdownMenuV2 as fallback.`);\n    return (\n      <div style={{ marginLeft: 'auto' }}>\n        <DSDropdownMenuV2\n          isOpened={isOpened}\n          startPlacementPreference=\"bottom-end\"\n          options={options}\n          onClickOutside={() => {\n            setIsOpened(false);\n          }}\n          onKeyDown={(e: React.KeyboardEvent) => {\n            if (e.code === 'Escape') innerRef?.current?.focus?.();\n          }}\n        >\n          <DSButtonV2\n            buttonType={BUTTON_TYPES.ICON}\n            onClick={() => setIsOpened((prevOpened) => !prevOpened)}\n            innerRef={innerRef}\n            aria-label=\"Filter bar addon\"\n            data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n            {...restProps}\n          >\n            <MoreOptionsVert />\n          </DSButtonV2>\n        </DSDropdownMenuV2>\n      </div>\n    );\n  }\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuDZ;AAvDX,SAAgB,UAAU,aAAa,eAAe;AACtD,SAAS,wBAAwB,wBAA8C;AAC/E,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAO1B,MAAM,wBAAyE,CAAC,UAAU;AAC/F,QAAM,kBAAkB,cAAc,CAAC,UAAU,MAAM,eAAe;AACtE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,eAAe,CAAC,GAAG,UAAU,GAAG,UAAU,IAAI;AAC/D,QAAM,gBAAsE,YAAY,MAAM;AAC5F,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAC9B,QAAM,iBAAiB,YAAY,MAAM;AACvC,oBAAgB,CAAC,CAAC;AAAA,EACpB,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,UAAkC;AAAA,IACtC,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,eAAc,CAAC;AAAA,QAC1D;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AASA,MAAI;AACF,UAAM,EAAE,kBAAkB,OAAO,IAAI,uBAAuB,YAAY;AAExE,WAAO,sBAAsB,QAAQ,CAAC,YAAY,QAAQ,KAAK,OAAO,CAAC;AACvE,WAAO,oBAAC,oBAAiB,SAAS,kBAAkB,gBAAgC,UAAoB;AAAA,EAC1G,QAAQ;AAEN,YAAQ,MAAM;AAAA;AAAA;AAAA,qKAGmJ;AACjK,WACE,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,0BAAyB;AAAA,QACzB;AAAA,QACA,gBAAgB,MAAM;AACpB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,WAAW,CAAC,MAA2B;AACrC,cAAI,EAAE,SAAS,SAAU,WAAU,SAAS,QAAQ;AAAA,QACtD;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,aAAa;AAAA,YACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,YACtD;AAAA,YACA,cAAW;AAAA,YACX,eAAa,YAAY;AAAA,YACxB,GAAG;AAAA,YAEJ,8BAAC,mBAAgB;AAAA;AAAA,QACnB;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useMemo } from 'react';\nimport { usePropsStore } from '../../configs/useStore/createInternalAndPropsContext.js';\nimport { FilterMenuButton } from './FilterMenuButton.js';\nimport { convertDropdownOptionsToMenuButtonOptions } from './dropdownMenuV2Bridge/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\n/** PUI-19093 (https://jira.elliemae.io/browse/PUI-19093)\n * The filter bar addon always renders `DSMenuButton`, the accessible menu (PUI-15557 started it, PUI-19093 finished it).\n * The `options` keep the shape `DSDropdownMenuV2` items had, so existing callers do not change: they are translated\n * by a translation layer local to this package (`./dropdownMenuV2Bridge`). What cannot be translated is dropped and\n * reported through `console.warn`; there is no `DSDropdownMenuV2` fallback anymore.\n */\nexport const FilterBarDropdownMenu: React.ComponentType<DSDataTableT.FilterBarDropdownMenuProps> = (props) => {\n  const onFiltersChange = usePropsStore((state) => state.onFiltersChange);\n  const getOwnerProps = usePropsStore((state) => state.get);\n  const { options: extraOptions, innerRef } = props;\n\n  const convertedOptions = useMemo(() => {\n    const { convertedOptions: converted, report } = convertDropdownOptionsToMenuButtonOptions(extraOptions ?? []);\n    // eslint-disable-next-line no-console\n    report.humanReadableWarnings.forEach((warning) => console.warn(warning));\n    return converted;\n  }, [extraOptions]);\n\n  const onClearFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  return (\n    <FilterMenuButton\n      options={convertedOptions}\n      onClearFilters={onClearFilters}\n      innerRef={innerRef}\n      getOwnerProps={getOwnerProps}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6BnB;AA7BJ,SAAgB,aAAa,eAAe;AAC5C,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,iDAAiD;AASnD,MAAM,wBAAsF,CAAC,UAAU;AAC5G,QAAM,kBAAkB,cAAc,CAAC,UAAU,MAAM,eAAe;AACtE,QAAM,gBAAgB,cAAc,CAAC,UAAU,MAAM,GAAG;AACxD,QAAM,EAAE,SAAS,cAAc,SAAS,IAAI;AAE5C,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,EAAE,kBAAkB,WAAW,OAAO,IAAI,0CAA0C,gBAAgB,CAAC,CAAC;AAE5G,WAAO,sBAAsB,QAAQ,CAAC,YAAY,QAAQ,KAAK,OAAO,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,iBAAiB,YAAY,MAAM;AACvC,oBAAgB,CAAC,CAAC;AAAA,EACpB,GAAG,CAAC,eAAe,CAAC;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/FilterBar/FilterMenuButton.js

@@ -4,7 +4,7 @@ import { BUTTON_TYPES } from "@elliemae/ds-button-v2";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
 import { DSMenuButton, MENU_ITEMS_TYPES } from "@elliemae/ds-menu-button";
 import { styled } from "@elliemae/ds-system";
-import { useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import { DATA_TESTID } from "../../configs/index.js";
 import { DATA_TABLE_SLOTS, DSDataTableName } from "../../constants/index.js";
 const StyledDSMenuButton = styled(DSMenuButton, {
@@ -18,8 +18,14 @@ const FilterMenuButton = ({
   onItemSelected,
   onActivateItem,
   selectedItems,
+  onOpen,
+  onClose,
   ...restProps
 }) => {
+  const preventDefaultOnActivationKeys = useCallback((e) => {
+    if (["Enter", "Space"].includes(e.code)) e.preventDefault();
+    return null;
+  }, []);
   const menuButtonOptions = useMemo(
     () => [
       {
@@ -28,33 +34,25 @@ const FilterMenuButton = ({
         label: "Clear Filters",
         value: "clear",
         onClick: onClearFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code)) {
-            e.preventDefault();
-            onClearFilters();
-          }
-          return null;
-        }
+        onKeyDown: preventDefaultOnActivationKeys
       },
       ...options.map((option) => {
         if (option.type !== MENU_ITEMS_TYPES.SEPARATOR && option.type !== MENU_ITEMS_TYPES.GROUP && option.type !== MENU_ITEMS_TYPES.SKELETON_ITEM) {
           return {
             ...option,
             onKeyDown: (e) => {
-              if (["Enter", "Space"].includes(e.code)) {
-                e.preventDefault();
-                if (typeof option?.onClick === "function") {
-                  option.onClick(e);
-                }
+              preventDefaultOnActivationKeys(e);
+              if (option.type === MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM && ["Enter", "Space"].includes(e.code)) {
+                option.onClick?.(e);
               }
-              return null;
+              return option.onKeyDown?.(e) ?? null;
             }
           };
         }
         return option;
       })
     ],
-    [options, onClearFilters]
+    [options, onClearFilters, preventDefaultOnActivationKeys]
   );
   return /* @__PURE__ */ jsx("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(
     StyledDSMenuButton,
@@ -64,7 +62,9 @@ const FilterMenuButton = ({
       innerRef,
       "aria-label": "Filter bar addon",
       "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-      onClose: () => {
+      onOpen,
+      onClose: (metainfo) => {
+        onClose?.(metainfo);
         innerRef?.current?.focus?.();
       },
       onItemSelected: onItemSelected ?? (() => {

package/dist/esm/exported-related/FilterBar/FilterMenuButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/FilterMenuButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DSMenuButton, MENU_ITEMS_TYPES, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { styled } from '@elliemae/ds-system';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { useMemo } from 'react';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { DATA_TABLE_SLOTS, DSDataTableName } from '../../constants/index.js';\n\ninterface FilterMenuButtonProps {\n  options?: DSMenuButtonT.MenuItemInterface[];\n  innerRef?: React.RefObject<HTMLButtonElement>;\n  onClearFilters: TypescriptHelpersT.GenericFunc;\n  onItemSelected?: (\n    newSelection: DSMenuButtonT.SelectionableMenuNodes[],\n    metainfo: { itemNode: DSMenuButtonT.SelectionableMenuNodes; event?: React.SyntheticEvent },\n  ) => void | TypescriptHelpersT.StateSetter<DSMenuButtonT.SelectionableMenuNodes[]>;\n  onActivateItem?: (\n    itemNode: DSMenuButtonT.PseudoFocusableMenuNodes,\n    metainfo: { itemNode: DSMenuButtonT.PseudoFocusableMenuNodes; event?: React.SyntheticEvent },\n  ) => void;\n  [key: string]: unknown;\n  selectedItems?: DSMenuButtonT.SelectionableMenuNodes[] | DSMenuButtonT.SelectionableMenuItemInterface[];\n}\n\nconst StyledDSMenuButton = styled(DSMenuButton, {\n  name: DSDataTableName,\n  slot: DATA_TABLE_SLOTS.FILTER_BAR_MENU_BUTTON,\n})``;\n\nexport const FilterMenuButton: React.ComponentType<FilterMenuButtonProps> = ({\n  options = [],\n  innerRef,\n  onClearFilters,\n  onItemSelected,\n  onActivateItem,\n  selectedItems,\n  ...restProps\n}) => {\n  const menuButtonOptions: DSMenuButtonT.MenuItemInterface[] = useMemo(\n    () => [\n      {\n        type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        onClick: onClearFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) {\n            e.preventDefault();\n            onClearFilters();\n          }\n          return null;\n        },\n      },\n      ...options.map((option) => {\n        if (\n          option.type !== MENU_ITEMS_TYPES.SEPARATOR &&\n          option.type !== MENU_ITEMS_TYPES.GROUP &&\n          option.type !== MENU_ITEMS_TYPES.SKELETON_ITEM\n        ) {\n          return {\n            ...option,\n            onKeyDown: (e: React.KeyboardEvent) => {\n              if (['Enter', 'Space'].includes(e.code)) {\n                e.preventDefault();\n                if (typeof option?.onClick === 'function') {\n                  option.onClick(e);\n                }\n              }\n              return null;\n            },\n          };\n        }\n        return option;\n      }),\n    ],\n    [options, onClearFilters],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <StyledDSMenuButton\n        buttonType={BUTTON_TYPES.ICON}\n        options={menuButtonOptions}\n        innerRef={innerRef}\n        aria-label=\"Filter bar addon\"\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n        onClose={() => {\n          innerRef?.current?.focus?.();\n        }}\n        /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n         * On behalf of this ticket, we are converting options from DSDropdownMenuV2 to DSMenuButton.\n         * As DSMenuButton handles selection differently than DSDropdownMenuV2, we are providing\n         * empty functions as onItemSelected and onActivateItem to avoid breaking changes for now.\n         * As those props are required if any of the options are selectionable/activable.\n         * In future releases, we should properly enforce user to provide these props as needed.\n         */\n        onItemSelected={onItemSelected ?? (() => {})}\n        onActivateItem={onActivateItem ?? (() => {})}\n        selectedItems={selectedItems ?? []}\n        {...restProps}\n      >\n        <MoreOptionsVert />\n      </StyledDSMenuButton>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuGf;AAvGR,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,cAAc,wBAA4C;AACnE,SAAS,cAAc;AAEvB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,uBAAuB;AAkBlD,MAAM,qBAAqB,OAAO,cAAc;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAEM,MAAM,mBAA+D,CAAC;AAAA,EAC3E,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,oBAAuD;AAAA,IAC3D,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,iBAAiB;AAAA,QACvB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,cAAE,eAAe;AACjB,2BAAe;AAAA,UACjB;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,GAAG,QAAQ,IAAI,CAAC,WAAW;AACzB,YACE,OAAO,SAAS,iBAAiB,aACjC,OAAO,SAAS,iBAAiB,SACjC,OAAO,SAAS,iBAAiB,eACjC;AACA,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,WAAW,CAAC,MAA2B;AACrC,kBAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,kBAAE,eAAe;AACjB,oBAAI,OAAO,QAAQ,YAAY,YAAY;AACzC,yBAAO,QAAQ,CAAC;AAAA,gBAClB;AAAA,cACF;AACA,qBAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC1B;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,aAAa;AAAA,MACzB,SAAS;AAAA,MACT;AAAA,MACA,cAAW;AAAA,MACX,eAAa,YAAY;AAAA,MACzB,SAAS,MAAM;AACb,kBAAU,SAAS,QAAQ;AAAA,MAC7B;AAAA,MAQA,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,eAAe,iBAAiB,CAAC;AAAA,MAChC,GAAG;AAAA,MAEJ,8BAAC,mBAAgB;AAAA;AAAA,EACnB,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUTTON_TYPES } from '@elliemae/ds-button-v2';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DSMenuButton, MENU_ITEMS_TYPES, type DSMenuButtonT } from '@elliemae/ds-menu-button';\nimport { styled } from '@elliemae/ds-system';\nimport { useCallback, useMemo } from 'react';\nimport { DATA_TESTID } from '../../configs/index.js';\nimport { DATA_TABLE_SLOTS, DSDataTableName } from '../../constants/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\n\nconst StyledDSMenuButton = styled(DSMenuButton, {\n  name: DSDataTableName,\n  slot: DATA_TABLE_SLOTS.FILTER_BAR_MENU_BUTTON,\n})``;\n\nexport const FilterMenuButton: React.ComponentType<DSDataTableT.FilterMenuButtonProps> = ({\n  options = [],\n  innerRef,\n  onClearFilters,\n  onItemSelected,\n  onActivateItem,\n  selectedItems,\n  onOpen,\n  onClose,\n  ...restProps\n}) => {\n  // DSMenuButton already runs an item's `onClick` on keyboard activation (Enter / Space) for activable and selectable\n  //   items, so those items must NOT call it again from `onKeyDown` (that ran every keyboard activation twice).\n  //   A submenu-only item opens its submenu on Enter and the menu does not run its `onClick`: it keeps being called here.\n  // The `preventDefault` stays: without it, in Chromium, the menu stayed open after Enter (observed; the likely cause is\n  //   the browser default of the same key press re-activating the trigger button that gets the focus back on close).\n  const preventDefaultOnActivationKeys = useCallback((e: React.KeyboardEvent) => {\n    if (['Enter', 'Space'].includes(e.code)) e.preventDefault();\n    return null;\n  }, []);\n  const menuButtonOptions: DSMenuButtonT.MenuItemInterface[] = useMemo(\n    () => [\n      {\n        type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        value: 'clear',\n        onClick: onClearFilters,\n        onKeyDown: preventDefaultOnActivationKeys,\n      },\n      ...options.map((option) => {\n        if (\n          option.type !== MENU_ITEMS_TYPES.SEPARATOR &&\n          option.type !== MENU_ITEMS_TYPES.GROUP &&\n          option.type !== MENU_ITEMS_TYPES.SKELETON_ITEM\n        ) {\n          return {\n            ...option,\n            onKeyDown: (e: React.KeyboardEvent) => {\n              preventDefaultOnActivationKeys(e);\n              if (option.type === MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM && ['Enter', 'Space'].includes(e.code)) {\n                option.onClick?.(e);\n              }\n              return option.onKeyDown?.(e) ?? null;\n            },\n          };\n        }\n        return option;\n      }),\n    ],\n    [options, onClearFilters, preventDefaultOnActivationKeys],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <StyledDSMenuButton\n        buttonType={BUTTON_TYPES.ICON}\n        options={menuButtonOptions}\n        innerRef={innerRef}\n        aria-label=\"Filter bar addon\"\n        data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n        onOpen={onOpen}\n        onClose={(metainfo) => {\n          onClose?.(metainfo);\n          innerRef?.current?.focus?.();\n        }}\n        /** PUI-15557 (https://jira.elliemae.io/browse/PUI-15557)\n         * On behalf of this ticket, the filter bar menu moved from DSDropdownMenuV2 to DSMenuButton (the options\n         * of FilterBarDropdownMenu are translated before they get here, see ./dropdownMenuV2Bridge).\n         * As DSMenuButton handles selection differently than DSDropdownMenuV2, we are providing\n         * empty functions as onItemSelected and onActivateItem to avoid breaking changes for now.\n         * As those props are required if any of the options are selectionable/activable.\n         * In future releases, we should properly enforce user to provide these props as needed.\n         */\n        onItemSelected={onItemSelected ?? (() => {})}\n        onActivateItem={onActivateItem ?? (() => {})}\n        selectedItems={selectedItems ?? []}\n        {...restProps}\n      >\n        <MoreOptionsVert />\n      </StyledDSMenuButton>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6Ff;AA7FR,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,cAAc,wBAA4C;AACnE,SAAS,cAAc;AACvB,SAAS,aAAa,eAAe;AACrC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,uBAAuB;AAGlD,MAAM,qBAAqB,OAAO,cAAc;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAEM,MAAM,mBAA4E,CAAC;AAAA,EACxF,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AAMJ,QAAM,iCAAiC,YAAY,CAAC,MAA2B;AAC7E,QAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,GAAE,eAAe;AAC1D,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACL,QAAM,oBAAuD;AAAA,IAC3D,MAAM;AAAA,MACJ;AAAA,QACE,MAAM,iBAAiB;AAAA,QACvB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,GAAG,QAAQ,IAAI,CAAC,WAAW;AACzB,YACE,OAAO,SAAS,iBAAiB,aACjC,OAAO,SAAS,iBAAiB,SACjC,OAAO,SAAS,iBAAiB,eACjC;AACA,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,WAAW,CAAC,MAA2B;AACrC,6CAA+B,CAAC;AAChC,kBAAI,OAAO,SAAS,iBAAiB,qBAAqB,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC7F,uBAAO,UAAU,CAAC;AAAA,cACpB;AACA,qBAAO,OAAO,YAAY,CAAC,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB,8BAA8B;AAAA,EAC1D;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,IAAC;AAAA;AAAA,MACC,YAAY,aAAa;AAAA,MACzB,SAAS;AAAA,MACT;AAAA,MACA,cAAW;AAAA,MACX,eAAa,YAAY;AAAA,MACzB;AAAA,MACA,SAAS,CAAC,aAAa;AACrB,kBAAU,QAAQ;AAClB,kBAAU,SAAS,QAAQ;AAAA,MAC7B;AAAA,MASA,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,gBAAgB,mBAAmB,MAAM;AAAA,MAAC;AAAA,MAC1C,eAAe,iBAAiB,CAAC;AAAA,MAChC,GAAG;AAAA,MAEJ,8BAAC,mBAAgB;AAAA;AAAA,EACnB,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/exported-related/FilterBar/PillsFromDataTableFilters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/PillsFromDataTableFilters.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useMemo } from 'react';\nimport {\n  DateRangePill,\n  DateSwitcherPill,\n  FreeTextSearchPillPill,\n  MultiSelectPill,\n  NumberRangePill,\n  SelectPill,\n  SingleDatePill,\n} from '../../parts/FilterBar/components/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../FilterTypes.js';\n\nconst pillRenderMapper = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.SELECT_V2]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.MULTI_SELECT_V2]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.SINGLE_DATE_V2]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_RANGE_V2]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.DATE_SWITCHER_V2]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.NUMBER_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH]: FreeTextSearchPillPill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH_V2]: FreeTextSearchPillPill,\n} as const;\n\ninterface PillsFromDataTableFiltersProps {\n  filters: DSDataTableT.Filter[];\n  columns: DSDataTableT.Column[];\n  onFiltersChange: (filters: DSDataTableT.Filter[]) => void;\n  onPillRemove?: (remove: () => void) => void;\n  customPillRenderers?: Record<string, React.ComponentType<DSDataTableT.FilterPillProps<unknown>>>;\n  customPillRenderer?: React.ComponentType<DSDataTableT.FilterPillProps<unknown>>;\n}\n\nexport const PillsFromDataTableFilters: React.FC<PillsFromDataTableFiltersProps> = ({\n  filters,\n  columns,\n\n  onFiltersChange,\n  onPillRemove,\n  customPillRenderers,\n  customPillRenderer,\n}) => {\n  const pillRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n  return (\n    <>\n      {filters.map(({ id: column, type, value }, index) => {\n        const matchedColumn = columns.find((col) => col.accessor === column);\n        const columnHeader = matchedColumn?.pillLabel || matchedColumn?.Header;\n        let Component:\n          | TypescriptHelpersT.ObjectValues<typeof pillRenderMapper>\n          | React.ComponentType<DSDataTableT.FilterPillProps<unknown>> = () => null;\n\n        const filterType = type;\n        if (customPillRenderers?.[column]) {\n          Component = customPillRenderers[column];\n        } else if (customPillRenderer) {\n          Component = customPillRenderer;\n        } else if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType as keyof typeof pillRenderMapper];\n        }\n\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n            value={value as any}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            innerRef={pillRefs[index]}\n            onPillRemove={onPillRemove}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyDnB,mBAkBM,WAlBN;AAxDJ,OAAOA,UAAS,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,CAAC,aAAa,MAAM,GAAG;AAAA,EACvB,CAAC,aAAa,SAAS,GAAG;AAAA,EAC1B,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,eAAe,GAAG;AAAA,EAChC,CAAC,aAAa,WAAW,GAAG;AAAA,EAC5B,CAAC,aAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,aAAa,UAAU,GAAG;AAAA,EAC3B,CAAC,aAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,aAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,aAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,eAAe,GAAG;AAAA,EAChC,CAAC,aAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,aAAa,iBAAiB,GAAG;AAAA,EAClC,CAAC,aAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,aAAa,mBAAmB,GAAG;AACtC;AAWO,MAAM,4BAAsE,CAAC;AAAA,EAClF;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,QAAQ,MAAM;AAC7B,UAAM,OAAuC,CAAC;AAC9C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,EAAG,MAAK,KAAKA,OAAM,UAAU,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,CAAC;AACnB,SACE,gCACG,kBAAQ,IAAI,CAAC,EAAE,IAAI,QAAQ,MAAM,MAAM,GAAG,UAAU;AACnD,UAAM,gBAAgB,QAAQ,KAAK,CAAC,QAAQ,IAAI,aAAa,MAAM;AACnE,UAAM,eAAe,eAAe,aAAa,eAAe;AAChE,QAAI,YAE6D,MAAM;AAEvE,UAAM,aAAa;AACnB,QAAI,sBAAsB,MAAM,GAAG;AACjC,kBAAY,oBAAoB,MAAM;AAAA,IACxC,WAAW,oBAAoB;AAC7B,kBAAY;AAAA,IACd,WAAW,cAAc,kBAAkB;AACzC,kBAAY,iBAAiB,UAA2C;AAAA,IAC1E;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,cAAc,OAAO,iBAAiB,WAAW,eAAe;AAAA,QAChE;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS,KAAK;AAAA,QACxB;AAAA;AAAA,MARK;AAAA,IASP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useMemo } from 'react';\nimport {\n  DateRangePill,\n  DateSwitcherPill,\n  FreeTextSearchPillPill,\n  MultiSelectPill,\n  NumberRangePill,\n  SelectPill,\n  SingleDatePill,\n} from '../../parts/FilterBar/components/index.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport { FILTER_TYPES } from '../FilterTypes.js';\n\nconst pillRenderMapper = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.SELECT_V2]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.MULTI_SELECT_V2]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.SINGLE_DATE_V2]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_RANGE_V2]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.DATE_SWITCHER_V2]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.NUMBER_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE_V2]: NumberRangePill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH]: FreeTextSearchPillPill,\n  [FILTER_TYPES.FREE_TEXT_SEARCH_V2]: FreeTextSearchPillPill,\n} as const;\n\nexport const PillsFromDataTableFilters: React.FC<DSDataTableT.PillsFromDataTableFiltersProps> = ({\n  filters,\n  columns,\n\n  onFiltersChange,\n  onPillRemove,\n  customPillRenderers,\n  customPillRenderer,\n}) => {\n  const pillRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n  return (\n    <>\n      {filters.map(({ id: column, type, value }, index) => {\n        const matchedColumn = columns.find((col) => col.accessor === column);\n        const columnHeader = matchedColumn?.pillLabel || matchedColumn?.Header;\n        let Component:\n          | TypescriptHelpersT.ObjectValues<typeof pillRenderMapper>\n          | React.ComponentType<DSDataTableT.FilterPillProps<unknown>> = () => null;\n\n        const filterType = type;\n        if (customPillRenderers?.[column]) {\n          Component = customPillRenderers[column];\n        } else if (customPillRenderer) {\n          Component = customPillRenderer;\n        } else if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType as keyof typeof pillRenderMapper];\n        }\n\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment\n            value={value as any}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            innerRef={pillRefs[index]}\n            onPillRemove={onPillRemove}\n          />\n        );\n      })}\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgDnB,mBAkBM,WAlBN;AA/CJ,OAAOA,UAAS,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB;AAAA,EACvB,CAAC,aAAa,MAAM,GAAG;AAAA,EACvB,CAAC,aAAa,SAAS,GAAG;AAAA,EAC1B,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,eAAe,GAAG;AAAA,EAChC,CAAC,aAAa,WAAW,GAAG;AAAA,EAC5B,CAAC,aAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,aAAa,UAAU,GAAG;AAAA,EAC3B,CAAC,aAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,aAAa,aAAa,GAAG;AAAA,EAC9B,CAAC,aAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,aAAa,YAAY,GAAG;AAAA,EAC7B,CAAC,aAAa,eAAe,GAAG;AAAA,EAChC,CAAC,aAAa,cAAc,GAAG;AAAA,EAC/B,CAAC,aAAa,iBAAiB,GAAG;AAAA,EAClC,CAAC,aAAa,gBAAgB,GAAG;AAAA,EACjC,CAAC,aAAa,mBAAmB,GAAG;AACtC;AAEO,MAAM,4BAAmF,CAAC;AAAA,EAC/F;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,QAAQ,MAAM;AAC7B,UAAM,OAAuC,CAAC;AAC9C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK,EAAG,MAAK,KAAKA,OAAM,UAAU,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,CAAC;AACnB,SACE,gCACG,kBAAQ,IAAI,CAAC,EAAE,IAAI,QAAQ,MAAM,MAAM,GAAG,UAAU;AACnD,UAAM,gBAAgB,QAAQ,KAAK,CAAC,QAAQ,IAAI,aAAa,MAAM;AACnE,UAAM,eAAe,eAAe,aAAa,eAAe;AAChE,QAAI,YAE6D,MAAM;AAEvE,UAAM,aAAa;AACnB,QAAI,sBAAsB,MAAM,GAAG;AACjC,kBAAY,oBAAoB,MAAM;AAAA,IACxC,WAAW,oBAAoB;AAC7B,kBAAY;AAAA,IACd,WAAW,cAAc,kBAAkB;AACzC,kBAAY,iBAAiB,UAA2C;AAAA,IAC1E;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,cAAc,OAAO,iBAAiB,WAAW,eAAe;AAAA,QAChE;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,SAAS,KAAK;AAAA,QACxB;AAAA;AAAA,MARK;AAAA,IASP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/exported-related/FilterBar/dropdownMenuV2Bridge/bridgeTypes.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=bridgeTypes.js.map

package/dist/esm/{parts/RowVariants/types.js.map → exported-related/FilterBar/dropdownMenuV2Bridge/bridgeTypes.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
   "mappings": "AAAA,YAAY,WAAW;",
   "names": []

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

@@ -0,0 +1,107 @@
+import * as React from "react";
+import { MENU_ITEMS_TYPES } from "@elliemae/ds-menu-button";
+const isItemSingleOptions = (option) => option.type === "single";
+const isItemActionOptions = (option) => option.type === "action";
+const isItemSingleWithSubmenuOptions = (option) => option.type === "singleWithSubmenu";
+const isItemCheckboxOptions = (option) => option.type === "checkbox";
+const isItemSubmenuOptions = (option) => option.type === "submenu";
+const isItemSeparatorOptions = (option) => option.type === "separator";
+const isItemSectionOptions = (option) => option.type === "section";
+const isItemSkeletonOptions = (option) => option.type === "skeleton";
+const convertActionOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSingleSelectionOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.SINGLE_SELECT_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertCheckboxOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.MULTIPLE_SELECT_ITEM,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSeparatorOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.SEPARATOR,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId
+});
+const convertSectionOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.GROUP,
+  label: option.label,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth
+});
+const convertSkeletonOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.SKELETON_ITEM,
+  dsId: option.dsId,
+  minWidth: option?.minWidth
+});
+const convertSingleWithSubmenuOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,
+  label: option.label,
+  subitems: [],
+  maxHeight: option.maxHeight,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertSubmenuOptToMenuButtonItem = (option) => ({
+  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,
+  label: option.label,
+  subitems: [],
+  maxHeight: option.maxHeight,
+  // DSDropdownMenuT common items properties
+  dsId: option.dsId,
+  minWidth: option?.minWidth,
+  disabled: option.disabled || option.applyAriaDisabled,
+  onClick: option.onClick,
+  onKeyDown: option.onKeyDown
+});
+const convertDropdownItemToMenuButtonItem = (option) => {
+  if (isItemActionOptions(option)) return convertActionOptToMenuButtonItem(option);
+  if (isItemSingleOptions(option)) return convertSingleSelectionOptToMenuButtonItem(option);
+  if (isItemSingleWithSubmenuOptions(option)) return convertSingleWithSubmenuOptToMenuButtonItem(option);
+  if (isItemCheckboxOptions(option)) return convertCheckboxOptToMenuButtonItem(option);
+  if (isItemSubmenuOptions(option)) return convertSubmenuOptToMenuButtonItem(option);
+  if (isItemSeparatorOptions(option)) return convertSeparatorOptToMenuButtonItem(option);
+  if (isItemSectionOptions(option)) return convertSectionOptToMenuButtonItem(option);
+  if (isItemSkeletonOptions(option)) return convertSkeletonOptToMenuButtonItem(option);
+  throw new Error("Unknown item type");
+};
+export {
+  convertActionOptToMenuButtonItem,
+  convertCheckboxOptToMenuButtonItem,
+  convertDropdownItemToMenuButtonItem,
+  convertSectionOptToMenuButtonItem,
+  convertSeparatorOptToMenuButtonItem,
+  convertSingleSelectionOptToMenuButtonItem,
+  convertSingleWithSubmenuOptToMenuButtonItem,
+  convertSkeletonOptToMenuButtonItem,
+  convertSubmenuOptToMenuButtonItem,
+  isItemSectionOptions,
+  isItemSingleWithSubmenuOptions,
+  isItemSubmenuOptions
+};
+//# sourceMappingURL=conversionHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/exported-related/FilterBar/dropdownMenuV2Bridge/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 './types.js';\n\n/**\n * Type guard to check if the option is of type ItemSingleOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSingleOptions, false otherwise.\n */\nconst isItemSingleOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSingleOptions =>\n  option.type === 'single';\n\n/**\n * Type guard to check if the option is of type ItemActionOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemActionOptions, false otherwise.\n */\nconst isItemActionOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemActionOptions =>\n  option.type === 'action';\n\n/**\n * Type guard to check if the option is of type ItemSingleWithSubmenuOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSingleWithSubmenuOptions, false otherwise.\n */\nexport const isItemSingleWithSubmenuOptions = (\n  option: DSDropdownMenuT.Item,\n): option is DSDropdownMenuT.ItemSingleWithSubmenuOptions => option.type === 'singleWithSubmenu';\n\n/**\n * Type guard to check if the option is of type ItemCheckboxOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemCheckboxOptions, false otherwise.\n */\nconst isItemCheckboxOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemCheckboxOptions =>\n  option.type === 'checkbox';\n\n/**\n * Type guard to check if the option is of type ItemSubmenuOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSubmenuOptions, false otherwise.\n */\nexport const isItemSubmenuOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSubmenuOptions =>\n  option.type === 'submenu';\n\n/**\n * Type guard to check if the option is of type ItemSeparatorOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSeparatorOptions, false otherwise.\n */\nconst isItemSeparatorOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSeparatorOptions =>\n  option.type === 'separator';\n\n/**\n * Type guard to check if the option is of type ItemSectionOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSectionOptions, false otherwise.\n */\nexport const isItemSectionOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSectionOptions =>\n  option.type === 'section';\n\n/**\n * Type guard to check if the option is of type ItemSkeletonOptions.\n * @param option - The option to check.\n * @returns True if the option is of type ItemSkeletonOptions, false otherwise.\n */\nconst isItemSkeletonOptions = (option: DSDropdownMenuT.Item): option is DSDropdownMenuT.ItemSkeletonOptions =>\n  option.type === 'skeleton';\n\n/**\n * Converts ItemActionOptions to DSMenuButtonT.ActivableItem.\n * @param option - The ItemActionOptions to convert.\n * @returns The converted ActivableItem.\n */\nexport const convertActionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemActionOptions,\n): DSMenuButtonT.ActivableItem => ({\n  type: MENU_ITEMS_TYPES.ACTIVABLE_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemSingleOptions to DSMenuButtonT.SingleSelectItem.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @returns The converted SingleSelectWithSubmenuItem.\n */\nexport const convertSingleSelectionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleOptions,\n): DSMenuButtonT.SingleSelectItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemCheckboxOptions to DSMenuButtonT.MultipleSelectItem.\n * @param option - The ItemCheckboxOptions to convert.\n * @returns The converted MultipleSelectItem.\n */\nexport const convertCheckboxOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemCheckboxOptions,\n): DSMenuButtonT.MultipleSelectItem => ({\n  type: MENU_ITEMS_TYPES.MULTIPLE_SELECT_ITEM,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts ItemSeparatorOptions to DSMenuButtonT.SeparatorItem.\n * @param option - The ItemSeparatorOptions to convert.\n * @returns The converted SeparatorItem.\n */\nexport const convertSeparatorOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSeparatorOptions,\n): DSMenuButtonT.SeparatorItem => ({\n  type: MENU_ITEMS_TYPES.SEPARATOR,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n});\n\n/**\n * Converts ItemSectionOptions to DSMenuButtonT.GroupItem.\n * @param option - The ItemSectionOptions to convert.\n * @returns The converted GroupItem.\n */\nexport const convertSectionOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSectionOptions,\n): DSMenuButtonT.GroupItem => ({\n  type: MENU_ITEMS_TYPES.GROUP,\n  label: option.label,\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n});\n\n/**\n * Converts ItemSkeletonOptions to DSMenuButtonT.SkeletonItem.\n * @param option - The ItemSkeletonOptions to convert.\n * @returns The converted SkeletonItem.\n */\nexport const convertSkeletonOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSkeletonOptions,\n): DSMenuButtonT.SkeletonItem => ({\n  type: MENU_ITEMS_TYPES.SKELETON_ITEM,\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.ActivableItem['minWidth'],\n});\n\n// ========================================================================================\n// WithSubmenu conversion converts the item only, the nested options are iterated by\n// convertOptionsRecursive (index.ts) so each one succeeds or is dropped on its own\n// ========================================================================================\n/**\n * Converts ItemSingleWithSubmenuOptions to DSMenuButtonT.SingleSelectWithSubmenuItem.\n * It converts the item only: its nested options are converted by `convertOptionsRecursive`, option by option, so an\n * option that fails to convert is dropped alone instead of taking its whole submenu with it.\n * @param option - The ItemSingleWithSubmenuOptions to convert.\n * @returns The converted SingleSelectWithSubmenuItem, with its `subitems` still empty.\n */\nexport const convertSingleWithSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSingleWithSubmenuOptions,\n): DSMenuButtonT.SingleSelectWithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.SINGLE_SELECT_WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: [],\n  maxHeight: option.maxHeight as DSMenuButtonT.SingleSelectWithSubmenuItem['maxHeight'],\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.SingleSelectWithSubmenuItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n/**\n * Converts ItemSubmenuOptions to DSMenuButtonT.WithSubmenuItem.\n * It converts the item only: its nested options are converted by `convertOptionsRecursive`, option by option, so an\n * option that fails to convert is dropped alone instead of taking its whole submenu with it.\n * @param option - The ItemSubmenuOptions to convert.\n * @returns The converted WithSubmenuItem, with its `subitems` still empty.\n */\nexport const convertSubmenuOptToMenuButtonItem = (\n  option: DSDropdownMenuT.ItemSubmenuOptions,\n): DSMenuButtonT.WithSubmenuItem => ({\n  type: MENU_ITEMS_TYPES.WITH_SUBMENU_ITEM,\n  label: option.label,\n  subitems: [],\n  maxHeight: option.maxHeight as DSMenuButtonT.WithSubmenuItem['maxHeight'],\n  // DSDropdownMenuT common items properties\n  dsId: option.dsId,\n  minWidth: option?.minWidth as DSMenuButtonT.WithSubmenuItem['minWidth'],\n  disabled: option.disabled || option.applyAriaDisabled,\n  onClick: option.onClick,\n  onKeyDown: option.onKeyDown,\n});\n\n/**\n * Converts a DSDropdownMenuT.Item to a DSMenuButtonT.MenuItemInterface.\n * @param option - The DSDropdownMenuT.Item to convert.\n * @returns The converted MenuItemInterface.\n */\nexport const convertDropdownItemToMenuButtonItem = (option: DSDropdownMenuT.Item): DSMenuButtonT.MenuItemInterface => {\n  if (isItemActionOptions(option)) return convertActionOptToMenuButtonItem(option);\n  // single selections\n  if (isItemSingleOptions(option)) return convertSingleSelectionOptToMenuButtonItem(option);\n  if (isItemSingleWithSubmenuOptions(option)) return convertSingleWithSubmenuOptToMenuButtonItem(option);\n  // multiple selections\n  if (isItemCheckboxOptions(option)) return convertCheckboxOptToMenuButtonItem(option);\n  // DDV2 didn't support multiple selections with submenu so we don't need to handle it\n  // only submenu\n  if (isItemSubmenuOptions(option)) return convertSubmenuOptToMenuButtonItem(option);\n  // separators, groups and skeletons\n  if (isItemSeparatorOptions(option)) return convertSeparatorOptToMenuButtonItem(option);\n  if (isItemSectionOptions(option)) return convertSectionOptToMenuButtonItem(option);\n  if (isItemSkeletonOptions(option)) return convertSkeletonOptToMenuButtonItem(option);\n\n  throw new Error('Unknown item type');\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAA6B,wBAAwB;AAQrD,MAAM,sBAAsB,CAAC,WAC3B,OAAO,SAAS;AAOlB,MAAM,sBAAsB,CAAC,WAC3B,OAAO,SAAS;AAOX,MAAM,iCAAiC,CAC5C,WAC2D,OAAO,SAAS;AAO7E,MAAM,wBAAwB,CAAC,WAC7B,OAAO,SAAS;AAOX,MAAM,uBAAuB,CAAC,WACnC,OAAO,SAAS;AAOlB,MAAM,yBAAyB,CAAC,WAC9B,OAAO,SAAS;AAOX,MAAM,uBAAuB,CAAC,WACnC,OAAO,SAAS;AAOlB,MAAM,wBAAwB,CAAC,WAC7B,OAAO,SAAS;AAOX,MAAM,mCAAmC,CAC9C,YACiC;AAAA,EACjC,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA;AAAA,EAEd,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AAAA,EAClB,UAAU,OAAO,YAAY,OAAO;AAAA,EACpC,SAAS,OAAO;AAAA,EAChB,WAAW,OAAO;AACpB;AAOO,MAAM,4CAA4C,CACvD,YACoC;AAAA,EACpC,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA;AAAA,EAEd,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AAAA,EAClB,UAAU,OAAO,YAAY,OAAO;AAAA,EACpC,SAAS,OAAO;AAAA,EAChB,WAAW,OAAO;AACpB;AAOO,MAAM,qCAAqC,CAChD,YACsC;AAAA,EACtC,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA;AAAA,EAEd,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AAAA,EAClB,UAAU,OAAO,YAAY,OAAO;AAAA,EACpC,SAAS,OAAO;AAAA,EAChB,WAAW,OAAO;AACpB;AAOO,MAAM,sCAAsC,CACjD,YACiC;AAAA,EACjC,MAAM,iBAAiB;AAAA;AAAA,EAEvB,MAAM,OAAO;AACf;AAOO,MAAM,oCAAoC,CAC/C,YAC6B;AAAA,EAC7B,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA;AAAA,EAEd,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AACpB;AAOO,MAAM,qCAAqC,CAChD,YACgC;AAAA,EAChC,MAAM,iBAAiB;AAAA,EACvB,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AACpB;AAaO,MAAM,8CAA8C,CACzD,YAC+C;AAAA,EAC/C,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA,EACd,UAAU,CAAC;AAAA,EACX,WAAW,OAAO;AAAA;AAAA,EAElB,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AAAA,EAClB,UAAU,OAAO,YAAY,OAAO;AAAA,EACpC,SAAS,OAAO;AAAA,EAChB,WAAW,OAAO;AACpB;AAQO,MAAM,oCAAoC,CAC/C,YACmC;AAAA,EACnC,MAAM,iBAAiB;AAAA,EACvB,OAAO,OAAO;AAAA,EACd,UAAU,CAAC;AAAA,EACX,WAAW,OAAO;AAAA;AAAA,EAElB,MAAM,OAAO;AAAA,EACb,UAAU,QAAQ;AAAA,EAClB,UAAU,OAAO,YAAY,OAAO;AAAA,EACpC,SAAS,OAAO;AAAA,EAChB,WAAW,OAAO;AACpB;AAOO,MAAM,sCAAsC,CAAC,WAAkE;AACpH,MAAI,oBAAoB,MAAM,EAAG,QAAO,iCAAiC,MAAM;AAE/E,MAAI,oBAAoB,MAAM,EAAG,QAAO,0CAA0C,MAAM;AACxF,MAAI,+BAA+B,MAAM,EAAG,QAAO,4CAA4C,MAAM;AAErG,MAAI,sBAAsB,MAAM,EAAG,QAAO,mCAAmC,MAAM;AAGnF,MAAI,qBAAqB,MAAM,EAAG,QAAO,kCAAkC,MAAM;AAEjF,MAAI,uBAAuB,MAAM,EAAG,QAAO,oCAAoC,MAAM;AACrF,MAAI,qBAAqB,MAAM,EAAG,QAAO,kCAAkC,MAAM;AACjF,MAAI,sBAAsB,MAAM,EAAG,QAAO,mCAAmC,MAAM;AAEnF,QAAM,IAAI,MAAM,mBAAmB;AACrC;",
+  "names": []
+}

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

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

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

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

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

@@ -0,0 +1,89 @@
+import * as React from "react";
+import { MENU_ITEMS_TYPES } from "@elliemae/ds-menu-button";
+import {
+  convertDropdownItemToMenuButtonItem,
+  convertSkeletonOptToMenuButtonItem,
+  isItemSectionOptions,
+  isItemSingleWithSubmenuOptions,
+  isItemSubmenuOptions
+} from "./conversionHelpers.js";
+import { getHumanReadableWarnings } from "./getHumanReadableWarnings.js";
+const hasFocusableItem = (items) => items.some(
+  (item) => item.type === MENU_ITEMS_TYPES.GROUP ? hasFocusableItem(item.subitems ?? []) : item.type !== MENU_ITEMS_TYPES.SEPARATOR
+);
+const fillWithSkeleton = (ownerDsId, adjustments) => {
+  adjustments.filledSkeleton = true;
+  return convertSkeletonOptToMenuButtonItem({
+    type: "skeleton",
+    dsId: `filter-bar-bridge-filled-skeleton-${ownerDsId}`
+  });
+};
+const recordLostFeatures = (option, adjustments) => {
+  if (option.render) adjustments.lostRender = true;
+  if (option.rightAddon === "ellipsis")
+    adjustments.lostEllipsis = true;
+};
+const convertOrDrop = (option, adjustments) => {
+  recordLostFeatures(option, adjustments);
+  try {
+    return convertDropdownItemToMenuButtonItem(option);
+  } catch {
+    adjustments.droppedUnknownType = true;
+    return null;
+  }
+};
+const convertOptionsRecursive = (options, adjustments, parentDsId = "__first-level-root") => {
+  const convertedOptions = [];
+  const groups = [];
+  options.forEach((option) => {
+    const convertedOption = convertOrDrop(option, adjustments);
+    if (convertedOption === null) return;
+    if (isItemSingleWithSubmenuOptions(option) || isItemSubmenuOptions(option)) {
+      const subitems = convertOptionsRecursive(option.options, adjustments, option.dsId);
+      const typecastedOption = convertedOption;
+      typecastedOption.subitems = subitems;
+    }
+    if (isItemSectionOptions(option)) {
+      const typecastedOption = convertedOption;
+      const subitems = [...typecastedOption.subitems ?? []];
+      groups.push({ ...typecastedOption, subitems });
+      return;
+    }
+    if (groups.length > 0) {
+      const lastGroup = groups[groups.length - 1];
+      lastGroup.subitems.push(convertedOption);
+      return;
+    }
+    if (option.type === "single" || option.type === "singleWithSubmenu") {
+      adjustments.filledPlaceholderGroup = true;
+      groups.push({
+        type: "group",
+        subitems: [convertedOption],
+        dsId: `filled-group-starting-from-${option.dsId}`
+      });
+      return;
+    }
+    convertedOptions.push(convertedOption);
+  });
+  groups.forEach((group) => {
+    if (!hasFocusableItem(group.subitems)) group.subitems.push(fillWithSkeleton(group.dsId, adjustments));
+  });
+  convertedOptions.push(...groups);
+  if (!hasFocusableItem(convertedOptions)) convertedOptions.push(fillWithSkeleton(parentDsId, adjustments));
+  return convertedOptions;
+};
+const convertDropdownOptionsToMenuButtonOptions = (options) => {
+  const adjustments = {
+    lostRender: false,
+    lostEllipsis: false,
+    filledPlaceholderGroup: false,
+    filledSkeleton: false,
+    droppedUnknownType: false
+  };
+  const convertedOptions = convertOptionsRecursive(options, adjustments);
+  return { convertedOptions, report: { ...adjustments, humanReadableWarnings: getHumanReadableWarnings(adjustments) } };
+};
+export {
+  convertDropdownOptionsToMenuButtonOptions
+};
+//# sourceMappingURL=index.js.map