@elliemae/ds-global-header 1.60.0 → 2.0.0-alpha.12

package/cjs/GlobalHeader.js

@@ -2,56 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var propTypes = require('./propTypes.js');
-var components_Title_GlobalHeaderTitle = require('./components/Title/GlobalHeaderTitle.js');
-var components_Breadcrumb_GlobalHeaderBreadcrumb = require('./components/Breadcrumb/GlobalHeaderBreadcrumb.js');
-var components_Toolbar_GlobalHeaderToolbar = require('./components/Toolbar/GlobalHeaderToolbar.js');
+var GlobalHeaderTitle = require('./components/Title/GlobalHeaderTitle.js');
+var GlobalHeaderBreadcrumb = require('./components/Breadcrumb/GlobalHeaderBreadcrumb.js');
+var GlobalHeaderToolbar = require('./components/Toolbar/GlobalHeaderToolbar.js');
 var GlobalHeaderContext = require('./GlobalHeaderContext.js');
-var config_useGlobalHeader = require('./config/useGlobalHeader.js');
+var useGlobalHeader = require('./config/useGlobalHeader.js');
 var defaultProps = require('./defaultProps.js');
 var GlobalHeaderContainer = require('./GlobalHeaderContainer.js');
-var config_useValidateProps = require('./config/useValidateProps.js');
-require('@elliemae/ds-grid');
-require('./components/Breadcrumb/styles.js');
-require('styled-components');
-require('./components/Breadcrumb/PureBreadcrumb.js');
-require('@elliemae/ds-icons');
-require('./components/Toolbar/ToolbarItems.js');
-require('./outOfTheBox/AppPicker/AppPicker.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-app-picker');
-require('./components/Toolbar/styles.js');
-require('./outOfTheBox/PopupMenu/PopupMenu.js');
-require('@elliemae/ds-popover');
-require('./outOfTheBox/PopupMenu/PopupMenuContent.js');
-require('./outOfTheBox/PopupMenu/styles.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('uid');
-require('./config/useGetPropsWithDefaults.js');
-require('@babel/runtime/helpers/defineProperty');
-require('./styles.js');
-require('./config/validateHelpers.js');
-require('@babel/runtime/helpers/typeof');
+var useValidateProps = require('./config/useValidateProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var GlobalHeader = function GlobalHeader(props) {
-  config_useValidateProps.useValidateProps(props);
-  var ctx = config_useGlobalHeader.useGlobalHeader(props);
-  return /*#__PURE__*/React__default['default'].createElement(GlobalHeaderContainer.GlobalHeaderContainer, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeaderContext.GlobalHeaderContext.Provider, {
+var _GlobalHeaderTitle, _GlobalHeaderBreadcru, _GlobalHeaderToolbar;
+
+const GlobalHeader = props => {
+  useValidateProps.useValidateProps(props);
+  const ctx = useGlobalHeader.useGlobalHeader(props);
+  return /*#__PURE__*/_jsx__default["default"](GlobalHeaderContainer.GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](GlobalHeaderContext.GlobalHeaderContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/React__default['default'].createElement(components_Title_GlobalHeaderTitle.GlobalHeaderTitle, null), /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, null), /*#__PURE__*/React__default['default'].createElement(components_Toolbar_GlobalHeaderToolbar.GlobalHeaderToolbar, null)));
+  }, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx__default["default"](GlobalHeaderTitle.GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx__default["default"](GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx__default["default"](GlobalHeaderToolbar.GlobalHeaderToolbar, {}))));
 };
 
 GlobalHeader.defaultProps = defaultProps.defaultProps;
-GlobalHeader.propTypes = propTypes.globalHeaderProps;
-var GlobalHeaderWithSchema = reactDesc.describe(GlobalHeader);
+const GlobalHeaderWithSchema = reactDesc.describe(GlobalHeader);
 GlobalHeaderWithSchema.propTypes = propTypes.globalHeaderProps;
 
 exports.GlobalHeader = GlobalHeader;
 exports.GlobalHeaderWithSchema = GlobalHeaderWithSchema;
-//# sourceMappingURL=GlobalHeader.js.map

