@elliemae/ds-dropdownmenu-v2 3.25.0-next.3

package/dist/cjs/DSDropdownMenu.js

@@ -0,0 +1,50 @@
+"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 DSDropdownMenu_exports = {};
+__export(DSDropdownMenu_exports, {
+  DSDropdownMenuV2: () => DSDropdownMenuV2,
+  DSDropdownMenuV2WithSchema: () => DSDropdownMenuV2WithSchema
+});
+module.exports = __toCommonJS(DSDropdownMenu_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_DropdownMenuContext = require("./DropdownMenuContext.js");
+var import_useDropdownMenuConfig = require("./config/useDropdownMenuConfig.js");
+var import_DropdownMenuContent = require("./parts/DropdownMenuContent.js");
+const DSDropdownMenuV2 = (props) => {
+  const ctx = (0, import_useDropdownMenuConfig.useDropdownMenuConfig)(props, DSDropdownMenuV2);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuContext.DSDropdownMenuContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DropdownMenuContent.DropdownMenuContent, {}) });
+};
+DSDropdownMenuV2.propTypes = import_react_desc_prop_types.DSDropdownMenuV2PropTypes;
+DSDropdownMenuV2.displayName = "DSDropdownMenuV2";
+const DSDropdownMenuV2WithSchema = (0, import_ds_props_helpers.describe)(DSDropdownMenuV2).description("Dropdown Menu");
+DSDropdownMenuV2WithSchema.propTypes = import_react_desc_prop_types.DSDropdownMenuV2PropTypes;
+//# sourceMappingURL=DSDropdownMenu.js.map

package/dist/cjs/DSDropdownMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDropdownMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,8BAAyB;AAEzB,mCAA0C;AAC1C,iCAAsC;AACtC,mCAAsC;AACtC,iCAAoC;AAEpC,MAAM,mBAA+D,CAAC,UAAU;AAC9E,QAAM,UAAM,oDAAsB,OAAO,gBAAgB;AAEzD,SACE,4CAAC,iDAAsB,UAAtB,EAA+B,OAAO,KACrC,sDAAC,kDAAoB,GACvB;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB,EAAE,YAAY,eAAe;AACzF,2BAA2B,YAAY;",
+  "names": []
+}

package/dist/cjs/DropdownMenuContext.js

@@ -0,0 +1,37 @@
+"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 DropdownMenuContext_exports = {};
+__export(DropdownMenuContext_exports, {
+  DSDropdownMenuContext: () => DSDropdownMenuContext
+});
+module.exports = __toCommonJS(DropdownMenuContext_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const DSDropdownMenuContext = (0, import_react.createContext)(void 0);
+//# sourceMappingURL=DropdownMenuContext.js.map

package/dist/cjs/DropdownMenuContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DropdownMenuContext.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAGvB,MAAM,4BAAwB,4BAAmC,MAA2C;",
+  "names": []
+}

package/dist/cjs/DropdownMenuDataTestId.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 DropdownMenuDataTestId_exports = {};
+__export(DropdownMenuDataTestId_exports, {
+  DropdownMenuDataTestId: () => DropdownMenuDataTestId
+});
+module.exports = __toCommonJS(DropdownMenuDataTestId_exports);
+var React = __toESM(require("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"
+};
+//# sourceMappingURL=DropdownMenuDataTestId.js.map

package/dist/cjs/DropdownMenuDataTestId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DropdownMenuDataTestId.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,SAAS;AAAA,EACT,QAAQ;AACV;",
+  "names": []
+}

package/dist/cjs/config/useDropdownMenuConfig.js

