@elliemae/ds-global-header 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/outOfTheBox/PopupMenu/styles.js

@@ -1,67 +1,32 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  ItemWrapper: () => ItemWrapper,
-  Label: () => Label,
-  List: () => List,
-  Separator: () => Separator
+'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]);
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const List = import_styled_components.default.div`
-  padding: 5px 0px;
-  background: white;
-`;
-const ItemWrapper = import_styled_components.default.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 = import_styled_components.default.p`
-  width: 100%;
-  font-size: 14px;
-  margin: 10px;
-`;
-const Separator = import_styled_components.default.div`
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #ccc;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+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,47 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SearchToggle_exports = {};
-__export(SearchToggle_exports, {
-  SearchToggle: () => SearchToggle
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-var import_ds_icon = __toESM(require("@elliemae/ds-icon"));
-var import_ds_form = __toESM(require("@elliemae/ds-form"));
-var import_styles = __toESM(require("./styles"));
-var import_styles2 = __toESM(require("../../components/Toolbar/styles"));
-const SearchToggle = ({ id, componentProps, ...otherProps }) => {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const inputRef = (0, import_react.useRef)(null);
-  const triggerRef = (0, import_react.useRef)(null);
-  const containerRef = (0, import_react.useRef)(null);
+'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,
@@ -56,53 +56,58 @@ const SearchToggle = ({ id, componentProps, ...otherProps }) => {
     onKeyDown,
     onClick
   } = componentProps;
-  const handleOnClick = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0)
-      setIsOpen(true);
-    if (onClick)
-      onClick(e);
+  const handleOnClick = React.useCallback(e => {
+    if (userIsOpen === undefined) setIsOpen(true);
+    if (onClick) onClick(e);
   }, [onClick, userIsOpen]);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0) {
-      if (e.code === "Escape") {
+  const handleOnKeyDown = React.useCallback(e => {
+    if (userIsOpen === undefined) {
+      if (e.code === 'Escape') {
         setIsOpen(false);
-        setTimeout(() => triggerRef.current?.focus());
+        setTimeout(() => {
+          var _triggerRef$current;
+
+          return (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
+        });
       }
     }
-    if (onKeyDown)
-      onKeyDown(e);
+
+    if (onKeyDown) onKeyDown(e);
   }, [onKeyDown, userIsOpen]);
-  const handleOnBlur = (0, import_react.useCallback)(() => {
+  const handleOnBlur = React.useCallback(() => {
     setTimeout(() => {
-      const contains = containerRef.current?.contains(document.activeElement);
-      if (value === "" && !contains)
-        setIsOpen(false);
+      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__ */ import_react.default.createElement(import_styles.StyledNavSearchBoxContainer, {
+  return userIsOpen || isOpen ? /*#__PURE__*/jsxRuntime.jsx(styles.StyledNavSearchBoxContainer, {
     onKeyDown: handleOnKeyDown,
     ref: containerRef,
-    onBlur: handleOnBlur
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSNavSearchBox, {
-    onNext,
-    onPrevious,
-    currentResultIndex,
-    totalResults,
-    onClear,
-    placeholder,
-    onChange,
-    value,
-    onBlur,
-    innerRef: inputRef,
-    autoFocus: true
-  })) : /* @__PURE__ */ import_react.default.createElement(import_styles2.Button, {
+    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,
-    ...(0, import_ds_props_helpers.getDataProps)(otherProps)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
-    color: import_ds_icon.DSIconColors.WHITE
+    id: id
+  }, dsPropsHelpers.getDataProps(otherProps)), {}, {
+    children: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+      color: dsIcon.DSIconColors.WHITE
+    })
   }));
 };
-module.exports = __toCommonJS(SearchToggle_exports);
-//# sourceMappingURL=SearchToggle.js.map
+
+exports.SearchToggle = SearchToggle;

package/cjs/outOfTheBox/SearchToggle/styles.js

@@ -1,82 +1,15 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledNavSearchBoxContainer: () => StyledNavSearchBoxContainer
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledNavSearchBoxContainer = import_styled_components.default.div`
-  background: white;
-  position: relative;
+'use strict';
 
-  min-width: 260px;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  & .em-ds-button {
-    margin-right: 2px;
-    height: 24px;
-    width: 24px;
-  }
+var styled = require('styled-components');
 
