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

package/esm/components/Breadcrumb/PureBreadcrumb.js

@@ -1,26 +1,28 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
 import { ChevronSmallRight } from '@elliemae/ds-icons';
 import { BreadcrumbItem, LabelButton, Label } from './styles.js';
-import 'styled-components';
 
-var PureBreadcrumb = /*#__PURE__*/React.memo(function (_ref) {
-  var onClick = _ref.onClick,
-      isSelected = _ref.isSelected,
-      length = _ref.length,
-      label = _ref.label,
-      hasNext = _ref.hasNext;
-  return /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement(LabelButton, {
+var _ChevronSmallRight;
+const PureBreadcrumb = /*#__PURE__*/React.memo(_ref => {
+  let {
+    onClick,
+    isSelected,
+    length,
+    label,
+    hasNext
+  } = _ref;
+  return /*#__PURE__*/_jsx(BreadcrumbItem, {}, void 0, /*#__PURE__*/_jsx(LabelButton, {
     onClick: onClick,
     "aria-selected": isSelected,
     "data-testid": "gh-breadcrumb-btn"
-  }, /*#__PURE__*/React.createElement(Label, {
-    isSelected: isSelected,
+  }, void 0, /*#__PURE__*/_jsx(Label, {
+    isSelected: !!isSelected,
     isOnlyItem: length === 1
-  }, label)), hasNext && /*#__PURE__*/React.createElement(ChevronSmallRight, {
+  }, void 0, label)), hasNext && (_ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx(ChevronSmallRight, {
     size: "m",
     fill: "#FFF"
-  }));
+  }))));
 });
 
 export { PureBreadcrumb };
-//# sourceMappingURL=PureBreadcrumb.js.map

package/esm/components/Breadcrumb/styles.js

@@ -1,40 +1,53 @@
 import styled from 'styled-components';
 
-var Pipe = /*#__PURE__*/styled.span.withConfig({
+const Pipe = /*#__PURE__*/styled.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.div.withConfig({
+const BreadcrumbItem = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1n5l527-1"
 })(["display:flex;align-items:center;height:100%;"]);
-var LabelButton = /*#__PURE__*/styled.button.withConfig({
+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{: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.p.withConfig({
+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{", ";}"], 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']);
 });
 
 export { BreadcrumbItem, Label, LabelButton, Pipe };
-//# sourceMappingURL=styles.js.map

package/esm/components/Title/GlobalHeaderTitle.js

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

package/esm/components/Toolbar/GlobalHeaderToolbar.js

@@ -1,32 +1,22 @@
-import React, { useContext } from 'react';
+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';
-import '../../outOfTheBox/AppPicker/AppPicker.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-app-picker';
-import '@elliemae/ds-icons';
-import './styles.js';
-import 'styled-components';
-import '../../outOfTheBox/PopupMenu/PopupMenu.js';
-import '@elliemae/ds-popover';
-import '../../outOfTheBox/PopupMenu/PopupMenuContent.js';
-import '../../outOfTheBox/PopupMenu/styles.js';
-import '../../defaultProps.js';
 
-var GlobalHeaderToolbar = function GlobalHeaderToolbar() {
-  var _useContext = useContext(GlobalHeaderContext),
-      globalHeaderToolbarGrid = _useContext.globalHeaderToolbarGrid;
-
-  return /*#__PURE__*/React.createElement(Grid, {
+var _ToolbarItems;
+const GlobalHeaderToolbar = () => {
+  const {
+    globalHeaderToolbarGrid
+  } = useContext(GlobalHeaderContext);
+  return /*#__PURE__*/_jsx(Grid, {
     height: "100%",
     alignItems: "center",
     justifyContent: "center",
     gutter: "xxs",
     cols: globalHeaderToolbarGrid,
     role: "toolbar"
-  }, /*#__PURE__*/React.createElement(ToolbarItems, null));
+  }, void 0, _ToolbarItems || (_ToolbarItems = /*#__PURE__*/_jsx(ToolbarItems, {})));
 };
 
 export { GlobalHeaderToolbar };
-//# sourceMappingURL=GlobalHeaderToolbar.js.map

package/esm/components/Toolbar/ToolbarItems.js

@@ -1,80 +1,73 @@
-import React, { useContext, useMemo } from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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, useMemo } from 'react';
 import { AppPicker } from '../../outOfTheBox/AppPicker/AppPicker.js';
 import { PopupMenu } from '../../outOfTheBox/PopupMenu/PopupMenu.js';
 import { Button } from './styles.js';
 import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-app-picker';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import '@elliemae/ds-popover';
-import '../../outOfTheBox/PopupMenu/PopupMenuContent.js';
-import '../../outOfTheBox/PopupMenu/styles.js';
-import '../../defaultProps.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-/* eslint-disable no-case-declarations */
-var ToolbarItems = function ToolbarItems() {
-  var _useContext = useContext(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 = 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(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
+  } = useContext(GlobalHeaderContext);
+  const itemsList = 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.createElement(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.createElement(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(PopupMenu, {
+          onClick: onClick,
+          title: label,
+          Icon: Icon,
+          options: options,
+          closeOnClick: closeOnClick
+        }, "".concat(instanceUID, "-ds-popup-menu-").concat(label));
 
-        default:
-          return /*#__PURE__*/React.createElement(Button, {
-            onClick: onClick,
-            key: "".concat(instanceUID, "-ds-toolbar-button-").concat(label),
-            title: label,
-            "data-testid": "gh-toolbar-item"
-          }, /*#__PURE__*/React.createElement(Icon, {
-            fill: "#FFF",
-            size: "m"
-          }));
-      }
-    });
-  }, [toolbar, instanceUID]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, itemsList);
+      case 'ds-app-picker':
+        return /*#__PURE__*/jsx(AppPicker, _objectSpread({
+          label: label
+        }, componentProps), "".concat(instanceUID, "-ds-app-picker-").concat(label));
+
+      default:
+        return /*#__PURE__*/_jsx(Button, {
+          onClick: onClick,
+          title: label,
+          "data-testid": "gh-toolbar-item"
+        }, "".concat(instanceUID, "-ds-toolbar-button-").concat(label), _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
+          fill: "#FFF",
+          size: "m"
+        })));
+    }
+  }), [toolbar, instanceUID]);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: itemsList
+  });
 };
 
 export { ToolbarItems };
