@elliemae/ds-global-header 2.3.1 → 3.0.0-alpha.3

package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var styles = require('./styles.js');
-var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const PopupMenuContent = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    options,
-    onItemClick,
-    onClose,
-    popupOnKeyPress
-  } = _ref;
-  const {
-    instanceUID
-  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
-  const menuRef = React.useRef(null);
-  React.useEffect(() => {
-    var _menuRef$current, _menuRef$current$firs;
-
-    (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : (_menuRef$current$firs = _menuRef$current.firstChild) === null || _menuRef$current$firs === void 0 ? void 0 : _menuRef$current$firs.focus();
-  }, []);
-  const content = React.useMemo(() => options.map(option => {
-    const {
-      type,
-      Icon,
-      label = '',
-      onClick,
-      Content,
-      id
-    } = option;
-
-    const ariaAndDataProps = _objectSpread(_objectSpread({}, dsPropsHelpers.getAriaProps(option)), dsPropsHelpers.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__*/jsxRuntime.jsx(styles.Separator, _objectSpread({}, ariaAndDataProps), "".concat(instanceUID, "-separator-").concat(label));
-
-      case 'custom':
-        return /*#__PURE__*/jsxRuntime.jsx(styles.ItemWrapper, _objectSpread(_objectSpread({
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          id: id
-        }, ariaAndDataProps), {}, {
-          children: Content && /*#__PURE__*/_jsx__default["default"](Content, {})
-        }), "".concat(instanceUID, "-popup-").concat(label));
-
-      default:
-        return /*#__PURE__*/jsxRuntime.jsxs(styles.ItemWrapper, _objectSpread(_objectSpread({
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          id: id
-        }, ariaAndDataProps), {}, {
-          children: [Icon && /*#__PURE__*/_jsx__default["default"](Icon, {}), styles.Label && /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, label)]
-        }), "".concat(instanceUID, "-popup-").concat(label));
-    }
-  }), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
-  return /*#__PURE__*/jsxRuntime.jsx(styles.List, {
-    ref: menuRef,
-    children: content
-  });
-});
-
-exports.PopupMenuContent = PopupMenuContent;

package/cjs/outOfTheBox/PopupMenu/styles.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const List = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-snqcgs-0"
-})(["padding:5px 0px;background:white;"]);
-const ItemWrapper = /*#__PURE__*/styled__default["default"].button.withConfig({
-  componentId: "sc-snqcgs-1"
-})(["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:", ";}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return "1px solid ".concat(theme.colors.brand[600]);
-});
-const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
-  componentId: "sc-snqcgs-2"
-})(["width:100%;font-size:14px;margin:10px;"]);
-const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-snqcgs-3"
-})(["width:100%;border:none;border-bottom:1px solid #ccc;"]);
-
-exports.ItemWrapper = ItemWrapper;
-exports.Label = Label;
-exports.List = List;
-exports.Separator = Separator;

package/cjs/outOfTheBox/SearchToggle/SearchToggle.js

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var dsIcon = require('@elliemae/ds-icon');
-var dsForm = require('@elliemae/ds-form');
-var styles = require('./styles.js');
-var styles$1 = require('../../components/Toolbar/styles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["id", "componentProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const SearchToggle = _ref => {
-  let {
-    id,
-    componentProps
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const [isOpen, setIsOpen] = React.useState(false);
-  const inputRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const containerRef = React.useRef(null);
-  const {
-    onNext,
-    onPrevious,
-    currentResultIndex,
-    totalResults,
-    placeholder,
-    value,
-    onChange,
-    onBlur,
-    onClear,
-    isOpen: userIsOpen,
-    onKeyDown,
-    onClick
-  } = componentProps;
-  const handleOnClick = React.useCallback(e => {
-    if (userIsOpen === undefined) setIsOpen(true);
-    if (onClick) onClick(e);
-  }, [onClick, userIsOpen]);
-  const handleOnKeyDown = React.useCallback(e => {
-    if (userIsOpen === undefined) {
-      if (e.code === 'Escape') {
-        setIsOpen(false);
-        setTimeout(() => {
-          var _triggerRef$current;
-
-          return (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
-        });
-      }
-    }
-
-    if (onKeyDown) onKeyDown(e);
-  }, [onKeyDown, userIsOpen]);
-  const handleOnBlur = React.useCallback(() => {
-    setTimeout(() => {
-      var _containerRef$current;
-
-      const contains = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.contains(document.activeElement);
-      if (value === '' && !contains) setIsOpen(false);
-    });
-  }, [value]);
-  return userIsOpen || isOpen ? /*#__PURE__*/jsxRuntime.jsx(styles.StyledNavSearchBoxContainer, {
-    onKeyDown: handleOnKeyDown,
-    ref: containerRef,
-    onBlur: handleOnBlur,
-    children: /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
-      onNext: onNext,
-      onPrevious: onPrevious,
-      currentResultIndex: currentResultIndex,
-      totalResults: totalResults,
-      onClear: onClear,
-      placeholder: placeholder,
-      onChange: onChange,
-      value: value,
-      onBlur: onBlur,
-      innerRef: inputRef,
-      autoFocus: true
-    })
-  }) : /*#__PURE__*/jsxRuntime.jsx(styles$1.Button, _objectSpread(_objectSpread({
-    onClick: handleOnClick,
-    ref: triggerRef,
-    id: id
-  }, dsPropsHelpers.getDataProps(otherProps)), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-      color: dsIcon.DSIconColors.WHITE
-    })
-  }));
-};
-
-exports.SearchToggle = SearchToggle;

