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

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import DSDropdownMenu from './deprecated/index.js';\nimport type {} from '@xstyled/system';\n\nexport * from './DSDropdownMenu.js';\nexport * from './exported-related/index.js';\nexport type { DSDropdownMenuT } from './react-desc-prop-types.js';\nexport { DropdownMenuDataTestId } from './DropdownMenuDataTestId.js';\n\n// Deprecated part\nexport { DSDropdownMenu, DropdownMenuWithSchema, CustomPhoneRenderer } from './deprecated/index.js';\nexport default DSDropdownMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAG3B,wBAAc,gCAHd;AAIA,wBAAc,wCAJd;AAMA,oCAAuC;AAGvC,IAAAA,qBAA4E;AAC5E,IAAO,cAAQ,kBAAAC;",
+  "names": ["import_deprecated", "DSDropdownMenu"]
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/parts/DropdownMenuContent.js

@@ -0,0 +1,100 @@
+"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 DropdownMenuContent_exports = {};
+__export(DropdownMenuContent_exports, {
+  DropdownMenuContent: () => DropdownMenuContent
+});
+module.exports = __toCommonJS(DropdownMenuContent_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_popperjs = require("@elliemae/ds-legacy-popperjs");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_DropdownMenuDataTestId = require("../DropdownMenuDataTestId.js");
+var import_styled = require("../styled.js");
+var import_DropdownMenuListBox = require("./DropdownMenuListBox.js");
+var import_DropdownMenuContext = require("../DropdownMenuContext.js");
+var import_DropdownMenuLoading = require("./DropdownMenuLoading.js");
+const DropdownMenuContent = () => {
+  const { props, triggerReferenceElement, setTriggerReferenceElement } = (0, import_react.useContext)(import_DropdownMenuContext.DSDropdownMenuContext);
+  const {
+    children,
+    isOpened,
+    onClickOutside,
+    startPlacementPreference,
+    placementOrderPreference,
+    customOffset,
+    wrapperStyles,
+    isLoading,
+    zIndex,
+    as
+  } = props;
+  const { "data-popover-label": dataPopoverLabel, ...globalAttributes } = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(props);
+  const { minWidth, minHeight, ...restXstyledProps } = (0, import_ds_legacy_props_helpers.useGetXstyledProps)(props);
+  const onClickOutsideHandler = (e) => {
+    const dropdownListboxes = [
+      ...document.body.querySelectorAll(`[data-testid="${import_DropdownMenuDataTestId.DropdownMenuDataTestId.MENU_WRAPPER}"]`)
+    ];
+    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target))) {
+      onClickOutside(e);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledTriggerWrapper,
+    {
+      "data-testid": `${import_DropdownMenuDataTestId.DropdownMenuDataTestId.TRIGGER_WRAPPER}`,
+      ref: setTriggerReferenceElement,
+      "aria-haspopup": "listbox",
+      ...wrapperStyles,
+      ...globalAttributes,
+      ...restXstyledProps,
+      as,
+      children: [
+        children,
+        triggerReferenceElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_legacy_popperjs.DSPopperJS,
+          {
+            referenceElement: triggerReferenceElement,
+            showPopover: isOpened,
+            withoutArrow: true,
+            withoutAnimation: true,
+            customOffset,
+            onClickOutside: onClickOutsideHandler,
+            startPlacementPreference,
+            placementOrderPreference,
+            zIndex,
+            "aria-label": dataPopoverLabel || "dropdown-menu popover",
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuLoading.DropdownMenuLoading, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuListBox.DropdownMenuListBox, {})
+          }
+        )
+      ]
+    }
+  );
+};
+//# sourceMappingURL=DropdownMenuContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\nimport React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-legacy-popperjs';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledTriggerWrapper } from '../styled.js';\nimport { DropdownMenuListBox } from './DropdownMenuListBox.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuLoading } from './DropdownMenuLoading.js';\n\nexport const DropdownMenuContent: React.ComponentType<Record<string, never>> = () => {\n  const { props, triggerReferenceElement, setTriggerReferenceElement } = useContext(DSDropdownMenuContext);\n\n  const {\n    children,\n    isOpened,\n    onClickOutside,\n    startPlacementPreference,\n    placementOrderPreference,\n    customOffset,\n    wrapperStyles,\n    isLoading,\n    zIndex,\n    as,\n  } = props;\n  const { 'data-popover-label': dataPopoverLabel, ...globalAttributes } = useGetGlobalAttributes(props);\n  // we need to exclude this props from the xstyled props because there is a conflict\n  // using submenus items with the name of the prop of ddmenu and xstyled\n  const { minWidth, minHeight, ...restXstyledProps } = useGetXstyledProps(props);\n  const onClickOutsideHandler = (e: MouseEvent | TouchEvent) => {\n    // We need to find out if the click was originated inside a child's dropdownmenu\n    const dropdownListboxes = [\n      ...document.body.querySelectorAll(`[data-testid=\"${DropdownMenuDataTestId.MENU_WRAPPER}\"]`),\n    ];\n    if (dropdownListboxes.every((listbox) => !listbox.contains(e.target as Node))) {\n      onClickOutside(e);\n    }\n  };\n\n  return (\n    <StyledTriggerWrapper\n      data-testid={`${DropdownMenuDataTestId.TRIGGER_WRAPPER}`}\n      ref={setTriggerReferenceElement}\n      aria-haspopup=\"listbox\"\n      {...wrapperStyles}\n      {...globalAttributes}\n      {...restXstyledProps}\n      as={as}\n    >\n      {children}\n      {triggerReferenceElement && (\n        <DSPopperJS\n          referenceElement={triggerReferenceElement}\n          showPopover={isOpened}\n          withoutArrow\n          withoutAnimation\n          customOffset={customOffset}\n          onClickOutside={onClickOutsideHandler}\n          startPlacementPreference={startPlacementPreference}\n          placementOrderPreference={placementOrderPreference}\n          zIndex={zIndex}\n          aria-label={(dataPopoverLabel as string) || 'dropdown-menu popover'}\n        >\n          {isLoading ? <DropdownMenuLoading /> : <DropdownMenuListBox />}\n        </DSPopperJS>\n      )}\n    </StyledTriggerWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwCnB;AAvCJ,mBAAkC;AAClC,gCAA2B;AAC3B,qCAA2D;AAC3D,oCAAuC;AACvC,oBAAqC;AACrC,iCAAoC;AACpC,iCAAsC;AACtC,iCAAoC;AAE7B,MAAM,sBAAkE,MAAM;AACnF,QAAM,EAAE,OAAO,yBAAyB,2BAA2B,QAAI,yBAAW,gDAAqB;AAEvG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,sBAAsB,kBAAkB,GAAG,iBAAiB,QAAI,uDAAuB,KAAK;AAGpG,QAAM,EAAE,UAAU,WAAW,GAAG,iBAAiB,QAAI,mDAAmB,KAAK;AAC7E,QAAM,wBAAwB,CAAC,MAA+B;AAE5D,UAAM,oBAAoB;AAAA,MACxB,GAAG,SAAS,KAAK,iBAAiB,iBAAiB,qDAAuB,gBAAgB;AAAA,IAC5F;AACA,QAAI,kBAAkB,MAAM,CAAC,YAAY,CAAC,QAAQ,SAAS,EAAE,MAAc,CAAC,GAAG;AAC7E,qBAAe,CAAC;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,qDAAuB;AAAA,MACvC,KAAK;AAAA,MACL,iBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,QACA,2BACC;AAAA,UAAC;AAAA;AAAA,YACC,kBAAkB;AAAA,YAClB,aAAa;AAAA,YACb,cAAY;AAAA,YACZ,kBAAgB;AAAA,YAChB;AAAA,YACA,gBAAgB;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa,oBAA+B;AAAA,YAE3C,sBAAY,4CAAC,kDAAoB,IAAK,4CAAC,kDAAoB;AAAA;AAAA,QAC9D;AAAA;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/DropdownMenuEmptyState.js

