@elliemae/ds-global-header 3.0.0-next.49 → 3.0.0-next.52

package/dist/esm/{outOfTheBox → parts/Toolbar/outOfTheBox}/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/outOfTheBox/index.tsx"],
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Toolbar/outOfTheBox/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './AppPicker/AppPicker';\nexport * from './PopupMenu/PopupMenu';\nexport * from './SearchToggle/SearchToggle';\n"],
   "mappings": "AAAA;ACAA;AACA;AACA;",
   "names": []

package/dist/esm/parts/Toolbar/styles.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { COMPONENT_NAME, slots } from "../../exported-related/theming";
+const StyledMenubarContainer = styled("nav", { name: COMPONENT_NAME, slot: slots.MENUBAR.CONTAINER })``;
+const StyledList = styled(Grid, { name: COMPONENT_NAME, slot: slots.MENUBAR.LIST })`
+  padding: 0;
+  margin: 0;
+`;
+const StyledToolbarItem = styled("li", { name: COMPONENT_NAME, slot: slots.MENUBAR.ITEM })`
+  list-style: none;
+`;
+export {
+  StyledList,
+  StyledMenubarContainer,
+  StyledToolbarItem
+};
+//# sourceMappingURL=styles.js.map

package/dist/esm/parts/Toolbar/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { COMPONENT_NAME, slots } from '../../exported-related/theming';\n\nexport const StyledMenubarContainer = styled('nav', { name: COMPONENT_NAME, slot: slots.MENUBAR.CONTAINER })``;\n\nexport const StyledList = styled(Grid, { name: COMPONENT_NAME, slot: slots.MENUBAR.LIST })`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('li', { name: COMPONENT_NAME, slot: slots.MENUBAR.ITEM })`\n  list-style: none;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,yBAAyB,OAAO,OAAO,EAAE,MAAM,gBAAgB,MAAM,MAAM,QAAQ,UAAU,CAAC;AAEpG,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAKlF,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/Toolbar/useGlobalHeaderToolbar.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { useRef, useCallback } from "react";
+const useGlobalHeaderToolbar = () => {
+  const allButtonRefs = useRef([]);
+  const listRef = useRef(null);
+  const setRef = useCallback((index) => (ref) => {
+    allButtonRefs.current[index] = ref;
+    if (index === 0 && allButtonRefs.current[0]) {
+      allButtonRefs.current[0]?.setAttribute?.("tabindex", "0");
+    } else {
+      allButtonRefs.current[index]?.setAttribute?.("tabindex", "-1");
+    }
+  }, []);
+  const keyboardNavigation = useCallback((e) => {
+    if (allButtonRefs.current.includes(e.target)) {
+      const currentIndex = allButtonRefs.current.indexOf(e.target);
+      const allRefsLength = allButtonRefs.current.length;
+      if (e.key === "ArrowRight") {
+        if (currentIndex < allRefsLength - 1) {
+          allButtonRefs.current[currentIndex + 1]?.focus?.();
+        } else {
+          allButtonRefs.current[0]?.focus?.();
+        }
+      }
+      if (e.key === "ArrowLeft") {
+        if (currentIndex === 0) {
+          allButtonRefs.current[allRefsLength - 1]?.focus?.();
+        } else {
+          allButtonRefs.current[currentIndex - 1]?.focus?.();
+        }
+      }
+    }
+  }, []);
+  return {
+    listRef,
+    setRef,
+    keyboardNavigation
+  };
+};
+export {
+  useGlobalHeaderToolbar
+};
+//# sourceMappingURL=useGlobalHeaderToolbar.js.map

