@elliemae/ds-global-header 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/config/useGetPropsWithDefaults.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { useMemo } from "react";
-import { defaultProps } from "../defaultProps";
-const useGetPropsWithDefaults = (props) => {
-  const { toolbar, breadcrumb, Logo, LogoWithBrand } = props;
-  return useMemo(() => ({
-    ...defaultProps,
-    ...props
-  }), [toolbar, breadcrumb, Logo, LogoWithBrand]);
-};
-export {
-  useGetPropsWithDefaults
-};
-//# sourceMappingURL=useGetPropsWithDefaults.js.map

package/dist/esm/config/useGetPropsWithDefaults.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsWithDefaults.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/exhaustive-deps */\nimport { useMemo } from 'react';\nimport type { GlobalHeaderPropsT } from '../GlobalHeaderTypes';\nimport { defaultProps } from '../defaultProps';\n\nexport const useGetPropsWithDefaults = (props: GlobalHeaderPropsT): GlobalHeaderPropsT => {\n  const { toolbar, breadcrumb, Logo, LogoWithBrand } = props;\n\n  return useMemo(\n    () => ({\n      ...defaultProps,\n      ...props,\n    }),\n    [toolbar, breadcrumb, Logo, LogoWithBrand],\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,0BAA0B,CAAC,UAAkD;AACxF,QAAM,EAAE,SAAS,YAAY,MAAM,kBAAkB;AAErD,SAAO,QACL,MAAO;AAAA,OACF;AAAA,OACA;AAAA,MAEL,CAAC,SAAS,YAAY,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/config/useGlobalHeader.js

@@ -1,24 +0,0 @@
-import * as React from "react";
-import React2, { useState, useMemo } from "react";
-import { uid } from "uid";
-import { useGetPropsWithDefaults } from "./useGetPropsWithDefaults";
-const useGlobalHeader = (props) => {
-  const [showIconOnly, setShowIconOnly] = useState(false);
-  const instanceUID = useMemo(() => uid(5), []);
-  const globalHeaderToolbarGrid = useMemo(() => new Array(props?.toolbar?.length ?? 0).fill("auto"), [props.toolbar]);
-  const globalHeaderBreadcrumbGrid = useMemo(() => ["auto", ...new Array(props?.breadcrumb?.length ?? 0).fill("auto"), "1fr"], [props.breadcrumb]);
-  const propsWithDefaults = useGetPropsWithDefaults(props);
-  const ctx = React2.useMemo(() => ({
-    props: propsWithDefaults,
-    showIconOnly,
-    setShowIconOnly,
-    instanceUID,
-    globalHeaderToolbarGrid,
-    globalHeaderBreadcrumbGrid
-  }), [propsWithDefaults, showIconOnly, instanceUID, globalHeaderToolbarGrid, globalHeaderBreadcrumbGrid]);
-  return ctx;
-};
-export {
-  useGlobalHeader
-};
-//# sourceMappingURL=useGlobalHeader.js.map

package/dist/esm/config/useGlobalHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGlobalHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo } from 'react';\nimport { uid } from 'uid';\nimport type { ContextT, GlobalHeaderPropsT } from '../GlobalHeaderTypes';\nimport { useGetPropsWithDefaults } from './useGetPropsWithDefaults';\n\nexport const useGlobalHeader = (props: GlobalHeaderPropsT): ContextT => {\n  const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  const globalHeaderToolbarGrid = useMemo(() => new Array(props?.toolbar?.length ?? 0).fill('auto'), [props.toolbar]);\n  const globalHeaderBreadcrumbGrid = useMemo(\n    () => ['auto', ...new Array(props?.breadcrumb?.length ?? 0).fill('auto'), '1fr'],\n    [props.breadcrumb],\n  );\n\n  const propsWithDefaults = useGetPropsWithDefaults(props);\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showIconOnly,\n      setShowIconOnly,\n      instanceUID,\n      globalHeaderToolbarGrid,\n      globalHeaderBreadcrumbGrid,\n    }),\n    [propsWithDefaults, showIconOnly, instanceUID, globalHeaderToolbarGrid, globalHeaderBreadcrumbGrid],\n  );\n\n  return ctx;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AAEO,MAAM,kBAAkB,CAAC,UAAwC;AACtE,QAAM,CAAC,cAAc,mBAAmB,SAAkB;AAE1D,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,QAAM,0BAA0B,QAAQ,MAAM,IAAI,MAAM,OAAO,SAAS,UAAU,GAAG,KAAK,SAAS,CAAC,MAAM;AAC1G,QAAM,6BAA6B,QACjC,MAAM,CAAC,QAAQ,GAAG,IAAI,MAAM,OAAO,YAAY,UAAU,GAAG,KAAK,SAAS,QAC1E,CAAC,MAAM;AAGT,QAAM,oBAAoB,wBAAwB;AAElD,QAAM,MAAM,OAAM,QAChB,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,cAAc,aAAa,yBAAyB;AAG1E,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/config/useValidateProps.js

