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/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js CHANGED Viewed

@@ -87,9 +87,10 @@ const PopupMenu = ({
     setRef(ref);
     setButtonRef(ref);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledButton, {
+  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,
@@ -100,25 +101,29 @@ const PopupMenu = ({
         "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, {
+        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
-        })
-      })
-    ]
-  });
+        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 CHANGED Viewed

@@ -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;ADgEnB;AAhEJ,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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEnB;AAhEJ,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,4EACE;AAAA;AAAA,MAAC;AAAA;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,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/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js CHANGED Viewed

@@ -45,69 +45,79 @@ const PopupMenuContent = import_react.default.memo(
   }) => {
     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, {
+    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, {
+            },
+            `${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, {
+              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}`);
-        }
-      })
-    });
+              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 CHANGED Viewed

@@ -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;ADyCP;AAzChB,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,MAAM;AAAA,UACZ,KAAK;AACH,mBACE,4CAAC;AAAA,cAEC,MAAK;AAAA,cACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,cACxD,GAAG;AAAA,eAHC,GAAG,yBAAyB,OAInC;AAAA,UAEJ,KAAK;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,UAEJ;AACE,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,QAEN;AAAA,MACF,CAAC;AAAA,KACH;AAAA,EAEJ;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCP;AAzChB,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,4BAAW,KAAK,SAAS,MAAK,QAAO,eAAa,iDAAyB,QAAQ,WAAW,MAC5F,kBAAQ,IAAI,CAAC,WAAW;AACvB,YAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,KAAK,IAAI;AAElE,YAAM,kBAAc,yCAAoB,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,iDAAyB,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,iDAAyB,QAAQ,WAAW;AAAA,cAEzD;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX;AAAA,kBACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,kBACxD,GAAG;AAAA,kBAEH,qBAAW,4CAAC,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,iDAAyB,QAAQ,WAAW;AAAA,cAEzD;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,SAAS;AAAA,kBACT,WAAW;AAAA,kBACX;AAAA,kBACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,kBACxD,GAAG;AAAA,kBAEH;AAAA,4BAAQ,4CAAC,QAAK;AAAA,oBACd,SACC,4CAAC,6BAAY,eAAa,iDAAyB,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/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js CHANGED Viewed

@@ -106,32 +106,41 @@ const SearchToggle = ({
     },
     [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,
-    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),
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {})
-  });
+  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,
+      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),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {})
+    }
+  );
 };
 //# sourceMappingURL=SearchToggle.js.map