package/dist/esm/parts/Toolbar/useGlobalHeaderToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/useGlobalHeaderToolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useCallback } from 'react';\n\nexport const useGlobalHeaderToolbar = () => {\n  const allButtonRefs = useRef<HTMLElement[]>([]);\n  const listRef = useRef<HTMLUListElement | null>(null);\n\n  const setRef = useCallback(\n    (index: number) => (ref: HTMLElement) => {\n      allButtonRefs.current[index] = ref;\n      if (index === 0 && allButtonRefs.current[0]) {\n        allButtonRefs.current[0]?.setAttribute?.('tabindex', '0');\n      } else {\n        allButtonRefs.current[index]?.setAttribute?.('tabindex', '-1');\n      }\n    },\n    [],\n  );\n\n  const keyboardNavigation = useCallback((e: React.KeyboardEvent) => {\n    if (allButtonRefs.current.includes(e.target as HTMLElement)) {\n      const currentIndex = allButtonRefs.current.indexOf(e.target as HTMLElement);\n      const allRefsLength = allButtonRefs.current.length;\n      if (e.key === 'ArrowRight') {\n        if (currentIndex < allRefsLength - 1) {\n          allButtonRefs.current[currentIndex + 1]?.focus?.();\n        } else {\n          allButtonRefs.current[0]?.focus?.();\n        }\n      }\n      if (e.key === 'ArrowLeft') {\n        if (currentIndex === 0) {\n          allButtonRefs.current[allRefsLength - 1]?.focus?.();\n        } else {\n          allButtonRefs.current[currentIndex - 1]?.focus?.();\n        }\n      }\n    }\n  }, []);\n\n  return {\n    listRef,\n    setRef,\n    keyboardNavigation,\n  };\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,MAAM;AAC1C,QAAM,gBAAgB,OAAsB,CAAC,CAAC;AAC9C,QAAM,UAAU,OAAgC,IAAI;AAEpD,QAAM,SAAS,YACb,CAAC,UAAkB,CAAC,QAAqB;AACvC,kBAAc,QAAQ,SAAS;AAC/B,QAAI,UAAU,KAAK,cAAc,QAAQ,IAAI;AAC3C,oBAAc,QAAQ,IAAI,eAAe,YAAY,GAAG;AAAA,IAC1D,OAAO;AACL,oBAAc,QAAQ,QAAQ,eAAe,YAAY,IAAI;AAAA,IAC/D;AAAA,EACF,GACA,CAAC,CACH;AAEA,QAAM,qBAAqB,YAAY,CAAC,MAA2B;AACjE,QAAI,cAAc,QAAQ,SAAS,EAAE,MAAqB,GAAG;AAC3D,YAAM,eAAe,cAAc,QAAQ,QAAQ,EAAE,MAAqB;AAC1E,YAAM,gBAAgB,cAAc,QAAQ;AAC5C,UAAI,EAAE,QAAQ,cAAc;AAC1B,YAAI,eAAe,gBAAgB,GAAG;AACpC,wBAAc,QAAQ,eAAe,IAAI,QAAQ;AAAA,QACnD,OAAO;AACL,wBAAc,QAAQ,IAAI,QAAQ;AAAA,QACpC;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,aAAa;AACzB,YAAI,iBAAiB,GAAG;AACtB,wBAAc,QAAQ,gBAAgB,IAAI,QAAQ;AAAA,QACpD,OAAO;AACL,wBAAc,QAAQ,eAAe,IAAI,QAAQ;AAAA,QACnD;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/parts/styles.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { sizing, space, layout } from "@xstyled/styled-components";
+import { slots, COMPONENT_NAME } from "../exported-related/theming";
+const Container = styled(Grid, { name: COMPONENT_NAME, slot: slots.CONTAINER })`
+  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
+  color: ${({ theme }) => theme.colors.neutral["000"]};
+  height: 40px;
+  padding: 0 24px 0 12px;
+  ${sizing}
+  ${space}
+  ${layout}
+`;
+const StyledButton = styled("button", { name: COMPONENT_NAME, slot: slots.MENUBAR.ITEM_BUTTON })`
+  height: 40px;
+  width: 40px;
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  fill: ${({ theme }) => theme.colors.neutral["000"]};
+  &:hover:not(:focus) {
+    background-color: ${({ theme }) => theme.colors.brand[700]};
+    outline: none;
+  }
+  &:focus {
+    :before {
+      content: '';
+      position: absolute;
+      z-index: 2;
+      top: 2px;
+      left: 2px;
+      width: calc(100% - 4px);
+      height: calc(100% - 4px);
+      border: 2px solid ${({ theme }) => theme.colors.neutral["000"]};
+      border-radius: 4px;
+    }
+  }
+`;
+export {
+  Container,
+  StyledButton
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { sizing, space, layout } from '@xstyled/styled-components';\nimport { slots, COMPONENT_NAME } from '../exported-related/theming';\n\nexport const Container = styled(Grid, { name: COMPONENT_NAME, slot: slots.CONTAINER })`\n  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  height: 40px;\n  padding: 0 24px 0 12px;\n  ${sizing}\n  ${space}\n  ${layout}\n`;\n\nexport const StyledButton = styled('button', { name: COMPONENT_NAME, slot: slots.MENUBAR.ITEM_BUTTON })`\n  height: 40px;\n  width: 40px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  fill: ${({ theme }) => theme.colors.neutral['000']};\n  &:hover:not(:focus) {\n    background-color: ${({ theme }) => theme.colors.brand[700]};\n    outline: none;\n  }\n  &:focus {\n    :before {\n      content: '';\n      position: absolute;\n      z-index: 2;\n      top: 2px;\n      left: 2px;\n      width: calc(100% - 4px);\n      height: calc(100% - 4px);\n      border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n      border-radius: 4px;\n    }\n  }\n`;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,YAAY,OAAO,MAAM,EAAE,MAAM,gBAAgB,MAAM,MAAM,UAAU,CAAC;AAAA;AAAA,WAE1E,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG3C;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,eAAe,OAAO,UAAU,EAAE,MAAM,gBAAgB,MAAM,MAAM,QAAQ,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQ5F,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,wBAEtB,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+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));
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+const noop = () => null;
+const defaultProps = {
+  breadcrumb: [],
+  toolbar: [],
+  LogoWithBrand: noop,
+  Logo: noop
+};
+const breadcrumbItem = PropTypes.shape({
+  label: PropTypes.string.description("breadrcrumb item label"),
+  hasNext: PropTypes.bool.description("whether the item has a child or not"),
+  isSelected: PropTypes.bool.description("whether the item is selected or not"),
+  onClick: PropTypes.func.description("Callback executed on click")
+});
+const toolbarItem = PropTypes.shape({
+  label: PropTypes.string.description("title tag description"),
+  type: PropTypes.oneOf(["ds-app-picker", "ds-popup-menu", "ds-search-toggle", "custom"]).description("use to select one of the out-of-the-box types of items"),
+  componentProps: PropTypes.object.description("props of out-of-the-box component"),
+  Icon: PropTypes.func.description("Icon to display"),
+  onClick: PropTypes.func.description("Callback executed on click")
+});
+const propTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+  Logo: PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.").defaultValue("() => JSX.Element"),
+  LogoWithBrand: 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: PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. Max 3 levels. Compatible with GlobalAttributes.").defaultValue("[]"),
+  toolbar: PropTypes.arrayOf(toolbarItem).description("Toolbar items. Compatible with GlobalAttributes.").defaultValue("[]")
+});
+export {
+  breadcrumbItem,
+  defaultProps,
+  propTypes,
+  toolbarItem
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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}\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};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAGA,MAAM,OAAO,MAAM;AAEZ,MAAM,eAAe;AAAA,EAC1B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe;AAAA,EACf,MAAM;AACR;AAMO,MAAM,iBAAiB,UAAU,MAAM;AAAA,EAC5C,OAAO,UAAU,OAAO,YAAY,wBAAwB;AAAA,EAC5D,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,YAAY,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAC5E,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,cAAc,UAAU,MAAM;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAC3D,MAAM,UAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,QAAQ,CAAC,EAAE,YACtF,wDACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,mCAAmC;AAAA,EAChF,MAAM,UAAU,KAAK,YAAY,iBAAiB;AAAA,EAClD,SAAS,UAAU,KAAK,YAAY,4BAA4B;AAClE,CAAC;AAEM,MAAM,YAAY,gDACpB,4BACA,mBAFoB;AAAA,EAGvB,MAAM,UAAU,KACb,YAAY,gGAAgG,EAC5G,aAAa,mBAAmB;AAAA,EACnC,eAAe,UAAU,KACtB,YACC,iHACF,EACC,aAAa,mBAAmB;AAAA,EACnC,YAAY,UAAU,QAAQ,cAAc,EACzC,YAAY,8EAA8E,EAC1F,aAAa,IAAI;AAAA,EACpB,SAAS,UAAU,QAAQ,WAAW,EACnC,YAAY,kDAAkD,EAC9D,aAAa,IAAI;AACtB;",
+  "names": []
+}