@@ -0,0 +1,114 @@
+"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 useDropdownMenuConfig_exports = {};
+__export(useDropdownMenuConfig_exports, {
+  useDropdownMenuConfig: () => useDropdownMenuConfig
+});
+module.exports = __toCommonJS(useDropdownMenuConfig_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_react_virtual = require("react-virtual");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useReferenceConfig = require("./useReferenceConfig.js");
+var import_utils = require("../utils/index.js");
+var import_exported_related = require("../exported-related/index.js");
+const estimateSize = () => 32;
+const useDropdownMenuConfig = (props, self) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSDropdownMenuV2PropTypes, import_exported_related.DSDropdownMenuName);
+  const { options, inputValue, isOpened, actionRef } = propsWithDefault;
+  const { triggerReferenceElement, setTriggerReferenceElement, listboxReference, inputReference } = (0, import_useReferenceConfig.useReferenceConfig)();
+  const [activeDescendant, setActiveDescendant] = (0, import_react.useState)(options.find(import_utils.isOptionFocuseable)?.dsId ?? "");
+  (0, import_react.useEffect)(() => {
+    if (isOpened) {
+      setActiveDescendant(options.find(import_utils.isOptionFocuseable)?.dsId ?? "");
+    }
+  }, [isOpened, inputValue]);
+  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
+    size: options.length,
+    parentRef: listboxReference,
+    overscan: 15,
+    paddingStart: 0,
+    estimateSize
+  });
+  const { scrollToIndex } = virtualListHelpers;
+  const scrollToIndexInternal = (0, import_react.useCallback)(
+    (index, opts) => {
+      scrollToIndex(index, opts);
+      window.requestAnimationFrame(() => {
+        scrollToIndex(index, opts);
+      });
+    },
+    [scrollToIndex]
+  );
+  const scrollOptionIntoView = (0, import_react.useCallback)(
+    (dsId, opts = { align: "center" }) => {
+      const optionIndex = options.findIndex((opt) => opt.dsId === dsId);
+      scrollToIndexInternal(optionIndex, opts);
+    },
+    [options, scrollToIndexInternal]
+  );
+  (0, import_react.useEffect)(() => {
+    if (actionRef?.current) {
+      actionRef.current = {
+        setActiveDescendant,
+        scrollOptionIntoView,
+        scrollToIndex: scrollToIndexInternal
+      };
+    }
+  }, [actionRef, scrollOptionIntoView, scrollToIndexInternal]);
+  const ctx = (0, import_react.useMemo)(
+    () => ({
+      props: propsWithDefault,
+      virtualListHelpers,
+      triggerReferenceElement,
+      setTriggerReferenceElement,
+      listboxReference,
+      inputReference,
+      activeDescendant,
+      setActiveDescendant,
+      scrollOptionIntoView,
+      DSDropdownMenuV2: self
+    }),
+    [
+      propsWithDefault,
+      virtualListHelpers,
+      triggerReferenceElement,
+      setTriggerReferenceElement,
+      listboxReference,
+      inputReference,
+      activeDescendant,
+      scrollOptionIntoView,
+      self
+    ]
+  );
+  return ctx;
+};
+//# sourceMappingURL=useDropdownMenuConfig.js.map