-  & .em-ds-input {
-    border: none;
-    outline: none;
-    box-shadow: none;
-  }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  & .em-ds-input:focus {
-    border: none;
-    box-shadow: none;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-  & .em-ds-input.em-ds-input--clearable:hover {
-    border: none;
-    outline: none;
-    box-shadow: none;
-  }
+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;}"]);
 
-  & .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;
-  }
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+exports.StyledNavSearchBoxContainer = StyledNavSearchBoxContainer;

package/cjs/outOfTheBox/index.js

@@ -1,30 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var outOfTheBox_exports = {};
-var React = __toESM(require("react"));
-__reExport(outOfTheBox_exports, __toESM(require("./AppPicker/AppPicker")));
-__reExport(outOfTheBox_exports, __toESM(require("./PopupMenu/PopupMenu")));
-__reExport(outOfTheBox_exports, __toESM(require("./SearchToggle/SearchToggle")));
-module.exports = __toCommonJS(outOfTheBox_exports);
-//# sourceMappingURL=index.js.map
+'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,56 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  breadcrumbItem: () => breadcrumbItem,
-  globalHeaderProps: () => globalHeaderProps,
-  toolbarItem: () => toolbarItem
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-const breadcrumbItem = import_react_desc.PropTypes.shape({
-  label: import_react_desc.PropTypes.string.description("breadrcrumb item label"),
-  hasNext: import_react_desc.PropTypes.bool.description("whether the item has a child or not"),
-  isSelected: import_react_desc.PropTypes.bool.description("whether the item is selected or not"),
-  onClick: import_react_desc.PropTypes.func.description("Callback executed on click")
+'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 = import_react_desc.PropTypes.shape({
-  label: import_react_desc.PropTypes.string.description("title tag description"),
-  type: import_react_desc.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: import_react_desc.PropTypes.object.description("props of out-of-the-box component"),
-  Icon: import_react_desc.PropTypes.func.description("Icon to display"),
-  onClick: import_react_desc.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: import_react_desc.PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  LogoWithBrand: import_react_desc.PropTypes.func.description("Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  breadcrumb: import_react_desc.PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. max 3 levels"),
-  toolbar: import_react_desc.PropTypes.arrayOf(toolbarItem).description("Toolbar items")
+  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')
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.breadcrumbItem = breadcrumbItem;
+exports.globalHeaderProps = globalHeaderProps;
+exports.toolbarItem = toolbarItem;

package/cjs/styles.js

@@ -1,43 +1,21 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  Wrapper: () => Wrapper
+'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'];
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-const Wrapper = (0, import_styled_components.default)(import_ds_grid.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;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+
+exports.Wrapper = Wrapper;

package/esm/GlobalHeader.js

@@ -1,28 +1,28 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { globalHeaderProps } from "./propTypes";
-import { GlobalHeaderTitle } from "./components/Title/GlobalHeaderTitle";
-import { GlobalHeaderBreadcrumb } from "./components/Breadcrumb/GlobalHeaderBreadcrumb";
-import { GlobalHeaderToolbar } from "./components/Toolbar/GlobalHeaderToolbar";
-import { GlobalHeaderContext } from "./GlobalHeaderContext";
-import { useGlobalHeader } from "./config/useGlobalHeader";
-import { defaultProps } from "./defaultProps";
-import { GlobalHeaderContainer } from "./GlobalHeaderContainer";
-import { useValidateProps } from "./config/useValidateProps";
-const GlobalHeader = (props) => {
+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__ */ React2.createElement(GlobalHeaderContainer, null, /* @__PURE__ */ React2.createElement(GlobalHeaderContext.Provider, {
+  return /*#__PURE__*/_jsx(GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx(GlobalHeaderContext.Provider, {
     value: ctx
-  }, /* @__PURE__ */ React2.createElement(GlobalHeaderTitle, null), /* @__PURE__ */ React2.createElement(GlobalHeaderBreadcrumb, null), /* @__PURE__ */ React2.createElement(GlobalHeaderToolbar, null)));
+  }, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx(GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx(GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx(GlobalHeaderToolbar, {}))));
 };
+
 GlobalHeader.defaultProps = defaultProps;
-GlobalHeader.propTypes = globalHeaderProps;
 const GlobalHeaderWithSchema = describe(GlobalHeader);
 GlobalHeaderWithSchema.propTypes = globalHeaderProps;
-export {
-  GlobalHeader,
-  GlobalHeaderWithSchema
-};
-//# sourceMappingURL=GlobalHeader.js.map
+
+export { GlobalHeader, GlobalHeaderWithSchema };