@@ -1,88 +0,0 @@
-import * as React from "react";
-import {
-  throwToolbarPopupItemError,
-  throwToolbarAppPickerItemError,
-  throwToolbarItemGenericError,
-  throwLogoError,
-  throwBreadcrumbItemError,
-  isValidToolbarType,
-  isObject
-} from "./validateHelpers";
-const validatePopupItem = (componentProps) => {
-  if (componentProps.options && !Array.isArray(componentProps.options)) {
-    throwToolbarPopupItemError("options", componentProps.options);
-  }
-  if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== "boolean") {
-    throwToolbarPopupItemError("closeOnClick", componentProps.closeOnClick);
-  }
-};
-const validateAppPickerItem = (componentProps) => {
-  if (componentProps.apps && !Array.isArray(componentProps.apps)) {
-    throwToolbarAppPickerItemError("apps", componentProps.apps);
-  }
-  if (componentProps.customApps && !Array.isArray(componentProps.customApps)) {
-    throwToolbarAppPickerItemError("customApps", componentProps.customApps);
-  }
-  if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== "string") {
-    throwToolbarAppPickerItemError("sectionTitle", componentProps.sectionTitle);
-  }
-  if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== "string") {
-    throwToolbarAppPickerItemError("customSectionTitle", componentProps.customSectionTitle);
-  }
-};
-const validateGenericToolbarItem = (item) => {
-  if (item.label && typeof item.label !== "string") {
-    throwToolbarItemGenericError("label", item.label);
-  }
-  if (item.onClick && typeof item.onClick !== "function") {
-    throwToolbarItemGenericError("onClick", item.onClick);
-  }
-  if (item.Icon && typeof item.Icon !== "function") {
-    if (item.type === "ds-app-picker")
-      return;
-    throwToolbarItemGenericError("Icon", item.Icon);
-  }
-};
-const useValidateProps = (props) => {
-  const { breadcrumb, toolbar, Logo, LogoWithBrand } = props;
-  if (Logo && typeof Logo !== "function") {
-    throwLogoError("Logo", Logo);
-  }
-  if (LogoWithBrand && typeof LogoWithBrand !== "function") {
-    throwLogoError("LogoWithBrand", LogoWithBrand);
-  }
-  breadcrumb?.forEach((breadcrumbItem) => {
-    if (breadcrumbItem.label && typeof breadcrumbItem.label !== "string") {
-      throwBreadcrumbItemError("label", breadcrumbItem.label);
-    }
-    if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== "function") {
-      throwBreadcrumbItemError("onClick", breadcrumbItem.onClick);
-    }
-    if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== "boolean") {
-      throwBreadcrumbItemError("hasNext", breadcrumbItem.hasNext);
-    }
-    if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== "boolean") {
-      throwBreadcrumbItemError("isSelected", breadcrumbItem.isSelected);
-    }
-  });
-  toolbar?.forEach((toolbarItem) => {
-    if (toolbarItem.type) {
-      if (!isValidToolbarType(toolbarItem.type)) {
-        throwToolbarItemGenericError("type", toolbarItem.type);
-      }
-      if (toolbarItem.componentProps && !isObject(toolbarItem.componentProps)) {
-        throwToolbarItemGenericError("componentProps", toolbarItem.componentProps);
-      }
-      if (toolbarItem.type === "ds-popup-menu") {
-        validatePopupItem(toolbarItem.componentProps);
-      }
-      if (toolbarItem.type === "ds-app-picker") {
-        validateAppPickerItem(toolbarItem.componentProps);
-      }
-    }
-  });
-};
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { AppPickerProps, GlobalHeaderPropsT, PopupPropsT, ToolbarItemT } from '../GlobalHeaderTypes';\nimport {\n  throwToolbarPopupItemError,\n  throwToolbarAppPickerItemError,\n  throwToolbarItemGenericError,\n  throwLogoError,\n  throwBreadcrumbItemError,\n  isValidToolbarType,\n  isObject,\n} from './validateHelpers';\n\nconst validatePopupItem = (componentProps: PopupPropsT): void => {\n  if (componentProps.options && !Array.isArray(componentProps.options)) {\n    throwToolbarPopupItemError('options', componentProps.options);\n  }\n  if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== 'boolean') {\n    throwToolbarPopupItemError('closeOnClick', componentProps.closeOnClick);\n  }\n};\n\nconst validateAppPickerItem = (componentProps: AppPickerProps): void => {\n  if (componentProps.apps && !Array.isArray(componentProps.apps)) {\n    throwToolbarAppPickerItemError('apps', componentProps.apps);\n  }\n  if (componentProps.customApps && !Array.isArray(componentProps.customApps)) {\n    throwToolbarAppPickerItemError('customApps', componentProps.customApps);\n  }\n  if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== 'string') {\n    throwToolbarAppPickerItemError('sectionTitle', componentProps.sectionTitle);\n  }\n  if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== 'string') {\n    throwToolbarAppPickerItemError('customSectionTitle', componentProps.customSectionTitle);\n  }\n};\n\nconst validateGenericToolbarItem = (item: ToolbarItemT): void => {\n  if (item.label && typeof item.label !== 'string') {\n    throwToolbarItemGenericError('label', item.label);\n  }\n  if (item.onClick && typeof item.onClick !== 'function') {\n    throwToolbarItemGenericError('onClick', item.onClick);\n  }\n  if (item.Icon && typeof item.Icon !== 'function') {\n    if (item.type === 'ds-app-picker') return;\n    throwToolbarItemGenericError('Icon', item.Icon);\n  }\n};\n\nexport const useValidateProps = (props: GlobalHeaderPropsT): void => {\n  const { breadcrumb, toolbar, Logo, LogoWithBrand } = props;\n\n  if (Logo && typeof Logo !== 'function') {\n    throwLogoError('Logo', Logo);\n  }\n\n  if (LogoWithBrand && typeof LogoWithBrand !== 'function') {\n    throwLogoError('LogoWithBrand', LogoWithBrand);\n  }\n\n  breadcrumb?.forEach((breadcrumbItem) => {\n    if (breadcrumbItem.label && typeof breadcrumbItem.label !== 'string') {\n      throwBreadcrumbItemError('label', breadcrumbItem.label);\n    }\n    if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== 'function') {\n      throwBreadcrumbItemError('onClick', breadcrumbItem.onClick);\n    }\n    if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== 'boolean') {\n      throwBreadcrumbItemError('hasNext', breadcrumbItem.hasNext);\n    }\n    if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== 'boolean') {\n      throwBreadcrumbItemError('isSelected', breadcrumbItem.isSelected);\n    }\n  });\n\n  toolbar?.forEach((toolbarItem) => {\n    if (toolbarItem.type) {\n      if (!isValidToolbarType(toolbarItem.type)) {\n        throwToolbarItemGenericError('type', toolbarItem.type);\n      }\n      if (toolbarItem.componentProps && !isObject(toolbarItem.componentProps)) {\n        throwToolbarItemGenericError('componentProps', toolbarItem.componentProps);\n      }\n      if (toolbarItem.type === 'ds-popup-menu') {\n        validatePopupItem(toolbarItem.componentProps as PopupPropsT);\n      }\n      if (toolbarItem.type === 'ds-app-picker') {\n        validateAppPickerItem(toolbarItem.componentProps as AppPickerProps);\n      }\n    }\n  });\n};\n"],
-  "mappings": "AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,oBAAoB,CAAC,mBAAsC;AAC/D,MAAI,eAAe,WAAW,CAAC,MAAM,QAAQ,eAAe,UAAU;AACpE,+BAA2B,WAAW,eAAe;AAAA;AAEvD,MAAI,eAAe,gBAAgB,OAAO,eAAe,iBAAiB,WAAW;AACnF,+BAA2B,gBAAgB,eAAe;AAAA;AAAA;AAI9D,MAAM,wBAAwB,CAAC,mBAAyC;AACtE,MAAI,eAAe,QAAQ,CAAC,MAAM,QAAQ,eAAe,OAAO;AAC9D,mCAA+B,QAAQ,eAAe;AAAA;AAExD,MAAI,eAAe,cAAc,CAAC,MAAM,QAAQ,eAAe,aAAa;AAC1E,mCAA+B,cAAc,eAAe;AAAA;AAE9D,MAAI,eAAe,gBAAgB,OAAO,eAAe,iBAAiB,UAAU;AAClF,mCAA+B,gBAAgB,eAAe;AAAA;AAEhE,MAAI,eAAe,sBAAsB,OAAO,eAAe,uBAAuB,UAAU;AAC9F,mCAA+B,sBAAsB,eAAe;AAAA;AAAA;AAIxE,MAAM,6BAA6B,CAAC,SAA6B;AAC/D,MAAI,KAAK,SAAS,OAAO,KAAK,UAAU,UAAU;AAChD,iCAA6B,SAAS,KAAK;AAAA;AAE7C,MAAI,KAAK,WAAW,OAAO,KAAK,YAAY,YAAY;AACtD,iCAA6B,WAAW,KAAK;AAAA;AAE/C,MAAI,KAAK,QAAQ,OAAO,KAAK,SAAS,YAAY;AAChD,QAAI,KAAK,SAAS;AAAiB;AACnC,iCAA6B,QAAQ,KAAK;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UAAoC;AACnE,QAAM,EAAE,YAAY,SAAS,MAAM,kBAAkB;AAErD,MAAI,QAAQ,OAAO,SAAS,YAAY;AACtC,mBAAe,QAAQ;AAAA;AAGzB,MAAI,iBAAiB,OAAO,kBAAkB,YAAY;AACxD,mBAAe,iBAAiB;AAAA;AAGlC,cAAY,QAAQ,CAAC,mBAAmB;AACtC,QAAI,eAAe,SAAS,OAAO,eAAe,UAAU,UAAU;AACpE,+BAAyB,SAAS,eAAe;AAAA;AAEnD,QAAI,eAAe,WAAW,OAAO,eAAe,YAAY,YAAY;AAC1E,+BAAyB,WAAW,eAAe;AAAA;AAErD,QAAI,eAAe,WAAW,OAAO,eAAe,YAAY,WAAW;AACzE,+BAAyB,WAAW,eAAe;AAAA;AAErD,QAAI,eAAe,cAAc,OAAO,eAAe,eAAe,WAAW;AAC/E,+BAAyB,cAAc,eAAe;AAAA;AAAA;AAI1D,WAAS,QAAQ,CAAC,gBAAgB;AAChC,QAAI,YAAY,MAAM;AACpB,UAAI,CAAC,mBAAmB,YAAY,OAAO;AACzC,qCAA6B,QAAQ,YAAY;AAAA;AAEnD,UAAI,YAAY,kBAAkB,CAAC,SAAS,YAAY,iBAAiB;AACvE,qCAA6B,kBAAkB,YAAY;AAAA;AAE7D,UAAI,YAAY,SAAS,iBAAiB;AACxC,0BAAkB,YAAY;AAAA;AAEhC,UAAI,YAAY,SAAS,iBAAiB;AACxC,8BAAsB,YAAY;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/config/validateHelpers.js