package/dist/cjs/config/useDropdownMenuConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useDropdownMenuConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { type ScrollToIndexOptions, useVirtual } from 'react-virtual';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSDropdownMenuT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSDropdownMenuV2PropTypes } from '../react-desc-prop-types.js';\nimport { useReferenceConfig } from './useReferenceConfig.js';\nimport { isOptionFocuseable } from '../utils/index.js';\nimport { DSDropdownMenuName } from '../exported-related/index.js';\n\nconst estimateSize = () => 32;\n\nexport const useDropdownMenuConfig = (\n  props: DSDropdownMenuT.Props,\n  self: React.ComponentType<DSDropdownMenuT.Props>,\n): DSDropdownMenuT.CTX => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDropdownMenuT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSDropdownMenuV2PropTypes, DSDropdownMenuName);\n\n  const { options, inputValue, isOpened, actionRef } = propsWithDefault;\n\n  const { triggerReferenceElement, setTriggerReferenceElement, listboxReference, inputReference } =\n    useReferenceConfig();\n\n  const [activeDescendant, setActiveDescendant] = useState<string>(options.find(isOptionFocuseable)?.dsId ?? '');\n\n  // ---------------------------------------------------------------------------\n  // Focusing first option when dropdown opens or input changes\n  // ---------------------------------------------------------------------------\n  useEffect(() => {\n    if (isOpened) {\n      setActiveDescendant(options.find(isOptionFocuseable)?.dsId ?? '');\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpened, inputValue]);\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n  const virtualListHelpers = useVirtual({\n    size: options.length,\n    parentRef: listboxReference,\n    overscan: 15,\n    paddingStart: 0,\n    estimateSize,\n  });\n\n  const { scrollToIndex } = virtualListHelpers;\n\n  // ===========================================================================\n  // Scroll to index function\n  // ===========================================================================\n  const scrollToIndexInternal = useCallback(\n    (index: number, opts?: ScrollToIndexOptions) => {\n      // Since we could have dynamic sizing on the options, scrolling to an index may not work correctly sometimes.\n      // This is a workaround to ensure that the option is scrolled into view.\n      // More info -> https://github.com/TanStack/virtual/issues/381\n      scrollToIndex(index, opts);\n      window.requestAnimationFrame(() => {\n        scrollToIndex(index, opts);\n      });\n    },\n    [scrollToIndex],\n  );\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts: { align: 'start' | 'center' | 'end' | 'auto' } = { align: 'center' }) => {\n      const optionIndex = options.findIndex((opt) => opt.dsId === dsId);\n      scrollToIndexInternal(optionIndex, opts);\n    },\n    [options, scrollToIndexInternal],\n  );\n\n  // ===========================================================================\n  // Action ref setup\n  // ===========================================================================\n  useEffect(() => {\n    if (actionRef?.current) {\n      actionRef.current = {\n        setActiveDescendant,\n        scrollOptionIntoView,\n        scrollToIndex: scrollToIndexInternal,\n      };\n    }\n  }, [actionRef, scrollOptionIntoView, scrollToIndexInternal]);\n\n  // ===========================================================================\n  // Context setup\n  // ===========================================================================\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefault,\n      virtualListHelpers,\n      triggerReferenceElement,\n      setTriggerReferenceElement,\n      listboxReference,\n      inputReference,\n      activeDescendant,\n      setActiveDescendant,\n      scrollOptionIntoView,\n      DSDropdownMenuV2: self,\n    }),\n    [\n      propsWithDefault,\n      virtualListHelpers,\n      triggerReferenceElement,\n      setTriggerReferenceElement,\n      listboxReference,\n      inputReference,\n      activeDescendant,\n      scrollOptionIntoView,\n      self,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0D;AAC1D,2BAAsD;AACtD,8BAA6E;AAE7E,mCAAwD;AACxD,gCAAmC;AACnC,mBAAmC;AACnC,8BAAmC;AAEnC,MAAM,eAAe,MAAM;AAEpB,MAAM,wBAAwB,CACnC,OACA,SACwB;AACxB,QAAM,uBAAmB,sDAA4D,OAAO,yCAAY;AACxG,8DAA+B,kBAAkB,wDAA2B,0CAAkB;AAE9F,QAAM,EAAE,SAAS,YAAY,UAAU,UAAU,IAAI;AAErD,QAAM,EAAE,yBAAyB,4BAA4B,kBAAkB,eAAe,QAC5F,8CAAmB;AAErB,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAiB,QAAQ,KAAK,+BAAkB,GAAG,QAAQ,EAAE;AAK7G,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,0BAAoB,QAAQ,KAAK,+BAAkB,GAAG,QAAQ,EAAE;AAAA,IAClE;AAAA,EAEF,GAAG,CAAC,UAAU,UAAU,CAAC;AAKzB,QAAM,yBAAqB,iCAAW;AAAA,IACpC,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,QAAM,EAAE,cAAc,IAAI;AAK1B,QAAM,4BAAwB;AAAA,IAC5B,CAAC,OAAe,SAAgC;AAI9C,oBAAc,OAAO,IAAI;AACzB,aAAO,sBAAsB,MAAM;AACjC,sBAAc,OAAO,IAAI;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAKA,QAAM,2BAAuB;AAAA,IAC3B,CAAC,MAAc,OAAuD,EAAE,OAAO,SAAS,MAAM;AAC5F,YAAM,cAAc,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,IAAI;AAChE,4BAAsB,aAAa,IAAI;AAAA,IACzC;AAAA,IACA,CAAC,SAAS,qBAAqB;AAAA,EACjC;AAKA,8BAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,gBAAU,UAAU;AAAA,QAClB;AAAA,QACA;AAAA,QACA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,sBAAsB,qBAAqB,CAAC;AAK3D,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/config/useReferenceConfig.js