package/cjs/outOfTheBox/SearchToggle/styles.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledNavSearchBoxContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1dlcqwh-0"
-})(["background:white;position:relative;min-width:260px;& .em-ds-button{margin-right:2px;height:24px;width:24px;}& .em-ds-input{border:none;outline:none;box-shadow:none;}& .em-ds-input:focus{border:none;box-shadow:none;}& .em-ds-input.em-ds-input--clearable:hover{border:none;outline:none;box-shadow:none;}& .em-ds-input-addon-wrapper{box-shadow:none;}& .em-ds-input-addon-wrapper:hover{outline:none;}& .em-ds-input-addon-wrapper__addon:hover{outline:none;}& .em-ds-input:not(.floating-label-input-controller):hover:active{border:none;outline:none;box-shadow:none;}"]);
-
-exports.StyledNavSearchBoxContainer = StyledNavSearchBoxContainer;

package/cjs/outOfTheBox/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AppPicker = require('./AppPicker/AppPicker.js');
-var PopupMenu = require('./PopupMenu/PopupMenu.js');
-var SearchToggle = require('./SearchToggle/SearchToggle.js');
-
-
-
-exports.AppPicker = AppPicker.AppPicker;
-exports.PopupMenu = PopupMenu.PopupMenu;
-exports.SearchToggle = SearchToggle.SearchToggle;

package/cjs/propTypes.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const breadcrumbItem = reactDesc.PropTypes.shape({
-  label: reactDesc.PropTypes.string.description('breadrcrumb item label'),
-  hasNext: reactDesc.PropTypes.bool.description('whether the item has a child or not'),
-  isSelected: reactDesc.PropTypes.bool.description('whether the item is selected or not'),
-  onClick: reactDesc.PropTypes.func.description('Callback executed on click')
-});
-const toolbarItem = reactDesc.PropTypes.shape({
-  label: reactDesc.PropTypes.string.description('title tag description'),
-  type: reactDesc.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: reactDesc.PropTypes.object.description('props of out-of-the-box component'),
-  Icon: reactDesc.PropTypes.func.description('Icon to display'),
-  onClick: reactDesc.PropTypes.func.description('Callback executed on click')
-});
-const globalHeaderProps = {
-  Logo: reactDesc.PropTypes.func.description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.'),
-  LogoWithBrand: reactDesc.PropTypes.func.description('Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.'),
-  breadcrumb: reactDesc.PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),
-  toolbar: reactDesc.PropTypes.arrayOf(toolbarItem).description('Toolbar items')
-};
-
-exports.breadcrumbItem = breadcrumbItem;
-exports.globalHeaderProps = globalHeaderProps;
-exports.toolbarItem = toolbarItem;

package/cjs/styles.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.GridContainer).withConfig({
-  componentId: "sc-1v5zxxm-0"
-})(["background-image:linear-gradient(45deg,#0f364a 0%,#1b6392 54%,#164566 100%);color:", ";width:100%;height:40px;padding:0 24px 0 12px;"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral['000'];
-});
-
-exports.Wrapper = Wrapper;

package/esm/GlobalHeader.js