package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useState, useCallback, useRef } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSNavSearchBox } from '@elliemae/ds-form';\nimport { getGlobalAttributes, mergeRefs, useCallbackAfterRender } from '@elliemae/ds-utilities';\nimport { StyledNavSearchBoxContainer } from './styles';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const SearchToggle = ({\n  id,\n  setRef,\n  componentProps,\n  ...otherProps\n}: DSGlobalHeaderInternalsT.SearchToggleProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const internalTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    onNext,\n    onPrevious,\n    currentResultIndex,\n    totalResults,\n    placeholder,\n    value,\n    onChange,\n    onBlur,\n    onClear,\n    isOpen: userIsOpen,\n    onKeyDown,\n    onClick,\n    triggerRef,\n    searchContainerRef,\n  } = componentProps;\n\n  const schedule = useCallbackAfterRender();\n\n  const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n  const handleOnClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (userIsOpen === undefined) setIsOpen(true);\n      if (onClick) onClick(e);\n    },\n    [onClick, userIsOpen],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (userIsOpen === undefined) {\n        if (e.key === 'Escape') {\n          setIsOpen(false);\n          schedule(focusTrigger);\n        }\n      }\n      if (onKeyDown) onKeyDown(e);\n    },\n    [focusTrigger, onKeyDown, schedule, userIsOpen],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    const contains = containerRef.current?.contains(document.activeElement);\n    if (value === '' && !contains) setIsOpen(false);\n    schedule(focusTrigger);\n  }, [focusTrigger, schedule, value]);\n\n  const handleNavInputRefs = useCallback(\n    (searchNavRef: HTMLInputElement) => {\n      setRef(searchNavRef);\n      internalInputRef.current = searchNavRef;\n    },\n    [setRef],\n  );\n\n  const handleTriggerRefs = useCallback(\n    (buttonRef: HTMLButtonElement) => {\n      mergeRefs(triggerRef, internalTriggerRef)(buttonRef);\n      setRef(buttonRef);\n    },\n    [setRef, triggerRef],\n  );\n\n  return userIsOpen || isOpen ? (\n    <StyledNavSearchBoxContainer\n      onKeyDown={handleOnKeyDown}\n      ref={mergeRefs(searchContainerRef, containerRef)}\n      onBlur={handleOnBlur}\n      data-testid={DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.CONTAINER}\n    >\n      <DSNavSearchBox\n        onNext={onNext}\n        onPrevious={onPrevious}\n        currentResultIndex={currentResultIndex}\n        totalResults={totalResults}\n        onClear={onClear}\n        placeholder={placeholder}\n        onChange={onChange}\n        value={value}\n        onBlur={onBlur}\n        innerRef={handleNavInputRefs}\n        autoFocus\n      />\n    </StyledNavSearchBoxContainer>\n  ) : (\n    <StyledButton\n      onClick={handleOnClick}\n      ref={handleTriggerRefs}\n      id={id}\n      role=\"menuitem\"\n      data-testid={DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON}\n      {...getGlobalAttributes(otherProps)}\n    >\n      <Search />\n    </StyledButton>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2FjB;AA3FN,mBAAqD;AACrD,sBAAuB;AACvB,qBAA+B;AAC/B,0BAAuE;AACvE,oBAA4C;AAC5C,IAAAA,iBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA+D;AAC7D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,uBAAmB,qBAAgC,IAAI;AAC7D,QAAM,yBAAqB,qBAAiC,IAAI;AAChE,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAW,4CAAuB;AAExC,QAAM,mBAAe,0BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,oBAAgB;AAAA,IACpB,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;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,eAAe,QAAW;AAC5B,YAAI,EAAE,QAAQ,UAAU;AACtB,oBAAU,KAAK;AACf,mBAAS,YAAY;AAAA,QACvB;AAAA,MACF;AACA,UAAI;AAAW,kBAAU,CAAC;AAAA,IAC5B;AAAA,IACA,CAAC,cAAc,WAAW,UAAU,UAAU;AAAA,EAChD;AAEA,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,aAAa,SAAS,SAAS,SAAS,aAAa;AACtE,QAAI,UAAU,MAAM,CAAC;AAAU,gBAAU,KAAK;AAC9C,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,KAAK,CAAC;AAElC,QAAM,yBAAqB;AAAA,IACzB,CAAC,iBAAmC;AAClC,aAAO,YAAY;AACnB,uBAAiB,UAAU;AAAA,IAC7B;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,wBAAoB;AAAA,IACxB,CAAC,cAAiC;AAChC,yCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACrB;AAEA,SAAO,cAAc,SACnB,4CAAC;AAAA,IACC,WAAW;AAAA,IACX,SAAK,+BAAU,oBAAoB,YAAY;AAAA,IAC/C,QAAQ;AAAA,IACR,eAAa,iDAAyB,QAAQ,cAAc;AAAA,IAE5D,sDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,WAAS;AAAA,KACX;AAAA,GACF,IAEA,4CAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA,MAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ,cAAc;AAAA,IAC3D,OAAG,yCAAoB,UAAU;AAAA,IAElC,sDAAC,0BAAO;AAAA,GACV;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2FjB;AA3FN,mBAAqD;AACrD,sBAAuB;AACvB,qBAA+B;AAC/B,0BAAuE;AACvE,oBAA4C;AAC5C,IAAAA,iBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA+D;AAC7D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,uBAAmB,qBAAgC,IAAI;AAC7D,QAAM,yBAAqB,qBAAiC,IAAI;AAChE,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,eAAW,4CAAuB;AAExC,QAAM,mBAAe,0BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,oBAAgB;AAAA,IACpB,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;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,eAAe,QAAW;AAC5B,YAAI,EAAE,QAAQ,UAAU;AACtB,oBAAU,KAAK;AACf,mBAAS,YAAY;AAAA,QACvB;AAAA,MACF;AACA,UAAI;AAAW,kBAAU,CAAC;AAAA,IAC5B;AAAA,IACA,CAAC,cAAc,WAAW,UAAU,UAAU;AAAA,EAChD;AAEA,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,WAAW,aAAa,SAAS,SAAS,SAAS,aAAa;AACtE,QAAI,UAAU,MAAM,CAAC;AAAU,gBAAU,KAAK;AAC9C,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,cAAc,UAAU,KAAK,CAAC;AAElC,QAAM,yBAAqB;AAAA,IACzB,CAAC,iBAAmC;AAClC,aAAO,YAAY;AACnB,uBAAiB,UAAU;AAAA,IAC7B;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,wBAAoB;AAAA,IACxB,CAAC,cAAiC;AAChC,yCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACrB;AAEA,SAAO,cAAc,SACnB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAK,+BAAU,oBAAoB,YAAY;AAAA,MAC/C,QAAQ;AAAA,MACR,eAAa,iDAAyB,QAAQ,cAAc;AAAA,MAE5D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,WAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA,MAAK;AAAA,MACL,eAAa,iDAAyB,QAAQ,cAAc;AAAA,MAC3D,OAAG,yCAAoB,UAAU;AAAA,MAElC,sDAAC,0BAAO;AAAA;AAAA,EACV;AAEJ;",
   "names": ["import_styles"]
 }

