@elliemae/ds-legacy-dropdownmenu 1.0.0-rc.1

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,129 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSDropdownMenuV2PropTypes: () => DSDropdownMenuV2PropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const optionTypes = import_ds_legacy_props_helpers.PropTypes.oneOfType([
+  import_ds_legacy_props_helpers.PropTypes.shape({
+    dsId: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    type: import_ds_legacy_props_helpers.PropTypes.oneOf(["action"]),
+    label: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    secondaryLabel: import_ds_legacy_props_helpers.PropTypes.string,
+    disabled: import_ds_legacy_props_helpers.PropTypes.bool,
+    render: import_ds_legacy_props_helpers.PropTypes.func
+  }),
+  import_ds_legacy_props_helpers.PropTypes.shape({
+    dsId: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    type: import_ds_legacy_props_helpers.PropTypes.oneOf(["single", "checkbox"]),
+    label: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    secondaryLabel: import_ds_legacy_props_helpers.PropTypes.string,
+    value: import_ds_legacy_props_helpers.PropTypes.any.isRequired,
+    disabled: import_ds_legacy_props_helpers.PropTypes.bool,
+    render: import_ds_legacy_props_helpers.PropTypes.func
+  }),
+  import_ds_legacy_props_helpers.PropTypes.shape({
+    dsId: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    type: import_ds_legacy_props_helpers.PropTypes.oneOf(["submenu", "singleWithSubmenu"]),
+    label: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    secondaryLabel: import_ds_legacy_props_helpers.PropTypes.string,
+    value: import_ds_legacy_props_helpers.PropTypes.any.isRequired,
+    disabled: import_ds_legacy_props_helpers.PropTypes.bool,
+    rightAddon: import_ds_legacy_props_helpers.PropTypes.oneOf(["chevron", "ellipsis"]),
+    options: import_ds_legacy_props_helpers.PropTypes.array,
+    minWidth: import_ds_legacy_props_helpers.PropTypes.any,
+    maxHeight: import_ds_legacy_props_helpers.PropTypes.any,
+    render: import_ds_legacy_props_helpers.PropTypes.func
+  }),
+  import_ds_legacy_props_helpers.PropTypes.shape({
+    dsId: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    type: import_ds_legacy_props_helpers.PropTypes.oneOf(["separator", "section"]),
+    label: import_ds_legacy_props_helpers.PropTypes.string.isRequired,
+    render: import_ds_legacy_props_helpers.PropTypes.func
+  })
+]);
+const DSDropdownMenuV2PropTypes = {
+  options: import_ds_legacy_props_helpers.PropTypes.arrayOf(optionTypes).description("The array of option for the menu").omitValidation().isRequired,
+  isOpened: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the dropdown menu is opened or not").isRequired,
+  onClickOutside: import_ds_legacy_props_helpers.PropTypes.func.description("Callback executed when you click outside the dropdown menu, or press the Esc key").defaultValue(() => null),
+  selectedOptions: import_ds_legacy_props_helpers.PropTypes.object.description(
+    "Object with the ids of the options as keys, and booleans as keys. Represents the state of the current selection in the dropdown menu"
+  ).defaultValue({}),
+  onOptionClick: import_ds_legacy_props_helpers.PropTypes.func.description(
+    "Callback triggered when an item is clicked or pressed. We provide the next selected options, the clicked option and the event, in that order"
+  ).defaultValue(() => null),
+  openedSubmenus: import_ds_legacy_props_helpers.PropTypes.object.description(
+    "Object with the ids of the submenus as keys, and booleans as keys. Represents the state of the current opened submenus"
+  ).defaultValue({}),
+  onSubmenuToggle: import_ds_legacy_props_helpers.PropTypes.func.description(
+    "Callback triggered when a submenu is opened or closed. We provide the next opened submenus, the clicked one and the event, in that order"
+  ).defaultValue(() => null),
+  startPlacementPreference: import_ds_legacy_props_helpers.PropTypes.string.description("Where to place the popper for the dropdown menu").defaultValue("bottom-start"),
+  placementOrderPreference: import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.string).description("Placement priorities for the dropdown menu").defaultValue(["bottom-start", "top-start", "right-start", "right-end", "left-start", "left-end"]),
+  customOffset: import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.number).description("Custom offset for the dropdown menu").defaultValue([0, 4]),
+  wrapperStyles: import_ds_legacy_props_helpers.PropTypes.object.description("Styling for the dropdown menu wrapper").defaultValue({}),
+  isLoading: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the dropdown menu should render the loading indicator").defaultValue(false),
+  zIndex: import_ds_legacy_props_helpers.PropTypes.number.description("ZIndex for the popper").defaultValue(10),
+  HeaderComp: import_ds_legacy_props_helpers.PropTypes.func.description("Component to render as a header for the dropdown menu").defaultValue(void 0),
+  actionRef: import_ds_legacy_props_helpers.PropTypes.object.description("Reference where all the exposed action callbacks will be exposed"),
+  minWidth: import_ds_legacy_props_helpers.PropTypes.any.description("Minimum width for the dropdown menu").defaultValue(void 0),
+  maxHeight: import_ds_legacy_props_helpers.PropTypes.any.description("Maximum height for the dropdown menu").defaultValue(void 0),
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  onKeyDown: import_ds_legacy_props_helpers.PropTypes.func.description("Callback executed when a key is pressed").defaultValue(() => null),
+  onMouseEnter: import_ds_legacy_props_helpers.PropTypes.func.description("Callback executed when the mouse enter the dropdown menu").defaultValue(() => null),
+  onMouseLeave: import_ds_legacy_props_helpers.PropTypes.func.description("Callback executed when the mouse leaves the dropdown menu").defaultValue(() => null),
+  isSkeleton: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether the dropdown menu should render the skeleton").defaultValue(false)
+};
+const defaultProps = {
+  onClickOutside: () => null,
+  onKeyDown: () => null,
+  onMouseEnter: () => null,
+  onMouseLeave: () => null,
+  selectedOptions: {},
+  onOptionClick: () => null,
+  openedSubmenus: {},
+  onSubmenuToggle: () => null,
+  isLoading: false,
+  hasInput: false,
+  inputValue: "",
+  inputPlaceholder: "Hint text",
+  onInputChange: () => null,
+  startPlacementPreference: "bottom-start",
+  placementOrderPreference: ["bottom-start", "top-start", "right-start", "right-end", "left-start", "left-end"],
+  customOffset: [0, 4],
+  wrapperStyles: {},
+  actionRef: { current: {} },
+  as: "div",
+  isSkeleton: false
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\n/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { useVirtual } from 'react-virtual';\nimport {\n  type GlobalAttributesT,\n  PropTypes,\n  type XstyledProps,\n  globalAttributesPropTypes,\n} from '@elliemae/ds-legacy-props-helpers';\nimport type { SizingProps } from '@elliemae/ds-legacy-system';\n\nexport namespace DSDropdownMenuT {\n  type PopperPlacementsT =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n\n  export interface RequiredProps {\n    options: Item[];\n    isOpened: boolean;\n  }\n\n  export interface DefaultProps {\n    onClickOutside: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;\n    onKeyDown: React.KeyboardEventHandler;\n    onMouseEnter: React.MouseEventHandler;\n    onMouseLeave: React.MouseEventHandler;\n    selectedOptions: Record<string, boolean>;\n    onOptionClick: (\n      nextSelectedOptions: Record<string, boolean>,\n      clickedOption: Item,\n      e: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    openedSubmenus: Record<string, boolean>;\n    onSubmenuToggle: (\n      nextOpenedSubmenus: Record<string, boolean>,\n      submenu: Item,\n      e: React.MouseEvent | React.KeyboardEvent,\n    ) => void;\n    isLoading: boolean;\n    hasInput: boolean;\n    inputValue: string;\n    inputPlaceholder: string;\n    onInputChange: React.FormEventHandler<HTMLInputElement>;\n    startPlacementPreference: PopperPlacementsT;\n    placementOrderPreference: PopperPlacementsT[];\n    customOffset: [number, number];\n    wrapperStyles: Record<string, unknown>;\n    actionRef: React.MutableRefObject<Record<string, unknown>>;\n    as: keyof JSX.IntrinsicElements;\n    children?: React.ReactNode;\n    isSkeleton: false;\n  }\n\n  export interface OptionalProps {\n    zIndex?: number;\n    minWidth?: SizingProps['minWidth'];\n    maxHeight?: SizingProps['maxHeight'];\n    HeaderComp?: React.ComponentType<{ ctx?: DSDropdownMenuT.CTX }>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      Omit<XstyledProps, 'zIndex'>,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      Omit<XstyledProps, 'zIndex'>,\n      RequiredProps {}\n\n  export interface CTX {\n    props: React.PropsWithChildren<InternalProps>;\n    triggerReferenceElement: HTMLDivElement | null;\n    setTriggerReferenceElement: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n    listboxReference: React.RefObject<HTMLDivElement>;\n    inputReference: React.RefObject<HTMLInputElement>;\n    activeDescendant: string;\n    setActiveDescendant: React.Dispatch<React.SetStateAction<string>>;\n    scrollOptionIntoView: (dsId: string) => void;\n    virtualListHelpers: ReturnType<typeof useVirtual>;\n    DSDropdownMenuV2: React.ComponentType<Props>;\n  }\n\n  interface CommonItemOptions {\n    dsId: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    render?: React.ComponentType<any>;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => null;\n  }\n\n  export interface ItemActionOptions extends CommonItemOptions {\n    type: 'action';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n  }\n\n  export interface ItemSingleOptions extends CommonItemOptions {\n    type: 'single';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n  }\n\n  export interface ItemSingleWithSubmenuOptions extends CommonItemOptions {\n    type: 'singleWithSubmenu';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    rightAddon?: 'chevron' | 'ellipsis';\n    options: Item[];\n  }\n\n  export interface ItemCheckboxOptions extends CommonItemOptions {\n    type: 'checkbox';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n  }\n\n  export interface ItemSubmenuOptions extends CommonItemOptions {\n    type: 'submenu';\n    label: string;\n    value: unknown;\n    disabled?: boolean;\n    rightAddon?: 'chevron' | 'ellipsis';\n    options: Item[];\n  }\n\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemSkeletonOptions extends CommonItemOptions {\n    type: 'skeleton';\n  }\n\n  export type Item =\n    | ItemActionOptions\n    | ItemSingleOptions\n    | ItemCheckboxOptions\n    | ItemSubmenuOptions\n    | ItemSingleWithSubmenuOptions\n    | ItemSeparatorOptions\n    | ItemSectionOptions\n    | ItemSkeletonOptions;\n\n  export interface ItemDictionary {\n    [dsId: string]: {\n      original: Item;\n      containerRef: React.RefObject<HTMLDivElement>;\n      parent: string | null;\n    };\n  }\n}\n\nconst optionTypes = PropTypes.oneOfType([\n  PropTypes.shape({\n    dsId: PropTypes.string.isRequired,\n    type: PropTypes.oneOf(['action']),\n    label: PropTypes.string.isRequired,\n    secondaryLabel: PropTypes.string,\n    disabled: PropTypes.bool,\n    render: PropTypes.func,\n  }),\n  PropTypes.shape({\n    dsId: PropTypes.string.isRequired,\n    type: PropTypes.oneOf(['single', 'checkbox']),\n    label: PropTypes.string.isRequired,\n    secondaryLabel: PropTypes.string,\n    value: PropTypes.any.isRequired,\n    disabled: PropTypes.bool,\n    render: PropTypes.func,\n  }),\n  PropTypes.shape({\n    dsId: PropTypes.string.isRequired,\n    type: PropTypes.oneOf(['submenu', 'singleWithSubmenu']),\n    label: PropTypes.string.isRequired,\n    secondaryLabel: PropTypes.string,\n    value: PropTypes.any.isRequired,\n    disabled: PropTypes.bool,\n    rightAddon: PropTypes.oneOf(['chevron', 'ellipsis']),\n    options: PropTypes.array,\n    minWidth: PropTypes.any,\n    maxHeight: PropTypes.any,\n    render: PropTypes.func,\n  }),\n  PropTypes.shape({\n    dsId: PropTypes.string.isRequired,\n    type: PropTypes.oneOf(['separator', 'section']),\n    label: PropTypes.string.isRequired,\n    render: PropTypes.func,\n  }),\n]);\n\nexport const DSDropdownMenuV2PropTypes = {\n  options: PropTypes.arrayOf(optionTypes).description('The array of option for the menu').omitValidation().isRequired,\n  isOpened: PropTypes.bool.description('Whether the dropdown menu is opened or not').isRequired,\n  onClickOutside: PropTypes.func\n    .description('Callback executed when you click outside the dropdown menu, or press the Esc key')\n    .defaultValue(() => null),\n  selectedOptions: PropTypes.object\n    .description(\n      'Object with the ids of the options as keys, and booleans as keys. Represents the state of the current selection in the dropdown menu',\n    )\n    .defaultValue({}),\n  onOptionClick: PropTypes.func\n    .description(\n      'Callback triggered when an item is clicked or pressed. We provide the next selected options, the clicked option and the event, in that order',\n    )\n    .defaultValue(() => null),\n  openedSubmenus: PropTypes.object\n    .description(\n      'Object with the ids of the submenus as keys, and booleans as keys. Represents the state of the current opened submenus',\n    )\n    .defaultValue({}),\n  onSubmenuToggle: PropTypes.func\n    .description(\n      'Callback triggered when a submenu is opened or closed. We provide the next opened submenus, the clicked one and the event, in that order',\n    )\n    .defaultValue(() => null),\n  startPlacementPreference: PropTypes.string\n    .description('Where to place the popper for the dropdown menu')\n    .defaultValue('bottom-start'),\n  placementOrderPreference: PropTypes.arrayOf(PropTypes.string)\n    .description('Placement priorities for the dropdown menu')\n    .defaultValue(['bottom-start', 'top-start', 'right-start', 'right-end', 'left-start', 'left-end']),\n  customOffset: PropTypes.arrayOf(PropTypes.number)\n    .description('Custom offset for the dropdown menu')\n    .defaultValue([0, 4]),\n  wrapperStyles: PropTypes.object.description('Styling for the dropdown menu wrapper').defaultValue({}),\n  isLoading: PropTypes.bool\n    .description('Whether the dropdown menu should render the loading indicator')\n    .defaultValue(false),\n  zIndex: PropTypes.number.description('ZIndex for the popper').defaultValue(10),\n  HeaderComp: PropTypes.func\n    .description('Component to render as a header for the dropdown menu')\n    .defaultValue(undefined),\n  actionRef: PropTypes.object.description('Reference where all the exposed action callbacks will be exposed'),\n  minWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  maxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  ...globalAttributesPropTypes,\n  onKeyDown: PropTypes.func.description('Callback executed when a key is pressed').defaultValue(() => null),\n  onMouseEnter: PropTypes.func\n    .description('Callback executed when the mouse enter the dropdown menu')\n    .defaultValue(() => null),\n  onMouseLeave: PropTypes.func\n    .description('Callback executed when the mouse leaves the dropdown menu')\n    .defaultValue(() => null),\n  isSkeleton: PropTypes.bool.description('Whether the dropdown menu should render the skeleton').defaultValue(false),\n} as WeakValidationMap<unknown>;\n\nexport const defaultProps: DSDropdownMenuT.DefaultProps = {\n  onClickOutside: () => null,\n  onKeyDown: () => null,\n  onMouseEnter: () => null,\n  onMouseLeave: () => null,\n  selectedOptions: {},\n  onOptionClick: () => null,\n  openedSubmenus: {},\n  onSubmenuToggle: () => null,\n  isLoading: false,\n  hasInput: false,\n  inputValue: '',\n  inputPlaceholder: 'Hint text',\n  onInputChange: () => null,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'top-start', 'right-start', 'right-end', 'left-start', 'left-end'],\n  customOffset: [0, 4],\n  wrapperStyles: {},\n  actionRef: { current: {} },\n  as: 'div',\n  isSkeleton: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,qCAKO;AAwKP,MAAM,cAAc,yCAAU,UAAU;AAAA,EACtC,yCAAU,MAAM;AAAA,IACd,MAAM,yCAAU,OAAO;AAAA,IACvB,MAAM,yCAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,IAChC,OAAO,yCAAU,OAAO;AAAA,IACxB,gBAAgB,yCAAU;AAAA,IAC1B,UAAU,yCAAU;AAAA,IACpB,QAAQ,yCAAU;AAAA,EACpB,CAAC;AAAA,EACD,yCAAU,MAAM;AAAA,IACd,MAAM,yCAAU,OAAO;AAAA,IACvB,MAAM,yCAAU,MAAM,CAAC,UAAU,UAAU,CAAC;AAAA,IAC5C,OAAO,yCAAU,OAAO;AAAA,IACxB,gBAAgB,yCAAU;AAAA,IAC1B,OAAO,yCAAU,IAAI;AAAA,IACrB,UAAU,yCAAU;AAAA,IACpB,QAAQ,yCAAU;AAAA,EACpB,CAAC;AAAA,EACD,yCAAU,MAAM;AAAA,IACd,MAAM,yCAAU,OAAO;AAAA,IACvB,MAAM,yCAAU,MAAM,CAAC,WAAW,mBAAmB,CAAC;AAAA,IACtD,OAAO,yCAAU,OAAO;AAAA,IACxB,gBAAgB,yCAAU;AAAA,IAC1B,OAAO,yCAAU,IAAI;AAAA,IACrB,UAAU,yCAAU;AAAA,IACpB,YAAY,yCAAU,MAAM,CAAC,WAAW,UAAU,CAAC;AAAA,IACnD,SAAS,yCAAU;AAAA,IACnB,UAAU,yCAAU;AAAA,IACpB,WAAW,yCAAU;AAAA,IACrB,QAAQ,yCAAU;AAAA,EACpB,CAAC;AAAA,EACD,yCAAU,MAAM;AAAA,IACd,MAAM,yCAAU,OAAO;AAAA,IACvB,MAAM,yCAAU,MAAM,CAAC,aAAa,SAAS,CAAC;AAAA,IAC9C,OAAO,yCAAU,OAAO;AAAA,IACxB,QAAQ,yCAAU;AAAA,EACpB,CAAC;AACH,CAAC;AAEM,MAAM,4BAA4B;AAAA,EACvC,SAAS,yCAAU,QAAQ,WAAW,EAAE,YAAY,kCAAkC,EAAE,eAAe,EAAE;AAAA,EACzG,UAAU,yCAAU,KAAK,YAAY,4CAA4C,EAAE;AAAA,EACnF,gBAAgB,yCAAU,KACvB,YAAY,kFAAkF,EAC9F,aAAa,MAAM,IAAI;AAAA,EAC1B,iBAAiB,yCAAU,OACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,eAAe,yCAAU,KACtB;AAAA,IACC;AAAA,EACF,EACC,aAAa,MAAM,IAAI;AAAA,EAC1B,gBAAgB,yCAAU,OACvB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AAAA,EAClB,iBAAiB,yCAAU,KACxB;AAAA,IACC;AAAA,EACF,EACC,aAAa,MAAM,IAAI;AAAA,EAC1B,0BAA0B,yCAAU,OACjC,YAAY,iDAAiD,EAC7D,aAAa,cAAc;AAAA,EAC9B,0BAA0B,yCAAU,QAAQ,yCAAU,MAAM,EACzD,YAAY,4CAA4C,EACxD,aAAa,CAAC,gBAAgB,aAAa,eAAe,aAAa,cAAc,UAAU,CAAC;AAAA,EACnG,cAAc,yCAAU,QAAQ,yCAAU,MAAM,EAC7C,YAAY,qCAAqC,EACjD,aAAa,CAAC,GAAG,CAAC,CAAC;AAAA,EACtB,eAAe,yCAAU,OAAO,YAAY,uCAAuC,EAAE,aAAa,CAAC,CAAC;AAAA,EACpG,WAAW,yCAAU,KAClB,YAAY,+DAA+D,EAC3E,aAAa,KAAK;AAAA,EACrB,QAAQ,yCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC7E,YAAY,yCAAU,KACnB,YAAY,uDAAuD,EACnE,aAAa,MAAS;AAAA,EACzB,WAAW,yCAAU,OAAO,YAAY,kEAAkE;AAAA,EAC1G,UAAU,yCAAU,IAAI,YAAY,qCAAqC,EAAE,aAAa,MAAS;AAAA,EACjG,WAAW,yCAAU,IAAI,YAAY,sCAAsC,EAAE,aAAa,MAAS;AAAA,EACnG,GAAG;AAAA,EACH,WAAW,yCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,MAAM,IAAI;AAAA,EACxG,cAAc,yCAAU,KACrB,YAAY,0DAA0D,EACtE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,yCAAU,KACrB,YAAY,2DAA2D,EACvE,aAAa,MAAM,IAAI;AAAA,EAC1B,YAAY,yCAAU,KAAK,YAAY,sDAAsD,EAAE,aAAa,KAAK;AACnH;AAEO,MAAM,eAA6C;AAAA,EACxD,gBAAgB,MAAM;AAAA,EACtB,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,cAAc,MAAM;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,gBAAgB,CAAC;AAAA,EACjB,iBAAiB,MAAM;AAAA,EACvB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,aAAa,eAAe,aAAa,cAAc,UAAU;AAAA,EAC5G,cAAc,CAAC,GAAG,CAAC;AAAA,EACnB,eAAe,CAAC;AAAA,EAChB,WAAW,EAAE,SAAS,CAAC,EAAE;AAAA,EACzB,IAAI;AAAA,EACJ,YAAY;AACd;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,120 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledEmptyStateWrapper: () => StyledEmptyStateWrapper,
+  StyledHeaderWrapper: () => StyledHeaderWrapper,
+  StyledInputWrapper: () => StyledInputWrapper,
+  StyledListBoxWrapper: () => StyledListBoxWrapper,
+  StyledLoadingWrapper: () => StyledLoadingWrapper,
+  StyledOptionListWrapper: () => StyledOptionListWrapper,
+  StyledTriggerWrapper: () => StyledTriggerWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_exported_related = require("./exported-related/index.js");
+const StyledTriggerWrapper = (0, import_ds_legacy_system.styled)("div", { name: import_exported_related.DSDropdownMenuName, slot: import_exported_related.DSDropdownMenuSlots.ROOT })`
+  width: fit-content;
+  ${import_ds_legacy_system.space}
+  ${import_ds_legacy_system.sizing}
+  ${import_ds_legacy_system.position}
+  ${import_ds_legacy_system.layout}
+`;
+const StyledListBoxWrapper = (0, import_ds_legacy_system.styled)("div", {
+  name: import_exported_related.DSDropdownMenuName,
+  slot: import_exported_related.DSDropdownMenuSlots.LISTBOX_WRAPPER
+})`
+  ${import_ds_legacy_system.sizing}
+  padding: ${(props) => props.hasHeader ? 0 : "4px"} 0 4px 0;
+  overflow-y: auto;
+  background-color: white;
+  outline: none;
+  list-style: none;
+`;
+const StyledOptionListWrapper = (0, import_ds_legacy_system.styled)("ul", {
+  name: import_exported_related.DSDropdownMenuName,
+  slot: import_exported_related.DSDropdownMenuSlots.OPTION_LIST_WRAPPER
+})`
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  outline: none;
+`;
+const StyledLoadingWrapper = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid, {
+  name: import_exported_related.DSDropdownMenuName,
+  slot: import_exported_related.DSDropdownMenuSlots.LOADING_WRAPPER
+})`
+  height: ${(props) => props.theme.space.xxl};
+  min-width: ${(props) => props.minWidth}px;
+  background-color: white;
+  outline: none;
+`;
+const StyledEmptyStateWrapper = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid, {
+  name: import_exported_related.DSDropdownMenuName,
+  slot: import_exported_related.DSDropdownMenuSlots.EMPTY_STATE_WRAPPER
+})`
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  font-size: ${(props) => props.theme.fontSizes.value[500]};
+  color: ${(props) => props.theme.colors.neutral[500]};
+`;
+const StyledInputWrapper = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid)`
+  padding-top: ${(props) => props.hasHeader ? props.theme.space.xxs : 0};
+  padding-left: ${(props) => props.theme.space.xxs};
+  padding-right: ${(props) => props.theme.space.xxs};
+  padding-bottom: ${(props) => props.theme.space.xxs};
+
+  .em-ds-input {
+    :focus,
+    :hover {
+      outline: none !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+    :focus {
+      border: 1px solid ${(props) => props.theme.colors.brand[700]} !important;
+      box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]} !important;
+    }
+  }
+`;
+const StyledHeaderWrapper = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid, { name: import_exported_related.DSDropdownMenuName, slot: import_exported_related.DSDropdownMenuSlots.HEADER_WRAPPER })`
+  width: 100%;
+  border-bottom: 1px solid ${(props) => props.theme.colors.neutral[300]};
+  color: ${(props) => props.theme.colors.neutral[500]};
+  font-size: 12px;
+  padding-left: ${(props) => props.theme.space.xxxs};
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  background-color: white;
+  min-height: 16px;
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-legacy-grid';\nimport { styled, space, sizing, position, layout } from '@elliemae/ds-legacy-system';\nimport type { LayoutProps, SpaceProps, SizingProps, PositionProps } from '@elliemae/ds-legacy-system';\nimport { DSDropdownMenuName, DSDropdownMenuSlots } from './exported-related/index.js';\n\nexport const StyledTriggerWrapper = styled('div', { name: DSDropdownMenuName, slot: DSDropdownMenuSlots.ROOT })<\n  LayoutProps & SpaceProps & SizingProps & PositionProps\n>`\n  width: fit-content;\n  ${space}\n  ${sizing}\n  ${position}\n  ${layout}\n`;\n\nexport const StyledListBoxWrapper = styled('div', {\n  name: DSDropdownMenuName,\n  slot: DSDropdownMenuSlots.LISTBOX_WRAPPER,\n})<{ minWidth: SizingProps['minWidth']; maxHeight: SizingProps['maxHeight']; hasHeader: boolean }>`\n  ${sizing}\n  padding: ${(props) => (props.hasHeader ? 0 : '4px')} 0 4px 0;\n  overflow-y: auto;\n  background-color: white;\n  outline: none;\n  list-style: none;\n`;\n\nexport const StyledOptionListWrapper = styled('ul', {\n  name: DSDropdownMenuName,\n  slot: DSDropdownMenuSlots.OPTION_LIST_WRAPPER,\n})`\n  position: relative;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  outline: none;\n`;\n\nexport const StyledLoadingWrapper = styled(Grid, {\n  name: DSDropdownMenuName,\n  slot: DSDropdownMenuSlots.LOADING_WRAPPER,\n})<{ minWidth: number }>`\n  height: ${(props) => props.theme.space.xxl};\n  min-width: ${(props) => props.minWidth}px;\n  background-color: white;\n  outline: none;\n`;\n\nexport const StyledEmptyStateWrapper = styled(Grid, {\n  name: DSDropdownMenuName,\n  slot: DSDropdownMenuSlots.EMPTY_STATE_WRAPPER,\n})<{ minWidth: SizingProps['minWidth']; maxHeight: SizingProps['maxHeight'] }>`\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: ${(props) => props.theme.fontSizes.value[500]};\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nexport const StyledInputWrapper = styled(Grid)<{ hasHeader: boolean }>`\n  padding-top: ${(props) => (props.hasHeader ? props.theme.space.xxs : 0)};\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  padding-bottom: ${(props) => props.theme.space.xxs};\n\n  .em-ds-input {\n    :focus,\n    :hover {\n      outline: none !important;\n      border: none !important;\n      box-shadow: none !important;\n    }\n    :focus {\n      border: 1px solid ${(props) => props.theme.colors.brand[700]} !important;\n      box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]} !important;\n    }\n  }\n`;\n\nexport const StyledHeaderWrapper = styled(Grid, { name: DSDropdownMenuName, slot: DSDropdownMenuSlots.HEADER_WRAPPER })`\n  width: 100%;\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[500]};\n  font-size: 12px;\n  padding-left: ${(props) => props.theme.space.xxxs};\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  background-color: white;\n  min-height: 16px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAqB;AACrB,8BAAwD;AAExD,8BAAwD;AAEjD,MAAM,2BAAuB,gCAAO,OAAO,EAAE,MAAM,4CAAoB,MAAM,4CAAoB,KAAK,CAAC;AAAA;AAAA,IAI1G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,2BAAuB,gCAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,4CAAoB;AAC5B,CAAC;AAAA,IACG;AAAA,aACS,CAAC,UAAW,MAAM,YAAY,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxC,MAAM,8BAA0B,gCAAO,MAAM;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,4CAAoB;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM,MAAM,2BAAuB,gCAAO,4BAAM;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,4CAAoB;AAC5B,CAAC;AAAA,YACW,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,eAC1B,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAKzB,MAAM,8BAA0B,gCAAO,4BAAM;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,4CAAoB;AAC5B,CAAC;AAAA,iBACgB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,eACrC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,WAC9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAG7C,MAAM,yBAAqB,gCAAO,0BAAI;AAAA,iBAC5B,CAAC,UAAW,MAAM,YAAY,MAAM,MAAM,MAAM,MAAM;AAAA,kBACrD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,oBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUvB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,oCAC7B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAKpE,MAAM,0BAAsB,gCAAO,4BAAM,EAAE,MAAM,4CAAoB,MAAM,4CAAoB,eAAe,CAAC;AAAA;AAAA,6BAEzF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,WAC3D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,kBAElC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/utils/findInCircularList.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var findInCircularList_exports = {};
+__export(findInCircularList_exports, {
+  findInCircularList: () => findInCircularList
+});
+module.exports = __toCommonJS(findInCircularList_exports);
+var React = __toESM(require("react"));
+const findInCircularList = (list, from, criteria, step = 1) => {
+  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {
+    if (criteria(list[i]))
+      return i;
+  }
+  return from;
+};
+//# sourceMappingURL=findInCircularList.js.map

package/dist/cjs/utils/findInCircularList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/findInCircularList.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const findInCircularList = <T>(list: T[], from: number, criteria: (item: T) => boolean, step = 1): number => {\n  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB,CAAI,MAAW,MAAc,UAAgC,OAAO,MAAc;AAClH,WAAS,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,MAAM,MAAM,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAC9G,QAAI,SAAS,KAAK,CAAC,CAAC;AAAG,aAAO;AAAA,EAChC;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/utils/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+module.exports = __toCommonJS(utils_exports);
+var React = __toESM(require("react"));
+__reExport(utils_exports, require("./findInCircularList.js"), module.exports);
+__reExport(utils_exports, require("./isOptionFocuseable.js"), module.exports);
+__reExport(utils_exports, require("./manageOpenedSubmenus.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './findInCircularList.js';\nexport * from './isOptionFocuseable.js';\nexport * from './manageOpenedSubmenus.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,oCAAd;AACA,0BAAc,oCADd;AAEA,0BAAc,sCAFd;",
+  "names": []
+}

package/dist/cjs/utils/isOptionFocuseable.js

@@ -0,0 +1,36 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var isOptionFocuseable_exports = {};
+__export(isOptionFocuseable_exports, {
+  isOptionFocuseable: () => isOptionFocuseable
+});
+module.exports = __toCommonJS(isOptionFocuseable_exports);
+var React = __toESM(require("react"));
+const isOptionFocuseable = (opt) => !["section", "separator"].includes(opt.type) && !("disabled" in opt && opt.disabled);
+//# sourceMappingURL=isOptionFocuseable.js.map

package/dist/cjs/utils/isOptionFocuseable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/isOptionFocuseable.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSDropdownMenuT } from '../react-desc-prop-types.js';\n\nexport const isOptionFocuseable = (opt: DSDropdownMenuT.Item): boolean =>\n  !['section', 'separator'].includes(opt.type) && !('disabled' in opt && opt.disabled);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,qBAAqB,CAAC,QACjC,CAAC,CAAC,WAAW,WAAW,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,cAAc,OAAO,IAAI;",
+  "names": []
+}

package/dist/cjs/utils/manageOpenedSubmenus.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var manageOpenedSubmenus_exports = {};
+__export(manageOpenedSubmenus_exports, {
+  manageOpenedSubmenus: () => manageOpenedSubmenus
+});
+module.exports = __toCommonJS(manageOpenedSubmenus_exports);
+var React = __toESM(require("react"));
+const isSubmenu = (item) => item.type === "submenu" || item.type === "singleWithSubmenu";
+const buildItemToParentObject = (options, parent = "__root") => {
+  let obj = {};
+  options?.forEach((opt) => {
+    if (isSubmenu(opt)) {
+      obj[opt.dsId] = parent;
+      if ("options" in opt) {
+        obj = { ...obj, ...buildItemToParentObject(opt.options, opt.dsId) };
+      }
+    }
+  });
+  return obj;
+};
+const manageOpenedSubmenus = (options, selectedOptions, clickedOption) => {
+  if (!isSubmenu(clickedOption)) {
+    return selectedOptions;
+  }
+  if (selectedOptions[clickedOption.dsId] === false) {
+    return selectedOptions;
+  }
+  const itemToParent = buildItemToParentObject(options);
+  const nextSelectedOptions = { ...selectedOptions };
+  Object.keys(itemToParent).forEach((item) => {
+    nextSelectedOptions[item] = false;
+  });
+  let currentItem = clickedOption.dsId;
+  while (currentItem !== "__root") {
+    nextSelectedOptions[currentItem] = true;
+    currentItem = itemToParent[currentItem];
+  }
+  return nextSelectedOptions;
+};
+//# sourceMappingURL=manageOpenedSubmenus.js.map

package/dist/cjs/utils/manageOpenedSubmenus.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/manageOpenedSubmenus.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSDropdownMenuT } from '../react-desc-prop-types.js';\n\nconst isSubmenu = (item: DSDropdownMenuT.Item): boolean => item.type === 'submenu' || item.type === 'singleWithSubmenu';\n\nconst buildItemToParentObject = (options: DSDropdownMenuT.Item[], parent = '__root'): Record<string, string> => {\n  let obj: Record<string, string> = {};\n  options?.forEach((opt) => {\n    if (isSubmenu(opt)) {\n      obj[opt.dsId] = parent;\n      if ('options' in opt) {\n        obj = { ...obj, ...buildItemToParentObject(opt.options, opt.dsId) };\n      }\n    }\n  });\n  return obj;\n};\n\nexport const manageOpenedSubmenus = (\n  options: DSDropdownMenuT.Item[],\n  selectedOptions: Record<string, boolean>,\n  clickedOption: DSDropdownMenuT.Item,\n): Record<string, boolean> => {\n  // If this options is not a submenu, do nothing\n  if (!isSubmenu(clickedOption)) {\n    return selectedOptions;\n  }\n\n  // If we are closing this submenu, do nothing\n  if (selectedOptions[clickedOption.dsId] === false) {\n    return selectedOptions;\n  }\n\n  // Get the item --> parent relationships of the submenus\n  const itemToParent = buildItemToParentObject(options);\n\n  // Clone the selected options\n  const nextSelectedOptions = { ...selectedOptions };\n\n  // Close all submenus\n  Object.keys(itemToParent).forEach((item) => {\n    nextSelectedOptions[item] = false;\n  });\n\n  // Open this submenu and all of it's parents\n  let currentItem = clickedOption.dsId;\n  while (currentItem !== '__root') {\n    nextSelectedOptions[currentItem] = true;\n    currentItem = itemToParent[currentItem];\n  }\n\n  return nextSelectedOptions;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,MAAM,YAAY,CAAC,SAAwC,KAAK,SAAS,aAAa,KAAK,SAAS;AAEpG,MAAM,0BAA0B,CAAC,SAAiC,SAAS,aAAqC;AAC9G,MAAI,MAA8B,CAAC;AACnC,WAAS,QAAQ,CAAC,QAAQ;AACxB,QAAI,UAAU,GAAG,GAAG;AAClB,UAAI,IAAI,IAAI,IAAI;AAChB,UAAI,aAAa,KAAK;AACpB,cAAM,EAAE,GAAG,KAAK,GAAG,wBAAwB,IAAI,SAAS,IAAI,IAAI,EAAE;AAAA,MACpE;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAEO,MAAM,uBAAuB,CAClC,SACA,iBACA,kBAC4B;AAE5B,MAAI,CAAC,UAAU,aAAa,GAAG;AAC7B,WAAO;AAAA,EACT;AAGA,MAAI,gBAAgB,cAAc,IAAI,MAAM,OAAO;AACjD,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,wBAAwB,OAAO;AAGpD,QAAM,sBAAsB,EAAE,GAAG,gBAAgB;AAGjD,SAAO,KAAK,YAAY,EAAE,QAAQ,CAAC,SAAS;AAC1C,wBAAoB,IAAI,IAAI;AAAA,EAC9B,CAAC;AAGD,MAAI,cAAc,cAAc;AAChC,SAAO,gBAAgB,UAAU;AAC/B,wBAAoB,WAAW,IAAI;AACnC,kBAAc,aAAa,WAAW;AAAA,EACxC;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/DSDropdownMenu.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { DSDropdownMenuV2PropTypes } from "./react-desc-prop-types.js";
+import { DSDropdownMenuContext } from "./DropdownMenuContext.js";
+import { useDropdownMenuConfig } from "./config/useDropdownMenuConfig.js";
+import { DropdownMenuContent } from "./parts/DropdownMenuContent.js";
+const DSDropdownMenuV2 = (props) => {
+  const ctx = useDropdownMenuConfig(props, DSDropdownMenuV2);
+  return /* @__PURE__ */ jsx(DSDropdownMenuContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(DropdownMenuContent, {}) });
+};
+DSDropdownMenuV2.propTypes = DSDropdownMenuV2PropTypes;
+DSDropdownMenuV2.displayName = "DSDropdownMenuV2";
+const DSDropdownMenuV2WithSchema = describe(DSDropdownMenuV2).description("Dropdown Menu");
+DSDropdownMenuV2WithSchema.propTypes = DSDropdownMenuV2PropTypes;
+export {
+  DSDropdownMenuV2,
+  DSDropdownMenuV2WithSchema
+};
+//# sourceMappingURL=DSDropdownMenu.js.map

package/dist/esm/DSDropdownMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDropdownMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport type { DSDropdownMenuT } from './react-desc-prop-types.js';\nimport { DSDropdownMenuV2PropTypes } from './react-desc-prop-types.js';\nimport { DSDropdownMenuContext } from './DropdownMenuContext.js';\nimport { useDropdownMenuConfig } from './config/useDropdownMenuConfig.js';\nimport { DropdownMenuContent } from './parts/DropdownMenuContent.js';\n\nconst DSDropdownMenuV2: React.ComponentType<DSDropdownMenuT.Props> = (props) => {\n  const ctx = useDropdownMenuConfig(props, DSDropdownMenuV2);\n\n  return (\n    <DSDropdownMenuContext.Provider value={ctx}>\n      <DropdownMenuContent />\n    </DSDropdownMenuContext.Provider>\n  );\n};\n\nDSDropdownMenuV2.propTypes = DSDropdownMenuV2PropTypes;\nDSDropdownMenuV2.displayName = 'DSDropdownMenuV2';\nconst DSDropdownMenuV2WithSchema = describe(DSDropdownMenuV2).description('Dropdown Menu');\nDSDropdownMenuV2WithSchema.propTypes = DSDropdownMenuV2PropTypes;\n\nexport { DSDropdownMenuV2, DSDropdownMenuV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACajB;AAZN,SAAS,gBAAgB;AAEzB,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAEpC,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,MAAM,sBAAsB,OAAO,gBAAgB;AAEzD,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC,8BAAC,uBAAoB,GACvB;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB,EAAE,YAAY,eAAe;AACzF,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/esm/DropdownMenuContext.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { createContext } from "react";
+const DSDropdownMenuContext = createContext(void 0);
+export {
+  DSDropdownMenuContext
+};
+//# sourceMappingURL=DropdownMenuContext.js.map

package/dist/esm/DropdownMenuContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DropdownMenuContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSDropdownMenuT } from './react-desc-prop-types.js';\n\nexport const DSDropdownMenuContext = createContext<DSDropdownMenuT.CTX>(undefined as unknown as DSDropdownMenuT.CTX);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAGvB,MAAM,wBAAwB,cAAmC,MAA2C;",
+  "names": []
+}

package/dist/esm/DropdownMenuDataTestId.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const DropdownMenuDataTestId = {
+  TRIGGER_WRAPPER: "dropdown-menu-trigger-wrapper",
+  LISTBOX: "dropdown-menu-listbox",
+  MENU_WRAPPER: "dropdown-menu-wrapper",
+  LOADING: "dropdown-menu-loading-wrapper",
+  OPTION: "ds-menu-item"
+};
+export {
+  DropdownMenuDataTestId
+};
+//# sourceMappingURL=DropdownMenuDataTestId.js.map

package/dist/esm/DropdownMenuDataTestId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DropdownMenuDataTestId.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DropdownMenuDataTestId = {\n  TRIGGER_WRAPPER: 'dropdown-menu-trigger-wrapper',\n  LISTBOX: 'dropdown-menu-listbox',\n  MENU_WRAPPER: 'dropdown-menu-wrapper',\n  LOADING: 'dropdown-menu-loading-wrapper',\n  OPTION: 'ds-menu-item',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AACV;",
+  "names": []
+}