@@ -0,0 +1,47 @@
+"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 useReferenceConfig_exports = {};
+__export(useReferenceConfig_exports, {
+  useReferenceConfig: () => useReferenceConfig
+});
+module.exports = __toCommonJS(useReferenceConfig_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useReferenceConfig = () => {
+  const [triggerReferenceElement, setTriggerReferenceElement] = (0, import_react.useState)(null);
+  const listboxReference = (0, import_react.useRef)(null);
+  const inputReference = (0, import_react.useRef)(null);
+  return {
+    triggerReferenceElement,
+    setTriggerReferenceElement,
+    listboxReference,
+    inputReference
+  };
+};
+//# sourceMappingURL=useReferenceConfig.js.map

package/dist/cjs/config/useReferenceConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useReferenceConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useRef, useState } from 'react';\n\nexport const useReferenceConfig = () => {\n  const [triggerReferenceElement, setTriggerReferenceElement] = useState<HTMLDivElement | null>(null);\n\n  const listboxReference = useRef<HTMLDivElement>(null);\n  const inputReference = useRef<HTMLInputElement>(null);\n\n  return {\n    triggerReferenceElement,\n    setTriggerReferenceElement,\n    listboxReference,\n    inputReference,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AAE1B,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,yBAAyB,0BAA0B,QAAI,uBAAgC,IAAI;AAElG,QAAM,uBAAmB,qBAAuB,IAAI;AACpD,QAAM,qBAAiB,qBAAyB,IAAI;AAEpD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/exported-related/constants.js

@@ -0,0 +1,45 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DSDropdownMenuName: () => DSDropdownMenuName,
+  DSDropdownMenuSlots: () => DSDropdownMenuSlots
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const DSDropdownMenuName = "DSDropdownMenu";
+const DSDropdownMenuSlots = {
+  ROOT: "root",
+  LOADING_WRAPPER: "loading-wrapper",
+  LISTBOX_WRAPPER: "listbox-wrapper",
+  HEADER_WRAPPER: "header-wrapper",
+  OPTION_LIST_WRAPPER: "option-list-wrapper",
+  EMPTY_STATE_WRAPPER: "empty-state-wrapper"
+};
+//# sourceMappingURL=constants.js.map

package/dist/cjs/exported-related/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/constants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSDropdownMenuName = 'DSDropdownMenu';\n\nexport const DSDropdownMenuSlots = {\n  ROOT: 'root',\n  LOADING_WRAPPER: 'loading-wrapper',\n  LISTBOX_WRAPPER: 'listbox-wrapper',\n  HEADER_WRAPPER: 'header-wrapper',\n  OPTION_LIST_WRAPPER: 'option-list-wrapper',\n  EMPTY_STATE_WRAPPER: 'empty-state-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAE3B,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,qBAAqB;AACvB;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+"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 exported_related_exports = {};
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+__reExport(exported_related_exports, require("./constants.js"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,2BAAd;",
+  "names": []
+}

package/dist/cjs/hooks/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 hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+var React = __toESM(require("react"));
+__reExport(hooks_exports, require("./useAutofocusContainerOnOpen.js"), module.exports);
+__reExport(hooks_exports, require("./useDropdownMenuItemHandlers.js"), module.exports);
+__reExport(hooks_exports, require("./useGetOptionSpecialAttributes.js"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './useAutofocusContainerOnOpen.js';\nexport * from './useDropdownMenuItemHandlers.js';\nexport * from './useGetOptionSpecialAttributes.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,6CAAd;AACA,0BAAc,6CADd;AAEA,0BAAc,+CAFd;",
+  "names": []
+}

package/dist/cjs/hooks/useAutofocusContainerOnOpen.js

@@ -0,0 +1,49 @@
+"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 useAutofocusContainerOnOpen_exports = {};
+__export(useAutofocusContainerOnOpen_exports, {
+  useAutofocusContainerOnOpen: () => useAutofocusContainerOnOpen
+});
+module.exports = __toCommonJS(useAutofocusContainerOnOpen_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_DropdownMenuContext = require("../DropdownMenuContext.js");
+const useAutofocusContainerOnOpen = () => {
+  const { listboxReference, inputReference } = (0, import_react.useContext)(import_DropdownMenuContext.DSDropdownMenuContext);
+  (0, import_react.useLayoutEffect)(() => {
+    requestAnimationFrame(() => {
+      if (inputReference.current) {
+        inputReference.current.focus();
+      } else if (listboxReference.current) {
+        listboxReference.current.focus();
+      }
+    });
+  }, [inputReference, listboxReference]);
+};
+//# sourceMappingURL=useAutofocusContainerOnOpen.js.map

package/dist/cjs/hooks/useAutofocusContainerOnOpen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useAutofocusContainerOnOpen.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useContext, useLayoutEffect } from 'react';\nimport { DSDropdownMenuContext } from '../DropdownMenuContext.js';\n\nexport const useAutofocusContainerOnOpen = () => {\n  const { listboxReference, inputReference } = useContext(DSDropdownMenuContext);\n\n  useLayoutEffect(() => {\n    requestAnimationFrame(() => {\n      if (inputReference.current) {\n        inputReference.current.focus();\n      } else if (listboxReference.current) {\n        listboxReference.current.focus();\n      }\n    });\n  }, [inputReference, listboxReference]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,iCAAsC;AAE/B,MAAM,8BAA8B,MAAM;AAC/C,QAAM,EAAE,kBAAkB,eAAe,QAAI,yBAAW,gDAAqB;AAE7E,oCAAgB,MAAM;AACpB,0BAAsB,MAAM;AAC1B,UAAI,eAAe,SAAS;AAC1B,uBAAe,QAAQ,MAAM;AAAA,MAC/B,WAAW,iBAAiB,SAAS;AACnC,yBAAiB,QAAQ,MAAM;AAAA,MACjC;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,gBAAgB,gBAAgB,CAAC;AACvC;",
+  "names": []
+}