package/dist/esm/DSGlobalHeader.js CHANGED Viewed

@@ -16,21 +16,21 @@ const DSGlobalHeader = (props) => {
   const globalAttrs = useGetGlobalAttributes(props);
   const xstyledAttrs = useGetXstyledProps(props);
   const { bg, backgroundColor } = props;
-  return /* @__PURE__ */ jsx(GlobalHeaderContainer, {
-    "data-testid": DSGlobalHeaderDatatestid.CONTAINER,
-    globalAttrs,
-    xstyledAttrs,
-    bg,
-    backgroundColor,
-    children: /* @__PURE__ */ jsxs(DSGlobalHeaderContext.Provider, {
-      value: ctx,
-      children: [
+  return /* @__PURE__ */ jsx(
+    GlobalHeaderContainer,
+    {
+      "data-testid": DSGlobalHeaderDatatestid.CONTAINER,
+      globalAttrs,
+      xstyledAttrs,
+      bg,
+      backgroundColor,
+      children: /* @__PURE__ */ jsxs(DSGlobalHeaderContext.Provider, { value: ctx, children: [
         /* @__PURE__ */ jsx(GlobalHeaderLogo, {}),
         /* @__PURE__ */ jsx(GlobalHeaderBreadcrumb, {}),
         /* @__PURE__ */ jsx(GlobalHeaderToolbar, {})
-      ]
-    })
-  });
+      ] })
+    }
+  );
 };
 DSGlobalHeader.displayName = DSGlobalHeaderName;
 const DSGlobalHeaderWithSchema = describe(DSGlobalHeader);