@@ -0,0 +1,38 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 DropdownMenuEmptyState_exports = {};
+__export(DropdownMenuEmptyState_exports, {
+  DropdownMenuEmptyState: () => DropdownMenuEmptyState
+});
+module.exports = __toCommonJS(DropdownMenuEmptyState_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled = require("../styled.js");
+const DropdownMenuEmptyState = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledEmptyStateWrapper, { px: "xxs", py: "xxxs", role: "alert", ...props, children: "No content available" });
+//# sourceMappingURL=DropdownMenuEmptyState.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuEmptyState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { StyledEmptyStateWrapper } from '../styled.js';\nimport type { SizingProps } from '@elliemae/ds-legacy-system';\n\ninterface DropdownMenuEmptyStateProps {\n  minWidth: SizingProps['minWidth'];\n  maxHeight: SizingProps['maxHeight'];\n}\nexport const DropdownMenuEmptyState: React.FC<DropdownMenuEmptyStateProps> = (props) => (\n  <StyledEmptyStateWrapper px=\"xxs\" py=\"xxxs\" role=\"alert\" {...props}>\n    No content available\n  </StyledEmptyStateWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSrB;AARF,oBAAwC;AAOjC,MAAM,yBAAgE,CAAC,UAC5E,4CAAC,yCAAwB,IAAG,OAAM,IAAG,QAAO,MAAK,SAAS,GAAG,OAAO,kCAEpE;",
+  "names": []
+}