-//# sourceMappingURL=ToolbarItems.js.map

package/esm/components/Toolbar/styles.js

@@ -1,17 +1,22 @@
 import styled from 'styled-components';
 
-var Button = /*#__PURE__*/styled.button.withConfig({
+const Button = /*#__PURE__*/styled.button.withConfig({
   componentId: "sc-1gqj0i3-0"
-})(["height:40px;width:40px;border:none;background-color:transparent;cursor:pointer;position:relative;outline:none;&:hover:not(:focus){background-color:", ";outline:none;}&:focus{:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid ", ";border-radius:4px;}:before{content:'';position:absolute;z-index:2;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid ", ";border-radius:4px;}}"], function (_ref) {
-  var theme = _ref.theme;
+})(["height:40px;width:40px;border:none;background-color:transparent;cursor:pointer;position:relative;outline:none;&:hover:not(:focus){background-color:", ";outline:none;}&:focus{:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid ", ";border-radius:4px;}:before{content:'';position:absolute;z-index:2;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid ", ";border-radius:4px;}}"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.colors.brand[700];
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.colors.brand[700];
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.colors.neutral['000'];
 });
 
 export { Button };
-//# sourceMappingURL=styles.js.map

package/esm/config/useGetPropsWithDefaults.js

@@ -1,3 +1,8 @@
+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 { useMemo } from 'react';
 import { defaultProps } from '../defaultProps.js';
@@ -5,15 +10,14 @@ import { defaultProps } from '../defaultProps.js';
 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; }
 
 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(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; }
-var useGetPropsWithDefaults = function useGetPropsWithDefaults(props) {
-  var toolbar = props.toolbar,
-      breadcrumb = props.breadcrumb,
-      Logo = props.Logo,
-      LogoWithBrand = props.LogoWithBrand;
-  return useMemo(function () {
-    return _objectSpread(_objectSpread({}, defaultProps), props);
-  }, [toolbar, breadcrumb, Logo, LogoWithBrand]);
+const useGetPropsWithDefaults = props => {
+  const {
+    toolbar,
+    breadcrumb,
+    Logo,
+    LogoWithBrand
+  } = props;
+  return useMemo(() => _objectSpread(_objectSpread({}, defaultProps), props), [toolbar, breadcrumb, Logo, LogoWithBrand]);
 };
 
 export { useGetPropsWithDefaults };
-//# sourceMappingURL=useGetPropsWithDefaults.js.map

package/esm/config/useGlobalHeader.js

@@ -1,43 +1,31 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useState, useMemo } from 'react';
 import { uid } from 'uid';
 import { useGetPropsWithDefaults } from './useGetPropsWithDefaults.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '../defaultProps.js';
 
-var useGlobalHeader = function useGlobalHeader(props) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showIconOnly = _useState2[0],
-      setShowIconOnly = _useState2[1];
+const useGlobalHeader = props => {
+  const [showIconOnly, setShowIconOnly] = useState(false);
+  const instanceUID = useMemo(() => uid(5), []);
+  const globalHeaderToolbarGrid = useMemo(() => {
+    var _props$toolbar$length, _props$toolbar;
 
-  var instanceUID = useMemo(function () {
-    return uid(5);
-  }, []);
-  var globalHeaderToolbarGrid = useMemo(function () {
-    return props.toolbar.map(function () {
-      return '1fr';
-    });
+    return new Array((_props$toolbar$length = props === null || props === void 0 ? void 0 : (_props$toolbar = props.toolbar) === null || _props$toolbar === void 0 ? void 0 : _props$toolbar.length) !== null && _props$toolbar$length !== void 0 ? _props$toolbar$length : 0).fill('1fr');
   }, [props.toolbar]);
-  var globalHeaderBreadcrumbGrid = useMemo(function () {
-    return ['auto'].concat(_toConsumableArray(props.breadcrumb.map(function () {
-      return 'auto';
-    })), ['1fr']);
+  const globalHeaderBreadcrumbGrid = useMemo(() => {
+    var _props$breadcrumb$len, _props$breadcrumb;
+
+    return ['auto', ...new Array((_props$breadcrumb$len = props === null || props === void 0 ? void 0 : (_props$breadcrumb = props.breadcrumb) === null || _props$breadcrumb === void 0 ? void 0 : _props$breadcrumb.length) !== null && _props$breadcrumb$len !== void 0 ? _props$breadcrumb$len : 0).fill('auto'), '1fr'];
   }, [props.breadcrumb]);
-  var propsWithDefaults = useGetPropsWithDefaults(props);
-  var ctx = React.useMemo(function () {
-    return {
-      props: propsWithDefaults,
-      showIconOnly: showIconOnly,
-      setShowIconOnly: setShowIconOnly,
-      instanceUID: instanceUID,
-      globalHeaderToolbarGrid: globalHeaderToolbarGrid,
-      globalHeaderBreadcrumbGrid: globalHeaderBreadcrumbGrid
-    };
-  }, [propsWithDefaults, showIconOnly, instanceUID, globalHeaderToolbarGrid, globalHeaderBreadcrumbGrid]);
+  const propsWithDefaults = useGetPropsWithDefaults(props);
+  const ctx = React.useMemo(() => ({
+    props: propsWithDefaults,
+    showIconOnly,
+    setShowIconOnly,
+    instanceUID,
+    globalHeaderToolbarGrid,
+    globalHeaderBreadcrumbGrid
+  }), [propsWithDefaults, showIconOnly, instanceUID, globalHeaderToolbarGrid, globalHeaderBreadcrumbGrid]);
   return ctx;
 };
 
 export { useGlobalHeader };
-//# sourceMappingURL=useGlobalHeader.js.map

package/esm/config/useValidateProps.js

@@ -1,7 +1,9 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { throwLogoError, throwBreadcrumbItemError, isValidToolbarType, throwToolbarItemGenericError, isObject, throwToolbarPopupItemError, throwToolbarAppPickerItemError } from './validateHelpers.js';
-import '@babel/runtime/helpers/esm/typeof';
 
-var validatePopupItem = function validatePopupItem(componentProps) {
+const validatePopupItem = componentProps => {
   if (componentProps.options && !Array.isArray(componentProps.options)) {
     throwToolbarPopupItemError('options', componentProps.options);
   }
@@ -11,7 +13,7 @@ var validatePopupItem = function validatePopupItem(componentProps) {
   }
 };
 
-var validateAppPickerItem = function validateAppPickerItem(componentProps) {
+const validateAppPickerItem = componentProps => {
   if (componentProps.apps && !Array.isArray(componentProps.apps)) {
     throwToolbarAppPickerItemError('apps', componentProps.apps);
   }
@@ -29,7 +31,7 @@ var validateAppPickerItem = function validateAppPickerItem(componentProps) {
   }
 };
 
-var validateGenericToolbarItem = function validateGenericToolbarItem(item) {
+const validateGenericToolbarItem = item => {
   if (item.label && typeof item.label !== 'string') {
     throwToolbarItemGenericError('label', item.label);
   }
@@ -44,11 +46,13 @@ var validateGenericToolbarItem = function validateGenericToolbarItem(item) {
   }
 };
 
-var useValidateProps = function useValidateProps(props) {
-  var breadcrumb = props.breadcrumb,
-      toolbar = props.toolbar,
-      Logo = props.Logo,
-      LogoWithBrand = props.LogoWithBrand;
+const useValidateProps = props => {
+  const {
+    breadcrumb,
+    toolbar,
+    Logo,
+    LogoWithBrand
+  } = props;
 
   if (Logo && typeof Logo !== 'function') {
     throwLogoError('Logo', Logo);
@@ -58,7 +62,7 @@ var useValidateProps = function useValidateProps(props) {
     throwLogoError('LogoWithBrand', LogoWithBrand);
   }
 
-  breadcrumb.forEach(function (breadcrumbItem) {
+  breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.forEach(breadcrumbItem => {
     if (breadcrumbItem.label && typeof breadcrumbItem.label !== 'string') {
       throwBreadcrumbItemError('label', breadcrumbItem.label);
     }
@@ -75,7 +79,7 @@ var useValidateProps = function useValidateProps(props) {
       throwBreadcrumbItemError('isSelected', breadcrumbItem.isSelected);
     }
   });
-  toolbar.forEach(function (toolbarItem) {
+  toolbar === null || toolbar === void 0 ? void 0 : toolbar.forEach(toolbarItem => {
     validateGenericToolbarItem(toolbarItem);
 
     if (toolbarItem.type) {
@@ -97,4 +101,3 @@ var useValidateProps = function useValidateProps(props) {
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

package/esm/config/validateHelpers.js

@@ -1,12 +1,10 @@
-import _typeof from '@babel/runtime/helpers/esm/typeof';
-
-var breadcrumbProps = {
+const breadcrumbProps = {
   label: 'string',
   onClick: 'function',
   hasNext: 'boolean',
   isSelected: 'boolean'
 };
-var toolbarProps = {
+const toolbarProps = {
   label: 'string',
   type: '"ds-app-picker" or "ds-popup-menu"',
   componentProps: 'object',
@@ -19,33 +17,28 @@ var toolbarProps = {
   sectionTitle: 'string',
   customSectionTitle: 'string'
 };
-var isObject = function isObject(obj) {
-  return _typeof(obj) === 'object' && !!obj && !Array.isArray(obj);
-};
-var getVariableType = function getVariableType(arg) {
+const isObject = obj => typeof obj === 'object' && !!obj && !Array.isArray(obj);
+const getVariableType = arg => {
   if (Array.isArray(arg)) return 'array';
   if (arg === null) return 'null';
   if (arg === undefined) return 'undefined';
-  return _typeof(arg);
-};
-var isValidToolbarType = function isValidToolbarType(string) {
-  return string === 'ds-app-picker' || string === 'ds-popup-menu';
+  return typeof arg;
 };
-var throwBreadcrumbItemError = function throwBreadcrumbItemError(validPropKey, invalidProp) {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a breadcrumb item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(_typeof(invalidProp), ")\n  Expected: (").concat(breadcrumbProps[validPropKey], ")\n  "));
+const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu';
+const throwBreadcrumbItemError = (validPropKey, invalidProp) => {
+  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a breadcrumb item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(typeof invalidProp, ")\n  Expected: (").concat(breadcrumbProps[validPropKey], ")\n  "));
 };
-var throwToolbarPopupItemError = function throwToolbarPopupItemError(validPropKey, invalidProp) {
+const throwToolbarPopupItemError = (validPropKey, invalidProp) => {
   throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property inside componentProps for a ds-popup-menu \n    toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
 };
-var throwToolbarAppPickerItemError = function throwToolbarAppPickerItemError(validPropKey, invalidProp) {
+const throwToolbarAppPickerItemError = (validPropKey, invalidProp) => {
   throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property inside componentProps for a ds-app-picker \n    toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
 };
-var throwToolbarItemGenericError = function throwToolbarItemGenericError(validPropKey, invalidProp) {
+const throwToolbarItemGenericError = (validPropKey, invalidProp) => {
   throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
 };
-var throwLogoError = function throwLogoError(validPropKey, invalidProp) {
+const throwLogoError = (validPropKey, invalidProp) => {
   throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a global header, \n    remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ").\n  Expected: (react component).\n  "));
 };
 
 export { breadcrumbProps, getVariableType, isObject, isValidToolbarType, throwBreadcrumbItemError, throwLogoError, throwToolbarAppPickerItemError, throwToolbarItemGenericError, throwToolbarPopupItemError, toolbarProps };
-//# sourceMappingURL=validateHelpers.js.map

package/esm/defaultProps.js

@@ -1,9 +1,10 @@
-var defaultProps = {
+const emptyComp = () => null;
+
+const defaultProps = {
   breadcrumb: [],
   toolbar: [],
-  LogoWithBrand: null,
-  Logo: null
+  LogoWithBrand: emptyComp,
+  Logo: emptyComp
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map