@elliemae/ds-global-header 3.0.0-next.9 → 3.0.1

package/dist/esm/components/Breadcrumb/styles.js

@@ -1,54 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Pipe = styled.span`
-  margin: 0 7px 0 0;
-  border-left: ${({ showIconOnly }) => showIconOnly ? "none" : "1px solid #fff"};
-  height: 20px;
-`;
-const BreadcrumbItem = styled.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-`;
-const LabelButton = styled.button`
-  width: fit-content;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 1px solid transparent;
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-  position: relative;
-  &:focus {
-    :before {
-      content: '';
-      position: absolute;
-      z-index: 2;
-      top: 2px;
-      left: -5px;
-      width: calc(100% + 10px);
-      height: calc(100% - 4px);
-      border: 2px solid ${({ theme }) => theme.colors.neutral["000"]};
-      border-radius: 4px;
-    }
-  }
-`;
-const Label = styled.p`
-  color: ${({ theme }) => theme.colors.neutral["000"]};
-  ${({ theme, isSelected }) => `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral["000"] : "transparent"}`};
-  font-size: 16px;
-  text-transform: uppercase;
-  border-bottom: ${({ isSelected, isOnlyItem }) => `2px solid ${isSelected && !isOnlyItem ? "#FFF" : "transparent"}`};
-  margin: 3px 5px 0 5px;
-  :hover {
-    ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral["000"]}`};
-  }
-`;
-export {
-  BreadcrumbItem,
-  Label,
-  LabelButton,
-  Pipe
-};
-//# sourceMappingURL=styles.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Breadcrumb/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAGO,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEV,CAAC,EAAE,mBAAoB,eAAe,SAAS;AAAA;AAAA;AAIzD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,cAAc,OAAO;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,OAAO;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/esm/components/Title/GlobalHeaderTitle.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-const GlobalHeaderTitle = () => {
-  const {
-    props: { Logo, LogoWithBrand },
-    showIconOnly
-  } = useContext(GlobalHeaderContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    pr: showIconOnly ? "0px" : "36px",
-    cols: showIconOnly ? ["auto"] : ["auto", "1fr"]
-  }, Logo && showIconOnly && /* @__PURE__ */ React2.createElement(Logo, null), LogoWithBrand && !showIconOnly && /* @__PURE__ */ React2.createElement(LogoWithBrand, null));
-};
-export {
-  GlobalHeaderTitle
-};
-//# sourceMappingURL=GlobalHeaderTitle.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Title/GlobalHeaderTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,MACE,WAAW;AAEf,SACE,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAI,eAAe,QAAQ;AAAA,IAAQ,MAAM,eAAe,CAAC,UAAU,CAAC,QAAQ;AAAA,KACnG,QAAQ,gBAAgB,qCAAC,MAAD,OACxB,iBAAiB,CAAC,gBAAgB,qCAAC,eAAD;AAAA;",
-  "names": []
-}

package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { ToolbarItems } from "./ToolbarItems";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-const GlobalHeaderToolbar = () => {
-  const { globalHeaderToolbarGrid } = useContext(GlobalHeaderContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    gutter: "xxs",
-    cols: globalHeaderToolbarGrid,
-    role: "toolbar"
-  }, /* @__PURE__ */ React2.createElement(ToolbarItems, null));
-};
-export {
-  GlobalHeaderToolbar
-};
-//# sourceMappingURL=GlobalHeaderToolbar.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/GlobalHeaderToolbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,4BAA4B,WAAW;AAC/C,SACE,qCAAC,MAAD;AAAA,IACE,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,qCAAC,cAAD;AAAA;",
-  "names": []
-}

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