@@ -1,82 +0,0 @@
-import * as React from "react";
-const breadcrumbProps = {
-  label: "string",
-  onClick: "function",
-  hasNext: "boolean",
-  isSelected: "boolean"
-};
-const toolbarProps = {
-  label: "string",
-  type: '"ds-app-picker" or "ds-popup-menu" or "ds-search-toggle"',
-  componentProps: "object",
-  Icon: "react component",
-  onClick: "function",
-  options: "array",
-  closeOnClick: "boolean",
-  apps: "array",
-  customApps: "array",
-  sectionTitle: "string",
-  customSectionTitle: "string"
-};
-const isObject = (obj) => typeof obj === "object" && !!obj && !Array.isArray(obj);
-const getVariableType = (arg) => {
-  if (Array.isArray(arg))
-    return "array";
-  if (arg === null)
-    return "null";
-  if (arg === void 0)
-    return "undefined";
-  return typeof arg;
-};
-const isValidToolbarType = (string) => string === "ds-app-picker" || string === "ds-popup-menu" || string === "ds-search-toggle" || string === "custom";
-const throwBreadcrumbItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a breadcrumb item, please provide a valid type.
-
-  Received: ${invalidProp} (${typeof invalidProp})
-  Expected: (${breadcrumbProps[validPropKey]})
-  `);
-};
-const throwToolbarPopupItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-popup-menu 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
-};
-const throwToolbarAppPickerItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-app-picker 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
-};
-const throwToolbarItemGenericError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
-};
-const throwLogoError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a global header, 
-    remember to provide both Logo and LogoWithBrand properties with a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)}).
-  Expected: (react component).
-  `);
-};
-export {
-  breadcrumbProps,
-  getVariableType,
-  isObject,
-  isValidToolbarType,
-  throwBreadcrumbItemError,
-  throwLogoError,
-  throwToolbarAppPickerItemError,
-  throwToolbarItemGenericError,
-  throwToolbarPopupItemError,
-  toolbarProps
-};
-//# sourceMappingURL=validateHelpers.js.map