@@ -1,28 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { globalHeaderProps } from './propTypes.js';
-import { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle.js';
-import { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb.js';
-import { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar.js';
-import { GlobalHeaderContext } from './GlobalHeaderContext.js';
-import { useGlobalHeader } from './config/useGlobalHeader.js';
-import { defaultProps } from './defaultProps.js';
-import { GlobalHeaderContainer } from './GlobalHeaderContainer.js';
-import { useValidateProps } from './config/useValidateProps.js';
-
-var _GlobalHeaderTitle, _GlobalHeaderBreadcru, _GlobalHeaderToolbar;
-
-const GlobalHeader = props => {
-  useValidateProps(props);
-  const ctx = useGlobalHeader(props);
-  return /*#__PURE__*/_jsx(GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx(GlobalHeaderContext.Provider, {
-    value: ctx
-  }, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx(GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx(GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx(GlobalHeaderToolbar, {}))));
-};
-
-GlobalHeader.defaultProps = defaultProps;
-const GlobalHeaderWithSchema = describe(GlobalHeader);
-GlobalHeaderWithSchema.propTypes = globalHeaderProps;
-
-export { GlobalHeader, GlobalHeaderWithSchema };

package/esm/GlobalHeaderContainer.js

@@ -1,16 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Wrapper } from './styles.js';
-
-const GlobalHeaderContainer = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx("header", {
-    "data-testid": "ds-global-header"
-  }, void 0, /*#__PURE__*/_jsx(Wrapper, {
-    cols: ['auto', '1fr', 'auto']
-  }, void 0, children));
-};
-
-export { GlobalHeaderContainer };

package/esm/GlobalHeaderContext.js

@@ -1,16 +0,0 @@
-import { createContext } from 'react';
-import { defaultProps } from './defaultProps.js';
-
-const noop = () => null;
-
-const defaultContext = {
-  props: defaultProps,
-  showIconOnly: false,
-  setShowIconOnly: noop,
-  instanceUID: '',
-  globalHeaderToolbarGrid: [],
-  globalHeaderBreadcrumbGrid: []
-};
-const GlobalHeaderContext = /*#__PURE__*/createContext(defaultContext);
-
-export { GlobalHeaderContext };

package/esm/GlobalHeaderTypes.js

@@ -1 +0,0 @@
-

package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -1,75 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext, useRef, useEffect } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { Pipe } from './styles.js';
-import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
-import { PureBreadcrumb } from './PureBreadcrumb.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["label"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const GlobalHeaderBreadcrumb = () => {
-  const {
-    props: {
-      breadcrumb
-    },
-    instanceUID,
-    showIconOnly,
-    setShowIconOnly,
-    globalHeaderBreadcrumbGrid
-  } = useContext(GlobalHeaderContext);
-  const breakpoint = useRef(null);
-  const flexRegion = useRef(null);
-  useEffect(() => {
-    const evaluateShowIconOnly = () => {
-      if (flexRegion && flexRegion.current && (flexRegion === null || flexRegion === void 0 ? void 0 : flexRegion.current.offsetWidth) <= 0 && !breakpoint.current) {
-        setShowIconOnly(true);
-        breakpoint.current = window.innerWidth;
-      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
-        setShowIconOnly(false);
-        breakpoint.current = null;
-      }
-    };
-
-    evaluateShowIconOnly();
-    window.addEventListener('resize', evaluateShowIconOnly);
-    return () => window.removeEventListener('resize', evaluateShowIconOnly);
-  }, [breakpoint, flexRegion, setShowIconOnly]);
-  return /*#__PURE__*/_jsx(Grid, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    "aria-label": "breadcrumbs",
-    cols: globalHeaderBreadcrumbGrid,
-    role: "navigation"
-  }, void 0, /*#__PURE__*/_jsx(Pipe, {
-    showIconOnly: showIconOnly
-  }), breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.map(item => {
-    const {
-      label
-    } = item,
-          rest = _objectWithoutProperties(item, _excluded);
-
-    return /*#__PURE__*/jsx(PureBreadcrumb, _objectSpread({
-      label: label,
-      length: breadcrumb.length
-    }, rest), "".concat(instanceUID, "-breadcrumb-item-").concat(label));
-  }), /*#__PURE__*/jsx("div", {
-    id: "global-header-flex-region",
-    ref: flexRegion
-  }));
-};
-
-export { GlobalHeaderBreadcrumb };

