@elliemae/ds-global-header 3.3.0-next.4 → 3.3.0-next.7

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

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -71,7 +45,7 @@ const PopupMenuContent = import_react.default.memo(({
     role: "menu",
     "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST
   }, options.map((option) => {
-    const _a = option, { type, Icon, label = "", onClick, Content, id } = _a, rest = __objRest(_a, ["type", "Icon", "label", "onClick", "Content", "id"]);
+    const { type, Icon, label = "", onClick, Content, id, ...rest } = option;
     const globalAttrs = (0, import_ds_utilities.getGlobalAttributes)(rest);
     const handleClick = (e) => {
       onItemClick();
@@ -87,35 +61,38 @@ const PopupMenuContent = import_react.default.memo(({
     };
     switch (type) {
       case "separator":
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSeparator, __spreadValues({
+        return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSeparator, {
           key: `${instanceUID}-separator-${label}`,
           role: "none",
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR
-        }, globalAttrs));
+          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR,
+          ...globalAttrs
+        });
       case "custom":
         return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
           key: `${instanceUID}-popup-${label}`,
           role: "menuitem",
           "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM
-        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, __spreadValues({
+        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, {
           ref: setRef,
           onClick: handleClick,
           onKeyDown: handleKeyDown,
           id,
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON
-        }, globalAttrs), Content && /* @__PURE__ */ import_react.default.createElement(Content, null)));
+          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+          ...globalAttrs
+        }, Content && /* @__PURE__ */ import_react.default.createElement(Content, null)));
       default:
         return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
           key: `${instanceUID}-popup-${label}`,
           role: "menuitem",
           "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM
-        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, __spreadValues({
+        }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemButton, {
           ref: setRef,
           onClick: handleClick,
           onKeyDown: handleKeyDown,
           id,
-          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON
-        }, globalAttrs), Icon && /* @__PURE__ */ import_react.default.createElement(Icon, null), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
+          "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON,
+          ...globalAttrs
+        }, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, null), label && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
           "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL
         }, label)));
     }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledSeparator, StyledItemButton, StyledLabel, StyledList, StyledItemContainer } from './styles';\nimport { DSGlobalHeaderContext } from '../../../../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../../../../exported-related';\nimport { usePopupMenuContent } from './usePopupMenuContent';\nimport type { DSGlobalHeaderInternalsT } from '../../../../../sharedTypes';\n\nexport const PopupMenuContent = React.memo(\n  ({\n    options,\n    onItemClick,\n    onClose,\n    popupOnKeyPress,\n    setIsOpen,\n  }: DSGlobalHeaderInternalsT.PopupMenuContentProps): JSX.Element => {\n    const { instanceUID } = useContext(DSGlobalHeaderContext);\n\n    const { menuRef, setRef, keyboardNavigation } = usePopupMenuContent({ setIsOpen });\n\n    return (\n      <StyledList ref={menuRef} role=\"menu\" data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.LIST}>\n        {options.map((option) => {\n          const { type, Icon, label = '', onClick, Content, id, ...rest } = option;\n\n          const globalAttrs = getGlobalAttributes(rest);\n\n          const handleClick = (e: React.MouseEvent) => {\n            onItemClick();\n            if (onClick) onClick(e);\n          };\n\n          const handleKeyDown = (e: React.KeyboardEvent) => {\n            keyboardNavigation(e);\n            if (e.code === 'Escape') onClose();\n            if (popupOnKeyPress) popupOnKeyPress(e);\n          };\n\n          switch (type) {\n            case 'separator':\n              return (\n                <StyledSeparator\n                  key={`${instanceUID}-separator-${label}`}\n                  role=\"none\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.SEPARATOR}\n                  {...globalAttrs}\n                />\n              );\n            case 'custom':\n              return (\n                <StyledItemContainer\n                  key={`${instanceUID}-popup-${label}`}\n                  role=\"menuitem\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM}\n                >\n                  <StyledItemButton\n                    ref={setRef}\n                    onClick={handleClick}\n                    onKeyDown={handleKeyDown}\n                    id={id}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON}\n                    {...globalAttrs}\n                  >\n                    {Content && <Content />}\n                  </StyledItemButton>\n                </StyledItemContainer>\n              );\n            default:\n              return (\n                <StyledItemContainer\n                  key={`${instanceUID}-popup-${label}`}\n                  role=\"menuitem\"\n                  data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM}\n                >\n                  <StyledItemButton\n                    ref={setRef}\n                    onClick={handleClick}\n                    onKeyDown={handleKeyDown}\n                    id={id}\n                    data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON}\n                    {...globalAttrs}\n                  >\n                    {Icon && <Icon />}\n                    {label && (\n                      <StyledLabel data-testid={DSGlobalHeaderDatatestid.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL}>\n                        {label}\n                      </StyledLabel>\n                    )}\n                  </StyledItemButton>\n                </StyledItemContainer>\n              );\n          }\n        })}\n      </StyledList>\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAgG;AAChG,mCAAsC;AACtC,8BAAyC;AACzC,iCAAoC;AAG7B,MAAM,mBAAmB,qBAAM,KACpC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiE;AACjE,QAAM,EAAE,gBAAgB,6BAAW,kDAAqB;AAExD,QAAM,EAAE,SAAS,QAAQ,uBAAuB,oDAAoB,EAAE,UAAU,CAAC;AAEjF,SACE,mDAAC;AAAA,IAAW,KAAK;AAAA,IAAS,MAAK;AAAA,IAAO,eAAa,iDAAyB,QAAQ,WAAW;AAAA,KAC5F,QAAQ,IAAI,CAAC,WAAW;AACvB,UAAkE,aAA1D,QAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAgB,IAAT,iBAAS,IAAT,CAAjD,QAAM,QAAM,SAAY,WAAS,WAAS;AAElD,UAAM,cAAc,6CAAoB,IAAI;AAE5C,UAAM,cAAc,CAAC,MAAwB;AAC3C,kBAAY;AACZ,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAEA,UAAM,gBAAgB,CAAC,MAA2B;AAChD,yBAAmB,CAAC;AACpB,UAAI,EAAE,SAAS;AAAU,gBAAQ;AACjC,UAAI;AAAiB,wBAAgB,CAAC;AAAA,IACxC;AAEA,YAAQ;AAAA,WACD;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,yBAAyB;AAAA,UACjC,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACrD,YACN;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACrD,cAEH,WAAW,mDAAC,aAAQ,CACvB,CACF;AAAA;AAGF,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACrD,cAEH,QAAQ,mDAAC,UAAK,GACd,SACC,mDAAC;AAAA,UAAY,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACnE,KACH,CAEJ,CACF;AAAA;AAAA,EAGR,CAAC,CACH;AAEJ,CACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAgG;AAChG,mCAAsC;AACtC,8BAAyC;AACzC,iCAAoC;AAG7B,MAAM,mBAAmB,qBAAM,KACpC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiE;AACjE,QAAM,EAAE,gBAAgB,6BAAW,kDAAqB;AAExD,QAAM,EAAE,SAAS,QAAQ,uBAAuB,oDAAoB,EAAE,UAAU,CAAC;AAEjF,SACE,mDAAC;AAAA,IAAW,KAAK;AAAA,IAAS,MAAK;AAAA,IAAO,eAAa,iDAAyB,QAAQ,WAAW;AAAA,KAC5F,QAAQ,IAAI,CAAC,WAAW;AACvB,UAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO,SAAS;AAElE,UAAM,cAAc,6CAAoB,IAAI;AAE5C,UAAM,cAAc,CAAC,MAAwB;AAC3C,kBAAY;AACZ,UAAI;AAAS,gBAAQ,CAAC;AAAA,IACxB;AAEA,UAAM,gBAAgB,CAAC,MAA2B;AAChD,yBAAmB,CAAC;AACpB,UAAI,EAAE,SAAS;AAAU,gBAAQ;AACjC,UAAI;AAAiB,wBAAgB,CAAC;AAAA,IACxC;AAEA,YAAQ;AAAA,WACD;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,yBAAyB;AAAA,UACjC,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,SACN;AAAA,WAEC;AACH,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,WAEH,WAAW,mDAAC,aAAQ,CACvB,CACF;AAAA;AAGF,eACE,mDAAC;AAAA,UACC,KAAK,GAAG,qBAAqB;AAAA,UAC7B,MAAK;AAAA,UACL,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WAEzD,mDAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA,eAAa,iDAAyB,QAAQ,WAAW;AAAA,UACxD,GAAG;AAAA,WAEH,QAAQ,mDAAC,UAAK,GACd,SACC,mDAAC;AAAA,UAAY,eAAa,iDAAyB,QAAQ,WAAW;AAAA,WACnE,KACH,CAEJ,CACF;AAAA;AAAA,EAGR,CAAC,CACH;AAEJ,CACF;",
   "names": []
 }

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

@@ -3,34 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -58,16 +32,12 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_styles = require("./styles");
 var import_styles2 = require("../../../styles");
 var import_exported_related = require("../../../../exported-related");
-const SearchToggle = (_a) => {
-  var _b = _a, {
-    id,
-    setRef,
-    componentProps
-  } = _b, otherProps = __objRest(_b, [
-    "id",
-    "setRef",
-    "componentProps"
-  ]);
+const SearchToggle = ({
+  id,
+  setRef,
+  componentProps,
+  ...otherProps
+}) => {
   const [isOpen, setIsOpen] = (0, import_react.useState)(false);
   const internalInputRef = (0, import_react.useRef)(null);
   const internalTriggerRef = (0, import_react.useRef)(null);
@@ -137,12 +107,13 @@ const SearchToggle = (_a) => {
     onBlur,
     innerRef: handleNavInputRefs,
     autoFocus: true
-  })) : /* @__PURE__ */ import_react.default.createElement(import_styles2.StyledButton, __spreadValues({
+  })) : /* @__PURE__ */ import_react.default.createElement(import_styles2.StyledButton, {
     onClick: handleOnClick,
     ref: handleTriggerRefs,
     id,
     role: "menuitem",
-    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON
-  }, (0, import_ds_utilities.getGlobalAttributes)(otherProps)), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null));
+    "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.SEARCH_TOGGLE.ITEM_BUTTON,
+    ...(0, import_ds_utilities.getGlobalAttributes)(otherProps)
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, null));
 };
 //# sourceMappingURL=SearchToggle.js.map

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