package/dist/esm/DSGlobalHeader.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, describe } from '@elliemae/ds-utilities';\nimport { propTypes } from './react-desc-prop-types';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { GlobalHeaderContainer } from './parts/GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\nimport { DSGlobalHeaderDatatestid, DSGlobalHeaderName } from './exported-related';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n\n  const globalAttrs = useGetGlobalAttributes(props);\n  const xstyledAttrs = useGetXstyledProps(props);\n\n  const { bg, backgroundColor } = props;\n\n  return (\n    <GlobalHeaderContainer\n      data-testid={DSGlobalHeaderDatatestid.CONTAINER}\n      globalAttrs={globalAttrs}\n      xstyledAttrs={xstyledAttrs}\n      bg={bg}\n      backgroundColor={backgroundColor}\n    >\n      <DSGlobalHeaderContext.Provider value={ctx}>\n        <GlobalHeaderLogo />\n        <GlobalHeaderBreadcrumb />\n        <GlobalHeaderToolbar />\n      </DSGlobalHeaderContext.Provider>\n    </GlobalHeaderContainer>\n  );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = propTypes;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SACE,KADF;AA7BN,SAAS,wBAAwB,oBAAoB,gBAAgB;AACrE,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B,0BAA0B;AAG7D,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AAEjC,QAAM,cAAc,uBAAuB,KAAK;AAChD,QAAM,eAAe,mBAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,gBAAgB,IAAI;AAEhC,SACE,oBAAC;AAAA,IACC,eAAa,yBAAyB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,+BAAC,sBAAsB,UAAtB;AAAA,MAA+B,OAAO;AAAA,MACrC;AAAA,4BAAC,oBAAiB;AAAA,QAClB,oBAAC,0BAAuB;AAAA,QACxB,oBAAC,uBAAoB;AAAA;AAAA,KACvB;AAAA,GACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SACE,KADF;AA7BN,SAAS,wBAAwB,oBAAoB,gBAAgB;AACrE,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B,0BAA0B;AAG7D,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AAEjC,QAAM,cAAc,uBAAuB,KAAK;AAChD,QAAM,eAAe,mBAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,gBAAgB,IAAI;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,yBAAyB;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,sBAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,4BAAC,oBAAiB;AAAA,QAClB,oBAAC,0BAAuB;AAAA,QACxB,oBAAC,uBAAoB;AAAA,SACvB;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js CHANGED Viewed

