@elliemae/ds-global-header 3.4.2 → 3.4.3

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PopupMenu_exports = {};
 __export(PopupMenu_exports, {
@@ -25,7 +28,8 @@ __export(PopupMenu_exports, {
 });
 module.exports = __toCommonJS(PopupMenu_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
 var import_PopupMenuContent = require("./menuContent/PopupMenuContent");
@@ -50,25 +54,31 @@ const PopupMenu = ({
     options,
     closeOnClick
   } = componentProps;
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code === "ArrowDown") {
-      setIsOpen(true);
-    }
-    if (onKeyPress)
-      onKeyPress(e);
-  }, [onKeyPress]);
+  const handleOnKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.code === "ArrowDown") {
+        setIsOpen(true);
+      }
+      if (onKeyPress)
+        onKeyPress(e);
+    },
+    [onKeyPress]
+  );
   const handleOnClose = (0, import_react.useCallback)(() => {
     if (userIsOpen === void 0) {
       setIsOpen(false);
     }
     buttonRef?.focus();
   }, [buttonRef, userIsOpen]);
-  const handleTriggerOnClick = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0)
-      setIsOpen(true);
-    if (onClick)
-      onClick(e);
-  }, [onClick, userIsOpen]);
+  const handleTriggerOnClick = (0, import_react.useCallback)(
+    (e) => {
+      if (userIsOpen === void 0)
+        setIsOpen(true);
+      if (onClick)
+        onClick(e);
+    },
+    [onClick, userIsOpen]
+  );
   const handleItemClick = (0, import_react.useCallback)(() => {
     if (closeOnClick && userIsOpen === void 0)
       handleOnClose();
@@ -77,31 +87,38 @@ const PopupMenu = ({
     setRef(ref);
     setButtonRef(ref);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
-    onClick: handleTriggerOnClick,
-    onKeyDown: handleOnKeyDown,
-    "aria-label": title,
-    ref: handleRefs,
-    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
-    role: "menuitem",
-    "aria-haspopup": true,
-    "aria-expanded": userIsOpen ?? isOpen,
-    id,
-    ...(0, import_ds_utilities.useGetGlobalAttributes)(otherProps)
-  }, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, {
-    size: "m"
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
-    referenceElement: buttonRef,
-    showPopover: userIsOpen ?? isOpen,
-    closeContextMenu: handleOnClose,
-    onClickOutside,
-    withoutPortal: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_PopupMenuContent.PopupMenuContent, {
-    options,
-    onItemClick: handleItemClick,
-    onClose: handleOnClose,
-    setIsOpen,
-    popupOnKeyPress
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledButton, {
+        onClick: handleTriggerOnClick,
+        onKeyDown: handleOnKeyDown,
+        "aria-label": title,
+        ref: handleRefs,
+        "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
+        role: "menuitem",
+        "aria-haspopup": true,
+        "aria-expanded": userIsOpen ?? isOpen,
+        id,
+        ...(0, import_ds_utilities.useGetGlobalAttributes)(otherProps),
+        children: Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+          size: "m"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
+        referenceElement: buttonRef,
+        showPopover: userIsOpen ?? isOpen,
+        closeContextMenu: handleOnClose,
+        onClickOutside,
+        withoutPortal: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PopupMenuContent.PopupMenuContent, {
+          options,
+          onItemClick: handleItemClick,
+          onClose: handleOnClose,
+          setIsOpen,
+          popupOnKeyPress
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=PopupMenu.js.map

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { PopupMenuContent } from './menuContent/PopupMenuContent';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const PopupMenu = ({\n  Icon,\n  title,\n  onClick,\n  id,\n  setRef,\n  componentProps,\n  ...otherProps\n}: DSGlobalHeaderInternalsT.PopupProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [buttonRef, setButtonRef] = useState<HTMLButtonElement | null>(null);\n\n  const {\n    onClickOutside = () => null,\n    onKeyPress,\n    popupOnKeyPress,\n    isOpen: userIsOpen,\n    options,\n    closeOnClick,\n  } = componentProps;\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'ArrowDown') {\n        setIsOpen(true);\n      }\n      if (onKeyPress) onKeyPress(e);\n    },\n    [onKeyPress],\n  );\n\n  const handleOnClose = useCallback(() => {\n    if (userIsOpen === undefined) {\n      setIsOpen(false);\n    }\n    buttonRef?.focus();\n  }, [buttonRef, userIsOpen]);\n\n  const handleTriggerOnClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (userIsOpen === undefined) setIsOpen(true);\n      if (onClick) onClick(e);\n    },\n    [onClick, userIsOpen],\n  );\n\n  const handleItemClick = useCallback(() => {\n    if (closeOnClick && userIsOpen === undefined) handleOnClose();\n  }, [closeOnClick, handleOnClose, userIsOpen]);\n\n  const handleRefs = useCallback((ref) => {\n    setRef(ref);\n    setButtonRef(ref);\n  }, []);\n\n  return (\n    <>\n      <StyledButton\n        onClick={handleTriggerOnClick}\n        onKeyDown={handleOnKeyDown}\n        aria-label={title}\n        ref={handleRefs}\n        data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n        role=\"menuitem\"\n        aria-haspopup\n        aria-expanded={userIsOpen ?? isOpen}\n        id={id}\n        {...useGetGlobalAttributes(otherProps)}\n      >\n        {Icon && <Icon size=\"m\" />}\n      </StyledButton>\n      <DSPopperJS\n        referenceElement={buttonRef}\n        showPopover={userIsOpen ?? isOpen}\n        closeContextMenu={handleOnClose}\n        onClickOutside={onClickOutside}\n        withoutPortal\n      >\n        <PopupMenuContent\n          options={options}\n          onItemClick={handleItemClick}\n          onClose={handleOnClose}\n          setIsOpen={setIsOpen}\n          popupOnKeyPress={popupOnKeyPress}\n        />\n      </DSPopperJS>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,0BAAuC;AACvC,yBAA2B;AAC3B,8BAAiC;AACjC,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACmD;AACtD,QAAM,CAAC,QAAQ,aAAa,2BAAkB,KAAK;AACnD,QAAM,CAAC,WAAW,gBAAgB,2BAAmC,IAAI;AAEzE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,aAAa;AAC1B,gBAAU,IAAI;AAAA,IAChB;AACA,QAAI;AAAY,iBAAW,CAAC;AAAA,EAC9B,GACA,CAAC,UAAU,CACb;AAEA,QAAM,gBAAgB,8BAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU,KAAK;AAAA,IACjB;AACA,eAAW,MAAM;AAAA,EACnB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,uBAAuB,8BAC3B,CAAC,MAAwB;AACvB,QAAI,eAAe;AAAW,gBAAU,IAAI;AAC5C,QAAI;AAAS,cAAQ,CAAC;AAAA,EACxB,GACA,CAAC,SAAS,UAAU,CACtB;AAEA,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW,oBAAc;AAAA,EAC9D,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,QAAM,aAAa,8BAAY,CAAC,QAAQ;AACtC,WAAO,GAAG;AACV,iBAAa,GAAG;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SACE,wFACE,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAY;AAAA,IACZ,KAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ;AAAA,IAC9C,MAAK;AAAA,IACL,iBAAa;AAAA,IACb,iBAAe,cAAc;AAAA,IAC7B;AAAA,IACC,GAAG,gDAAuB,UAAU;AAAA,KAEpC,QAAQ,mDAAC;AAAA,IAAK,MAAK;AAAA,GAAI,CAC1B,GACA,mDAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,IACA,eAAa;AAAA,KAEb,mDAAC;AAAA,IACC;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,IACA;AAAA,GACF,CACF,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA6C;AAC7C,0BAAuC;AACvC,yBAA2B;AAC3B,8BAAiC;AACjC,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAwD;AACtD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAmC,IAAI;AAEzE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,SAAS,aAAa;AAC1B,kBAAU,IAAI;AAAA,MAChB;AACA,UAAI;AAAY,mBAAW,CAAC;AAAA,IAC9B;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,oBAAgB,0BAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU,KAAK;AAAA,IACjB;AACA,eAAW,MAAM;AAAA,EACnB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,2BAAuB;AAAA,IAC3B,CAAC,MAAwB;AACvB,UAAI,eAAe;AAAW,kBAAU,IAAI;AAC5C,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACtB;AAEA,QAAM,sBAAkB,0BAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW,oBAAc;AAAA,EAC9D,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,QAAM,iBAAa,0BAAY,CAAC,QAAQ;AACtC,WAAO,GAAG;AACV,iBAAa,GAAG;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IACE;AAAA,kDAAC;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX,cAAY;AAAA,QACZ,KAAK;AAAA,QACL,eAAa,iDAAyB,QAAQ;AAAA,QAC9C,MAAK;AAAA,QACL,iBAAa;AAAA,QACb,iBAAe,cAAc;AAAA,QAC7B;AAAA,QACC,OAAG,4CAAuB,UAAU;AAAA,QAEpC,kBAAQ,4CAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OAC1B;AAAA,MACA,4CAAC;AAAA,QACC,kBAAkB;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,kBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QAEb,sDAAC;AAAA,UACC;AAAA,UACA,aAAa;AAAA,UACb,SAAS;AAAA,UACT;AAAA,UACA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PopupMenuContent_exports = {};
 __export(PopupMenuContent_exports, {
@@ -25,77 +28,86 @@ __export(PopupMenuContent_exports, {
 });
 module.exports = __toCommonJS(PopupMenuContent_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_styles = require("./styles");
 var import_DSGlobalHeaderContext = require("../../../../../DSGlobalHeaderContext");
 var import_exported_related = require("../../../../../exported-related");
 var import_usePopupMenuContent = require("./usePopupMenuContent");
-const PopupMenuContent = import_react.default.memo(({
-  options,
-  onItemClick,
-  onClose,
-  popupOnKeyPress,
-  setIsOpen
-}) => {
-  const { instanceUID } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
-  const { menuRef, setRef, keyboardNavigation } = (0, import_usePopupMenuContent.usePopupMenuContent)({ setIsOpen });
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledList, {
-    ref: menuRef,
-    role: "menu",
-    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST
-  }, options.map((option) => {
-    const { type, Icon, label = "", onClick, Content, id, ...rest } = option;
-    const globalAttrs = (0, import_ds_utilities.getGlobalAttributes)(rest);
-    const handleClick = (e) => {
-      onItemClick();
-      if (onClick)
-        onClick(e);
-    };
-    const handleKeyDown = (e) => {
-      keyboardNavigation(e);
-      if (e.code === "Escape")
-        onClose();
-      if (popupOnKeyPress)
-        popupOnKeyPress(e);
-    };
-    switch (type) {
-      case "separator":
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSeparator, {
-          key: `${instanceUID}-separator-${label}`,
-          role: "none",
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR,
-          ...globalAttrs
-        });
-      case "custom":
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
-          key: `${instanceUID}-popup-${label}`,
-          role: "menuitem",
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM
-        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, {
-          ref: setRef,
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          id,
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
-          ...globalAttrs
-        }, Content && /* @__PURE__ */ import_react.default.createElement(Content, null)));
-      default:
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
-          key: `${instanceUID}-popup-${label}`,
-          role: "menuitem",
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM
-        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, {
-          ref: setRef,
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          id,
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
-          ...globalAttrs
-        }, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, null), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL
-        }, label)));
-    }
-  }));
-});
+const PopupMenuContent = import_react.default.memo(
+  ({
+    options,
+    onItemClick,
+    onClose,
+    popupOnKeyPress,
+    setIsOpen
+  }) => {
+    const { instanceUID } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
+    const { menuRef, setRef, keyboardNavigation } = (0, import_usePopupMenuContent.usePopupMenuContent)({ setIsOpen });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, {
+      ref: menuRef,
+      role: "menu",
+      "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST,
+      children: options.map((option) => {
+        const { type, Icon, label = "", onClick, Content, id, ...rest } = option;
+        const globalAttrs = (0, import_ds_utilities.getGlobalAttributes)(rest);
+        const handleClick = (e) => {
+          onItemClick();
+          if (onClick)
+            onClick(e);
+        };
+        const handleKeyDown = (e) => {
+          keyboardNavigation(e);
+          if (e.code === "Escape")
+            onClose();
+          if (popupOnKeyPress)
+            popupOnKeyPress(e);
+        };
+        switch (type) {
+          case "separator":
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSeparator, {
+              role: "none",
+              "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR,
+              ...globalAttrs
+            }, `${instanceUID}-separator-${label}`);
+          case "custom":
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemContainer, {
+              role: "menuitem",
+              "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemButton, {
+                ref: setRef,
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                id,
+                "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+                ...globalAttrs,
+                children: Content && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, {})
+              })
+            }, `${instanceUID}-popup-${label}`);
+          default:
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemContainer, {
+              role: "menuitem",
+              "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemButton, {
+                ref: setRef,
+                onClick: handleClick,
+                onKeyDown: handleKeyDown,
+                id,
+                "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+                ...globalAttrs,
+                children: [
+                  Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}),
+                  label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLabel, {
+                    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL,
+                    children: label
+                  })
+                ]
+              })
+            }, `${instanceUID}-popup-${label}`);
+        }
+      })
+    });
+  }
+);
 //# sourceMappingURL=PopupMenuContent.js.map

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledSeparator, StyledItemButton, StyledLabel, StyledList, StyledItemContainer } from './styles';\nimport { DSGlobalHeaderContext } from '../../../../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../../../../exported-related';\nimport { usePopupMenuContent } from './usePopupMenuContent';\nimport type { DSGlobalHeaderInternalsT } from '../../../../../sharedTypes';\n\nexport const PopupMenuContent = React.memo(\n  ({\n    options,\n    onItemClick,\n    onClose,\n    popupOnKeyPress,\n    setIsOpen,\n  }: DSGlobalHeaderInternalsT.PopupMenuContentProps): JSX.Element => {\n    const { instanceUID } = useContext(DSGlobalHeaderContext);\n\n    const { menuRef, setRef, keyboardNavigation } = usePopupMenuContent({ setIsOpen });\n\n    return (\n      <StyledList ref={menuRef} role=\"menu\" data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST}>\n        {options.map((option) => {\n          const { type, Icon, label = '', onClick, Content, id, ...rest } = option;\n\n          const globalAttrs = getGlobalAttributes(rest);\n\n          const handleClick = (e: React.MouseEvent) => {\n            onItemClick();\n            if (onClick) onClick(e);\n          };\n\n          const handleKeyDown = (e: React.KeyboardEvent) => {\n            keyboardNavigation(e);\n            if (e.code === 'Escape') onClose();\n            if (popupOnKeyPress) popupOnKeyPress(e);\n          };\n\n          switch (type) {\n            case 'separator':\n              return (\n                <StyledSeparator\n                  key={`${instanceUID}-separator-${label}`}\n                  role=\"none\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR}\n                  {...globalAttrs}\n                />\n              );\n            case 'custom':\n              return (\n                <StyledItemContainer\n                  key={`${instanceUID}-popup-${label}`}\n                  role=\"menuitem\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM}\n                >\n                  <StyledItemButton\n                    ref={setRef}\n                    onClick={handleClick}\n                    onKeyDown={handleKeyDown}\n                    id={id}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON}\n                    {...globalAttrs}\n                  >\n                    {Content && <Content />}\n                  </StyledItemButton>\n                </StyledItemContainer>\n              );\n            default:\n              return (\n                <StyledItemContainer\n                  key={`${instanceUID}-popup-${label}`}\n                  role=\"menuitem\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM}\n                >\n                  <StyledItemButton\n                    ref={setRef}\n                    onClick={handleClick}\n                    onKeyDown={handleKeyDown}\n                    id={id}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON}\n                    {...globalAttrs}\n                  >\n                    {Icon && <Icon />}\n                    {label && (\n                      <StyledLabel data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL}>\n                        {label}\n                      </StyledLabel>\n                    )}\n                  </StyledItemButton>\n                </StyledItemContainer>\n              );\n          }\n        })}\n      </StyledList>\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAgG;AAChG,mCAAsC;AACtC,8BAAyC;AACzC,iCAAoC;AAG7B,MAAM,mBAAmB,qBAAM,KACpC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiE;AACjE,QAAM,EAAE,gBAAgB,6BAAW,kDAAqB;AAExD,QAAM,EAAE,SAAS,QAAQ,uBAAuB,oDAAoB,EAAE,UAAU,CAAC;AAEjF,SACE,mDAAC;AAAA,IAAW,KAAK;AAAA,IAAS,MAAK;AAAA,IAAO,eAAa,iDAAyB,QAAQ,WAAW;AAAA,KAC5F,QAAQ,IAAI,CAAC,WAAW;AACvB,UAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,SAAS;AAElE,UAAM,cAAc,6CAAoB,IAAI;AAE5C,UAAM,cAAc,CAAC,MAAwB;AAC3C,kBAAY;AACZ,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAEA,UAAM,gBAAgB,CAAC,MAA2B;AAChD,yBAAmB,CAAC;AACpB,UAAI,EAAE,SAAS;AAAU,gBAAQ;AACjC,UAAI;AAAiB,wBAAgB,CAAC;AAAA,IACxC;AAEA,YAAQ;AAAA,WACD;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,yBAAyB;AAAA,UACjC,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,SACN;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,WAEH,WAAW,mDAAC,aAAQ,CACvB,CACF;AAAA;AAGF,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,WAEH,QAAQ,mDAAC,UAAK,GACd,SACC,mDAAC;AAAA,UAAY,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACnE,KACH,CAEJ,CACF;AAAA;AAAA,EAGR,CAAC,CACH;AAEJ,CACF;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,0BAAoC;AACpC,oBAAgG;AAChG,mCAAsC;AACtC,8BAAyC;AACzC,iCAAoC;AAG7B,MAAM,mBAAmB,aAAAA,QAAM;AAAA,EACpC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmE;AACjE,UAAM,EAAE,YAAY,QAAI,yBAAW,kDAAqB;AAExD,UAAM,EAAE,SAAS,QAAQ,mBAAmB,QAAI,gDAAoB,EAAE,UAAU,CAAC;AAEjF,WACE,4CAAC;AAAA,MAAW,KAAK;AAAA,MAAS,MAAK;AAAA,MAAO,eAAa,iDAAyB,QAAQ,WAAW;AAAA,MAC5F,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,KAAK,IAAI;AAElE,cAAM,kBAAc,yCAAoB,IAAI;AAE5C,cAAM,cAAc,CAAC,MAAwB;AAC3C,sBAAY;AACZ,cAAI;AAAS,oBAAQ,CAAC;AAAA,QACxB;AAEA,cAAM,gBAAgB,CAAC,MAA2B;AAChD,6BAAmB,CAAC;AACpB,cAAI,EAAE,SAAS;AAAU,oBAAQ;AACjC,cAAI;AAAiB,4BAAgB,CAAC;AAAA,QACxC;AAEA,gBAAQ;AAAA,eACD;AACH,mBACE,4CAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,cACxD,GAAG;AAAA,eAHC,GAAG,yBAAyB,OAInC;AAAA,eAEC;AACH,mBACE,4CAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,cAEzD,sDAAC;AAAA,gBACC,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAW;AAAA,gBACX;AAAA,gBACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,gBACxD,GAAG;AAAA,gBAEH,qBAAW,4CAAC,WAAQ;AAAA,eACvB;AAAA,eAbK,GAAG,qBAAqB,OAc/B;AAAA;AAGF,mBACE,4CAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,cAEzD,uDAAC;AAAA,gBACC,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAW;AAAA,gBACX;AAAA,gBACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,gBACxD,GAAG;AAAA,gBAEH;AAAA,0BAAQ,4CAAC,QAAK;AAAA,kBACd,SACC,4CAAC;AAAA,oBAAY,eAAa,iDAAyB,QAAQ,WAAW;AAAA,oBACnE;AAAA,mBACH;AAAA;AAAA,eAEJ;AAAA,eAlBK,GAAG,qBAAqB,OAmB/B;AAAA;AAAA,MAGR,CAAC;AAAA,KACH;AAAA,EAEJ;AACF;",
+  "names": ["React"]
 }

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, DSGlobalHeaderSlots } from '../../../../../exported-related/theming';\n\nexport const StyledList = styled('ul', { name: DSGlobalHeaderName, slot: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.LIST })`\n  padding: 5px 0px;\n  margin: 0;\n  background: white;\n`;\n\nexport const StyledItemContainer = styled('li', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM,\n})`\n  list-style: none;\n`;\n\nexport const StyledItemButton = styled('button', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON,\n})`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 0 20px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: none;\n  :hover,\n  :focus {\n    border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};\n  }\n`;\n\nexport const StyledLabel = styled('span', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL,\n})`\n  width: 100%;\n  font-size: 14px;\n  margin: 10px;\n`;\n\nexport const StyledSeparator = styled('div', {\n  name: DSGlobalHeaderName,\n  slot: DSGlobalHeaderSlots.MENUBAR.POPUP_MENU.SEPARATOR,\n})`\n  width: 100%;\n  border: none;\n  border-bottom: 1px solid #ccc;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAwD;AAEjD,MAAM,aAAa,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,mCAAoB,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAM/G,MAAM,sBAAsB,6BAAO,MAAM;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAIM,MAAM,mBAAmB,6BAAO,UAAU;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYa,CAAC,EAAE,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,cAAc,6BAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,kBAAkB,6BAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAwD;AAEjD,MAAM,iBAAa,yBAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,mCAAoB,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAM/G,MAAM,0BAAsB,yBAAO,MAAM;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAIM,MAAM,uBAAmB,yBAAO,UAAU;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYa,CAAC,EAAE,MAAM,MAAM,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,kBAAc,yBAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAMM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ,WAAW;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/usePopupMenuContent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var usePopupMenuContent_exports = {};
 __export(usePopupMenuContent_exports, {
@@ -44,28 +47,31 @@ const usePopupMenuContent = ({ setIsOpen }) => {
   (0, import_react.useEffect)(() => {
     allMenuItemsRef.current?.[0]?.focus();
   }, []);
-  const keyboardNavigation = (0, import_react.useCallback)((e) => {
-    if (e.code === "Tab") {
-      setIsOpen(false);
-    } else {
-      const currentIndex = allMenuItemsRef.current.indexOf(e.target);
-      const allRefsLength = allMenuItemsRef.current.length;
-      if (e.key === "ArrowDown") {
-        if (currentIndex < allRefsLength - 1) {
-          allMenuItemsRef.current[currentIndex + 1]?.focus?.();
-        } else {
-          allMenuItemsRef.current[0]?.focus?.();
+  const keyboardNavigation = (0, import_react.useCallback)(
+    (e) => {
+      if (e.code === "Tab") {
+        setIsOpen(false);
+      } else {
+        const currentIndex = allMenuItemsRef.current.indexOf(e.target);
+        const allRefsLength = allMenuItemsRef.current.length;
+        if (e.key === "ArrowDown") {
+          if (currentIndex < allRefsLength - 1) {
+            allMenuItemsRef.current[currentIndex + 1]?.focus?.();
+          } else {
+            allMenuItemsRef.current[0]?.focus?.();
+          }
         }
-      }
-      if (e.key === "ArrowUp") {
-        if (currentIndex === 0) {
-          allMenuItemsRef.current[allRefsLength - 1]?.focus?.();
-        } else {
-          allMenuItemsRef.current[currentIndex - 1]?.focus?.();
+        if (e.key === "ArrowUp") {
+          if (currentIndex === 0) {
+            allMenuItemsRef.current[allRefsLength - 1]?.focus?.();
+          } else {
+            allMenuItemsRef.current[currentIndex - 1]?.focus?.();
+          }
         }
       }
-    }
-  }, [setIsOpen]);
+    },
+    [setIsOpen]
+  );
   return {
     menuRef,
     setRef,

package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/usePopupMenuContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/usePopupMenuContent.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useRef, useCallback, useEffect } from 'react';\n\ninterface UsePopupMenuContentT {\n  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nexport const usePopupMenuContent = ({ setIsOpen }: UsePopupMenuContentT) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const allMenuItemsRef = useRef<HTMLButtonElement[]>([]);\n\n  const setRef = useCallback((ref: HTMLButtonElement) => {\n    if (ref && !allMenuItemsRef.current.includes(ref)) {\n      allMenuItemsRef.current.push(ref);\n    }\n\n    allMenuItemsRef.current.forEach((item, index) => {\n      if (index === 0) {\n        item?.setAttribute?.('tabindex', '0');\n      } else {\n        item?.setAttribute?.('tabindex', '-1');\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    (allMenuItemsRef.current?.[0] as HTMLButtonElement)?.focus();\n  }, []);\n\n  const keyboardNavigation = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Tab') {\n        setIsOpen(false);\n      } else {\n        const currentIndex = allMenuItemsRef.current.indexOf(e.target as HTMLButtonElement);\n        const allRefsLength = allMenuItemsRef.current.length;\n        if (e.key === 'ArrowDown') {\n          if (currentIndex < allRefsLength - 1) {\n            allMenuItemsRef.current[currentIndex + 1]?.focus?.();\n          } else {\n            allMenuItemsRef.current[0]?.focus?.();\n          }\n        }\n        if (e.key === 'ArrowUp') {\n          if (currentIndex === 0) {\n            allMenuItemsRef.current[allRefsLength - 1]?.focus?.();\n          } else {\n            allMenuItemsRef.current[currentIndex - 1]?.focus?.();\n          }\n        }\n      }\n    },\n    [setIsOpen],\n  );\n\n  return {\n    menuRef,\n    setRef,\n    keyboardNavigation,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAMxC,MAAM,sBAAsB,CAAC,EAAE,gBAAsC;AAC1E,QAAM,UAAU,yBAAuB,IAAI;AAC3C,QAAM,kBAAkB,yBAA4B,CAAC,CAAC;AAEtD,QAAM,SAAS,8BAAY,CAAC,QAA2B;AACrD,QAAI,OAAO,CAAC,gBAAgB,QAAQ,SAAS,GAAG,GAAG;AACjD,sBAAgB,QAAQ,KAAK,GAAG;AAAA,IAClC;AAEA,oBAAgB,QAAQ,QAAQ,CAAC,MAAM,UAAU;AAC/C,UAAI,UAAU,GAAG;AACf,cAAM,eAAe,YAAY,GAAG;AAAA,MACtC,OAAO;AACL,cAAM,eAAe,YAAY,IAAI;AAAA,MACvC;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,IAAC,gBAAgB,UAAU,IAA0B,MAAM;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,8BACzB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,OAAO;AACpB,gBAAU,KAAK;AAAA,IACjB,OAAO;AACL,YAAM,eAAe,gBAAgB,QAAQ,QAAQ,EAAE,MAA2B;AAClF,YAAM,gBAAgB,gBAAgB,QAAQ;AAC9C,UAAI,EAAE,QAAQ,aAAa;AACzB,YAAI,eAAe,gBAAgB,GAAG;AACpC,0BAAgB,QAAQ,eAAe,IAAI,QAAQ;AAAA,QACrD,OAAO;AACL,0BAAgB,QAAQ,IAAI,QAAQ;AAAA,QACtC;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,YAAI,iBAAiB,GAAG;AACtB,0BAAgB,QAAQ,gBAAgB,IAAI,QAAQ;AAAA,QACtD,OAAO;AACL,0BAAgB,QAAQ,eAAe,IAAI,QAAQ;AAAA,QACrD;AAAA,MACF;AAAA,IACF;AAAA,EACF,GACA,CAAC,SAAS,CACZ;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAMxC,MAAM,sBAAsB,CAAC,EAAE,UAAU,MAA4B;AAC1E,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,sBAAkB,qBAA4B,CAAC,CAAC;AAEtD,QAAM,aAAS,0BAAY,CAAC,QAA2B;AACrD,QAAI,OAAO,CAAC,gBAAgB,QAAQ,SAAS,GAAG,GAAG;AACjD,sBAAgB,QAAQ,KAAK,GAAG;AAAA,IAClC;AAEA,oBAAgB,QAAQ,QAAQ,CAAC,MAAM,UAAU;AAC/C,UAAI,UAAU,GAAG;AACf,cAAM,eAAe,YAAY,GAAG;AAAA,MACtC,OAAO;AACL,cAAM,eAAe,YAAY,IAAI;AAAA,MACvC;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,IAAC,gBAAgB,UAAU,IAA0B,MAAM;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAA2B;AAC1B,UAAI,EAAE,SAAS,OAAO;AACpB,kBAAU,KAAK;AAAA,MACjB,OAAO;AACL,cAAM,eAAe,gBAAgB,QAAQ,QAAQ,EAAE,MAA2B;AAClF,cAAM,gBAAgB,gBAAgB,QAAQ;AAC9C,YAAI,EAAE,QAAQ,aAAa;AACzB,cAAI,eAAe,gBAAgB,GAAG;AACpC,4BAAgB,QAAQ,eAAe,IAAI,QAAQ;AAAA,UACrD,OAAO;AACL,4BAAgB,QAAQ,IAAI,QAAQ;AAAA,UACtC;AAAA,QACF;AACA,YAAI,EAAE,QAAQ,WAAW;AACvB,cAAI,iBAAiB,GAAG;AACtB,4BAAgB,QAAQ,gBAAgB,IAAI,QAAQ;AAAA,UACtD,OAAO;AACL,4BAAgB,QAAQ,eAAe,IAAI,QAAQ;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SearchToggle_exports = {};
 __export(SearchToggle_exports, {
@@ -25,7 +28,8 @@ __export(SearchToggle_exports, {
 });
 module.exports = __toCommonJS(SearchToggle_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -60,60 +64,74 @@ const SearchToggle = ({
   } = componentProps;
   const schedule = (0, import_ds_utilities.useCallbackAfterRender)();
   const focusTrigger = (0, import_react.useCallback)(() => internalTriggerRef.current?.focus(), []);
-  const handleOnClick = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0)
-      setIsOpen(true);
-    if (onClick)
-      onClick(e);
-  }, [onClick, userIsOpen]);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0) {
-      if (e.key === "Escape") {
-        setIsOpen(false);
-        schedule(focusTrigger);
+  const handleOnClick = (0, import_react.useCallback)(
+    (e) => {
+      if (userIsOpen === void 0)
+        setIsOpen(true);
+      if (onClick)
+        onClick(e);
+    },
+    [onClick, userIsOpen]
+  );
+  const handleOnKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (userIsOpen === void 0) {
+        if (e.key === "Escape") {
+          setIsOpen(false);
+          schedule(focusTrigger);
+        }
       }
-    }
-    if (onKeyDown)
-      onKeyDown(e);
-  }, [focusTrigger, onKeyDown, schedule, userIsOpen]);
+      if (onKeyDown)
+        onKeyDown(e);
+    },
+    [focusTrigger, onKeyDown, schedule, userIsOpen]
+  );
   const handleOnBlur = (0, import_react.useCallback)(() => {
     const contains = containerRef.current?.contains(document.activeElement);
     if (value === "" && !contains)
       setIsOpen(false);
     schedule(focusTrigger);
   }, [focusTrigger, schedule, value]);
-  const handleNavInputRefs = (0, import_react.useCallback)((searchNavRef) => {
-    setRef(searchNavRef);
-    internalInputRef.current = searchNavRef;
-  }, [setRef]);
-  const handleTriggerRefs = (0, import_react.useCallback)((buttonRef) => {
-    (0, import_ds_utilities.mergeRefs)(triggerRef, internalTriggerRef)(buttonRef);
-    setRef(buttonRef);
-  }, [setRef, triggerRef]);
-  return userIsOpen || isOpen ? /* @__PURE__ */ import_react.default.createElement(import_styles.StyledNavSearchBoxContainer, {
+  const handleNavInputRefs = (0, import_react.useCallback)(
+    (searchNavRef) => {
+      setRef(searchNavRef);
+      internalInputRef.current = searchNavRef;
+    },
+    [setRef]
+  );
+  const handleTriggerRefs = (0, import_react.useCallback)(
+    (buttonRef) => {
+      (0, import_ds_utilities.mergeRefs)(triggerRef, internalTriggerRef)(buttonRef);
+      setRef(buttonRef);
+    },
+    [setRef, triggerRef]
+  );
+  return userIsOpen || isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledNavSearchBoxContainer, {
     onKeyDown: handleOnKeyDown,
     ref: (0, import_ds_utilities.mergeRefs)(searchContainerRef, containerRef),
     onBlur: handleOnBlur,
-    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.CONTAINER
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSNavSearchBox, {
-    onNext,
-    onPrevious,
-    currentResultIndex,
-    totalResults,
-    onClear,
-    placeholder,
-    onChange,
-    value,
-    onBlur,
-    innerRef: handleNavInputRefs,
-    autoFocus: true
-  })) : /* @__PURE__ */ import_react.default.createElement(import_styles2.StyledButton, {
+    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.CONTAINER,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSNavSearchBox, {
+      onNext,
+      onPrevious,
+      currentResultIndex,
+      totalResults,
+      onClear,
+      placeholder,
+      onChange,
+      value,
+      onBlur,
+      innerRef: handleNavInputRefs,
+      autoFocus: true
+    })
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles2.StyledButton, {
     onClick: handleOnClick,
     ref: handleTriggerRefs,
     id,
     role: "menuitem",
     "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON,
-    ...(0, import_ds_utilities.getGlobalAttributes)(otherProps)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null));
+    ...(0, import_ds_utilities.getGlobalAttributes)(otherProps),
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {})
+  });
 };
 //# sourceMappingURL=SearchToggle.js.map