@@ -1,94 +0,0 @@
-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, { useContext, useMemo } from "react";
-import { AppPicker, PopupMenu, SearchToggle } from "../../outOfTheBox";
-import { Button } from "./styles";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-import { getDataProps } from "@elliemae/ds-props-helpers";
-const ToolbarItems = () => {
-  const {
-    props: { toolbar },
-    instanceUID
-  } = useContext(GlobalHeaderContext);
-  const itemsList = 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__ */ React2.createElement(PopupMenu, __spreadProps(__spreadValues({
-          title: label,
-          Icon,
-          onClick,
-          onKeyPress,
-          id,
-          key: `${instanceUID}-ds-popup-menu-${label}`
-        }, otherProps), {
-          componentProps
-        }));
-      case "ds-app-picker":
-        return /* @__PURE__ */ React2.createElement(AppPicker, __spreadValues({
-          label,
-          key: `${instanceUID}-ds-app-picker-${label}`,
-          id,
-          componentProps
-        }, otherProps));
-      case "ds-search-toggle":
-        return /* @__PURE__ */ React2.createElement(SearchToggle, __spreadValues({
-          key: `${instanceUID}-ds-search-toggle-${id}`,
-          id,
-          componentProps
-        }, otherProps));
-      case "custom":
-        if (CustomComponent)
-          return /* @__PURE__ */ React2.createElement(CustomComponent, {
-            item
-          });
-        return null;
-      default:
-        return /* @__PURE__ */ React2.createElement(Button, __spreadValues({
-          onClick,
-          key: `${instanceUID}-ds-toolbar-button-${label}`,
-          title: label,
-          "data-testid": "gh-toolbar-item",
-          id
-        }, getDataProps(otherProps)), /* @__PURE__ */ React2.createElement(Icon, {
-          fill: "#FFF",
-          size: "m"
-        }));
-    }
-  }), [toolbar, instanceUID]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, itemsList);
-};
-export {
-  ToolbarItems
-};
-//# sourceMappingURL=ToolbarItems.js.map