package/dist/esm/sharedTypes.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=sharedTypes.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-global-header",
-  "version": "3.0.0-next.49",
+  "version": "3.0.0-next.52",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Global Header",
   "files": [
@@ -134,14 +134,21 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-app-picker": "3.0.0-next.49",
-    "@elliemae/ds-form": "3.0.0-next.49",
-    "@elliemae/ds-grid": "3.0.0-next.49",
-    "@elliemae/ds-icon": "3.0.0-next.49",
-    "@elliemae/ds-icons": "3.0.0-next.49",
-    "@elliemae/ds-popperjs": "3.0.0-next.49",
-    "@elliemae/ds-utilities": "3.0.0-next.49",
+    "@elliemae/ds-app-picker": "workspace:*",
+    "@elliemae/ds-form": "workspace:*",
+    "@elliemae/ds-grid": "workspace:*",
+    "@elliemae/ds-icon": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-popperjs": "workspace:*",
+    "@elliemae/ds-utilities": "workspace:*",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },
@@ -157,12 +164,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}

package/dist/cjs/GlobalHeader.js

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var GlobalHeader_exports = {};
-__export(GlobalHeader_exports, {
-  GlobalHeader: () => GlobalHeader,
-  GlobalHeaderWithSchema: () => GlobalHeaderWithSchema
-});
-module.exports = __toCommonJS(GlobalHeader_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_propTypes = require("./propTypes");
-var import_GlobalHeaderTitle = require("./components/Title/GlobalHeaderTitle");
-var import_GlobalHeaderBreadcrumb = require("./components/Breadcrumb/GlobalHeaderBreadcrumb");
-var import_GlobalHeaderToolbar = require("./components/Toolbar/GlobalHeaderToolbar");
-var import_GlobalHeaderContext = require("./GlobalHeaderContext");
-var import_useGlobalHeader = require("./config/useGlobalHeader");
-var import_defaultProps = require("./defaultProps");
-var import_GlobalHeaderContainer = require("./GlobalHeaderContainer");
-var import_useValidateProps = require("./config/useValidateProps");
-const GlobalHeader = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props);
-  const ctx = (0, import_useGlobalHeader.useGlobalHeader)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContainer.GlobalHeaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContext.GlobalHeaderContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderTitle.GlobalHeaderTitle, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderToolbar.GlobalHeaderToolbar, null)));
-};
-GlobalHeader.defaultProps = import_defaultProps.defaultProps;
-GlobalHeader.propTypes = import_propTypes.globalHeaderProps;
-const GlobalHeaderWithSchema = (0, import_react_desc.describe)(GlobalHeader);
-GlobalHeaderWithSchema.propTypes = import_propTypes.globalHeaderProps;
-//# sourceMappingURL=GlobalHeader.js.map