package/cjs/GlobalHeaderContainer.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styles = require('./styles.js');
-require('styled-components');
-require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var GlobalHeaderContainer = function GlobalHeaderContainer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement("header", {
+const GlobalHeaderContainer = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("header", {
     "data-testid": "ds-global-header"
-  }, /*#__PURE__*/React__default['default'].createElement(styles.Wrapper, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Wrapper, {
     cols: ['auto', '1fr', 'auto']
-  }, children));
+  }, void 0, children));
 };
 
 exports.GlobalHeaderContainer = GlobalHeaderContainer;
-//# sourceMappingURL=GlobalHeaderContainer.js.map

package/cjs/GlobalHeaderContext.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var defaultProps = require('./defaultProps.js');
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
-var defaultContext = {
+const defaultContext = {
   props: defaultProps.defaultProps,
   showIconOnly: false,
   setShowIconOnly: noop,
@@ -17,7 +15,6 @@ var defaultContext = {
   globalHeaderToolbarGrid: [],
   globalHeaderBreadcrumbGrid: []
 };
-var GlobalHeaderContext = /*#__PURE__*/React.createContext(defaultContext);
+const GlobalHeaderContext = /*#__PURE__*/React.createContext(defaultContext);
 
 exports.GlobalHeaderContext = GlobalHeaderContext;
-//# sourceMappingURL=GlobalHeaderContext.js.map

package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -2,35 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
-var components_Breadcrumb_styles = require('./styles.js');
+var styles = require('./styles.js');
 var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-var components_Breadcrumb_PureBreadcrumb = require('./PureBreadcrumb.js');
-require('styled-components');
-require('../../defaultProps.js');
-require('@elliemae/ds-icons');
+var PureBreadcrumb = require('./PureBreadcrumb.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var GlobalHeaderBreadcrumb = function GlobalHeaderBreadcrumb() {
-  var _useContext = React.useContext(GlobalHeaderContext.GlobalHeaderContext),
-      breadcrumb = _useContext.props.breadcrumb,
-      instanceUID = _useContext.instanceUID,
-      showIconOnly = _useContext.showIconOnly,
-      setShowIconOnly = _useContext.setShowIconOnly,
-      globalHeaderBreadcrumbGrid = _useContext.globalHeaderBreadcrumbGrid;
-
-  var breakpoint = React.useRef();
-  var flexRegion = React.useRef();
-  React.useEffect(function () {
-    var evaluateShowIconOnly = function evaluateShowIconOnly() {
-      if ((flexRegion === null || flexRegion === void 0 ? void 0 : flexRegion.current.offsetWidth) <= 0 && !breakpoint.current) {
+const GlobalHeaderBreadcrumb = () => {
+  const {
+    props: {
+      breadcrumb
+    },
+    instanceUID,
+    showIconOnly,
+    setShowIconOnly,
+    globalHeaderBreadcrumbGrid
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  const breakpoint = React.useRef(null);
+  const flexRegion = React.useRef(null);
+  React.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 (window.innerWidth >= breakpoint.current) {
+      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
         setShowIconOnly(false);
         breakpoint.current = null;
       }
@@ -38,37 +41,35 @@ var GlobalHeaderBreadcrumb = function GlobalHeaderBreadcrumb() {
 
     evaluateShowIconOnly();
     window.addEventListener('resize', evaluateShowIconOnly);
-    return function () {
-      return window.removeEventListener('resize', evaluateShowIconOnly);
-    };
+    return () => window.removeEventListener('resize', evaluateShowIconOnly);
   }, [breakpoint, flexRegion, setShowIconOnly]);
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     alignItems: "center",
-    justifyContent: "left",
-    role: "navigation",
+    justifyContent: "flex-start",
     "aria-label": "breadcrumbs",
-    cols: globalHeaderBreadcrumbGrid
-  }, /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_styles.Pipe, {
+    cols: globalHeaderBreadcrumbGrid,
+    role: "navigation"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Pipe, {
     showIconOnly: showIconOnly
-  }), breadcrumb.map(function (item) {
-    var label = item.label,
-        hasNext = item.hasNext,
-        isSelected = item.isSelected,
-        onClick = item.onClick;
-    return /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_PureBreadcrumb.PureBreadcrumb, {
+  }), breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.map(item => {
+    const {
+      label,
+      hasNext,
+      isSelected,
+      onClick
+    } = item;
+    return /*#__PURE__*/_jsx__default["default"](PureBreadcrumb.PureBreadcrumb, {
       label: label,
       hasNext: hasNext,
       isSelected: isSelected,
       onClick: onClick,
-      length: breadcrumb.length,
-      key: "".concat(instanceUID, "-breadcrumb-item-").concat(label)
-    });
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+      length: breadcrumb.length
+    }, "".concat(instanceUID, "-breadcrumb-item-").concat(label));
+  }), /*#__PURE__*/jsxRuntime.jsx("div", {
     id: "global-header-flex-region",
     ref: flexRegion
   }));
 };
 
 exports.GlobalHeaderBreadcrumb = GlobalHeaderBreadcrumb;
-//# sourceMappingURL=GlobalHeaderBreadcrumb.js.map

package/cjs/components/Breadcrumb/PureBreadcrumb.js

@@ -2,33 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
-var components_Breadcrumb_styles = require('./styles.js');
-require('styled-components');
+var styles = require('./styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PureBreadcrumb = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var onClick = _ref.onClick,
-      isSelected = _ref.isSelected,
-      length = _ref.length,
-      label = _ref.label,
-      hasNext = _ref.hasNext;
-  return /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_styles.BreadcrumbItem, null, /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_styles.LabelButton, {
+var _ChevronSmallRight;
+const PureBreadcrumb = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    onClick,
+    isSelected,
+    length,
+    label,
+    hasNext
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styles.BreadcrumbItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.LabelButton, {
     onClick: onClick,
     "aria-selected": isSelected,
     "data-testid": "gh-breadcrumb-btn"
-  }, /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_styles.Label, {
-    isSelected: isSelected,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Label, {
+    isSelected: !!isSelected,
     isOnlyItem: length === 1
-  }, label)), hasNext && /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallRight, {
+  }, void 0, label)), hasNext && (_ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {
     size: "m",
     fill: "#FFF"
-  }));
+  }))));
 });
 
 exports.PureBreadcrumb = PureBreadcrumb;