package/dist/esm/config/validateHelpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/validateHelpers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const breadcrumbProps = {\n  label: 'string',\n  onClick: 'function',\n  hasNext: 'boolean',\n  isSelected: 'boolean',\n};\n\nexport const toolbarProps = {\n  label: 'string',\n  type: '\"ds-app-picker\" or \"ds-popup-menu\" or \"ds-search-toggle\"',\n  componentProps: 'object',\n  Icon: 'react component',\n  onClick: 'function',\n  options: 'array',\n  closeOnClick: 'boolean',\n  apps: 'array',\n  customApps: 'array',\n  sectionTitle: 'string',\n  customSectionTitle: 'string',\n};\n\nexport const isObject = (obj: unknown): boolean => typeof obj === 'object' && !!obj && !Array.isArray(obj);\n\nexport const getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nexport const isValidToolbarType = (string: unknown): boolean =>\n  string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';\n\nexport const throwBreadcrumbItemError = (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a breadcrumb item, please provide a valid type.\n\n  Received: ${invalidProp} (${typeof invalidProp})\n  Expected: (${breadcrumbProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarPopupItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-popup-menu \n    toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarAppPickerItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-app-picker \n    toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarItemGenericError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwLogoError = (validPropKey: string, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a global header, \n    remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)}).\n  Expected: (react component).\n  `,\n  );\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA;AAGP,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA;AAGf,MAAM,WAAW,CAAC,QAA0B,OAAO,QAAQ,YAAY,CAAC,CAAC,OAAO,CAAC,MAAM,QAAQ;AAE/F,MAAM,kBAAkB,CAAC,QAAyB;AACvD,MAAI,MAAM,QAAQ;AAAM,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAAA;AAGT,MAAM,qBAAqB,CAAC,WACjC,WAAW,mBAAmB,WAAW,mBAAmB,WAAW,sBAAsB,WAAW;AAEnG,MAAM,2BAA2B,CAAC,cAA4C,gBAA+B;AAClH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,OAAO;AAAA,eACtB,gBAAgB;AAAA;AAAA;AAKxB,MAAM,6BAA6B,CAAC,cAAyC,gBAA+B;AACjH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iCAAiC,CAAC,cAAyC,gBAA+B;AACrH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,+BAA+B,CAAC,cAAyC,gBAA+B;AACnH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAClF,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalHeaderPropsT } from './GlobalHeaderTypes';\n\nconst emptyComp = () => null;\n\nexport const defaultProps: GlobalHeaderPropsT = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: emptyComp,\n  Logo: emptyComp,\n};\n"],
-  "mappings": "AAAA;ACEA,MAAM,YAAY,MAAM;AAEjB,MAAM,eAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-export * from "./GlobalHeader";
-import { GlobalHeader } from "./GlobalHeader";
-export {
-  GlobalHeader as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './GlobalHeader';\nexport { GlobalHeader as default } from './GlobalHeader';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/AppPicker/AppPicker.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import React2, { useState, useRef, useCallback, useMemo } from "react";
-import { DSAppPicker } from "@elliemae/ds-app-picker";
-import { mergeRefs } from "@elliemae/ds-utilities";
-import { MenuPicker } from "@elliemae/ds-icons";
-import { getDataProps } from "@elliemae/ds-props-helpers";
-import { Button } from "../../components/Toolbar/styles";
-const AppPicker = ({
-  label,
-  id,
-  componentProps,
-  ...otherProps
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const {
-    apps,
-    icon,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    actionRef,
-    isOpen: userIsOpen,
-    onKeyDown: userOnKeyDown,
-    onClickOutside: userOnClickOutside,
-    renderTrigger: userRenderTrigger,
-    onClose,
-    triggerRef,
-    triggerOnClick
-  } = componentProps;
-  const handleTriggerKeyDown = useCallback((e) => {
-    if (e.code === "Enter" || e.code === "Space") {
-      setIsOpen(true);
-    }
-  }, []);
-  const handleAppPickerOnKeyDown = useCallback((e) => {
-    if (e.code === "Escape") {
-      setIsOpen(false);
-      buttonRef?.current?.focus();
-    }
-  }, []);
-  const handleOnClickOutside = useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const handleOnClick = useCallback(() => {
-    setIsOpen(true);
-  }, []);
-  const renderTrigger = useMemo(() => ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
-    ref
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    onClick: triggerOnClick ?? handleOnClick,
-    onKeyDown: handleTriggerKeyDown,
-    ref: mergeRefs(buttonRef, triggerRef),
-    title: label,
-    "data-testid": "gh-toolbar-item",
-    id,
-    ...getDataProps(otherProps)
-  }, /* @__PURE__ */ React2.createElement(MenuPicker, {
-    fill: "#FFF",
-    width: 20.73,
-    height: 20.73
-  }))), [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
-  return /* @__PURE__ */ React2.createElement(DSAppPicker, {
-    apps,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    icon,
-    onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
-    actionRef,
-    onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-    renderTrigger: userRenderTrigger ?? renderTrigger,
-    isOpen: userIsOpen ?? isOpen,
-    onClose,
-    triggerRef
-  });
-};
-export {
-  AppPicker
-};
-//# sourceMappingURL=AppPicker.js.map

package/dist/esm/outOfTheBox/AppPicker/AppPicker.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { Button } from '../../components/Toolbar/styles';\n\ntype AppPickerProps = React.ComponentProps<typeof DSAppPicker>;\n\nexport const AppPicker = ({\n  label,\n  id,\n  componentProps,\n  ...otherProps\n}: AppPickerProps & {\n  label: string;\n  triggerOnClick?: React.MouseEventHandler;\n}): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown: AppPickerProps['onKeyDown'] = useCallback((e) => {\n    if (e.code === 'Escape') {\n      setIsOpen(false);\n      buttonRef?.current?.focus();\n    }\n  }, []);\n\n  const handleOnClickOutside: AppPickerProps['onClickOutside'] = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  const renderTrigger: AppPickerProps['renderTrigger'] = useMemo(\n    () =>\n      ({ ref }) =>\n        (\n          <div ref={ref}>\n            <Button\n              onClick={triggerOnClick ?? handleOnClick}\n              onKeyDown={handleTriggerKeyDown}\n              ref={mergeRefs(buttonRef, triggerRef)}\n              title={label}\n              data-testid=\"gh-toolbar-item\"\n              id={id}\n              {...getDataProps(otherProps)}\n            >\n              <MenuPicker fill=\"#FFF\" width={20.73} height={20.73} />\n            </Button>\n          </div>\n        ),\n    [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps],\n  );\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={actionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={userRenderTrigger ?? renderTrigger}\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIc;AACjB,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,YAAY,OAA0B;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAAA,KAEX;AAEH,QAAM,2BAAwD,YAAY,CAAC,MAAM;AAC/E,QAAI,EAAE,SAAS,UAAU;AACvB,gBAAU;AACV,iBAAW,SAAS;AAAA;AAAA,KAErB;AAEH,QAAM,uBAAyD,YAAY,MAAM;AAC/E,cAAU;AAAA,KACT;AAEH,QAAM,gBAAyC,YAAY,MAAM;AAC/D,cAAU;AAAA,KACT;AAEH,QAAM,gBAAiD,QACrD,MACE,CAAC,EAAE,UAEC,qCAAC,OAAD;AAAA,IAAK;AAAA,KACH,qCAAC,QAAD;AAAA,IACE,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,KAAK,UAAU,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,eAAY;AAAA,IACZ;AAAA,OACI,aAAa;AAAA,KAEjB,qCAAC,YAAD;AAAA,IAAY,MAAK;AAAA,IAAO,OAAO;AAAA,IAAO,QAAQ;AAAA,QAIxD,CAAC,gBAAgB,eAAe,sBAAsB,YAAY,OAAO,IAAI;AAG/E,SACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eAAe,qBAAqB;AAAA,IACpC,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import React2, { useState, useCallback, useMemo } from "react";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { PopupMenuContent } from "./PopupMenuContent";
-import { Button } from "../../components/Toolbar/styles";
-import { getDataProps } from "@elliemae/ds-props-helpers";
-const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [buttonRef, setButtonRef] = useState(null);
-  const {
-    onClickOutside = () => null,
-    onKeyPress,
-    popupOnKeyPress,
-    isOpen: userIsOpen,
-    options,
-    closeOnClick
-  } = componentProps;
-  const handleKeyPress = useCallback((e) => {
-    if (e.code === "Enter" || e.code === "Space") {
-      setIsOpen(true);
-    }
-    if (onKeyPress)
-      onKeyPress(e);
-  }, [onKeyPress]);
-  const handleOnClose = useCallback(() => {
-    if (userIsOpen === void 0) {
-      setIsOpen(false);
-    }
-    buttonRef?.focus();
-  }, [buttonRef, userIsOpen]);
-  const handleTriggerOnClick = useCallback((e) => {
-    if (userIsOpen === void 0)
-      setIsOpen(true);
-    onClick(e);
-  }, [onClick, userIsOpen]);
-  const handleItemClick = useCallback(() => {
-    if (closeOnClick && userIsOpen === void 0)
-      handleOnClose();
-  }, [closeOnClick, handleOnClose, userIsOpen]);
-  const content = useMemo(() => /* @__PURE__ */ React2.createElement(PopupMenuContent, {
-    options,
-    onItemClick: handleItemClick,
-    onClose: handleOnClose,
-    popupOnKeyPress
-  }), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
-  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(Button, {
-    onClick: handleTriggerOnClick,
-    onKeyPress: handleKeyPress,
-    title,
-    ref: setButtonRef,
-    "data-testid": "gh-toolbar-item",
-    id,
-    ...getDataProps(otherProps)
-  }, Icon && /* @__PURE__ */ React2.createElement(Icon, {
-    fill: "#FFF",
-    size: "m"
-  })), /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement: buttonRef,
-    showPopover: userIsOpen ?? isOpen,
-    closeContextMenu: handleOnClose,
-    onClickOutside
-  }, content));
-};
-export {
-  PopupMenu
-};
-//# sourceMappingURL=PopupMenu.js.map