package/dist/esm/components/Toolbar/ToolbarItems.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/ToolbarItems.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-case-declarations */\nimport React, { useContext, useMemo } from 'react';\nimport { AppPicker, PopupMenu, SearchToggle } from '../../outOfTheBox';\nimport { Button } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\n\nexport const ToolbarItems = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    instanceUID,\n  } = useContext(GlobalHeaderContext);\n\n  const itemsList = useMemo(\n    () =>\n      toolbar?.map((item) => {\n        const { Icon, type, onClick, componentProps, label, onKeyPress, id, CustomComponent, ...otherProps } = item;\n\n        switch (type) {\n          case 'ds-popup-menu':\n            return (\n              <PopupMenu\n                title={label}\n                Icon={Icon}\n                onClick={onClick}\n                onKeyPress={onKeyPress}\n                id={id}\n                key={`${instanceUID}-ds-popup-menu-${label}`}\n                {...otherProps}\n                componentProps={componentProps}\n              />\n            );\n          case 'ds-app-picker':\n            return (\n              <AppPicker\n                label={label}\n                key={`${instanceUID}-ds-app-picker-${label}`}\n                id={id}\n                componentProps={componentProps}\n                {...otherProps}\n              />\n            );\n          case 'ds-search-toggle':\n            return (\n              <SearchToggle\n                key={`${instanceUID}-ds-search-toggle-${id}`}\n                id={id}\n                componentProps={componentProps}\n                {...otherProps}\n              />\n            );\n          case 'custom':\n            if (CustomComponent) return <CustomComponent item={item} />;\n            return null;\n          default:\n            return (\n              <Button\n                onClick={onClick}\n                key={`${instanceUID}-ds-toolbar-button-${label}`}\n                title={label}\n                data-testid=\"gh-toolbar-item\"\n                id={id}\n                {...getDataProps(otherProps)}\n              >\n                <Icon fill=\"#FFF\" size=\"m\" />\n              </Button>\n            );\n        }\n      }),\n    [toolbar, instanceUID],\n  );\n\n  return <>{itemsList}</>;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,WAAW;AAEf,QAAM,YAAY,QAChB,MACE,SAAS,IAAI,CAAC,SAAS;AACrB,UAAuG,WAA/F,QAAM,MAAM,SAAS,gBAAgB,OAAO,YAAY,IAAI,oBAAmC,IAAf,uBAAe,IAAf,CAAhF,QAAM,QAAM,WAAS,kBAAgB,SAAO,cAAY,MAAI;AAEpE,YAAQ;AAAA,WACD;AACH,eACE,qCAAC,WAAD;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK,GAAG,6BAA6B;AAAA,WACjC,aAPN;AAAA,UAQE;AAAA;AAAA,WAGD;AACH,eACE,qCAAC,WAAD;AAAA,UACE;AAAA,UACA,KAAK,GAAG,6BAA6B;AAAA,UACrC;AAAA,UACA;AAAA,WACI;AAAA,WAGL;AACH,eACE,qCAAC,cAAD;AAAA,UACE,KAAK,GAAG,gCAAgC;AAAA,UACxC;AAAA,UACA;AAAA,WACI;AAAA,WAGL;AACH,YAAI;AAAiB,iBAAO,qCAAC,iBAAD;AAAA,YAAiB;AAAA;AAC7C,eAAO;AAAA;AAEP,eACE,qCAAC,QAAD;AAAA,UACE;AAAA,UACA,KAAK,GAAG,iCAAiC;AAAA,UACzC,OAAO;AAAA,UACP,eAAY;AAAA,UACZ;AAAA,WACI,aAAa,cAEjB,qCAAC,MAAD;AAAA,UAAM,MAAK;AAAA,UAAO,MAAK;AAAA;AAAA;AAAA,MAKnC,CAAC,SAAS;AAGZ,SAAO,4DAAG;AAAA;",
-  "names": []
-}

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

@@ -1,32 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Button = styled.button`
-  height: 40px;
-  width: 40px;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  position: relative;
-  outline: none;
-  &: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 {
-  Button
-};
-//# sourceMappingURL=styles.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Button = styled.button`\n  height: 40px;\n  width: 40px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  position: relative;\n  outline: none;\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;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASL,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/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,kCACF,eACA,QAEL,CAAC,SAAS,YAAY,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/defaultProps.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-const emptyComp = () => null;
-const defaultProps = {
-  breadcrumb: [],
-  toolbar: [],
-  LogoWithBrand: emptyComp,
-  Logo: emptyComp
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

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/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,OAQP;AARO,eACxB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,MAHwB,IAIrB,uBAJqB,IAIrB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAMA,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,KACI,aAAa,cAEjB,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.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,OAAoF;AAApF,eAAE,QAAM,OAAO,SAAS,IAAI,mBAA5B,IAA+C,uBAA/C,IAA+C,CAA7C,QAAM,SAAO,WAAS,MAAI;AACpD,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,KACI,aAAa,cAEhB,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,70 +0,0 @@
-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, { 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 = __spreadValues(__spreadValues({}, 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, __spreadValues({
-          key: `${instanceUID}-separator-${label}`
-        }, ariaAndDataProps));
-      case "custom":
-        return /* @__PURE__ */ React2.createElement(ItemWrapper, __spreadValues({
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          key: `${instanceUID}-popup-${label}`,
-          id
-        }, ariaAndDataProps), Content && /* @__PURE__ */ React2.createElement(Content, null));
-      default:
-        return /* @__PURE__ */ React2.createElement(ItemWrapper, __spreadValues({
-          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,kCACpB,aAAa,UACb,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,WAAa;AAAA,WAC7D;AACH,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,WACI,mBAEH,WAAW,qCAAC,SAAD;AAAA;AAIhB,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,WACI,mBAEH,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": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/SearchToggle/SearchToggle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useRef } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DSNavSearchBox } from '@elliemae/ds-form';\nimport { StyledNavSearchBoxContainer } from './styles';\nimport { Button } from '../../components/Toolbar/styles';\nimport type { SearchTogglePropsT } from '../../GlobalHeaderTypes';\n\nexport const SearchToggle = ({ id, componentProps, ...otherProps }: SearchTogglePropsT): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const triggerRef = 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  } = componentProps;\n\n  const handleOnClick = useCallback(\n    (e) => {\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.code === 'Escape') {\n          setIsOpen(false);\n          setTimeout(() => triggerRef.current?.focus());\n        }\n      }\n      if (onKeyDown) onKeyDown(e);\n    },\n    [onKeyDown, userIsOpen],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setTimeout(() => {\n      const contains = containerRef.current?.contains(document.activeElement);\n      if (value === '' && !contains) setIsOpen(false);\n    });\n  }, [value]);\n\n  return userIsOpen || isOpen ? (\n    <StyledNavSearchBoxContainer onKeyDown={handleOnKeyDown} ref={containerRef} onBlur={handleOnBlur}>\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={inputRef}\n        autoFocus\n      />\n    </StyledNavSearchBoxContainer>\n  ) : (\n    <Button onClick={handleOnClick} ref={triggerRef} id={id} {...getDataProps(otherProps)}>\n      <Search color={DSIconColors.WHITE} />\n    </Button>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,eAAe,CAAC,OAA2E;AAA3E,eAAE,MAAI,mBAAN,IAAyB,uBAAzB,IAAyB,CAAvB,MAAI;AACjC,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,WAAW,OAAgC;AACjD,QAAM,aAAa,OAAiC;AACpD,QAAM,eAAe,OAA8B;AAEnD,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,MACE;AAEJ,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC,SAAS;AAGZ,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,eAAe,QAAW;AAC5B,UAAI,EAAE,SAAS,UAAU;AACvB,kBAAU;AACV,mBAAW,MAAM,WAAW,SAAS;AAAA;AAAA;AAGzC,QAAI;AAAW,gBAAU;AAAA,KAE3B,CAAC,WAAW;AAGd,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,MAAM;AACf,YAAM,WAAW,aAAa,SAAS,SAAS,SAAS;AACzD,UAAI,UAAU,MAAM,CAAC;AAAU,kBAAU;AAAA;AAAA,KAE1C,CAAC;AAEJ,SAAO,cAAc,SACnB,qCAAC,6BAAD;AAAA,IAA6B,WAAW;AAAA,IAAiB,KAAK;AAAA,IAAc,QAAQ;AAAA,KAClF,qCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAS;AAAA,QAIb,qCAAC,QAAD;AAAA,IAAQ,SAAS;AAAA,IAAe,KAAK;AAAA,IAAY;AAAA,KAAY,aAAa,cACxE,qCAAC,QAAD;AAAA,IAAQ,OAAO,aAAa;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/SearchToggle/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledNavSearchBoxContainer = styled.div`\n  background: white;\n  position: relative;\n\n  min-width: 260px;\n\n  & .em-ds-button {\n    margin-right: 2px;\n    height: 24px;\n    width: 24px;\n  }\n\n  & .em-ds-input {\n    border: none;\n    outline: none;\n    box-shadow: none;\n  }\n\n  & .em-ds-input:focus {\n    border: none;\n    box-shadow: none;\n  }\n\n  & .em-ds-input.em-ds-input--clearable:hover {\n    border: none;\n    outline: none;\n    box-shadow: none;\n  }\n\n  & .em-ds-input-addon-wrapper {\n    box-shadow: none;\n  }\n\n  & .em-ds-input-addon-wrapper:hover {\n    outline: none;\n  }\n\n  & .em-ds-input-addon-wrapper__addon:hover {\n    outline: none;\n  }\n\n  & .em-ds-input:not(.floating-label-input-controller):hover:active {\n    border: none;\n    outline: none;\n    box-shadow: none;\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/propTypes.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-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 globalHeaderProps = {
-  Logo: PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  LogoWithBrand: PropTypes.func.description("Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  breadcrumb: PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. max 3 levels"),
-  toolbar: PropTypes.arrayOf(toolbarItem).description("Toolbar items")
-};
-export {
-  breadcrumbItem,
-  globalHeaderProps,
-  toolbarItem
-};
-//# sourceMappingURL=propTypes.js.map

package/dist/esm/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\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 globalHeaderProps = {\n  Logo: PropTypes.func.description(\n    'Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.',\n  ),\n  LogoWithBrand: PropTypes.func.description(\n    'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n  ),\n  breadcrumb: PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),\n  toolbar: PropTypes.arrayOf(toolbarItem).description('Toolbar items'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB,UAAU,MAAM;AAAA,EAC5C,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,SAAS,UAAU,KAAK,YAAY;AAAA,EACpC,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,cAAc,UAAU,MAAM;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,WAAW,YACtF;AAAA,EAEF,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,MAAM,UAAU,KAAK,YAAY;AAAA,EACjC,SAAS,UAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,oBAAoB;AAAA,EAC/B,MAAM,UAAU,KAAK,YACnB;AAAA,EAEF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAEF,YAAY,UAAU,QAAQ,gBAAgB,YAAY;AAAA,EAC1D,SAAS,UAAU,QAAQ,aAAa,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/styles.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { GridContainer } from "@elliemae/ds-grid";
-const Wrapper = styled(GridContainer)`
-  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
-  color: ${({ theme }) => theme.colors.neutral["000"]};
-  width: 100%;
-  height: 40px;
-  padding: 0 24px 0 12px;
-`;
-export {
-  Wrapper
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { GridContainer } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(GridContainer)`\n  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  width: 100%;\n  height: 40px;\n  padding: 0 24px 0 12px;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,UAAU,OAAO;AAAA;AAAA,WAEnB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}