npm - @elliemae/ds-global-header - Versions diffs - 3.12.0-rc.2 → 3.12.0-rc.21 - Mend

@elliemae/ds-global-header 3.12.0-rc.2 → 3.12.0-rc.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/esm/parts/Logo/GlobalHeaderLogo.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Logo/GlobalHeaderLogo.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { StyledLogoContainer } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderLogo = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\n  } = useContext(DSGlobalHeaderContext);\n\n  return (\n    <StyledLogoContainer\n      data-testid={DSGlobalHeaderDatatestid.LOGO.CONTAINER}\n      alignItems=\"center\"\n      pr={showIconOnly ? '0px' : '36px'}\n      cols={showIconOnly ? ['auto'] : ['auto', '1fr']}\n    >\n      {Logo && showIconOnly && <Logo />}\n      {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n    </StyledLogoContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYnB,SAM2B,KAN3B;AAZJ,SAAgB,kBAAkB;AAClC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AAElC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,SACE,qBAAC;AAAA,IACC,eAAa,yBAAyB,KAAK;AAAA,IAC3C,YAAW;AAAA,IACX,IAAI,eAAe,QAAQ;AAAA,IAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,IAE7C;AAAA,cAAQ,gBAAgB,oBAAC,QAAK;AAAA,MAC9B,iBAAiB,CAAC,gBAAgB,oBAAC,iBAAc;AAAA;AAAA,GACpD;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACYnB,SAM2B,KAN3B;AAZJ,SAAgB,kBAAkB;AAClC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,gCAAgC;AAElC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,yBAAyB,KAAK;AAAA,MAC3C,YAAW;AAAA,MACX,IAAI,eAAe,QAAQ;AAAA,MAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,MAE7C;AAAA,gBAAQ,gBAAgB,oBAAC,QAAK;AAAA,QAC9B,iBAAiB,CAAC,gBAAgB,oBAAC,iBAAc;AAAA;AAAA;AAAA,EACpD;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js CHANGED Viewed

@@ -15,9 +15,9 @@ const GlobalHeaderToolbar = () => {
     globalHeaderToolbarGrid
   } = useContext(DSGlobalHeaderContext);
   const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();
-  return /* @__PURE__ */ jsx(StyledMenubarContainer, {
-    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.CONTAINER,
-    children: /* @__PURE__ */ jsx(StyledList, {
+  return /* @__PURE__ */ jsx(StyledMenubarContainer, { "data-testid": DSGlobalHeaderDatatestid.MENUBAR.CONTAINER, children: /* @__PURE__ */ jsx(
+    StyledList,
+    {
       height: "100%",
       alignItems: "center",
       justifyContent: "center",
@@ -41,69 +41,95 @@ const GlobalHeaderToolbar = () => {
         } = item;
         switch (type) {
           case "ds-popup-menu":
-            return /* @__PURE__ */ jsx(StyledToolbarItem, {
-              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
-              children: /* @__PURE__ */ jsx(PopupMenu, {
-                title: label,
-                Icon,
-                onClick,
-                onKeyPress,
-                setRef: setRef(index),
-                id,
-                componentProps,
-                ...otherProps
-              })
-            }, `${instanceUID}-ds-toolbar-item-${label}`);
+            return /* @__PURE__ */ jsx(
+              StyledToolbarItem,
+              {
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+                children: /* @__PURE__ */ jsx(
+                  PopupMenu,
+                  {
+                    title: label,
+                    Icon,
+                    onClick,
+                    onKeyPress,
+                    setRef: setRef(index),
+                    id,
+                    componentProps,
+                    ...otherProps
+                  }
+                )
+              },
+              `${instanceUID}-ds-toolbar-item-${label}`
+            );
           case "ds-app-picker":
-            return /* @__PURE__ */ jsx(StyledToolbarItem, {
-              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
-              children: /* @__PURE__ */ jsx(AppPicker, {
-                label,
-                id,
-                setRef: setRef(index),
-                componentProps,
-                ...otherProps
-              })
-            }, `${instanceUID}-ds-toolbar-item-${label}`);
+            return /* @__PURE__ */ jsx(
+              StyledToolbarItem,
+              {
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+                children: /* @__PURE__ */ jsx(
+                  AppPicker,
+                  {
+                    label,
+                    id,
+                    setRef: setRef(index),
+                    componentProps,
+                    ...otherProps
+                  }
+                )
+              },
+              `${instanceUID}-ds-toolbar-item-${label}`
+            );
           case "ds-search-toggle":
-            return /* @__PURE__ */ jsx(StyledToolbarItem, {
-              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
-              children: /* @__PURE__ */ jsx(SearchToggle, {
-                id,
-                setRef: setRef(index),
-                componentProps,
-                ...otherProps
-              })
-            }, `${instanceUID}-ds-toolbar-item-${label}`);
+            return /* @__PURE__ */ jsx(
+              StyledToolbarItem,
+              {
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+                children: /* @__PURE__ */ jsx(
+                  SearchToggle,
+                  {
+                    id,
+                    setRef: setRef(index),
+                    componentProps,
+                    ...otherProps
+                  }
+                )
+              },
+              `${instanceUID}-ds-toolbar-item-${label}`
+            );
           case "custom":
-            return /* @__PURE__ */ jsx(StyledToolbarItem, {
-              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
-              children: CustomComponent && /* @__PURE__ */ jsx(CustomComponent, {
-                item,
-                role: "menuitem",
-                setRef: setRef(index)
-              })
-            }, `${instanceUID}-ds-toolbar-item-${label}`);
+            return /* @__PURE__ */ jsx(
+              StyledToolbarItem,
+              {
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+                children: CustomComponent && /* @__PURE__ */ jsx(CustomComponent, { item, role: "menuitem", setRef: setRef(index) })
+              },
+              `${instanceUID}-ds-toolbar-item-${label}`
+            );
           default:
-            return /* @__PURE__ */ jsx(StyledToolbarItem, {
-              "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
-              children: /* @__PURE__ */ jsx(StyledButton, {
-                onClick,
-                title: label,
-                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
-                id,
-                role: "menuitem",
-                ref: setRef(index),
-                ...getGlobalAttributes(otherProps),
-                children: Icon && /* @__PURE__ */ jsx(Icon, {
-                  size: "m"
-                })
-              })
-            }, `${instanceUID}-ds-toolbar-item-${label}`);
+            return /* @__PURE__ */ jsx(
+              StyledToolbarItem,
+              {
+                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM,
+                children: /* @__PURE__ */ jsx(
+                  StyledButton,
+                  {
+                    onClick,
+                    title: label,
+                    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
+                    id,
+                    role: "menuitem",
+                    ref: setRef(index),
+                    ...getGlobalAttributes(otherProps),
+                    children: Icon && /* @__PURE__ */ jsx(Icon, { size: "m" })
+                  }
+                )
+              },
+              `${instanceUID}-ds-toolbar-item-${label}`
+            );
         }
       })
-    })
-  });
+    }
+  ) });
 };
 export {
   GlobalHeaderToolbar

package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/GlobalHeaderToolbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles';\nimport { AppPicker, PopupMenu, SearchToggle } from './outOfTheBox';\nimport { StyledButton } from '../styles';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    instanceUID,\n    globalHeaderToolbarGrid,\n  } = useContext(DSGlobalHeaderContext);\n\n  const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n  return (\n    <StyledMenubarContainer data-testid={DSGlobalHeaderDatatestid.MENUBAR.CONTAINER}>\n      <StyledList\n        height=\"100%\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        gutter=\"xxs\"\n        cols={globalHeaderToolbarGrid}\n        role=\"menubar\"\n        onKeyDown={keyboardNavigation}\n        ref={listRef}\n        data-testid={DSGlobalHeaderDatatestid.MENUBAR.LIST}\n      >\n        {toolbar.map((item, index) => {\n          const {\n            Icon,\n            type,\n            onClick,\n            onKeyPress,\n            CustomComponent,\n            label,\n            id = '',\n            componentProps = {},\n            ...otherProps\n          } = item;\n\n          switch (type) {\n            case 'ds-popup-menu':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <PopupMenu\n                    title={label}\n                    Icon={Icon}\n                    onClick={onClick}\n                    onKeyPress={onKeyPress}\n                    setRef={setRef(index)}\n                    id={id}\n                    componentProps={componentProps as DSGlobalHeaderInternalsT.PopupMenuComponentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'ds-app-picker':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <AppPicker\n                    label={label}\n                    id={id}\n                    setRef={setRef(index)}\n                    componentProps={componentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'ds-search-toggle':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <SearchToggle\n                    id={id}\n                    setRef={setRef(index)}\n                    componentProps={componentProps as DSGlobalHeaderInternalsT.ToggleSearchComponentProps}\n                    {...otherProps}\n                  />\n                </StyledToolbarItem>\n              );\n            case 'custom':\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  {CustomComponent && <CustomComponent item={item} role=\"menuitem\" setRef={setRef(index)} />}\n                </StyledToolbarItem>\n              );\n\n            default:\n              return (\n                <StyledToolbarItem\n                  key={`${instanceUID}-ds-toolbar-item-${label}`}\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n                >\n                  <StyledButton\n                    onClick={onClick}\n                    title={label}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n                    id={id}\n                    role=\"menuitem\"\n                    ref={setRef(index)}\n                    {...getGlobalAttributes(otherProps)}\n                  >\n                    {Icon && <Icon size=\"m\" />}\n                  </StyledButton>\n                </StyledToolbarItem>\n              );\n          }\n        })}\n      </StyledList>\n    </StyledMenubarContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoDL;AApDlB,SAAgB,kBAAkB;AAClC,SAAS,2BAA2B;AACpC,SAAS,YAAY,wBAAwB,yBAAyB;AACtE,SAAS,WAAW,WAAW,oBAAoB;AACnD,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,mBAAmB,IAAI,uBAAuB;AAEvE,SACE,oBAAC;AAAA,IAAuB,eAAa,yBAAyB,QAAQ;AAAA,IACpE,8BAAC;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAW;AAAA,MACX,KAAK;AAAA,MACL,eAAa,yBAAyB,QAAQ;AAAA,MAE7C,kBAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL,iBAAiB,CAAC;AAAA,aACf;AAAA,QACL,IAAI;AAEJ,gBAAQ,MAAM;AAAA,UACZ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eAZK,GAAG,+BAA+B,OAazC;AAAA,UAEJ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eATK,GAAG,+BAA+B,OAUzC;AAAA,UAEJ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eARK,GAAG,+BAA+B,OASzC;AAAA,UAEJ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE7C,6BAAmB,oBAAC;AAAA,gBAAgB;AAAA,gBAAY,MAAK;AAAA,gBAAW,QAAQ,OAAO,KAAK;AAAA,eAAG;AAAA,eAHnF,GAAG,+BAA+B,OAIzC;AAAA,UAGJ;AACE,mBACE,oBAAC;AAAA,cAEC,eAAa,yBAAyB,QAAQ;AAAA,cAE9C,8BAAC;AAAA,gBACC;AAAA,gBACA,OAAO;AAAA,gBACP,eAAa,yBAAyB,QAAQ;AAAA,gBAC9C;AAAA,gBACA,MAAK;AAAA,gBACL,KAAK,OAAO,KAAK;AAAA,gBAChB,GAAG,oBAAoB,UAAU;AAAA,gBAEjC,kBAAQ,oBAAC;AAAA,kBAAK,MAAK;AAAA,iBAAI;AAAA,eAC1B;AAAA,eAbK,GAAG,+BAA+B,OAczC;AAAA,QAEN;AAAA,MACF,CAAC;AAAA,KACH;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACoDL;AApDlB,SAAgB,kBAAkB;AAClC,SAAS,2BAA2B;AACpC,SAAS,YAAY,wBAAwB,yBAAyB;AACtE,SAAS,WAAW,WAAW,oBAAoB;AACnD,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI,WAAW,qBAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,mBAAmB,IAAI,uBAAuB;AAEvE,SACE,oBAAC,0BAAuB,eAAa,yBAAyB,QAAQ,WACpE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAW;AAAA,MACX,KAAK;AAAA,MACL,eAAa,yBAAyB,QAAQ;AAAA,MAE7C,kBAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL,iBAAiB,CAAC;AAAA,aACf;AAAA,QACL,IAAI;AAEJ,gBAAQ,MAAM;AAAA,UACZ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,yBAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACA;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cAZK,GAAG,+BAA+B;AAAA,YAazC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,yBAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cATK,GAAG,+BAA+B;AAAA,YAUzC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,yBAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cARK,GAAG,+BAA+B;AAAA,YASzC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,yBAAyB,QAAQ;AAAA,gBAE7C,6BAAmB,oBAAC,mBAAgB,MAAY,MAAK,YAAW,QAAQ,OAAO,KAAK,GAAG;AAAA;AAAA,cAHnF,GAAG,+BAA+B;AAAA,YAIzC;AAAA,UAGJ;AACE,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,yBAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,OAAO;AAAA,oBACP,eAAa,yBAAyB,QAAQ;AAAA,oBAC9C;AAAA,oBACA,MAAK;AAAA,oBACL,KAAK,OAAO,KAAK;AAAA,oBAChB,GAAG,oBAAoB,UAAU;AAAA,oBAEjC,kBAAQ,oBAAC,QAAK,MAAK,KAAI;AAAA;AAAA,gBAC1B;AAAA;AAAA,cAbK,GAAG,+BAA+B;AAAA,YAczC;AAAA,QAEN;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js CHANGED Viewed

@@ -66,38 +66,41 @@ const AppPicker = ({
     },
     [internalActionRef]
   );
-  return /* @__PURE__ */ jsx(DSAppPicker, {
-    apps,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    icon,
-    onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
-    actionRef: internalActionRef,
-    onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-    renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ jsx(StyledButton, {
-      onClick: triggerOnClick ?? handleOnClick,
-      onKeyDown: handleTriggerKeyDown,
-      ref: (buttonRef) => {
-        setRef(buttonRef);
-        mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);
-      },
-      "aria-label": label,
-      "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
-      role: "menuitem",
-      "aria-haspopup": true,
-      "aria-expanded": userIsOpen ?? isOpen,
-      id,
-      ...getGlobalAttributes(otherProps),
-      children: /* @__PURE__ */ jsx(MenuPicker, {
-        width: 20.73,
-        height: 20.73
-      })
-    })),
-    isOpen: userIsOpen ?? isOpen,
-    onClose,
-    triggerRef
-  });
+  return /* @__PURE__ */ jsx(
+    DSAppPicker,
+    {
+      apps,
+      customApps,
+      sectionTitle,
+      customSectionTitle,
+      icon,
+      onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
+      actionRef: internalActionRef,
+      onClickOutside: userOnClickOutside ?? handleOnClickOutside,
+      renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ jsx(
+        StyledButton,
+        {
+          onClick: triggerOnClick ?? handleOnClick,
+          onKeyDown: handleTriggerKeyDown,
+          ref: (buttonRef) => {
+            setRef(buttonRef);
+            mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);
+          },
+          "aria-label": label,
+          "data-testid": DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
+          role: "menuitem",
+          "aria-haspopup": true,
+          "aria-expanded": userIsOpen ?? isOpen,
+          id,
+          ...getGlobalAttributes(otherProps),
+          children: /* @__PURE__ */ jsx(MenuPicker, { width: 20.73, height: 20.73 })
+        }
+      )),
+      isOpen: userIsOpen ?? isOpen,
+      onClose,
+      triggerRef
+    }
+  );
 };
 export {
   AppPicker

package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs, getGlobalAttributes, useCallbackAfterRender } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const AppPicker = ({\n  label,\n  id,\n  setRef,\n  componentProps,\n  ...otherProps\n}: DSGlobalHeaderInternalsT.AppPickerProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const internalTriggerRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const schedule = useCallbackAfterRender();\n\n  const internalActionRef = useMemo(() => {\n    const ref = React.createRef();\n    ref.current = {};\n    return actionRef ?? ref;\n  }, [actionRef]);\n\n  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setIsOpen(false);\n        schedule(focusTrigger);\n      }\n    },\n    [schedule],\n  );\n\n  const handleOnClickOutside = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      setIsOpen(true);\n      setTimeout(() => {\n        if (e.detail === 0) internalActionRef.current.focusSelectedOrFirstAvailable();\n        else internalActionRef.current.focusWrapper();\n      }, 10);\n    },\n    [internalActionRef],\n  );\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={internalActionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={\n        userRenderTrigger ||\n        (({ ref }: { ref: React.MutableRefObject<HTMLButtonElement> }) => (\n          <StyledButton\n            onClick={triggerOnClick ?? handleOnClick}\n            onKeyDown={handleTriggerKeyDown}\n            ref={(buttonRef: HTMLButtonElement) => {\n              setRef(buttonRef);\n              mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n            }}\n            aria-label={label}\n            data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n            role=\"menuitem\"\n            aria-haspopup\n            aria-expanded={userIsOpen ?? isOpen}\n            id={id}\n            {...getGlobalAttributes(otherProps)}\n          >\n            <MenuPicker width={20.73} height={20.73} />\n          </StyledButton>\n        ))\n      }\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuGX;AAvGZ,OAAOA,UAAS,UAAU,QAAQ,aAAa,eAAe;AAC9D,SAAS,mBAAmB;AAC5B,SAAS,WAAW,qBAAqB,8BAA8B;AACvE,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA4D;AAC1D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,uBAAuB;AAExC,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,MAAMA,OAAM,UAAU;AAC5B,QAAI,UAAU,CAAC;AACf,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe,YAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,uBAAuB,YAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW;AAAG,4BAAkB,QAAQ,8BAA8B;AAAA;AACvE,4BAAkB,QAAQ,aAAa;AAAA,MAC9C,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B,WAAW;AAAA,IACX,gBAAgB,sBAAsB;AAAA,IACtC,eACE,sBACC,CAAC,EAAE,IAAI,MACN,oBAAC;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,KAAK,CAAC,cAAiC;AACrC,eAAO,SAAS;AAChB,kBAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,yBAAyB,QAAQ;AAAA,MAC9C,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC7B;AAAA,MACC,GAAG,oBAAoB,UAAU;AAAA,MAElC,8BAAC;AAAA,QAAW,OAAO;AAAA,QAAO,QAAQ;AAAA,OAAO;AAAA,KAC3C;AAAA,IAGJ,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACuGX;AAvGZ,OAAOA,UAAS,UAAU,QAAQ,aAAa,eAAe;AAC9D,SAAS,mBAAmB;AAC5B,SAAS,WAAW,qBAAqB,8BAA8B;AACvE,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA4D;AAC1D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,KAAK;AACnD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,WAAW,uBAAuB;AAExC,QAAM,oBAAoB,QAAQ,MAAM;AACtC,UAAM,MAAMA,OAAM,UAAU;AAC5B,QAAI,UAAU,CAAC;AACf,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe,YAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,uBAAuB,YAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW;AAAG,4BAAkB,QAAQ,8BAA8B;AAAA;AACvE,4BAAkB,QAAQ,aAAa;AAAA,MAC9C,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,iBAAiB;AAAA,MAC5B,WAAW;AAAA,MACX,gBAAgB,sBAAsB;AAAA,MACtC,eACE,sBACC,CAAC,EAAE,IAAI,MACN;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,kBAAkB;AAAA,UAC3B,WAAW;AAAA,UACX,KAAK,CAAC,cAAiC;AACrC,mBAAO,SAAS;AAChB,sBAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,UAC1D;AAAA,UACA,cAAY;AAAA,UACZ,eAAa,yBAAyB,QAAQ;AAAA,UAC9C,MAAK;AAAA,UACL,iBAAa;AAAA,UACb,iBAAe,cAAc;AAAA,UAC7B;AAAA,UACC,GAAG,oBAAoB,UAAU;AAAA,UAElC,8BAAC,cAAW,OAAO,OAAO,QAAQ,OAAO;AAAA;AAAA,MAC3C;AAAA,MAGJ,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js CHANGED Viewed

@@ -58,9 +58,10 @@ const PopupMenu = ({
     setRef(ref);
     setButtonRef(ref);
   }, []);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(StyledButton, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StyledButton,
+      {
         onClick: handleTriggerOnClick,
         onKeyDown: handleOnKeyDown,
         "aria-label": title,
@@ -71,26 +72,30 @@ const PopupMenu = ({
         "aria-expanded": userIsOpen ?? isOpen,
         id,
         ...useGetGlobalAttributes(otherProps),
-        children: Icon && /* @__PURE__ */ jsx(Icon, {
-          size: "m"
-        })
-      }),
-      /* @__PURE__ */ jsx(DSPopperJS, {
+        children: Icon && /* @__PURE__ */ jsx(Icon, { size: "m" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DSPopperJS,
+      {
         referenceElement: buttonRef,
         showPopover: userIsOpen ?? isOpen,
         closeContextMenu: handleOnClose,
         onClickOutside,
         withoutPortal: true,
-        children: /* @__PURE__ */ jsx(PopupMenuContent, {
-          options,
-          onItemClick: handleItemClick,
-          onClose: handleOnClose,
-          setIsOpen,
-          popupOnKeyPress
-        })
-      })
-    ]
-  });
+        children: /* @__PURE__ */ jsx(
+          PopupMenuContent,
+          {
+            options,
+            onItemClick: handleItemClick,
+            onClose: handleOnClose,
+            setIsOpen,
+            popupOnKeyPress
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
   PopupMenu

package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACgEnB,mBAaa,KAbb;AAhEJ,SAAgB,UAAU,mBAAmB;AAC7C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;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,IAAI,SAAkB,KAAK;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAmC,IAAI;AAEzE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;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,gBAAgB,YAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU,KAAK;AAAA,IACjB;AACA,eAAW,MAAM;AAAA,EACnB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,uBAAuB;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,kBAAkB,YAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW,oBAAc;AAAA,EAC9D,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,QAAM,aAAa,YAAY,CAAC,QAAQ;AACtC,WAAO,GAAG;AACV,iBAAa,GAAG;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX,cAAY;AAAA,QACZ,KAAK;AAAA,QACL,eAAa,yBAAyB,QAAQ;AAAA,QAC9C,MAAK;AAAA,QACL,iBAAa;AAAA,QACb,iBAAe,cAAc;AAAA,QAC7B;AAAA,QACC,GAAG,uBAAuB,UAAU;AAAA,QAEpC,kBAAQ,oBAAC;AAAA,UAAK,MAAK;AAAA,SAAI;AAAA,OAC1B;AAAA,MACA,oBAAC;AAAA,QACC,kBAAkB;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,kBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QAEb,8BAAC;AAAA,UACC;AAAA,UACA,aAAa;AAAA,UACb,SAAS;AAAA,UACT;AAAA,UACA;AAAA,SACF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACgEnB,mBAaa,KAbb;AAhEJ,SAAgB,UAAU,mBAAmB;AAC7C,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,gCAAgC;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,IAAI,SAAkB,KAAK;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAmC,IAAI;AAEzE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;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,gBAAgB,YAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU,KAAK;AAAA,IACjB;AACA,eAAW,MAAM;AAAA,EACnB,GAAG,CAAC,WAAW,UAAU,CAAC;AAE1B,QAAM,uBAAuB;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,kBAAkB,YAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW,oBAAc;AAAA,EAC9D,GAAG,CAAC,cAAc,eAAe,UAAU,CAAC;AAE5C,QAAM,aAAa,YAAY,CAAC,QAAQ;AACtC,WAAO,GAAG;AACV,iBAAa,GAAG;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAW;AAAA,QACX,cAAY;AAAA,QACZ,KAAK;AAAA,QACL,eAAa,yBAAyB,QAAQ;AAAA,QAC9C,MAAK;AAAA,QACL,iBAAa;AAAA,QACb,iBAAe,cAAc;AAAA,QAC7B;AAAA,QACC,GAAG,uBAAuB,UAAU;AAAA,QAEpC,kBAAQ,oBAAC,QAAK,MAAK,KAAI;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,kBAAkB;AAAA,QAClB,aAAa,cAAc;AAAA,QAC3B,kBAAkB;AAAA,QAClB;AAAA,QACA,eAAa;AAAA,QAEb;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,aAAa;AAAA,YACb,SAAS;AAAA,YACT;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js CHANGED Viewed

@@ -16,69 +16,79 @@ const PopupMenuContent = React2.memo(
   }) => {
     const { instanceUID } = useContext(DSGlobalHeaderContext);
     const { menuRef, setRef, keyboardNavigation } = usePopupMenuContent({ setIsOpen });
-    return /* @__PURE__ */ jsx(StyledList, {
-      ref: menuRef,
-      role: "menu",
-      "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST,
-      children: options.map((option) => {
-        const { type, Icon, label = "", onClick, Content, id, ...rest } = option;
-        const globalAttrs = 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__ */ jsx(StyledSeparator, {
+    return /* @__PURE__ */ jsx(StyledList, { ref: menuRef, role: "menu", "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST, children: options.map((option) => {
+      const { type, Icon, label = "", onClick, Content, id, ...rest } = option;
+      const globalAttrs = 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__ */ jsx(
+            StyledSeparator,
+            {
               role: "none",
               "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR,
               ...globalAttrs
-            }, `${instanceUID}-separator-${label}`);
-          case "custom":
-            return /* @__PURE__ */ jsx(StyledItemContainer, {
+            },
+            `${instanceUID}-separator-${label}`
+          );
+        case "custom":
+          return /* @__PURE__ */ jsx(
+            StyledItemContainer,
+            {
               role: "menuitem",
               "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM,
-              children: /* @__PURE__ */ jsx(StyledItemButton, {
-                ref: setRef,
-                onClick: handleClick,
-                onKeyDown: handleKeyDown,
-                id,
-                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
-                ...globalAttrs,
-                children: Content && /* @__PURE__ */ jsx(Content, {})
-              })
-            }, `${instanceUID}-popup-${label}`);
-          default:
-            return /* @__PURE__ */ jsx(StyledItemContainer, {
+              children: /* @__PURE__ */ jsx(
+                StyledItemButton,
+                {
+                  ref: setRef,
+                  onClick: handleClick,
+                  onKeyDown: handleKeyDown,
+                  id,
+                  "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+                  ...globalAttrs,
+                  children: Content && /* @__PURE__ */ jsx(Content, {})
+                }
+              )
+            },
+            `${instanceUID}-popup-${label}`
+          );
+        default:
+          return /* @__PURE__ */ jsx(
+            StyledItemContainer,
+            {
               role: "menuitem",
               "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM,
-              children: /* @__PURE__ */ jsxs(StyledItemButton, {
-                ref: setRef,
-                onClick: handleClick,
-                onKeyDown: handleKeyDown,
-                id,
-                "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
-                ...globalAttrs,
-                children: [
-                  Icon && /* @__PURE__ */ jsx(Icon, {}),
-                  label && /* @__PURE__ */ jsx(StyledLabel, {
-                    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL,
-                    children: label
-                  })
-                ]
-              })
-            }, `${instanceUID}-popup-${label}`);
-        }
-      })
-    });
+              children: /* @__PURE__ */ jsxs(
+                StyledItemButton,
+                {
+                  ref: setRef,
+                  onClick: handleClick,
+                  onKeyDown: handleKeyDown,
+                  id,
+                  "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+                  ...globalAttrs,
+                  children: [
+                    Icon && /* @__PURE__ */ jsx(Icon, {}),
+                    label && /* @__PURE__ */ jsx(StyledLabel, { "data-testid": DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL, children: label })
+                  ]
+                }
+              )
+            },
+            `${instanceUID}-popup-${label}`
+          );
+      }
+    }) });
   }
 );
 export {

package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACyCP,cAiCE,YAjCF;AAzChB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB,kBAAkB,aAAa,YAAY,2BAA2B;AAChG,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAG7B,MAAM,mBAAmBA,OAAM;AAAA,EACpC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmE;AACjE,UAAM,EAAE,YAAY,IAAI,WAAW,qBAAqB;AAExD,UAAM,EAAE,SAAS,QAAQ,mBAAmB,IAAI,oBAAoB,EAAE,UAAU,CAAC;AAEjF,WACE,oBAAC;AAAA,MAAW,KAAK;AAAA,MAAS,MAAK;AAAA,MAAO,eAAa,yBAAyB,QAAQ,WAAW;AAAA,MAC5F,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,KAAK,IAAI;AAElE,cAAM,cAAc,oBAAoB,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,MAAM;AAAA,UACZ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cACxD,GAAG;AAAA,eAHC,GAAG,yBAAyB,OAInC;AAAA,UAEJ,KAAK;AACH,mBACE,oBAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cAEzD,8BAAC;AAAA,gBACC,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAW;AAAA,gBACX;AAAA,gBACA,eAAa,yBAAyB,QAAQ,WAAW;AAAA,gBACxD,GAAG;AAAA,gBAEH,qBAAW,oBAAC,WAAQ;AAAA,eACvB;AAAA,eAbK,GAAG,qBAAqB,OAc/B;AAAA,UAEJ;AACE,mBACE,oBAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cAEzD,+BAAC;AAAA,gBACC,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAW;AAAA,gBACX;AAAA,gBACA,eAAa,yBAAyB,QAAQ,WAAW;AAAA,gBACxD,GAAG;AAAA,gBAEH;AAAA,0BAAQ,oBAAC,QAAK;AAAA,kBACd,SACC,oBAAC;AAAA,oBAAY,eAAa,yBAAyB,QAAQ,WAAW;AAAA,oBACnE;AAAA,mBACH;AAAA;AAAA,eAEJ;AAAA,eAlBK,GAAG,qBAAqB,OAmB/B;AAAA,QAEN;AAAA,MACF,CAAC;AAAA,KACH;AAAA,EAEJ;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACyCP,cAiCE,YAjCF;AAzChB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB,kBAAkB,aAAa,YAAY,2BAA2B;AAChG,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,2BAA2B;AAG7B,MAAM,mBAAmBA,OAAM;AAAA,EACpC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmE;AACjE,UAAM,EAAE,YAAY,IAAI,WAAW,qBAAqB;AAExD,UAAM,EAAE,SAAS,QAAQ,mBAAmB,IAAI,oBAAoB,EAAE,UAAU,CAAC;AAEjF,WACE,oBAAC,cAAW,KAAK,SAAS,MAAK,QAAO,eAAa,yBAAyB,QAAQ,WAAW,MAC5F,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,KAAK,IAAI;AAElE,YAAM,cAAc,oBAAoB,IAAI;AAE5C,YAAM,cAAc,CAAC,MAAwB;AAC3C,oBAAY;AACZ,YAAI;AAAS,kBAAQ,CAAC;AAAA,MACxB;AAEA,YAAM,gBAAgB,CAAC,MAA2B;AAChD,2BAAmB,CAAC;AACpB,YAAI,EAAE,SAAS;AAAU,kBAAQ;AACjC,YAAI;AAAiB,0BAAgB,CAAC;AAAA,MACxC;AAEA,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cACxD,GAAG;AAAA;AAAA,YAHC,GAAG,yBAAyB;AAAA,UAInC;AAAA,QAEJ,KAAK;AACH,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cAEzD;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX;AAAA,kBACA,eAAa,yBAAyB,QAAQ,WAAW;AAAA,kBACxD,GAAG;AAAA,kBAEH,qBAAW,oBAAC,WAAQ;AAAA;AAAA,cACvB;AAAA;AAAA,YAbK,GAAG,qBAAqB;AAAA,UAc/B;AAAA,QAEJ;AACE,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,yBAAyB,QAAQ,WAAW;AAAA,cAEzD;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX;AAAA,kBACA,eAAa,yBAAyB,QAAQ,WAAW;AAAA,kBACxD,GAAG;AAAA,kBAEH;AAAA,4BAAQ,oBAAC,QAAK;AAAA,oBACd,SACC,oBAAC,eAAY,eAAa,yBAAyB,QAAQ,WAAW,mBACnE,iBACH;AAAA;AAAA;AAAA,cAEJ;AAAA;AAAA,YAlBK,GAAG,qBAAqB;AAAA,UAmB/B;AAAA,MAEN;AAAA,IACF,CAAC,GACH;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js CHANGED Viewed

@@ -77,33 +77,42 @@ const SearchToggle = ({
     },
     [setRef, triggerRef]
   );
-  return userIsOpen || isOpen ? /* @__PURE__ */ jsx(StyledNavSearchBoxContainer, {
-    onKeyDown: handleOnKeyDown,
-    ref: mergeRefs(searchContainerRef, containerRef),
-    onBlur: handleOnBlur,
-    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.CONTAINER,
-    children: /* @__PURE__ */ jsx(DSNavSearchBox, {
-      onNext,
-      onPrevious,
-      currentResultIndex,
-      totalResults,
-      onClear,
-      placeholder,
-      onChange,
-      value,
-      onBlur,
-      innerRef: handleNavInputRefs,
-      autoFocus: true
-    })
-  }) : /* @__PURE__ */ jsx(StyledButton, {
-    onClick: handleOnClick,
-    ref: handleTriggerRefs,
-    id,
-    role: "menuitem",
-    "data-testid": DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON,
-    ...getGlobalAttributes(otherProps),
-    children: /* @__PURE__ */ jsx(Search, {})
-  });
+  return userIsOpen || isOpen ? /* @__PURE__ */ jsx(
+    StyledNavSearchBoxContainer,
+    {
+      onKeyDown: handleOnKeyDown,
+      ref: mergeRefs(searchContainerRef, containerRef),
+      onBlur: handleOnBlur,
+      "data-testid": DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.CONTAINER,
+      children: /* @__PURE__ */ jsx(
+        DSNavSearchBox,
+        {
+          onNext,
+          onPrevious,
+          currentResultIndex,
+          totalResults,
+          onClear,
+          placeholder,
+          onChange,
+          value,
+          onBlur,
+          innerRef: handleNavInputRefs,
+          autoFocus: true
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(
+    StyledButton,
+    {
+      onClick: handleOnClick,
+      ref: handleTriggerRefs,
+      id,
+      role: "menuitem",
+      "data-testid": DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON,
+      ...getGlobalAttributes(otherProps),
+      children: /* @__PURE__ */ jsx(Search, {})
+    }
+  );
 };
 export {
   SearchToggle