@@ -7,42 +7,38 @@ import { PureBreadcrumb } from "./PureBreadcrumb";
 import { DSGlobalHeaderDatatestid } from "../../exported-related";
 const GlobalHeaderBreadcrumb = () => {
   const { breadcrumb, CustomNavigation, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = useGlobalHeaderBreadcrumb();
-  return /* @__PURE__ */ jsxs(StyledBreadcrumbContainer, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    "aria-label": "breadcrumb",
-    cols: ["auto", "auto", "1fr"],
-    forwardedAs: "nav",
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER,
-    children: [
-      /* @__PURE__ */ jsx(StyledPipe, {
-        showIconOnly,
-        "aria-hidden": true,
-        "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.PIPE
-      }),
-      /* @__PURE__ */ jsx(StyledBreadcrumbList, {
-        "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.LIST,
-        children: CustomNavigation !== void 0 ? /* @__PURE__ */ jsx(CustomNavigation, {}) : breadcrumb?.map((item) => {
+  return /* @__PURE__ */ jsxs(
+    StyledBreadcrumbContainer,
+    {
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      "aria-label": "breadcrumb",
+      cols: ["auto", "auto", "1fr"],
+      forwardedAs: "nav",
+      "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER,
+      children: [
+        /* @__PURE__ */ jsx(StyledPipe, { showIconOnly, "aria-hidden": true, "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.PIPE }),
+        /* @__PURE__ */ jsx(StyledBreadcrumbList, { "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.LIST, children: CustomNavigation !== void 0 ? /* @__PURE__ */ jsx(CustomNavigation, {}) : breadcrumb?.map((item) => {
           const { onClick, isSelected, label, hasNext, id, ...rest } = item;
-          return /* @__PURE__ */ jsx(PureBreadcrumb, {
-            label,
-            hasNext,
-            isSelected,
-            onKeyDown: onClick && handleOnKeyDown(onClick),
-            ...getGlobalAttributes(rest),
-            onClick,
-            length: breadcrumb.length
-          }, `${instanceUID}-breadcrumb-item-${label}`);
-        })
-      }),
-      /* @__PURE__ */ jsx("div", {
-        id: "global-header-flex-region",
-        ref: flexRegionRef,
-        "aria-hidden": true
-      })
-    ]
-  });
+          return /* @__PURE__ */ jsx(
+            PureBreadcrumb,
+            {
+              label,
+              hasNext,
+              isSelected,
+              onKeyDown: onClick && handleOnKeyDown(onClick),
+              ...getGlobalAttributes(rest),
+              onClick,
+              length: breadcrumb.length
+            },
+            `${instanceUID}-breadcrumb-item-${label}`
+          );
+        }) }),
+        /* @__PURE__ */ jsx("div", { id: "global-header-flex-region", ref: flexRegionRef, "aria-hidden": true })
+      ]
+    }
+  );
 };
 export {
   GlobalHeaderBreadcrumb

package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/GlobalHeaderBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledBreadcrumbContainer, StyledPipe, StyledBreadcrumbList } from './styles';\nimport { useGlobalHeaderBreadcrumb } from './useGlobalHeaderBreadcrumb';\nimport { PureBreadcrumb } from './PureBreadcrumb';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n  const { breadcrumb, CustomNavigation, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } =\n    useGlobalHeaderBreadcrumb();\n\n  return (\n    <StyledBreadcrumbContainer\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n      aria-label=\"breadcrumb\"\n      cols={['auto', 'auto', '1fr']}\n      forwardedAs=\"nav\"\n      data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER}\n    >\n      <StyledPipe showIconOnly={showIconOnly} aria-hidden data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.PIPE} />\n      <StyledBreadcrumbList data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.LIST}>\n        {CustomNavigation !== undefined ? (\n          <CustomNavigation />\n        ) : (\n          breadcrumb?.map((item) => {\n            const { onClick, isSelected, label, hasNext, id, ...rest } = item;\n            return (\n              <PureBreadcrumb\n                label={label}\n                hasNext={hasNext}\n                isSelected={isSelected}\n                key={`${instanceUID}-breadcrumb-item-${label}`}\n                onKeyDown={onClick && handleOnKeyDown(onClick)}\n                {...getGlobalAttributes(rest)}\n                onClick={onClick}\n                length={breadcrumb.length}\n              />\n            );\n          })\n        )}\n      </StyledBreadcrumbList>\n      <div id=\"global-header-flex-region\" ref={flexRegionRef} aria-hidden />\n    </StyledBreadcrumbContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYnB,SASE,KATF;AAXJ,SAAS,2BAA2B;AACpC,SAAS,2BAA2B,YAAY,4BAA4B;AAC5E,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,kBAAkB,cAAc,eAAe,iBAAiB,YAAY,IAC9F,0BAA0B;AAE5B,SACE,qBAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC5B,aAAY;AAAA,IACZ,eAAa,yBAAyB,WAAW;AAAA,IAEjD;AAAA,0BAAC;AAAA,QAAW;AAAA,QAA4B,eAAW;AAAA,QAAC,eAAa,yBAAyB,WAAW;AAAA,OAAM;AAAA,MAC3G,oBAAC;AAAA,QAAqB,eAAa,yBAAyB,WAAW;AAAA,QACpE,+BAAqB,SACpB,oBAAC,oBAAiB,IAElB,YAAY,IAAI,CAAC,SAAS;AACxB,gBAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,KAAK,IAAI;AAC7D,iBACE,oBAAC;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEA,WAAW,WAAW,gBAAgB,OAAO;AAAA,YAC5C,GAAG,oBAAoB,IAAI;AAAA,YAC5B;AAAA,YACA,QAAQ,WAAW;AAAA,aAJd,GAAG,+BAA+B,OAKzC;AAAA,QAEJ,CAAC;AAAA,OAEL;AAAA,MACA,oBAAC;AAAA,QAAI,IAAG;AAAA,QAA4B,KAAK;AAAA,QAAe,eAAW;AAAA,OAAC;AAAA;AAAA,GACtE;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACYnB,SASE,KATF;AAXJ,SAAS,2BAA2B;AACpC,SAAS,2BAA2B,YAAY,4BAA4B;AAC5E,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,kBAAkB,cAAc,eAAe,iBAAiB,YAAY,IAC9F,0BAA0B;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,cAAW;AAAA,MACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,aAAY;AAAA,MACZ,eAAa,yBAAyB,WAAW;AAAA,MAEjD;AAAA,4BAAC,cAAW,cAA4B,eAAW,MAAC,eAAa,yBAAyB,WAAW,MAAM;AAAA,QAC3G,oBAAC,wBAAqB,eAAa,yBAAyB,WAAW,MACpE,+BAAqB,SACpB,oBAAC,oBAAiB,IAElB,YAAY,IAAI,CAAC,SAAS;AACxB,gBAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,KAAK,IAAI;AAC7D,iBACE;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cAEA,WAAW,WAAW,gBAAgB,OAAO;AAAA,cAC5C,GAAG,oBAAoB,IAAI;AAAA,cAC5B;AAAA,cACA,QAAQ,WAAW;AAAA;AAAA,YAJd,GAAG,+BAA+B;AAAA,UAKzC;AAAA,QAEJ,CAAC,GAEL;AAAA,QACA,oBAAC,SAAI,IAAG,6BAA4B,KAAK,eAAe,eAAW,MAAC;AAAA;AAAA;AAAA,EACtE;AAEJ;",
   "names": []
 }