package/dist/cjs/GlobalHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GlobalHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  return (\n    <GlobalHeaderContainer>\n      <GlobalHeaderContext.Provider value={ctx}>\n        <GlobalHeaderTitle />\n        <GlobalHeaderBreadcrumb />\n        <GlobalHeaderToolbar />\n      </GlobalHeaderContext.Provider>\n    </GlobalHeaderContainer>\n  );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAkC;AAElC,+BAAkC;AAClC,oCAAuC;AACvC,iCAAoC;AACpC,iCAAoC;AACpC,6BAAgC;AAChC,0BAA6B;AAC7B,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,eAAe,CAAC,UAA8B;AAClD,gDAAiB,KAAK;AACtB,QAAM,MAAM,4CAAgB,KAAK;AACjC,SACE,mDAAC,0DACC,mDAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KACnC,mDAAC,gDAAkB,GACnB,mDAAC,0DAAuB,GACxB,mDAAC,oDAAoB,CACvB,CACF;AAEJ;AAEA,aAAa,eAAe;AAE5B,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS,YAAY;AACpD,uBAAuB,YAAY;",
-  "names": []
-}

package/dist/cjs/GlobalHeaderContainer.js

@@ -1,34 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var GlobalHeaderContainer_exports = {};
-__export(GlobalHeaderContainer_exports, {
-  GlobalHeaderContainer: () => GlobalHeaderContainer
-});
-module.exports = __toCommonJS(GlobalHeaderContainer_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styles = require("./styles");
-const GlobalHeaderContainer = ({ children }) => /* @__PURE__ */ import_react.default.createElement("header", {
-  "data-testid": "ds-global-header"
-}, /* @__PURE__ */ import_react.default.createElement(import_styles.Wrapper, {
-  cols: ["auto", "1fr", "auto"]
-}, children));
-//# sourceMappingURL=GlobalHeaderContainer.js.map

package/dist/cjs/GlobalHeaderContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GlobalHeaderContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { GlobalHeaderContainerT } from './GlobalHeaderTypes';\nimport { Wrapper } from './styles';\n\nexport const GlobalHeaderContainer = ({ children }: GlobalHeaderContainerT): JSX.Element => (\n  <header data-testid=\"ds-global-header\">\n    <Wrapper cols={['auto', '1fr', 'auto']}>{children}</Wrapper>\n  </header>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,oBAAwB;AAEjB,MAAM,wBAAwB,CAAC,EAAE,eACtC,mDAAC;AAAA,EAAO,eAAY;AAAA,GAClB,mDAAC;AAAA,EAAQ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,GAAI,QAAS,CACpD;",
-  "names": []
-}

package/dist/cjs/GlobalHeaderContext.js

@@ -1,39 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var GlobalHeaderContext_exports = {};
-__export(GlobalHeaderContext_exports, {
-  GlobalHeaderContext: () => GlobalHeaderContext
-});
-module.exports = __toCommonJS(GlobalHeaderContext_exports);
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_defaultProps = require("./defaultProps");
-const noop = () => null;
-const defaultContext = {
-  props: import_defaultProps.defaultProps,
-  showIconOnly: false,
-  setShowIconOnly: noop,
-  instanceUID: "",
-  globalHeaderToolbarGrid: [],
-  globalHeaderBreadcrumbGrid: []
-};
-const GlobalHeaderContext = (0, import_react.createContext)(defaultContext);
-//# sourceMappingURL=GlobalHeaderContext.js.map

package/dist/cjs/GlobalHeaderContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GlobalHeaderContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { ContextT } from './GlobalHeaderTypes';\n\nconst noop = () => null;\n\nconst defaultContext = {\n  props: defaultProps,\n  showIconOnly: false,\n  setShowIconOnly: noop,\n  instanceUID: '',\n  globalHeaderToolbarGrid: [],\n  globalHeaderBreadcrumbGrid: [],\n};\n\nexport const GlobalHeaderContext = createContext<ContextT>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,0BAA6B;AAG7B,MAAM,OAAO,MAAM;AAEnB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,yBAAyB,CAAC;AAAA,EAC1B,4BAA4B,CAAC;AAC/B;AAEO,MAAM,sBAAsB,gCAAwB,cAAc;",
-  "names": []
-}