package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/PopupMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useMemo } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { PopupMenuContent } from './PopupMenuContent';\nimport { Button } from '../../components/Toolbar/styles';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport type { PopupPropsT as Props } from '../../GlobalHeaderTypes';\n\nexport const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }: Props): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [buttonRef, setButtonRef] = useState<HTMLButtonElement | null>(null);\n\n  const {\n    onClickOutside = () => null,\n    onKeyPress,\n    popupOnKeyPress,\n    isOpen: userIsOpen,\n    options,\n    closeOnClick,\n  } = componentProps;\n\n  const handleKeyPress = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Enter' || e.code === 'Space') {\n        setIsOpen(true);\n      }\n      if (onKeyPress) onKeyPress(e);\n    },\n    [onKeyPress],\n  );\n\n  const handleOnClose = useCallback(() => {\n    if (userIsOpen === undefined) {\n      setIsOpen(false);\n    }\n    buttonRef?.focus();\n  }, [buttonRef, userIsOpen]);\n\n  const handleTriggerOnClick = useCallback(\n    (e) => {\n      if (userIsOpen === undefined) setIsOpen(true);\n      onClick(e);\n    },\n    [onClick, userIsOpen],\n  );\n\n  const handleItemClick = useCallback(() => {\n    if (closeOnClick && userIsOpen === undefined) handleOnClose();\n  }, [closeOnClick, handleOnClose, userIsOpen]);\n\n  const content = useMemo(\n    () => (\n      <PopupMenuContent\n        options={options}\n        onItemClick={handleItemClick}\n        onClose={handleOnClose}\n        popupOnKeyPress={popupOnKeyPress}\n      />\n    ),\n    [options, handleItemClick, handleOnClose, popupOnKeyPress],\n  );\n\n  return (\n    <div>\n      <Button\n        onClick={handleTriggerOnClick}\n        onKeyPress={handleKeyPress}\n        title={title}\n        ref={setButtonRef}\n        data-testid=\"gh-toolbar-item\"\n        id={id}\n        {...getDataProps(otherProps)}\n      >\n        {Icon && <Icon fill=\"#FFF\" size=\"m\" />}\n      </Button>\n      <DSPopperJS\n        referenceElement={buttonRef}\n        showPopover={userIsOpen ?? isOpen}\n        closeContextMenu={handleOnClose}\n        onClickOutside={onClickOutside}\n      >\n        {content}\n      </DSPopperJS>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAGO,MAAM,YAAY,CAAC,EAAE,MAAM,OAAO,SAAS,IAAI,mBAAmB,iBAAqC;AAC5G,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,CAAC,WAAW,gBAAgB,SAAmC;AAErE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,iBAAiB,YACrB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAEZ,QAAI;AAAY,iBAAW;AAAA,KAE7B,CAAC;AAGH,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU;AAAA;AAEZ,eAAW;AAAA,KACV,CAAC,WAAW;AAEf,QAAM,uBAAuB,YAC3B,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,YAAQ;AAAA,KAEV,CAAC,SAAS;AAGZ,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW;AAAA,KAC7C,CAAC,cAAc,eAAe;AAEjC,QAAM,UAAU,QACd,MACE,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,MAGJ,CAAC,SAAS,iBAAiB,eAAe;AAG5C,SACE,qCAAC,OAAD,MACE,qCAAC,QAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IACZ;AAAA,OACI,aAAa;AAAA,KAEhB,QAAQ,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,IAAO,MAAK;AAAA,OAElC,qCAAC,YAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,KAEC;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js

