@elliemae/ds-global-header 2.0.0-alpha.9 → 2.0.0-next.4

package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -63,7 +63,7 @@ const GlobalHeaderBreadcrumb = () => {
       isSelected: isSelected,
       onClick: onClick,
       length: breadcrumb.length
-    }, `${instanceUID}-breadcrumb-item-${label}`);
+    }, "".concat(instanceUID, "-breadcrumb-item-").concat(label));
   }), /*#__PURE__*/jsxRuntime.jsx("div", {
     id: "global-header-flex-region",
     ref: flexRegion

package/cjs/components/Breadcrumb/styles.js

@@ -30,12 +30,12 @@ const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
 }) => theme.colors.neutral['000'], ({
   theme,
   isSelected
-}) => `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`, ({
+}) => "-webkit-text-stroke: 0.4px  ".concat(isSelected ? theme.colors.neutral['000'] : 'transparent'), ({
   isSelected,
   isOnlyItem
-}) => `2px solid ${isSelected && !isOnlyItem ? '#FFF' : 'transparent'}`, ({
+}) => "2px solid ".concat(isSelected && !isOnlyItem ? '#FFF' : 'transparent'), ({
   theme
-}) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`);
+}) => "-webkit-text-stroke: 0.4px ".concat(theme.colors.neutral['000']));
 
 exports.BreadcrumbItem = BreadcrumbItem;
 exports.Label = Label;

package/cjs/components/Toolbar/ToolbarItems.js

@@ -44,7 +44,7 @@ const ToolbarItems = () => {
           Icon: Icon,
           options: options,
           closeOnClick: closeOnClick
-        }, `${instanceUID}-ds-popup-menu-${label}`);
+        }, "".concat(instanceUID, "-ds-popup-menu-").concat(label));
 
       case 'ds-app-picker':
         const {
@@ -64,14 +64,14 @@ const ToolbarItems = () => {
           customSectionTitle: customSectionTitle,
           actionRef: actionRef,
           onKeyDown: onKeyDown
-        }, `${instanceUID}-ds-app-picker-${label}`);
+        }, "".concat(instanceUID, "-ds-app-picker-").concat(label));
 
       default:
         return /*#__PURE__*/_jsx__default["default"](styles.Button, {
           onClick: onClick,
           title: label,
           "data-testid": "gh-toolbar-item"
-        }, `${instanceUID}-ds-toolbar-button-${label}`, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+        }, "".concat(instanceUID, "-ds-toolbar-button-").concat(label), _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
           fill: "#FFF",
           size: "m"
         })));

package/cjs/config/useGlobalHeader.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var uid = require('uid');
 var useGetPropsWithDefaults = require('./useGetPropsWithDefaults.js');

package/cjs/config/validateHelpers.js

@@ -30,42 +30,19 @@ const getVariableType = arg => {
 };
 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 "${validPropKey}" property for a breadcrumb item, please provide a valid type.
-
-  Received: ${invalidProp} (${typeof invalidProp})
-  Expected: (${breadcrumbProps[validPropKey]})
-  `);
+  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 throwToolbarPopupItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-popup-menu 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwToolbarAppPickerItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-app-picker 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwToolbarItemGenericError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwLogoError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a global header, 
-    remember to provide both Logo and LogoWithBrand properties with a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)}).
-  Expected: (react component).
-  `);
+  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  "));
 };
 
 exports.breadcrumbProps = breadcrumbProps;

package/cjs/outOfTheBox/AppPicker/AppPicker.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsAppPicker = require('@elliemae/ds-app-picker');
 var MenuPicker = require('@elliemae/ds-icons/MenuPicker');

package/cjs/outOfTheBox/PopupMenu/PopupMenu.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var Popover = require('@elliemae/ds-popover');
 var PopupMenuContent = require('./PopupMenuContent.js');

package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js

@@ -49,19 +49,19 @@ const PopupMenuContent = /*#__PURE__*/React__default["default"].memo(({
 
     switch (type) {
       case 'separator':
-        return /*#__PURE__*/_jsx__default["default"](styles.Separator, {}, `${instanceUID}-separator-${label}`);
+        return /*#__PURE__*/_jsx__default["default"](styles.Separator, {}, "".concat(instanceUID, "-separator-").concat(label));
 
       case 'custom':
         return /*#__PURE__*/_jsx__default["default"](styles.ItemWrapper, {
           onClick: handleClick,
           onKeyDown: handleKeyDown
-        }, `${instanceUID}-popup-${label}`, _Content || (_Content = /*#__PURE__*/_jsx__default["default"](Content, {})));
+        }, "".concat(instanceUID, "-popup-").concat(label), _Content || (_Content = /*#__PURE__*/_jsx__default["default"](Content, {})));
 
       default:
         return /*#__PURE__*/_jsx__default["default"](styles.ItemWrapper, {
           onClick: handleClick,
           onKeyDown: handleKeyDown
-        }, `${instanceUID}-popup-${label}`, icon, styles.Label && /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, label));
+        }, "".concat(instanceUID, "-popup-").concat(label), icon, styles.Label && /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, label));
     }
   }), [onClose, onItemClick, options, instanceUID]);
   return /*#__PURE__*/jsxRuntime.jsx(styles.List, {

package/cjs/outOfTheBox/PopupMenu/styles.js

@@ -15,7 +15,7 @@ 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:", ";}"], ({
   theme
-}) => `1px solid ${theme.colors.brand[600]}`);
+}) => "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;"]);

package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -55,7 +55,7 @@ const GlobalHeaderBreadcrumb = () => {
       isSelected: isSelected,
       onClick: onClick,
       length: breadcrumb.length
-    }, `${instanceUID}-breadcrumb-item-${label}`);
+    }, "".concat(instanceUID, "-breadcrumb-item-").concat(label));
   }), /*#__PURE__*/jsx("div", {
     id: "global-header-flex-region",
     ref: flexRegion

package/esm/components/Breadcrumb/styles.js

@@ -22,11 +22,11 @@ const Label = /*#__PURE__*/styled.p.withConfig({
 }) => theme.colors.neutral['000'], ({
   theme,
   isSelected
-}) => `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`, ({
+}) => "-webkit-text-stroke: 0.4px  ".concat(isSelected ? theme.colors.neutral['000'] : 'transparent'), ({
   isSelected,
   isOnlyItem
-}) => `2px solid ${isSelected && !isOnlyItem ? '#FFF' : 'transparent'}`, ({
+}) => "2px solid ".concat(isSelected && !isOnlyItem ? '#FFF' : 'transparent'), ({
   theme
-}) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`);
+}) => "-webkit-text-stroke: 0.4px ".concat(theme.colors.neutral['000']));
 
 export { BreadcrumbItem, Label, LabelButton, Pipe };