@@ -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;ADAvB,mBAAqD;AACrD,sBAAuB;AACvB,qBAA+B;AAC/B,0BAAuE;AACvE,oBAA4C;AAC5C,qBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,eAAe,CAAC,OAKkC;AALlC,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,MAH2B,IAIxB,uBAJwB,IAIxB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,QAAQ,aAAa,2BAAkB,KAAK;AACnD,QAAM,mBAAmB,yBAAgC,IAAI;AAC7D,QAAM,qBAAqB,yBAAiC,IAAI;AAChE,QAAM,eAAe,yBAA8B,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,MACE;AAEJ,QAAM,WAAW,gDAAuB;AAExC,QAAM,eAAe,8BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,eAAe;AAAW,gBAAU,IAAI;AAC5C,QAAI;AAAS,cAAQ,CAAC;AAAA,EACxB,GACA,CAAC,SAAS,UAAU,CACtB;AAEA,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,eAAe,QAAW;AAC5B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AACA,QAAI;AAAW,gBAAU,CAAC;AAAA,EAC5B,GACA,CAAC,cAAc,WAAW,UAAU,UAAU,CAChD;AAEA,QAAM,eAAe,8BAAY,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,qBAAqB,8BACzB,CAAC,iBAAmC;AAClC,WAAO,YAAY;AACnB,qBAAiB,UAAU;AAAA,EAC7B,GACA,CAAC,MAAM,CACT;AAEA,QAAM,oBAAoB,8BACxB,CAAC,cAAiC;AAChC,uCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,WAAO,SAAS;AAAA,EAClB,GACA,CAAC,QAAQ,UAAU,CACrB;AAEA,SAAO,cAAc,SACnB,mDAAC;AAAA,IACC,WAAW;AAAA,IACX,KAAK,mCAAU,oBAAoB,YAAY;AAAA,IAC/C,QAAQ;AAAA,IACR,eAAa,iDAAyB,QAAQ,cAAc;AAAA,KAE5D,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAS;AAAA,GACX,CACF,IAEA,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA,MAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ,cAAc;AAAA,KACxD,6CAAoB,UAAU,IAElC,mDAAC,4BAAO,CACV;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,sBAAuB;AACvB,qBAA+B;AAC/B,0BAAuE;AACvE,oBAA4C;AAC5C,qBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAC0D;AAC7D,QAAM,CAAC,QAAQ,aAAa,2BAAkB,KAAK;AACnD,QAAM,mBAAmB,yBAAgC,IAAI;AAC7D,QAAM,qBAAqB,yBAAiC,IAAI;AAChE,QAAM,eAAe,yBAA8B,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,MACE;AAEJ,QAAM,WAAW,gDAAuB;AAExC,QAAM,eAAe,8BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,gBAAgB,8BACpB,CAAC,MAAwB;AACvB,QAAI,eAAe;AAAW,gBAAU,IAAI;AAC5C,QAAI;AAAS,cAAQ,CAAC;AAAA,EACxB,GACA,CAAC,SAAS,UAAU,CACtB;AAEA,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,eAAe,QAAW;AAC5B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AACA,QAAI;AAAW,gBAAU,CAAC;AAAA,EAC5B,GACA,CAAC,cAAc,WAAW,UAAU,UAAU,CAChD;AAEA,QAAM,eAAe,8BAAY,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,qBAAqB,8BACzB,CAAC,iBAAmC;AAClC,WAAO,YAAY;AACnB,qBAAiB,UAAU;AAAA,EAC7B,GACA,CAAC,MAAM,CACT;AAEA,QAAM,oBAAoB,8BACxB,CAAC,cAAiC;AAChC,uCAAU,YAAY,kBAAkB,EAAE,SAAS;AACnD,WAAO,SAAS;AAAA,EAClB,GACA,CAAC,QAAQ,UAAU,CACrB;AAEA,SAAO,cAAc,SACnB,mDAAC;AAAA,IACC,WAAW;AAAA,IACX,KAAK,mCAAU,oBAAoB,YAAY;AAAA,IAC/C,QAAQ;AAAA,IACR,eAAa,iDAAyB,QAAQ,cAAc;AAAA,KAE5D,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAS;AAAA,GACX,CACF,IAEA,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA,MAAK;AAAA,IACL,eAAa,iDAAyB,QAAQ,cAAc;AAAA,IAC3D,GAAG,6CAAoB,UAAU;AAAA,KAElC,mDAAC,4BAAO,CACV;AAEJ;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -66,12 +49,14 @@ const toolbarItem = import_ds_utilities.PropTypes.shape({
   Icon: import_ds_utilities.PropTypes.func.description("Icon to display"),
   onClick: import_ds_utilities.PropTypes.func.description("Callback executed on click")
 });