package/dist/cjs/parts/DropdownMenuItemFactory.js

@@ -0,0 +1,106 @@
+"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 DropdownMenuItemFactory_exports = {};
+__export(DropdownMenuItemFactory_exports, {
+  DropdownMenuItemFactory: () => DropdownMenuItemFactory
+});
+module.exports = __toCommonJS(DropdownMenuItemFactory_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_menu_items = require("@elliemae/ds-legacy-menu-items");
+var import_DropdownMenuContext = require("../DropdownMenuContext.js");
+var import_hooks = require("../hooks/index.js");
+const menuItemMap = {
+  action: import_ds_legacy_menu_items.ActionMenuItem,
+  single: import_ds_legacy_menu_items.SingleMenuItem,
+  checkbox: import_ds_legacy_menu_items.MultiMenuItem,
+  submenu: import_ds_legacy_menu_items.SubmenuItem,
+  separator: import_ds_legacy_menu_items.Separator,
+  section: import_ds_legacy_menu_items.Section,
+  singleWithSubmenu: import_ds_legacy_menu_items.SingleWithSubmenuItem,
+  skeleton: import_ds_legacy_menu_items.SkeletonMenuItem
+};
+const DropdownMenuItemFactory = ({ option, style, innerRef, optionsShouldHavePadding }) => {
+  const {
+    props: { selectedOptions, onOptionClick, openedSubmenus, onSubmenuToggle, onClickOutside },
+    activeDescendant,
+    DSDropdownMenuV2
+  } = (0, import_react.useContext)(import_DropdownMenuContext.DSDropdownMenuContext);
+  if (!(option.type in menuItemMap)) {
+    throw new Error(
+      `Provided option type (${option.type}) is not valid. Please provide one of ${Object.keys(menuItemMap).join(
+        ", "
+      )}`
+    );
+  }
+  const type = option.type;
+  const Component = menuItemMap[type];
+  const { onDropdownKeyDown, ...handlers } = (0, import_hooks.useDropdownMenuItemHandlers)(option);
+  const itemProps = (0, import_react.useMemo)(
+    () => ({
+      ...handlers,
+      innerRef,
+      isActive: activeDescendant === option.dsId,
+      isSelected: selectedOptions ? !!selectedOptions[option.dsId] : false,
+      isSubmenuOpened: openedSubmenus ? !!openedSubmenus[option.dsId] : false,
+      tabIndex: -1,
+      optionsShouldHavePadding,
+      wrapperStyles: style,
+      Dropdown: DSDropdownMenuV2,
+      dropdownProps: {
+        ...option,
+        options: option.type === "submenu" || option.type === "singleWithSubmenu" ? option.options : [],
+        onClickOutside,
+        onOptionClick,
+        onSubmenuToggle,
+        selectedOptions,
+        openedSubmenus,
+        onKeyDown: onDropdownKeyDown
+      }
+    }),
+    [
+      handlers,
+      innerRef,
+      activeDescendant,
+      option,
+      selectedOptions,
+      openedSubmenus,
+      optionsShouldHavePadding,
+      style,
+      DSDropdownMenuV2,
+      onClickOutside,
+      onOptionClick,
+      onSubmenuToggle,
+      onDropdownKeyDown
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...option, ...itemProps });
+};
+//# sourceMappingURL=DropdownMenuItemFactory.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuItemFactory.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo } from 'react';\nimport {\n  ActionMenuItem,\n  SingleMenuItem,\n  MultiMenuItem,\n  SubmenuItem,\n  Separator,\n  Section,\n  SingleWithSubmenuItem,\n  SkeletonMenuItem,\n} from '@elliemae/ds-legacy-menu-items';\nimport type { DSDropdownMenuT } from '../react-desc-prop-types.js';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { useDropdownMenuItemHandlers } from '../hooks/index.js';\n\nconst menuItemMap = {\n  action: ActionMenuItem,\n  single: SingleMenuItem,\n  checkbox: MultiMenuItem,\n  submenu: SubmenuItem,\n  separator: Separator,\n  section: Section,\n  singleWithSubmenu: SingleWithSubmenuItem,\n  skeleton: SkeletonMenuItem,\n};\n\nexport const DropdownMenuItemFactory: React.ComponentType<{\n  option: DSDropdownMenuT.Item;\n  style?: Record<string, unknown>;\n  innerRef?: (el: HTMLElement) => void;\n  optionsShouldHavePadding: boolean;\n}> = ({ option, style, innerRef, optionsShouldHavePadding }): JSX.Element => {\n  const {\n    props: { selectedOptions, onOptionClick, openedSubmenus, onSubmenuToggle, onClickOutside },\n    activeDescendant,\n    DSDropdownMenuV2,\n  } = useContext(DSDropdownMenuContext);\n\n  if (!(option.type in menuItemMap)) {\n    throw new Error(\n      `Provided option type (${option.type}) is not valid. Please provide one of ${Object.keys(menuItemMap).join(\n        ', ',\n      )}`,\n    );\n  }\n  const type = option.type as\n    | 'action'\n    | 'single'\n    | 'checkbox'\n    | 'separator'\n    | 'section'\n    | 'skeleton'\n    | 'singleWithSubmenu';\n\n  const Component = menuItemMap[type];\n\n  const { onDropdownKeyDown, ...handlers } = useDropdownMenuItemHandlers(option);\n\n  const itemProps = useMemo(\n    () => ({\n      ...handlers,\n      innerRef,\n      isActive: activeDescendant === option.dsId,\n      isSelected: selectedOptions ? !!selectedOptions[option.dsId] : false,\n      isSubmenuOpened: openedSubmenus ? !!openedSubmenus[option.dsId] : false,\n      tabIndex: -1 as const,\n      optionsShouldHavePadding,\n      wrapperStyles: style,\n      Dropdown: DSDropdownMenuV2,\n      dropdownProps: {\n        ...option,\n        options: option.type === 'submenu' || option.type === 'singleWithSubmenu' ? option.options : [],\n        onClickOutside,\n        onOptionClick,\n        onSubmenuToggle,\n        selectedOptions,\n        openedSubmenus,\n        onKeyDown: onDropdownKeyDown,\n      },\n    }),\n    [\n      handlers,\n      innerRef,\n      activeDescendant,\n      option,\n      selectedOptions,\n      openedSubmenus,\n      optionsShouldHavePadding,\n      style,\n      DSDropdownMenuV2,\n      onClickOutside,\n      onOptionClick,\n      onSubmenuToggle,\n      onDropdownKeyDown,\n    ],\n  );\n\n  return <Component {...option} {...itemProps} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkGd;AAjGT,mBAA2C;AAC3C,kCASO;AAEP,iCAAsC;AACtC,mBAA4C;AAE5C,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAEO,MAAM,0BAKR,CAAC,EAAE,QAAQ,OAAO,UAAU,yBAAyB,MAAmB;AAC3E,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,eAAe,gBAAgB,iBAAiB,eAAe;AAAA,IACzF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,gDAAqB;AAEpC,MAAI,EAAE,OAAO,QAAQ,cAAc;AACjC,UAAM,IAAI;AAAA,MACR,yBAAyB,OAAO,6CAA6C,OAAO,KAAK,WAAW,EAAE;AAAA,QACpG;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,QAAM,OAAO,OAAO;AASpB,QAAM,YAAY,YAAY,IAAI;AAElC,QAAM,EAAE,mBAAmB,GAAG,SAAS,QAAI,0CAA4B,MAAM;AAE7E,QAAM,gBAAY;AAAA,IAChB,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,UAAU,qBAAqB,OAAO;AAAA,MACtC,YAAY,kBAAkB,CAAC,CAAC,gBAAgB,OAAO,IAAI,IAAI;AAAA,MAC/D,iBAAiB,iBAAiB,CAAC,CAAC,eAAe,OAAO,IAAI,IAAI;AAAA,MAClE,UAAU;AAAA,MACV;AAAA,MACA,eAAe;AAAA,MACf,UAAU;AAAA,MACV,eAAe;AAAA,QACb,GAAG;AAAA,QACH,SAAS,OAAO,SAAS,aAAa,OAAO,SAAS,sBAAsB,OAAO,UAAU,CAAC;AAAA,QAC9F;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,4CAAC,aAAW,GAAG,QAAS,GAAG,WAAW;AAC/C;",
+  "names": []
+}