package/esm/components/Toolbar/ToolbarItems.js

@@ -36,7 +36,7 @@ const ToolbarItems = () => {
           Icon: Icon,
           options: options,
           closeOnClick: closeOnClick
-        }, `${instanceUID}-ds-popup-menu-${label}`);
+        }, "".concat(instanceUID, "-ds-popup-menu-").concat(label));
 
       case 'ds-app-picker':
         const {
@@ -56,14 +56,14 @@ const ToolbarItems = () => {
           customSectionTitle: customSectionTitle,
           actionRef: actionRef,
           onKeyDown: onKeyDown
-        }, `${instanceUID}-ds-app-picker-${label}`);
+        }, "".concat(instanceUID, "-ds-app-picker-").concat(label));
 
       default:
         return /*#__PURE__*/_jsx(Button, {
           onClick: onClick,
           title: label,
           "data-testid": "gh-toolbar-item"
-        }, `${instanceUID}-ds-toolbar-button-${label}`, _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
+        }, "".concat(instanceUID, "-ds-toolbar-button-").concat(label), _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
           fill: "#FFF",
           size: "m"
         })));

package/esm/config/useGlobalHeader.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useState, useMemo } from 'react';
 import { uid } from 'uid';
 import { useGetPropsWithDefaults } from './useGetPropsWithDefaults.js';