-//# sourceMappingURL=PureBreadcrumb.js.map

package/cjs/components/Breadcrumb/styles.js

@@ -8,39 +8,53 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Pipe = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Pipe = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1n5l527-0"
-})(["margin:0 7px 0 0;border-left:", ";height:20px;"], function (_ref) {
-  var showIconOnly = _ref.showIconOnly;
+})(["margin:0 7px 0 0;border-left:", ";height:20px;"], _ref => {
+  let {
+    showIconOnly
+  } = _ref;
   return showIconOnly ? 'none' : '1px solid #fff';
 });
-var BreadcrumbItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const BreadcrumbItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1n5l527-1"
 })(["display:flex;align-items:center;height:100%;"]);
-var LabelButton = /*#__PURE__*/styled__default['default'].button.withConfig({
+const LabelButton = /*#__PURE__*/styled__default["default"].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{:after{content:'';position:absolute;top:0;left:-7px;width:calc(100% + 14px);height:100%;border:4px solid ", ";border-radius:6px;}: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;}}"], function (_ref2) {
-  var theme = _ref2.theme;
+})(["width:fit-content;height:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;outline:none;cursor:pointer;position:relative;&:focus{:after{content:'';position:absolute;top:0;left:-7px;width:calc(100% + 14px);height:100%;border:4px solid ", ";border-radius:6px;}: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.brand[700];
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.colors.neutral['000'];
 });
-var Label = /*#__PURE__*/styled__default['default'].p.withConfig({
+const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
   componentId: "sc-1n5l527-3"
-})(["color:", ";", ";font-size:16px;text-transform:uppercase;border-bottom:", ";margin:3px 5px 0 5px;:hover{", ";}"], function (_ref4) {
-  var theme = _ref4.theme;
+})(["color:", ";", ";font-size:16px;text-transform:uppercase;border-bottom:", ";margin:3px 5px 0 5px;:hover{", ";}"], _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.colors.neutral['000'];
-}, function (_ref5) {
-  var theme = _ref5.theme,
-      isSelected = _ref5.isSelected;
+}, _ref5 => {
+  let {
+    theme,
+    isSelected
+  } = _ref5;
   return "-webkit-text-stroke: 0.4px  ".concat(isSelected ? theme.colors.neutral['000'] : 'transparent');
-}, function (_ref6) {
-  var isSelected = _ref6.isSelected,
-      isOnlyItem = _ref6.isOnlyItem;
+}, _ref6 => {
+  let {
+    isSelected,
+    isOnlyItem
+  } = _ref6;
   return "2px solid ".concat(isSelected && !isOnlyItem ? '#FFF' : 'transparent');
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return "-webkit-text-stroke: 0.4px ".concat(theme.colors.neutral['000']);
 });
 