package/dist/cjs/GlobalHeaderTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GlobalHeaderTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\n\nexport type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;\nexport interface ContextT {\n  showIconOnly: boolean;\n  setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;\n  instanceUID: string;\n  globalHeaderToolbarGrid: string[];\n  globalHeaderBreadcrumbGrid: string[];\n  props: GlobalHeaderPropsT;\n}\n\nexport interface GlobalHeaderContainerT {\n  children: React.ReactNode;\n}\n\nexport interface GlobalHeaderPropsT {\n  Logo?: React.ComponentType;\n  LogoWithBrand?: React.ComponentType;\n  breadcrumb?: BreadcrumbItemT[];\n  toolbar?: ToolbarItemT[];\n  appPickerProps?: AppPickerProps;\n}\n\nexport interface BreadcrumbItemT {\n  label: string;\n  hasNext?: boolean;\n  isSelected?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  length: number;\n}\n\nexport interface ToolbarItemT {\n  type?: 'ds-app-picker' | 'ds-popup-menu' | 'ds-search-toggle' | 'custom';\n  label: string;\n  Icon: React.ComponentType<Record<string, unknown>>;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  componentProps?: PopupPropsT | AppPickerProps | SearchTogglePropsT;\n  CustomComponent?: React.ComponentType<{ item: ToolbarItemT }>;\n}\n\nexport interface PopupPropsT {\n  Icon?: React.ComponentType<Record<string, unknown>>;\n  options: PopupMenuItemT[];\n  closeOnClick?: boolean;\n  title?: string;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\nexport interface AppPickerMenuItemT {\n  label: string;\n  icon: React.ComponentType;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n}\n\nexport interface PopupMenuItemT extends Record<string, unknown> {\n  type?: string;\n  Icon?: React.ComponentType;\n  label?: string;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  closeOnClick?: boolean;\n  Content?: React.ComponentType;\n}\n\nexport interface PopupMenuContentPropsT {\n  options: PopupMenuItemT[];\n  onItemClick: (event: React.MouseEvent<HTMLElement>) => void;\n  onClose: () => void;\n}\n\nexport interface PipeT {\n  showIconOnly: boolean;\n}\n\nexport interface LabelT {\n  isSelected: boolean;\n  isOnlyItem: boolean;\n}\n\nexport interface SearchTogglePropsT {\n  onNext: () => void;\n  onPrevious: () => void;\n  currentResultIndex: number;\n  totalResults: number;\n  placeholder: string;\n  value: string;\n  onChange: () => void;\n  onBlur: () => void;\n  onClear: () => void;\n  isOpen: boolean;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Breadcrumb/GlobalHeaderBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useContext, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Pipe } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { PureBreadcrumb } from './PureBreadcrumb';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n  const {\n    props: { breadcrumb },\n    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n    globalHeaderBreadcrumbGrid,\n  } = useContext(GlobalHeaderContext);\n  const breakpoint = useRef<number | null>(null);\n  const flexRegion = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {\n        setShowIconOnly(true);\n        breakpoint.current = window.innerWidth;\n      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {\n        setShowIconOnly(false);\n        breakpoint.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpoint, flexRegion, setShowIconOnly]);\n\n  return (\n    <Grid\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n      aria-label=\"breadcrumbs\"\n      cols={globalHeaderBreadcrumbGrid}\n      role=\"navigation\"\n    >\n      <Pipe showIconOnly={showIconOnly} />\n      {breadcrumb?.map((item) => {\n        const { label, ...rest } = item;\n        return (\n          <PureBreadcrumb\n            label={label}\n            length={breadcrumb.length}\n            key={`${instanceUID}-breadcrumb-item-${label}`}\n            {...rest}\n          />\n        );\n      })}\n      <div id=\"global-header-flex-region\" ref={flexRegion}></div>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,qBAAqB;AACrB,oBAAqB;AACrB,iCAAoC;AACpC,4BAA+B;AAExB,MAAM,yBAAyB,MAAmB;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,8CAAmB;AAClC,QAAM,aAAa,yBAAsB,IAAI;AAC7C,QAAM,aAAa,yBAAuB,IAAI;AAE9C,8BAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UAAI,cAAc,WAAW,WAAW,YAAY,QAAQ,eAAe,KAAK,CAAC,WAAW,SAAS;AACnG,wBAAgB,IAAI;AACpB,mBAAW,UAAU,OAAO;AAAA,MAC9B,WAAW,cAAc,WAAW,YAAY,QAAQ,OAAO,cAAc,WAAW,SAAS;AAC/F,wBAAgB,KAAK;AACrB,mBAAW,UAAU;AAAA,MACvB;AAAA,IACF;AAEA,yBAAqB;AAErB,WAAO,iBAAiB,UAAU,oBAAoB;AACtD,WAAO,MAAM,OAAO,oBAAoB,UAAU,oBAAoB;AAAA,EACxE,GAAG,CAAC,YAAY,YAAY,eAAe,CAAC;AAE5C,SACE,mDAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAK;AAAA,GAA4B,GACjC,YAAY,IAAI,CAAC,SAAS;AACzB,UAA2B,WAAnB,YAAmB,IAAT,iBAAS,IAAT,CAAV;AACR,WACE,mDAAC;AAAA,MACC;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB,KAAK,GAAG,+BAA+B;AAAA,OACnC,KACN;AAAA,EAEJ,CAAC,GACD,mDAAC;AAAA,IAAI,IAAG;AAAA,IAA4B,KAAK;AAAA,GAAY,CACvD;AAEJ;",
-  "names": []
-}

package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-utilities';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../GlobalHeaderTypes';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }: Props) => (\n  <BreadcrumbItem>\n    <LabelButton\n      onClick={onClick}\n      aria-selected={isSelected}\n      data-testid=\"gh-breadcrumb-btn\"\n      id={id}\n      {...getDataProps(rest)}\n    >\n      <Label isSelected={!!isSelected} isOnlyItem={length === 1}>\n        {label}\n      </Label>\n    </LabelButton>\n    {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n  </BreadcrumbItem>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAkC;AAClC,0BAA6B;AAC7B,oBAAmD;AAG5C,MAAM,iBAAiB,qBAAM,KAAK,CAAC,OAAqE;AAArE,eAAE,WAAS,YAAY,QAAQ,OAAO,SAAS,OAA/C,IAAsD,iBAAtD,IAAsD,CAApD,WAAS,cAAY,UAAQ,SAAO,WAAS;AACvF,4DAAC,oCACC,mDAAC;AAAA,IACC;AAAA,IACA,iBAAe;AAAA,IACf,eAAY;AAAA,IACZ;AAAA,KACI,sCAAa,IAAI,IAErB,mDAAC;AAAA,IAAM,YAAY,CAAC,CAAC;AAAA,IAAY,YAAY,WAAW;AAAA,KACrD,KACH,CACF,GACC,WAAW,mDAAC;AAAA,IAAkB,MAAK;AAAA,IAAI,MAAK;AAAA,GAAO,CACtD;AAAA,CACD;",
-  "names": []
-}