@@ -1,60 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useEffect, useMemo, useContext } from "react";
-import { getAriaProps, getDataProps } from "@elliemae/ds-props-helpers";
-import { Separator, ItemWrapper, Label, List } from "./styles";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-const PopupMenuContent = React2.memo(({ options, onItemClick, onClose, popupOnKeyPress }) => {
-  const { instanceUID } = useContext(GlobalHeaderContext);
-  const menuRef = useRef(null);
-  useEffect(() => {
-    menuRef.current?.firstChild?.focus();
-  }, []);
-  const content = useMemo(() => options.map((option) => {
-    const { type, Icon, label = "", onClick, Content, id } = option;
-    const ariaAndDataProps = {
-      ...getAriaProps(option),
-      ...getDataProps(option)
-    };
-    const handleClick = (e) => {
-      onItemClick(e);
-      if (onClick)
-        onClick(e);
-    };
-    const handleKeyDown = (e) => {
-      if (e.code === "Escape")
-        onClose();
-      if (popupOnKeyPress)
-        popupOnKeyPress(e);
-    };
-    switch (type) {
-      case "separator":
-        return /* @__PURE__ */ React2.createElement(Separator, {
-          key: `${instanceUID}-separator-${label}`,
-          ...ariaAndDataProps
-        });
-      case "custom":
-        return /* @__PURE__ */ React2.createElement(ItemWrapper, {
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          key: `${instanceUID}-popup-${label}`,
-          id,
-          ...ariaAndDataProps
-        }, Content && /* @__PURE__ */ React2.createElement(Content, null));
-      default:
-        return /* @__PURE__ */ React2.createElement(ItemWrapper, {
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          key: `${instanceUID}-popup-${label}`,
-          id,
-          ...ariaAndDataProps
-        }, Icon && /* @__PURE__ */ React2.createElement(Icon, null), Label && /* @__PURE__ */ React2.createElement(Label, null, label));
-    }
-  }), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
-  return /* @__PURE__ */ React2.createElement(List, {
-    ref: menuRef
-  }, content);
-});
-export {
-  PopupMenuContent
-};
-//# sourceMappingURL=PopupMenuContent.js.map

package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/PopupMenuContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect, useMemo, useContext } from 'react';\nimport { getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';\nimport { Separator, ItemWrapper, Label, List } from './styles';\nimport type { PopupMenuContentPropsT as Props } from '../../GlobalHeaderTypes';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const PopupMenuContent = React.memo(({ options, onItemClick, onClose, popupOnKeyPress }: Props): JSX.Element => {\n  const { instanceUID } = useContext(GlobalHeaderContext);\n\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    (menuRef.current?.firstChild as HTMLButtonElement)?.focus();\n  }, []);\n\n  const content = useMemo(\n    () =>\n      options.map((option) => {\n        const { type, Icon, label = '', onClick, Content, id } = option;\n\n        const ariaAndDataProps = {\n          ...getAriaProps(option),\n          ...getDataProps(option),\n        };\n\n        const handleClick = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n          onItemClick(e);\n          if (onClick) onClick(e);\n        };\n\n        const handleKeyDown = (e: React.KeyboardEvent) => {\n          if (e.code === 'Escape') onClose();\n          if (popupOnKeyPress) popupOnKeyPress(e);\n        };\n\n        switch (type) {\n          case 'separator':\n            return <Separator key={`${instanceUID}-separator-${label}`} {...ariaAndDataProps} />;\n          case 'custom':\n            return (\n              <ItemWrapper\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                key={`${instanceUID}-popup-${label}`}\n                id={id}\n                {...ariaAndDataProps}\n              >\n                {Content && <Content />}\n              </ItemWrapper>\n            );\n          default:\n            return (\n              <ItemWrapper\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n                key={`${instanceUID}-popup-${label}`}\n                id={id}\n                {...ariaAndDataProps}\n              >\n                {Icon && <Icon />}\n                {Label && <Label>{label}</Label>}\n              </ItemWrapper>\n            );\n        }\n      }),\n    [options, onItemClick, onClose, popupOnKeyPress, instanceUID],\n  );\n  return <List ref={menuRef}>{content}</List>;\n});\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEO,MAAM,mBAAmB,OAAM,KAAK,CAAC,EAAE,SAAS,aAAa,SAAS,sBAA0C;AACrH,QAAM,EAAE,gBAAgB,WAAW;AAEnC,QAAM,UAAU,OAAuB;AAEvC,YAAU,MAAM;AACd,IAAC,QAAQ,SAAS,YAAkC;AAAA,KACnD;AAEH,QAAM,UAAU,QACd,MACE,QAAQ,IAAI,CAAC,WAAW;AACtB,UAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO;AAEzD,UAAM,mBAAmB;AAAA,SACpB,aAAa;AAAA,SACb,aAAa;AAAA;AAGlB,UAAM,cAAc,CAAC,MAAiD;AACpE,kBAAY;AACZ,UAAI;AAAS,gBAAQ;AAAA;AAGvB,UAAM,gBAAgB,CAAC,MAA2B;AAChD,UAAI,EAAE,SAAS;AAAU;AACzB,UAAI;AAAiB,wBAAgB;AAAA;AAGvC,YAAQ;AAAA,WACD;AACH,eAAO,qCAAC,WAAD;AAAA,UAAW,KAAK,GAAG,yBAAyB;AAAA,aAAa;AAAA;AAAA,WAC7D;AACH,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,WAAW,qCAAC,SAAD;AAAA;AAIhB,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,QAAQ,qCAAC,MAAD,OACR,SAAS,qCAAC,OAAD,MAAQ;AAAA;AAAA,MAK9B,CAAC,SAAS,aAAa,SAAS,iBAAiB;AAEnD,SAAO,qCAAC,MAAD;AAAA,IAAM,KAAK;AAAA,KAAU;AAAA;",
-  "names": []
-}

package/dist/esm/outOfTheBox/PopupMenu/styles.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const List = styled.div`
-  padding: 5px 0px;
-  background: white;
-`;
-const ItemWrapper = styled.button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 0 20px;
-  cursor: pointer;
-  border: 1px solid transparent;
-  background-color: transparent;
-  outline: none;
-  :hover,
-  :focus {
-    border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};
-  }
-`;
-const Label = styled.p`
-  width: 100%;
-  font-size: 14px;
-  margin: 10px;
-`;
-const Separator = styled.div`
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #ccc;
-`;
-export {
-  ItemWrapper,
-  Label,
-  List,
-  Separator
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/outOfTheBox/PopupMenu/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const List = styled.div`\n  padding: 5px 0px;\n  background: white;\n`;\n\nexport const ItemWrapper = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 0 20px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: none;\n  :hover,\n  :focus {\n    border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};\n  }\n`;\n\nexport const Label = styled.p`\n  width: 100%;\n  font-size: 14px;\n  margin: 10px;\n`;\n\nexport const Separator = styled.div`\n  width: 100%;\n  border: none;\n  border-bottom: 1px solid #ccc;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAKpB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYpB,CAAC,EAAE,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}