package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js CHANGED Viewed

@@ -13,10 +13,10 @@ const PureBreadcrumb = React2.memo(
     hasNext,
     id,
     ...rest
-  }) => /* @__PURE__ */ jsxs(StyledBreadcrumbItem, {
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM,
-    children: [
-      /* @__PURE__ */ jsx(StyledLink, {
+  }) => /* @__PURE__ */ jsxs(StyledBreadcrumbItem, { "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM, children: [
+    /* @__PURE__ */ jsx(
+      StyledLink,
+      {
         onClick,
         onKeyDown,
         "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
@@ -24,19 +24,19 @@ const PureBreadcrumb = React2.memo(
         id,
         tabIndex: "0",
         ...rest,
-        children: /* @__PURE__ */ jsx(StyledLabel, {
-          isSelected: !!isSelected,
-          isOnlyItem: length === 1,
-          "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL,
-          children: label
-        })
-      }),
-      hasNext && /* @__PURE__ */ jsx(StyledChevron, {
-        size: "m",
-        "aria-hidden": true
-      })
-    ]
-  })
+        children: /* @__PURE__ */ jsx(
+          StyledLabel,
+          {
+            isSelected: !!isSelected,
+            isOnlyItem: length === 1,
+            "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL,
+            children: label
+          }
+        )
+      }
+    ),
+    hasNext && /* @__PURE__ */ jsx(StyledChevron, { size: "m", "aria-hidden": true })
+  ] })
 );
 export {
   PureBreadcrumb

package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/PureBreadcrumb.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const PureBreadcrumb = React.memo(\n  ({\n    onClick,\n    onKeyDown,\n    isSelected,\n    length,\n    label,\n    hasNext,\n    id,\n    ...rest\n  }: DSGlobalHeaderInternalsT.BreadcrumbItem) => (\n    <StyledBreadcrumbItem data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM}>\n      <StyledLink\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK}\n        aria-current={isSelected}\n        id={id}\n        tabIndex=\"0\"\n        {...rest}\n      >\n        <StyledLabel\n          isSelected={!!isSelected}\n          isOnlyItem={length === 1}\n          data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL}\n        >\n          {label}\n        </StyledLabel>\n      </StyledLink>\n      {hasNext && <StyledChevron size=\"m\" aria-hidden />}\n    </StyledBreadcrumbItem>\n  ),\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBnB,SAUI,KAVJ;AAhBJ,OAAOA,YAAW;AAClB,SAAS,sBAAsB,YAAY,aAAa,qBAAqB;AAC7E,SAAS,gCAAgC;AAGlC,MAAM,iBAAiBA,OAAM;AAAA,EAClC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,qBAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,IACrE;AAAA,0BAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,yBAAyB,WAAW;AAAA,QACjD,gBAAc;AAAA,QACd;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ,8BAAC;AAAA,UACC,YAAY,CAAC,CAAC;AAAA,UACd,YAAY,WAAW;AAAA,UACvB,eAAa,yBAAyB,WAAW;AAAA,UAEhD;AAAA,SACH;AAAA,OACF;AAAA,MACC,WAAW,oBAAC;AAAA,QAAc,MAAK;AAAA,QAAI,eAAW;AAAA,OAAC;AAAA;AAAA,GAClD;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACgBnB,SAUI,KAVJ;AAhBJ,OAAOA,YAAW;AAClB,SAAS,sBAAsB,YAAY,aAAa,qBAAqB;AAC7E,SAAS,gCAAgC;AAGlC,MAAM,iBAAiBA,OAAM;AAAA,EAClC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,qBAAC,wBAAqB,eAAa,yBAAyB,WAAW,MACrE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,yBAAyB,WAAW;AAAA,QACjD,gBAAc;AAAA,QACd;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,CAAC,CAAC;AAAA,YACd,YAAY,WAAW;AAAA,YACvB,eAAa,yBAAyB,WAAW;AAAA,YAEhD;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IACC,WAAW,oBAAC,iBAAc,MAAK,KAAI,eAAW,MAAC;AAAA,KAClD;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/parts/GlobalHeaderContainer.js CHANGED Viewed

@@ -7,16 +7,19 @@ const GlobalHeaderContainer = ({
   bg,
   backgroundColor,
   children
-}) => /* @__PURE__ */ jsx(Container, {
-  forwardedAs: "header",
-  "data-testid": "ds-global-header",
-  cols: ["auto", "1fr", "auto"],
-  bg,
-  backgroundColor,
-  ...globalAttrs,
-  ...xstyledAttrs,
-  children
-});
+}) => /* @__PURE__ */ jsx(
+  Container,
+  {
+    forwardedAs: "header",
+    "data-testid": "ds-global-header",
+    cols: ["auto", "1fr", "auto"],
+    bg,
+    backgroundColor,
+    ...globalAttrs,
+    ...xstyledAttrs,
+    children
+  }
+);
 export {
   GlobalHeaderContainer
 };