package/esm/components/Breadcrumb/PureBreadcrumb.js

@@ -1,49 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import { ChevronSmallRight } from '@elliemae/ds-icons';
-import { getDataProps } from '@elliemae/ds-props-helpers';
-import { BreadcrumbItem, LabelButton, Label } from './styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallRight;
-
-const _excluded = ["onClick", "isSelected", "length", "label", "hasNext", "id"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const PureBreadcrumb = /*#__PURE__*/React.memo(_ref => {
-  let {
-    onClick,
-    isSelected,
-    length,
-    label,
-    hasNext,
-    id
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_jsx(BreadcrumbItem, {}, void 0, /*#__PURE__*/jsx(LabelButton, _objectSpread(_objectSpread({
-    onClick: onClick,
-    "aria-selected": isSelected,
-    "data-testid": "gh-breadcrumb-btn",
-    id: id
-  }, getDataProps(rest)), {}, {
-    children: /*#__PURE__*/_jsx(Label, {
-      isSelected: !!isSelected,
-      isOnlyItem: length === 1
-    }, void 0, label)
-  })), hasNext && (_ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx(ChevronSmallRight, {
-    size: "m",
-    fill: "#FFF"
-  }))));
-});
-
-export { PureBreadcrumb };

package/esm/components/Breadcrumb/styles.js

@@ -1,48 +0,0 @@
-import styled from 'styled-components';
-
-const Pipe = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1n5l527-0"
-})(["margin:0 7px 0 0;border-left:", ";height:20px;"], _ref => {
-  let {
-    showIconOnly
-  } = _ref;
-  return showIconOnly ? 'none' : '1px solid #fff';
-});
-const BreadcrumbItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1n5l527-1"
-})(["display:flex;align-items:center;height:100%;"]);
-const LabelButton = /*#__PURE__*/styled.button.withConfig({
-  componentId: "sc-1n5l527-2"
-})(["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 ", ";border-radius:4px;}}"], _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral['000'];
-});
-const Label = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1n5l527-3"
-})(["color:", ";", ";font-size:16px;text-transform:uppercase;border-bottom:", ";margin:3px 5px 0 5px;:hover{", ";}"], _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.neutral['000'];
-}, _ref4 => {
-  let {
-    theme,
-    isSelected
-  } = _ref4;
-  return "-webkit-text-stroke: 0.4px  ".concat(isSelected ? theme.colors.neutral['000'] : 'transparent');
-}, _ref5 => {
-  let {
-    isSelected,
-    isOnlyItem
-  } = _ref5;
-  return "2px solid ".concat(isSelected && !isOnlyItem ? '#FFF' : 'transparent');
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return "-webkit-text-stroke: 0.4px ".concat(theme.colors.neutral['000']);
-});
-
-export { BreadcrumbItem, Label, LabelButton, Pipe };

package/esm/components/Title/GlobalHeaderTitle.js

@@ -1,21 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
-
-const GlobalHeaderTitle = () => {
-  const {
-    props: {
-      Logo,
-      LogoWithBrand
-    },
-    showIconOnly
-  } = useContext(GlobalHeaderContext);
-  return /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center",
-    pr: showIconOnly ? '0px' : '36px',
-    cols: showIconOnly ? ['auto'] : ['auto', '1fr']
-  }, void 0, Logo && showIconOnly && /*#__PURE__*/_jsx(Logo, {}), LogoWithBrand && !showIconOnly && /*#__PURE__*/_jsx(LogoWithBrand, {}));
-};
-
-export { GlobalHeaderTitle };

package/esm/components/Toolbar/GlobalHeaderToolbar.js

@@ -1,22 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { ToolbarItems } from './ToolbarItems.js';
-import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
-
-var _ToolbarItems;
-const GlobalHeaderToolbar = () => {
-  const {
-    globalHeaderToolbarGrid
-  } = useContext(GlobalHeaderContext);
-  return /*#__PURE__*/_jsx(Grid, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    gutter: "xxs",
-    cols: globalHeaderToolbarGrid,
-    role: "toolbar"
-  }, void 0, _ToolbarItems || (_ToolbarItems = /*#__PURE__*/_jsx(ToolbarItems, {})));
-};
-
-export { GlobalHeaderToolbar };