@@ -48,4 +62,3 @@ exports.BreadcrumbItem = BreadcrumbItem;
 exports.Label = Label;
 exports.LabelButton = LabelButton;
 exports.Pipe = Pipe;
-//# sourceMappingURL=styles.js.map

package/cjs/components/Title/GlobalHeaderTitle.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
 var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-require('../../defaultProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var GlobalHeaderTitle = function GlobalHeaderTitle() {
-  var _useContext = React.useContext(GlobalHeaderContext.GlobalHeaderContext),
-      _useContext$props = _useContext.props,
-      Logo = _useContext$props.Logo,
-      LogoWithBrand = _useContext$props.LogoWithBrand,
-      showIconOnly = _useContext.showIconOnly;
-
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+const GlobalHeaderTitle = () => {
+  const {
+    props: {
+      Logo,
+      LogoWithBrand
+    },
+    showIconOnly
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     alignItems: "center",
     pr: showIconOnly ? '0px' : '36px',
     cols: showIconOnly ? ['auto'] : ['auto', '1fr']
-  }, Logo && showIconOnly && /*#__PURE__*/React__default['default'].createElement(Logo, null), LogoWithBrand && !showIconOnly && /*#__PURE__*/React__default['default'].createElement(LogoWithBrand, null));
+  }, void 0, Logo && showIconOnly && /*#__PURE__*/_jsx__default["default"](Logo, {}), LogoWithBrand && !showIconOnly && /*#__PURE__*/_jsx__default["default"](LogoWithBrand, {}));
 };
 
 exports.GlobalHeaderTitle = GlobalHeaderTitle;
-//# sourceMappingURL=GlobalHeaderTitle.js.map

package/cjs/components/Toolbar/GlobalHeaderToolbar.js

@@ -2,39 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsGrid = require('@elliemae/ds-grid');
-var components_Toolbar_ToolbarItems = require('./ToolbarItems.js');
+var ToolbarItems = require('./ToolbarItems.js');
 var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-require('../../outOfTheBox/AppPicker/AppPicker.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-app-picker');
-require('@elliemae/ds-icons');
-require('./styles.js');
-require('styled-components');
-require('../../outOfTheBox/PopupMenu/PopupMenu.js');
-require('@elliemae/ds-popover');
-require('../../outOfTheBox/PopupMenu/PopupMenuContent.js');
-require('../../outOfTheBox/PopupMenu/styles.js');
-require('../../defaultProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var GlobalHeaderToolbar = function GlobalHeaderToolbar() {
-  var _useContext = React.useContext(GlobalHeaderContext.GlobalHeaderContext),
-      globalHeaderToolbarGrid = _useContext.globalHeaderToolbarGrid;
-
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+var _ToolbarItems;
+const GlobalHeaderToolbar = () => {
+  const {
+    globalHeaderToolbarGrid
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     alignItems: "center",
     justifyContent: "center",
     gutter: "xxs",
     cols: globalHeaderToolbarGrid,
     role: "toolbar"
-  }, /*#__PURE__*/React__default['default'].createElement(components_Toolbar_ToolbarItems.ToolbarItems, null));
+  }, void 0, _ToolbarItems || (_ToolbarItems = /*#__PURE__*/_jsx__default["default"](ToolbarItems.ToolbarItems, {})));
 };
 
 exports.GlobalHeaderToolbar = GlobalHeaderToolbar;
-//# sourceMappingURL=GlobalHeaderToolbar.js.map

package/cjs/components/Toolbar/ToolbarItems.js

@@ -2,87 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+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 outOfTheBox_AppPicker_AppPicker = require('../../outOfTheBox/AppPicker/AppPicker.js');
-var outOfTheBox_PopupMenu_PopupMenu = require('../../outOfTheBox/PopupMenu/PopupMenu.js');
-var components_Toolbar_styles = require('./styles.js');
+var AppPicker = require('../../outOfTheBox/AppPicker/AppPicker.js');
+var PopupMenu = require('../../outOfTheBox/PopupMenu/PopupMenu.js');
+var styles = require('./styles.js');
 var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-app-picker');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('@elliemae/ds-popover');