package/dist/cjs/parts/DropdownMenuListBox.js

@@ -0,0 +1,135 @@
+"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 DropdownMenuListBox_exports = {};
+__export(DropdownMenuListBox_exports, {
+  DropdownMenuListBox: () => DropdownMenuListBox
+});
+module.exports = __toCommonJS(DropdownMenuListBox_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_form_input_text = require("@elliemae/ds-legacy-form-input-text");
+var import_DropdownMenuContext = require("../DropdownMenuContext.js");
+var import_DropdownMenuDataTestId = require("../DropdownMenuDataTestId.js");
+var import_useDropdownListboxHandlers = require("../hooks/useDropdownListboxHandlers.js");
+var import_styled = require("../styled.js");
+var import_DropdownMenuEmptyState = require("./DropdownMenuEmptyState.js");
+var import_DropdownMenuItemFactory = require("./DropdownMenuItemFactory.js");
+var import_DropdownMenuSkeleton = require("./DropdownMenuSkeleton.js");
+var import_hooks = require("../hooks/index.js");
+const DropdownMenuListBox = () => {
+  const ctx = (0, import_react.useContext)(import_DropdownMenuContext.DSDropdownMenuContext);
+  const {
+    triggerReferenceElement,
+    props: {
+      isSkeleton,
+      options,
+      hasInput,
+      inputValue,
+      onInputChange,
+      HeaderComp,
+      minWidth: userMinWidth,
+      maxHeight: userMaxHeight
+    },
+    activeDescendant,
+    listboxReference,
+    inputReference,
+    virtualListHelpers: { totalSize, virtualItems }
+  } = ctx;
+  (0, import_hooks.useAutofocusContainerOnOpen)();
+  const { onKeyDown, onMouseEnter, onMouseLeave } = (0, import_useDropdownListboxHandlers.useDropdownListboxHandlers)();
+  const { optionsShouldHavePadding } = (0, import_hooks.useGetOptionSpecialAttributes)();
+  const minWidth = (0, import_react.useMemo)(
+    () => userMinWidth !== void 0 ? userMinWidth : Math.max(triggerReferenceElement?.offsetWidth ?? 0, 162),
+    [triggerReferenceElement?.offsetWidth, userMinWidth]
+  );
+  return (0, import_react.useMemo)(() => {
+    if (virtualItems.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuEmptyState.DropdownMenuEmptyState, { minWidth, maxHeight: userMaxHeight || 400 });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styled.StyledListBoxWrapper,
+      {
+        minWidth,
+        maxHeight: userMaxHeight || 400,
+        ref: listboxReference,
+        tabIndex: 0,
+        "data-testid": import_DropdownMenuDataTestId.DropdownMenuDataTestId.MENU_WRAPPER,
+        onKeyDown,
+        onMouseEnter,
+        onMouseLeave,
+        hasHeader: !!HeaderComp,
+        children: isSkeleton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuSkeleton.DropdownMenuSkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          HeaderComp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledHeaderWrapper, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeaderComp, { ctx }) }),
+          hasInput && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledInputWrapper, { hasHeader: !!HeaderComp, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_form_input_text.DSInputText, { value: inputValue, onChange: onInputChange, innerRef: inputReference }) }, "dropdown-listbox-input-wrapper"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledOptionListWrapper,
+            {
+              "aria-activedescendant": activeDescendant,
+              "data-testid": import_DropdownMenuDataTestId.DropdownMenuDataTestId.LISTBOX,
+              role: "listbox",
+              "aria-label": "List of options",
+              style: { height: totalSize || 16 },
+              children: virtualItems.map((vItem) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_DropdownMenuItemFactory.DropdownMenuItemFactory,
+                {
+                  option: options[vItem.index],
+                  style: { position: "absolute", top: vItem.start, left: 0, width: "100%" },
+                  innerRef: vItem.measureRef,
+                  optionsShouldHavePadding
+                },
+                `dropdown-listbox-option-${options[vItem.index].dsId}`
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }, [
+    HeaderComp,
+    activeDescendant,
+    ctx,
+    hasInput,
+    inputReference,
+    inputValue,
+    isSkeleton,
+    listboxReference,
+    minWidth,
+    onInputChange,
+    onKeyDown,
+    onMouseEnter,
+    onMouseLeave,
+    options,
+    optionsShouldHavePadding,
+    totalSize,
+    userMaxHeight,
+    virtualItems
+  ]);
+};
+//# sourceMappingURL=DropdownMenuListBox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuListBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { DSInputText } from '@elliemae/ds-legacy-form-input-text';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { useDropdownListboxHandlers } from '../hooks/useDropdownListboxHandlers.js';\nimport { StyledInputWrapper, StyledListBoxWrapper, StyledHeaderWrapper, StyledOptionListWrapper } from '../styled.js';\nimport { DropdownMenuEmptyState } from './DropdownMenuEmptyState.js';\nimport { DropdownMenuItemFactory } from './DropdownMenuItemFactory.js';\nimport { DropdownMenuSkeleton } from './DropdownMenuSkeleton.js';\n\nimport { useAutofocusContainerOnOpen, useGetOptionSpecialAttributes } from '../hooks/index.js';\n\nexport const DropdownMenuListBox: React.ComponentType<Record<string, never>> = () => {\n  const ctx = useContext(DSDropdownMenuContext);\n  const {\n    triggerReferenceElement,\n    props: {\n      isSkeleton,\n      options,\n      hasInput,\n      inputValue,\n      onInputChange,\n      HeaderComp,\n      minWidth: userMinWidth,\n      maxHeight: userMaxHeight,\n    },\n    activeDescendant,\n    listboxReference,\n    inputReference,\n    virtualListHelpers: { totalSize, virtualItems },\n  } = ctx;\n\n  useAutofocusContainerOnOpen();\n\n  const { onKeyDown, onMouseEnter, onMouseLeave } = useDropdownListboxHandlers();\n\n  const { optionsShouldHavePadding } = useGetOptionSpecialAttributes();\n\n  const minWidth = useMemo(\n    () => (userMinWidth !== undefined ? userMinWidth : Math.max(triggerReferenceElement?.offsetWidth ?? 0, 162)),\n    [triggerReferenceElement?.offsetWidth, userMinWidth],\n  );\n\n  return useMemo(() => {\n    if (virtualItems.length === 0) {\n      return <DropdownMenuEmptyState minWidth={minWidth} maxHeight={userMaxHeight || 400} />;\n    }\n    return (\n      <StyledListBoxWrapper\n        minWidth={minWidth}\n        maxHeight={userMaxHeight || 400}\n        ref={listboxReference}\n        tabIndex={0}\n        data-testid={DropdownMenuDataTestId.MENU_WRAPPER}\n        onKeyDown={onKeyDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        hasHeader={!!HeaderComp}\n      >\n        {isSkeleton ? (\n          <DropdownMenuSkeleton />\n        ) : (\n          <>\n            {HeaderComp && (\n              <StyledHeaderWrapper alignItems=\"center\">\n                <HeaderComp ctx={ctx} />\n              </StyledHeaderWrapper>\n            )}\n            {hasInput && (\n              <StyledInputWrapper key=\"dropdown-listbox-input-wrapper\" hasHeader={!!HeaderComp}>\n                <DSInputText value={inputValue} onChange={onInputChange} innerRef={inputReference} />\n              </StyledInputWrapper>\n            )}\n            <StyledOptionListWrapper\n              aria-activedescendant={activeDescendant}\n              data-testid={DropdownMenuDataTestId.LISTBOX}\n              role=\"listbox\"\n              aria-label=\"List of options\"\n              style={{ height: totalSize || 16 }}\n            >\n              {virtualItems.map((vItem) => (\n                <DropdownMenuItemFactory\n                  option={options[vItem.index]}\n                  style={{ position: 'absolute', top: vItem.start, left: 0, width: '100%' }}\n                  key={`dropdown-listbox-option-${options[vItem.index].dsId}`}\n                  innerRef={vItem.measureRef}\n                  optionsShouldHavePadding={optionsShouldHavePadding}\n                />\n              ))}\n            </StyledOptionListWrapper>\n          </>\n        )}\n      </StyledListBoxWrapper>\n    );\n  }, [\n    HeaderComp,\n    activeDescendant,\n    ctx,\n    hasInput,\n    inputReference,\n    inputValue,\n    isSkeleton,\n    listboxReference,\n    minWidth,\n    onInputChange,\n    onKeyDown,\n    onMouseEnter,\n    onMouseLeave,\n    options,\n    optionsShouldHavePadding,\n    totalSize,\n    userMaxHeight,\n    virtualItems,\n  ]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CV;AA7Cb,mBAA2C;AAC3C,uCAA4B;AAC5B,iCAAsC;AACtC,oCAAuC;AACvC,wCAA2C;AAC3C,oBAAuG;AACvG,oCAAuC;AACvC,qCAAwC;AACxC,kCAAqC;AAErC,mBAA2E;AAEpE,MAAM,sBAAkE,MAAM;AACnF,QAAM,UAAM,yBAAW,gDAAqB;AAC5C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,EAAE,WAAW,aAAa;AAAA,EAChD,IAAI;AAEJ,gDAA4B;AAE5B,QAAM,EAAE,WAAW,cAAc,aAAa,QAAI,8DAA2B;AAE7E,QAAM,EAAE,yBAAyB,QAAI,4CAA8B;AAEnE,QAAM,eAAW;AAAA,IACf,MAAO,iBAAiB,SAAY,eAAe,KAAK,IAAI,yBAAyB,eAAe,GAAG,GAAG;AAAA,IAC1G,CAAC,yBAAyB,aAAa,YAAY;AAAA,EACrD;AAEA,aAAO,sBAAQ,MAAM;AACnB,QAAI,aAAa,WAAW,GAAG;AAC7B,aAAO,4CAAC,wDAAuB,UAAoB,WAAW,iBAAiB,KAAK;AAAA,IACtF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,iBAAiB;AAAA,QAC5B,KAAK;AAAA,QACL,UAAU;AAAA,QACV,eAAa,qDAAuB;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,CAAC,CAAC;AAAA,QAEZ,uBACC,4CAAC,oDAAqB,IAEtB,4EACG;AAAA,wBACC,4CAAC,qCAAoB,YAAW,UAC9B,sDAAC,cAAW,KAAU,GACxB;AAAA,UAED,YACC,4CAAC,oCAAwD,WAAW,CAAC,CAAC,YACpE,sDAAC,gDAAY,OAAO,YAAY,UAAU,eAAe,UAAU,gBAAgB,KAD7D,gCAExB;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,yBAAuB;AAAA,cACvB,eAAa,qDAAuB;AAAA,cACpC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,OAAO,EAAE,QAAQ,aAAa,GAAG;AAAA,cAEhC,uBAAa,IAAI,CAAC,UACjB;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAQ,QAAQ,MAAM,KAAK;AAAA,kBAC3B,OAAO,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO,OAAO;AAAA,kBAExE,UAAU,MAAM;AAAA,kBAChB;AAAA;AAAA,gBAFK,2BAA2B,QAAQ,MAAM,KAAK,EAAE;AAAA,cAGvD,CACD;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA,IAEJ;AAAA,EAEJ,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/cjs/parts/DropdownMenuLoading.js