package/dist/cjs/components/Breadcrumb/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Breadcrumb/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport type { LabelT, PipeT } from '../../GlobalHeaderTypes';\n\nexport const Pipe = styled.span<PipeT>`\n  margin: 0 7px 0 0;\n  border-left: ${({ showIconOnly }) => (showIconOnly ? 'none' : '1px solid #fff')};\n  height: 20px;\n`;\n\nexport const BreadcrumbItem = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n`;\n\nexport const LabelButton = styled.button`\n  width: fit-content;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n  &:focus {\n    :before {\n      content: '';\n      position: absolute;\n      z-index: 2;\n      top: 2px;\n      left: -5px;\n      width: calc(100% + 10px);\n      height: calc(100% - 4px);\n      border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n      border-radius: 4px;\n    }\n  }\n`;\n\nexport const Label = styled.p<LabelT>`\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ theme, isSelected }) =>\n    `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`};\n  font-size: 16px;\n  text-transform: uppercase;\n  border-bottom: ${({ isSelected, isOnlyItem }) => `2px solid ${isSelected && !isOnlyItem ? '#FFF' : 'transparent'}`};\n  margin: 3px 5px 0 5px;\n  :hover {\n    ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAGZ,MAAM,OAAO,iCAAO;AAAA;AAAA,iBAEV,CAAC,EAAE,mBAAoB,eAAe,SAAS;AAAA;AAAA;AAIzD,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAmBR,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,QAAQ,iCAAO;AAAA,WACjB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,iBACV,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,mBAG3D,CAAC,EAAE,YAAY,iBAAiB,aAAa,cAAc,CAAC,aAAa,SAAS;AAAA;AAAA;AAAA,MAG/F,CAAC,EAAE,YAAY,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/components/Title/GlobalHeaderTitle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Title/GlobalHeaderTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderTitle = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\n  } = useContext(GlobalHeaderContext);\n\n  return (\n    <Grid alignItems=\"center\" pr={showIconOnly ? '0px' : '36px'} cols={showIconOnly ? ['auto'] : ['auto', '1fr']}>\n      {Logo && showIconOnly && <Logo />}\n      {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AACrB,iCAAoC;AAE7B,MAAM,oBAAoB,MAAmB;AAClD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,MACE,6BAAW,8CAAmB;AAElC,SACE,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,IAAI,eAAe,QAAQ;AAAA,IAAQ,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,KACxG,QAAQ,gBAAgB,mDAAC,UAAK,GAC9B,iBAAiB,CAAC,gBAAgB,mDAAC,mBAAc,CACpD;AAEJ;",
-  "names": []
-}