-require('../../outOfTheBox/PopupMenu/PopupMenuContent.js');
-require('../../outOfTheBox/PopupMenu/styles.js');
-require('../../defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable no-case-declarations */
-var ToolbarItems = function ToolbarItems() {
-  var _useContext = React.useContext(GlobalHeaderContext.GlobalHeaderContext),
-      toolbar = _useContext.props.toolbar,
-      instanceUID = _useContext.instanceUID;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var itemsList = React.useMemo(function () {
-    return toolbar.map(function (item) {
-      var Icon = item.Icon,
-          type = item.type,
-          onClick = item.onClick,
-          componentProps = item.componentProps,
-          label = item.label;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const ToolbarItems = () => {
+  const {
+    props: {
+      toolbar
+    },
+    instanceUID
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  const itemsList = React.useMemo(() => toolbar === null || toolbar === void 0 ? void 0 : toolbar.map(item => {
+    var _Icon;
 
-      switch (type) {
-        case 'ds-popup-menu':
-          var _ref = componentProps,
-              options = _ref.options,
-              closeOnClick = _ref.closeOnClick;
-          return /*#__PURE__*/React__default['default'].createElement(outOfTheBox_PopupMenu_PopupMenu.PopupMenu, {
-            onClick: onClick,
-            title: label,
-            Icon: Icon,
-            options: options,
-            closeOnClick: closeOnClick,
-            key: "".concat(instanceUID, "-ds-popup-menu-").concat(label)
-          });
+    const {
+      Icon,
+      type,
+      onClick,
+      componentProps,
+      label
+    } = item;
 
-        case 'ds-app-picker':
-          var _ref2 = componentProps,
-              apps = _ref2.apps,
-              customApps = _ref2.customApps,
-              sectionTitle = _ref2.sectionTitle,
-              customSectionTitle = _ref2.customSectionTitle,
-              actionRef = _ref2.actionRef,
-              onKeyDown = _ref2.onKeyDown;
-          return /*#__PURE__*/React__default['default'].createElement(outOfTheBox_AppPicker_AppPicker.AppPicker, {
-            onClick: onClick,
-            label: label,
-            apps: apps,
-            customApps: customApps,
-            sectionTitle: sectionTitle,
-            customSectionTitle: customSectionTitle,
-            actionRef: actionRef,
-            key: "".concat(instanceUID, "-ds-app-picker-").concat(label),
-            onKeyDown: onKeyDown
-          });
+    switch (type) {
+      case 'ds-popup-menu':
+        const {
+          options,
+          closeOnClick
+        } = componentProps;
+        return /*#__PURE__*/_jsx__default["default"](PopupMenu.PopupMenu, {
+          onClick: onClick,
+          title: label,
+          Icon: Icon,
+          options: options,
+          closeOnClick: closeOnClick
+        }, "".concat(instanceUID, "-ds-popup-menu-").concat(label));
 
-        default:
-          return /*#__PURE__*/React__default['default'].createElement(components_Toolbar_styles.Button, {
-            onClick: onClick,
-            key: "".concat(instanceUID, "-ds-toolbar-button-").concat(label),
-            title: label,
-            "data-testid": "gh-toolbar-item"
-          }, /*#__PURE__*/React__default['default'].createElement(Icon, {
-            fill: "#FFF",
-            size: "m"
-          }));
-      }
-    });
-  }, [toolbar, instanceUID]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, itemsList);
+      case 'ds-app-picker':
+        return /*#__PURE__*/jsxRuntime.jsx(AppPicker.AppPicker, _objectSpread({
+          label: label
+        }, componentProps), "".concat(instanceUID, "-ds-app-picker-").concat(label));
+
+      default:
+        return /*#__PURE__*/_jsx__default["default"](styles.Button, {
+          onClick: onClick,
+          title: label,
+          "data-testid": "gh-toolbar-item"
+        }, "".concat(instanceUID, "-ds-toolbar-button-").concat(label), _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+          fill: "#FFF",
+          size: "m"
+        })));
+    }
+  }), [toolbar, instanceUID]);
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: itemsList
+  });
 };
 
 exports.ToolbarItems = ToolbarItems;
-//# sourceMappingURL=ToolbarItems.js.map