@@ -0,0 +1,73 @@
+"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 DropdownMenuLoading_exports = {};
+__export(DropdownMenuLoading_exports, {
+  DropdownMenuLoading: () => DropdownMenuLoading
+});
+module.exports = __toCommonJS(DropdownMenuLoading_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_circular_progress_indicator = require("@elliemae/ds-legacy-circular-progress-indicator");
+var import_DropdownMenuContext = require("../DropdownMenuContext.js");
+var import_DropdownMenuDataTestId = require("../DropdownMenuDataTestId.js");
+var import_styled = require("../styled.js");
+const DropdownMenuLoading = () => {
+  const {
+    props: { onClickOutside },
+    triggerReferenceElement
+  } = (0, import_react.useContext)(import_DropdownMenuContext.DSDropdownMenuContext);
+  const loadingRef = (0, import_react.useRef)(null);
+  (0, import_react.useLayoutEffect)(() => {
+    loadingRef.current?.focus();
+  }, [loadingRef]);
+  const onKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.code === "Escape" || e.code === "ArrowLeft")
+        onClickOutside(e);
+    },
+    [onClickOutside]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledLoadingWrapper,
+    {
+      minWidth: triggerReferenceElement?.offsetWidth ?? 0,
+      justifyContent: "center",
+      alignItems: "center",
+      "data-testid": import_DropdownMenuDataTestId.DropdownMenuDataTestId.LOADING,
+      tabIndex: 0,
+      role: "status",
+      "aria-busy": "true",
+      ref: loadingRef,
+      onKeyDown,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_circular_progress_indicator.DSCircularProgressIndicator, { size: "l" })
+    }
+  );
+};
+//# sourceMappingURL=DropdownMenuLoading.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuLoading.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback, useContext, useLayoutEffect, useRef } from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-legacy-circular-progress-indicator';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\nimport { DropdownMenuDataTestId } from '../DropdownMenuDataTestId.js';\nimport { StyledLoadingWrapper } from '../styled.js';\n\nexport const DropdownMenuLoading: React.ComponentType<Record<string, never>> = () => {\n  const {\n    props: { onClickOutside },\n    triggerReferenceElement,\n  } = useContext(DSDropdownMenuContext);\n\n  const loadingRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    loadingRef.current?.focus();\n  }, [loadingRef]);\n\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (e.code === 'Escape' || e.code === 'ArrowLeft') onClickOutside(e);\n    },\n    [onClickOutside],\n  );\n\n  return (\n    <StyledLoadingWrapper\n      minWidth={triggerReferenceElement?.offsetWidth ?? 0}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      data-testid={DropdownMenuDataTestId.LOADING}\n      tabIndex={0}\n      role=\"status\"\n      aria-busy=\"true\"\n      ref={loadingRef}\n      onKeyDown={onKeyDown}\n    >\n      <DSCircularProgressIndicator size=\"l\" />\n    </StyledLoadingWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCjB;AArCN,mBAAwE;AACxE,mDAA4C;AAC5C,iCAAsC;AACtC,oCAAuC;AACvC,oBAAqC;AAE9B,MAAM,sBAAkE,MAAM;AACnF,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe;AAAA,IACxB;AAAA,EACF,QAAI,yBAAW,gDAAqB;AAEpC,QAAM,iBAAa,qBAAuB,IAAI;AAE9C,oCAAgB,MAAM;AACpB,eAAW,SAAS,MAAM;AAAA,EAC5B,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,gBAAwC;AAAA,IAC5C,CAAC,MAAM;AACL,UAAI,EAAE,SAAS,YAAY,EAAE,SAAS;AAAa,uBAAe,CAAC;AAAA,IACrE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,yBAAyB,eAAe;AAAA,MAClD,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,eAAa,qDAAuB;AAAA,MACpC,UAAU;AAAA,MACV,MAAK;AAAA,MACL,aAAU;AAAA,MACV,KAAK;AAAA,MACL;AAAA,MAEA,sDAAC,4EAA4B,MAAK,KAAI;AAAA;AAAA,EACxC;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/DropdownMenuSkeleton.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 DropdownMenuSkeleton_exports = {};
+__export(DropdownMenuSkeleton_exports, {
+  DropdownMenuSkeleton: () => DropdownMenuSkeleton
+});
+module.exports = __toCommonJS(DropdownMenuSkeleton_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_menu_items = require("@elliemae/ds-legacy-menu-items");
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+const DropdownMenuSkeleton = () => {
+  const SKELETON_AMOUNT = 5;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_grid.Grid, { children: Array(SKELETON_AMOUNT).fill(0).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_menu_items.SkeletonMenuItem, { dsId: `${index}-skeleton` }, index)) });
+};
+//# sourceMappingURL=DropdownMenuSkeleton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DropdownMenuSkeleton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { SkeletonMenuItem } from '@elliemae/ds-legacy-menu-items';\nimport { Grid } from '@elliemae/ds-legacy-grid';\n\nexport const DropdownMenuSkeleton = () => {\n  const SKELETON_AMOUNT = 5;\n\n  return (\n    <Grid>\n      {Array(SKELETON_AMOUNT)\n        .fill(0)\n        .map((_, index) => (\n          <SkeletonMenuItem key={index} dsId={`${index}-skeleton`} />\n        ))}\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYb;AAXV,kCAAiC;AACjC,4BAAqB;AAEd,MAAM,uBAAuB,MAAM;AACxC,QAAM,kBAAkB;AAExB,SACE,4CAAC,8BACE,gBAAM,eAAe,EACnB,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UACP,4CAAC,gDAA6B,MAAM,GAAG,oBAAhB,KAAkC,CAC1D,GACL;AAEJ;",
+  "names": []
+}