npm - @elliemae/ds-global-header - Versions diffs - 3.3.0-next.2 → 3.3.0-next.5 - Mend

@elliemae/ds-global-header 3.3.0-next.2 → 3.3.0-next.5

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 (37) hide show

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

@@ -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 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;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 CHANGED Viewed

@@ -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 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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 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, 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 CHANGED Viewed

@@ -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 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;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 CHANGED Viewed

@@ -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 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;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": []
 }