package/dist/esm/parts/GlobalHeaderContainer.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/GlobalHeaderContainer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Container } from './styles';\n\ninterface GlobalHeaderContainerT {\n  xstyledAttrs: Record<string, unknown>;\n  globalAttrs: Record<string, unknown>;\n  backgroundColor?: string;\n  bg?: string;\n  children: React.ReactNode;\n}\n\nexport const GlobalHeaderContainer = ({\n  xstyledAttrs,\n  globalAttrs,\n  bg,\n  backgroundColor,\n  children,\n}: GlobalHeaderContainerT): JSX.Element => (\n  <Container\n    forwardedAs=\"header\"\n    data-testid=\"ds-global-header\"\n    cols={['auto', '1fr', 'auto']}\n    bg={bg}\n    backgroundColor={backgroundColor}\n    {...globalAttrs}\n    {...xstyledAttrs}\n  >\n    {children}\n  </Container>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkBrB;AAjBF,SAAS,iBAAiB;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,EAEH;AAAA,CACH;",
+  "mappings": "AAAA,YAAY,WAAW;ACkBrB;AAjBF,SAAS,iBAAiB;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,aAAY;AAAA,IACZ,eAAY;AAAA,IACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;",
   "names": []
 }

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

@@ -9,16 +9,19 @@ const GlobalHeaderLogo = () => {
     props: { Logo, LogoWithBrand },
     showIconOnly
   } = useContext(DSGlobalHeaderContext);
-  return /* @__PURE__ */ jsxs(StyledLogoContainer, {
-    "data-testid": DSGlobalHeaderDatatestid.LOGO.CONTAINER,
-    alignItems: "center",
-    pr: showIconOnly ? "0px" : "36px",
-    cols: showIconOnly ? ["auto"] : ["auto", "1fr"],
-    children: [
-      Logo && showIconOnly && /* @__PURE__ */ jsx(Logo, {}),
-      LogoWithBrand && !showIconOnly && /* @__PURE__ */ jsx(LogoWithBrand, {})
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    StyledLogoContainer,
+    {
+      "data-testid": DSGlobalHeaderDatatestid.LOGO.CONTAINER,
+      alignItems: "center",
+      pr: showIconOnly ? "0px" : "36px",
+      cols: showIconOnly ? ["auto"] : ["auto", "1fr"],
+      children: [
+        Logo && showIconOnly && /* @__PURE__ */ jsx(Logo, {}),
+        LogoWithBrand && !showIconOnly && /* @__PURE__ */ jsx(LogoWithBrand, {})
+      ]
+    }
+  );
 };
 export {
   GlobalHeaderLogo