package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/Toolbar/GlobalHeaderToolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ToolbarItems } from './ToolbarItems';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const { globalHeaderToolbarGrid } = useContext(GlobalHeaderContext);\n  return (\n    <Grid\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gutter=\"xxs\"\n      cols={globalHeaderToolbarGrid}\n      role=\"toolbar\"\n    >\n      <ToolbarItems />\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AACrB,0BAA6B;AAC7B,iCAAoC;AAE7B,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,4BAA4B,6BAAW,8CAAmB;AAClE,SACE,mDAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,mDAAC,sCAAa,CAChB;AAEJ;",
-  "names": []
-}

package/dist/cjs/components/Toolbar/ToolbarItems.js

@@ -1,114 +0,0 @@
-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 __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 });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ToolbarItems_exports = {};
-__export(ToolbarItems_exports, {
-  ToolbarItems: () => ToolbarItems
-});
-module.exports = __toCommonJS(ToolbarItems_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_outOfTheBox = require("../../outOfTheBox");
-var import_styles = require("./styles");
-var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-const ToolbarItems = () => {
-  const {
-    props: { toolbar },
-    instanceUID
-  } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
-  const itemsList = (0, import_react.useMemo)(() => toolbar?.map((item) => {
-    const _a = item, { Icon, type, onClick, componentProps, label, onKeyPress, id, CustomComponent } = _a, otherProps = __objRest(_a, ["Icon", "type", "onClick", "componentProps", "label", "onKeyPress", "id", "CustomComponent"]);
-    switch (type) {
-      case "ds-popup-menu":
-        return /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.PopupMenu, __spreadProps(__spreadValues({
-          title: label,
-          Icon,
-          onClick,
-          onKeyPress,
-          id,
-          key: `${instanceUID}-ds-popup-menu-${label}`
-        }, otherProps), {
-          componentProps
-        }));
-      case "ds-app-picker":
-        return /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.AppPicker, __spreadValues({
-          label,
-          key: `${instanceUID}-ds-app-picker-${label}`,
-          id,
-          componentProps
-        }, otherProps));
-      case "ds-search-toggle":
-        return /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.SearchToggle, __spreadValues({
-          key: `${instanceUID}-ds-search-toggle-${id}`,
-          id,
-          componentProps
-        }, otherProps));
-      case "custom":
-        if (CustomComponent)
-          return /* @__PURE__ */ import_react.default.createElement(CustomComponent, {
-            item
-          });
-        return null;
-      default:
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.Button, __spreadValues({
-          onClick,
-          key: `${instanceUID}-ds-toolbar-button-${label}`,
-          title: label,
-          "data-testid": "gh-toolbar-item",
-          id
-        }, (0, import_ds_utilities.getDataProps)(otherProps)), /* @__PURE__ */ import_react.default.createElement(Icon, {
-          fill: "#FFF",
-          size: "m"
-        }));
-    }
-  }), [toolbar, instanceUID]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, itemsList);
-};
-//# sourceMappingURL=ToolbarItems.js.map