-const propTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+const propTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
   Logo: import_ds_utilities.PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.").defaultValue("() => JSX.Element"),
   LogoWithBrand: import_ds_utilities.PropTypes.func.description("Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.").defaultValue("() => JSX.Element"),
   breadcrumb: import_ds_utilities.PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.").defaultValue("[]"),
   toolbar: import_ds_utilities.PropTypes.arrayOf(toolbarItem).description("Toolbar items. Compatible with GlobalAttributes.").defaultValue("[]"),
   backgroundColor: import_ds_utilities.PropTypes.string.description("Changes background color."),
   bg: import_ds_utilities.PropTypes.string.description("Changes background color.")
-});
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { DSGlobalHeaderInternalsT } from './sharedTypes';\n\nconst noop = () => null;\n\nexport const defaultProps = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: noop,\n  Logo: noop,\n};\n\nexport declare namespace DSGlobalHeaderT {\n  export type Props = Partial<DSGlobalHeaderInternalsT.DefaultProps> & {\n    backgroundColor?: string;\n    bg?: string;\n  };\n}\n\nexport const breadcrumbItem = PropTypes.shape({\n  label: PropTypes.string.description('breadrcrumb item label'),\n  hasNext: PropTypes.bool.description('whether the item has a child or not'),\n  isSelected: PropTypes.bool.description('whether the item is selected or not'),\n  onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const toolbarItem = PropTypes.shape({\n  label: PropTypes.string.description('title tag description'),\n  type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n    'use to select one of the out-of-the-box types of items',\n  ),\n  componentProps: PropTypes.object.description('props of out-of-the-box component'),\n  Icon: PropTypes.func.description('Icon to display'),\n  onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  Logo: PropTypes.func\n    .description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.')\n    .defaultValue('() => JSX.Element'),\n  LogoWithBrand: PropTypes.func\n    .description(\n      'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n    )\n    .defaultValue('() => JSX.Element'),\n  breadcrumb: PropTypes.arrayOf(breadcrumbItem)\n    .description('Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  toolbar: PropTypes.arrayOf(toolbarItem)\n    .description('Toolbar items. Compatible with GlobalAttributes.')\n    .defaultValue('[]'),\n  backgroundColor: PropTypes.string.description('Changes background color.'),\n  bg: PropTypes.string.description('Changes background color.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAGvE,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AASO,MAAM,iBAAiB,8BAAU,MAAM;AAAA,EAC5C,OAAO,8BAAU,OAAO,YAAY,wBAAwB;AAAA,EAC5D,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,SAAS,8BAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,cAAc,8BAAU,MAAM;AAAA,EACzC,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAC3D,MAAM,8BAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE,YACtF,wDACF;AAAA,EACA,gBAAgB,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAChF,MAAM,8BAAU,KAAK,YAAY,iBAAiB;AAAA,EAClD,SAAS,8BAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,YAAY,gDACpB,gDACA,uCAFoB;AAAA,EAGvB,MAAM,8BAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,8BAAU,KACtB,YACC,iHACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,8BAAU,QAAQ,cAAc,EACzC,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,8BAAU,QAAQ,WAAW,EACnC,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AAAA,EACpB,iBAAiB,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EACzE,IAAI,8BAAU,OAAO,YAAY,2BAA2B;AAC9D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAuE;AAGvE,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AASO,MAAM,iBAAiB,8BAAU,MAAM;AAAA,EAC5C,OAAO,8BAAU,OAAO,YAAY,wBAAwB;AAAA,EAC5D,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,YAAY,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,SAAS,8BAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,cAAc,8BAAU,MAAM;AAAA,EACzC,OAAO,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAC3D,MAAM,8BAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE,YACtF,wDACF;AAAA,EACA,gBAAgB,8BAAU,OAAO,YAAY,mCAAmC;AAAA,EAChF,MAAM,8BAAU,KAAK,YAAY,iBAAiB;AAAA,EAClD,SAAS,8BAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,8BAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,8BAAU,KACtB,YACC,iHACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,8BAAU,QAAQ,cAAc,EACzC,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,8BAAU,QAAQ,WAAW,EACnC,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AAAA,EACpB,iBAAiB,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EACzE,IAAI,8BAAU,OAAO,YAAY,2BAA2B;AAC9D;",
   "names": []
 }

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

@@ -1,35 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
 import { getGlobalAttributes } from "@elliemae/ds-utilities";
@@ -54,17 +23,17 @@ const GlobalHeaderBreadcrumb = () => {
   }), /* @__PURE__ */ React2.createElement(StyledBreadcrumbList, {
     "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.LIST
   }, breadcrumb?.map((item) => {
-    const _a = item, { onClick, isSelected, label, hasNext, id } = _a, rest = __objRest(_a, ["onClick", "isSelected", "label", "hasNext", "id"]);
-    return /* @__PURE__ */ React2.createElement(PureBreadcrumb, __spreadProps(__spreadValues({
+    const { onClick, isSelected, label, hasNext, id, ...rest } = item;
+    return /* @__PURE__ */ React2.createElement(PureBreadcrumb, {
       label,
       hasNext,
       isSelected,
       key: `${instanceUID}-breadcrumb-item-${label}`,
-      onKeyDown: onClick && handleOnKeyDown(onClick)
-    }, getGlobalAttributes(rest)), {
+      onKeyDown: onClick && handleOnKeyDown(onClick),
+      ...getGlobalAttributes(rest),
       onClick,
       length: breadcrumb.length
-    }));
+    });
   })), /* @__PURE__ */ React2.createElement("div", {
     id: "global-header-flex-region",
     ref: flexRegionRef,

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

@@ -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, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = 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        {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      </StyledBreadcrumbList>\n      <div id=\"global-header-flex-region\" ref={flexRegionRef} aria-hidden />\n    </StyledBreadcrumbContainer>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,cAAc,eAAe,iBAAiB,gBAAgB,0BAA0B;AAE5G,SACE,qCAAC;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,KAEjD,qCAAC;AAAA,IAAW;AAAA,IAA4B,eAAW;AAAA,IAAC,eAAa,yBAAyB,WAAW;AAAA,GAAM,GAC3G,qCAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,KACpE,YAAY,IAAI,CAAC,SAAS;AACzB,UAA6D,WAArD,WAAS,YAAY,OAAO,SAAS,OAAgB,IAAT,iBAAS,IAAT,CAA5C,WAAS,cAAY,SAAO,WAAS;AAC7C,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,GAAG,+BAA+B;AAAA,MACvC,WAAW,WAAW,gBAAgB,OAAO;AAAA,OACzC,oBAAoB,IAAI,IAN7B;AAAA,MAOC;AAAA,MACA,QAAQ,WAAW;AAAA,MACrB;AAAA,EAEJ,CAAC,CACH,GACA,qCAAC;AAAA,IAAI,IAAG;AAAA,IAA4B,KAAK;AAAA,IAAe,eAAW;AAAA,GAAC,CACtE;AAEJ;",
+  "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,cAAc,eAAe,iBAAiB,gBAAgB,0BAA0B;AAE5G,SACE,qCAAC;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,KAEjD,qCAAC;AAAA,IAAW;AAAA,IAA4B,eAAW;AAAA,IAAC,eAAa,yBAAyB,WAAW;AAAA,GAAM,GAC3G,qCAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,KACpE,YAAY,IAAI,CAAC,SAAS;AACzB,UAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,SAAS;AAC7D,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK,GAAG,+BAA+B;AAAA,MACvC,WAAW,WAAW,gBAAgB,OAAO;AAAA,MAC5C,GAAG,oBAAoB,IAAI;AAAA,MAC5B;AAAA,MACA,QAAQ,WAAW;AAAA,KACrB;AAAA,EAEJ,CAAC,CACH,GACA,qCAAC;AAAA,IAAI,IAAG;AAAA,IAA4B,KAAK;AAAA,IAAe,eAAW;AAAA,GAAC,CACtE;AAEJ;",
   "names": []
 }

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

@@ -1,72 +1,35 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import * as React from "react";
 import React2 from "react";
 import { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from "./styles";
 import { DSGlobalHeaderDatatestid } from "../../exported-related";
-const PureBreadcrumb = React2.memo((_a) => {
-  var _b = _a, {
-    onClick,
-    onKeyDown,
-    isSelected,
-    length,
-    label,
-    hasNext,
-    id
-  } = _b, rest = __objRest(_b, [
-    "onClick",
-    "onKeyDown",
-    "isSelected",
-    "length",
-    "label",
-    "hasNext",
-    "id"
-  ]);
-  return /* @__PURE__ */ React2.createElement(StyledBreadcrumbItem, {
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM
-  }, /* @__PURE__ */ React2.createElement(StyledLink, __spreadValues({
-    onClick,
-    onKeyDown,
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
-    "aria-current": isSelected,
-    id,
-    tabIndex: "0"
-  }, rest), /* @__PURE__ */ React2.createElement(StyledLabel, {
-    isSelected: !!isSelected,
-    isOnlyItem: length === 1,
-    "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL
-  }, label)), hasNext && /* @__PURE__ */ React2.createElement(StyledChevron, {
-    size: "m",
-    "aria-hidden": true
-  }));
-});
+const PureBreadcrumb = React2.memo(({
+  onClick,
+  onKeyDown,
+  isSelected,
+  length,
+  label,
+  hasNext,
+  id,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement(StyledBreadcrumbItem, {
+  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM
+}, /* @__PURE__ */ React2.createElement(StyledLink, {
+  onClick,
+  onKeyDown,
+  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
+  "aria-current": isSelected,
+  id,
+  tabIndex: "0",
+  ...rest
+}, /* @__PURE__ */ React2.createElement(StyledLabel, {
+  isSelected: !!isSelected,
+  isOnlyItem: length === 1,
+  "data-testid": DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL
+}, label)), hasNext && /* @__PURE__ */ React2.createElement(StyledChevron, {
+  size: "m",
+  "aria-hidden": true
+})));
 export {
   PureBreadcrumb
 };

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

@@ -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;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAM,KAClC,CAAC,OAS2C;AAT3C,eACC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAPD,IAQI,iBARJ,IAQI;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC;AAAA,IAAqB,eAAa,yBAAyB,WAAW;AAAA,KACrE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,yBAAyB,WAAW;AAAA,IACjD,gBAAc;AAAA,IACd;AAAA,IACA,UAAS;AAAA,KACL,OAEJ,qCAAC;AAAA,IACC,YAAY,CAAC,CAAC;AAAA,IACd,YAAY,WAAW;AAAA,IACvB,eAAa,yBAAyB,WAAW;AAAA,KAEhD,KACH,CACF,GACC,WAAW,qCAAC;AAAA,IAAc,MAAK;AAAA,IAAI,eAAW;AAAA,GAAC,CAClD;AAAA,CAEJ;",
+  "mappings": ";AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAM,KAClC,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC;AAAA,EAAqB,eAAa,yBAAyB,WAAW;AAAA,GACrE,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,eAAa,yBAAyB,WAAW;AAAA,EACjD,gBAAc;AAAA,EACd;AAAA,EACA,UAAS;AAAA,EACR,GAAG;AAAA,GAEJ,qCAAC;AAAA,EACC,YAAY,CAAC,CAAC;AAAA,EACd,YAAY,WAAW;AAAA,EACvB,eAAa,yBAAyB,WAAW;AAAA,GAEhD,KACH,CACF,GACC,WAAW,qCAAC;AAAA,EAAc,MAAK;AAAA,EAAI,eAAW;AAAA,CAAC,CAClD,CAEJ;",
   "names": []
 }

package/dist/esm/parts/GlobalHeaderContainer.js

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 import React2 from "react";
 import { Container } from "./styles";
@@ -24,13 +8,15 @@ const GlobalHeaderContainer = ({
   bg,
   backgroundColor,
   children
-}) => /* @__PURE__ */ React2.createElement(Container, __spreadValues(__spreadValues({
+}) => /* @__PURE__ */ React2.createElement(Container, {
   forwardedAs: "header",
   "data-testid": "ds-global-header",
   cols: ["auto", "1fr", "auto"],
   bg,
-  backgroundColor
-}, globalAttrs), xstyledAttrs), children);
+  backgroundColor,
+  ...globalAttrs,
+  ...xstyledAttrs
+}, children);
 export {
   GlobalHeaderContainer
 };

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

@@ -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;ACAA;AACA;AAUO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,GACI,cACA,eAEH,QACH;",
+  "mappings": ";AAAA;ACAA;AACA;AAUO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,GAEH,QACH;",
   "names": []
 }