package/esm/config/validateHelpers.js

@@ -26,42 +26,19 @@ const getVariableType = arg => {
 };
 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 "${validPropKey}" property for a breadcrumb item, please provide a valid type.
-
-  Received: ${invalidProp} (${typeof invalidProp})
-  Expected: (${breadcrumbProps[validPropKey]})
-  `);
+  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 throwToolbarPopupItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-popup-menu 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwToolbarAppPickerItemError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-app-picker 
-    toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwToolbarItemGenericError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a toolbar item, please provide a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: (${toolbarProps[validPropKey]})
-  `);
+  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  "));
 };
 const throwLogoError = (validPropKey, invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a global header, 
-    remember to provide both Logo and LogoWithBrand properties with a valid type.
-
-  Received: ${invalidProp} (${getVariableType(invalidProp)}).
-  Expected: (react component).
-  `);
+  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 };

package/esm/outOfTheBox/AppPicker/AppPicker.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import { DSAppPicker } from '@elliemae/ds-app-picker';
 import MenuPicker from '@elliemae/ds-icons/MenuPicker';

package/esm/outOfTheBox/PopupMenu/PopupMenu.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import Popover from '@elliemae/ds-popover';
 import { PopupMenuContent } from './PopupMenuContent.js';

package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js

@@ -40,19 +40,19 @@ const PopupMenuContent = /*#__PURE__*/React.memo(({
 
     switch (type) {
       case 'separator':
-        return /*#__PURE__*/_jsx(Separator, {}, `${instanceUID}-separator-${label}`);
+        return /*#__PURE__*/_jsx(Separator, {}, "".concat(instanceUID, "-separator-").concat(label));
 
       case 'custom':
         return /*#__PURE__*/_jsx(ItemWrapper, {
           onClick: handleClick,
           onKeyDown: handleKeyDown
-        }, `${instanceUID}-popup-${label}`, _Content || (_Content = /*#__PURE__*/_jsx(Content, {})));
+        }, "".concat(instanceUID, "-popup-").concat(label), _Content || (_Content = /*#__PURE__*/_jsx(Content, {})));
 
       default:
         return /*#__PURE__*/_jsx(ItemWrapper, {
           onClick: handleClick,
           onKeyDown: handleKeyDown
-        }, `${instanceUID}-popup-${label}`, icon, Label && /*#__PURE__*/_jsx(Label, {}, void 0, label));
+        }, "".concat(instanceUID, "-popup-").concat(label), icon, Label && /*#__PURE__*/_jsx(Label, {}, void 0, label));
     }
   }), [onClose, onItemClick, options, instanceUID]);
   return /*#__PURE__*/jsx(List, {

package/esm/outOfTheBox/PopupMenu/styles.js

@@ -7,7 +7,7 @@ const ItemWrapper = /*#__PURE__*/styled.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:", ";}"], ({
   theme
-}) => `1px solid ${theme.colors.brand[600]}`);
+}) => "1px solid ".concat(theme.colors.brand[600]));
 const Label = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-snqcgs-2"
 })(["width:100%;font-size:14px;margin:10px;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-global-header",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Global Header",
   "module": "./esm/index.js",
@@ -120,12 +120,12 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-app-picker": "2.0.0-alpha.9",
-    "@elliemae/ds-classnames": "2.0.0-alpha.9",
-    "@elliemae/ds-grid": "2.0.0-alpha.9",
-    "@elliemae/ds-icons": "2.0.0-alpha.9",
-    "@elliemae/ds-popover": "2.0.0-alpha.9",
-    "@elliemae/ds-utilities": "2.0.0-alpha.9",
+    "@elliemae/ds-app-picker": "2.0.0-next.4",
+    "@elliemae/ds-classnames": "2.0.0-next.4",
+    "@elliemae/ds-grid": "2.0.0-next.4",
+    "@elliemae/ds-icons": "2.0.0-next.4",
+    "@elliemae/ds-popover": "2.0.0-next.4",
+    "@elliemae/ds-utilities": "2.0.0-next.4",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}