@elliemae/ds-global-header 2.1.0-rc.4 → 2.2.0-alpha.1

package/cjs/components/Toolbar/ToolbarItems.js

@@ -27,7 +27,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-const _excluded = ["Icon", "type", "onClick", "componentProps", "label", "onKeyPress", "id"];
+const _excluded = ["Icon", "type", "onClick", "componentProps", "label", "onKeyPress", "id", "CustomComponent"];
 
 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; }
 
@@ -49,7 +49,8 @@ const ToolbarItems = () => {
       componentProps,
       label,
       onKeyPress,
-      id
+      id,
+      CustomComponent
     } = item,
           otherProps = _objectWithoutProperties__default["default"](item, _excluded);
 
@@ -78,6 +79,12 @@ const ToolbarItems = () => {
           componentProps: componentProps
         }, otherProps), "".concat(instanceUID, "-ds-search-toggle-").concat(id));
 
+      case 'custom':
+        if (CustomComponent) return /*#__PURE__*/_jsx__default["default"](CustomComponent, {
+          item: item
+        });
+        return null;
+
       default:
         return /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
           onClick: onClick,

package/cjs/config/useValidateProps.js

@@ -80,7 +80,9 @@ const useValidateProps = props => {
 
       if (toolbarItem.type === 'ds-popup-menu') {
         validatePopupItem(toolbarItem.componentProps);
-      } else {
+      }
+
+      if (toolbarItem.type === 'ds-app-picker') {
         validateAppPickerItem(toolbarItem.componentProps);
       }
     }

package/cjs/config/validateHelpers.js

@@ -28,7 +28,7 @@ const getVariableType = arg => {
   if (arg === undefined) return 'undefined';
   return typeof arg;
 };
-const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle';
+const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';
 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  "));
 };

package/cjs/outOfTheBox/AppPicker/AppPicker.js

@@ -15,8 +15,8 @@ var React = require('react');
 var dsAppPicker = require('@elliemae/ds-app-picker');
 var dsUtilities = require('@elliemae/ds-utilities');
 var dsIcons = require('@elliemae/ds-icons');
-var styles = require('../../components/Toolbar/styles.js');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var styles = 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 }; }

package/cjs/propTypes.js

@@ -12,7 +12,7 @@ const breadcrumbItem = reactDesc.PropTypes.shape({
 });
 const toolbarItem = reactDesc.PropTypes.shape({
   label: reactDesc.PropTypes.string.description('title tag description'),
-  type: reactDesc.PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu']).description('use to select one of the out-of-the-box types of items'),
+  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')

package/esm/components/Toolbar/ToolbarItems.js

@@ -17,7 +17,7 @@ import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
 import { getDataProps } from '@elliemae/ds-props-helpers';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
-const _excluded = ["Icon", "type", "onClick", "componentProps", "label", "onKeyPress", "id"];
+const _excluded = ["Icon", "type", "onClick", "componentProps", "label", "onKeyPress", "id", "CustomComponent"];
 
 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; }
 
@@ -39,7 +39,8 @@ const ToolbarItems = () => {
       componentProps,
       label,
       onKeyPress,
-      id
+      id,
+      CustomComponent
     } = item,
           otherProps = _objectWithoutProperties(item, _excluded);
 
@@ -68,6 +69,12 @@ const ToolbarItems = () => {
           componentProps: componentProps
         }, otherProps), "".concat(instanceUID, "-ds-search-toggle-").concat(id));
 
+      case 'custom':
+        if (CustomComponent) return /*#__PURE__*/_jsx(CustomComponent, {
+          item: item
+        });
+        return null;
+
       default:
         return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
           onClick: onClick,

package/esm/config/useValidateProps.js

@@ -76,7 +76,9 @@ const useValidateProps = props => {
 
       if (toolbarItem.type === 'ds-popup-menu') {
         validatePopupItem(toolbarItem.componentProps);
-      } else {
+      }
+
+      if (toolbarItem.type === 'ds-app-picker') {
         validateAppPickerItem(toolbarItem.componentProps);
       }
     }

package/esm/config/validateHelpers.js

@@ -24,7 +24,7 @@ const getVariableType = arg => {
   if (arg === undefined) return 'undefined';
   return typeof arg;
 };
-const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle';
+const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';
 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  "));
 };

package/esm/outOfTheBox/AppPicker/AppPicker.js

@@ -11,8 +11,8 @@ import { useState, useRef, useCallback, useMemo } from 'react';
 import { DSAppPicker } from '@elliemae/ds-app-picker';
 import { mergeRefs } from '@elliemae/ds-utilities';
 import { MenuPicker } from '@elliemae/ds-icons';
-import { Button } from '../../components/Toolbar/styles.js';
 import { getDataProps } from '@elliemae/ds-props-helpers';
+import { Button } from '../../components/Toolbar/styles.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _MenuPicker;

package/esm/propTypes.js

@@ -8,7 +8,7 @@ const breadcrumbItem = PropTypes.shape({
 });
 const toolbarItem = PropTypes.shape({
   label: PropTypes.string.description('title tag description'),
-  type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu']).description('use to select one of the out-of-the-box types of items'),
+  type: 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: PropTypes.object.description('props of out-of-the-box component'),
   Icon: PropTypes.func.description('Icon to display'),
   onClick: PropTypes.func.description('Callback executed on click')

package/package.json

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

package/types/GlobalHeaderTypes.d.ts

@@ -27,11 +27,14 @@ export interface BreadcrumbItemT {
     length: number;
 }
 export interface ToolbarItemT {
-    type?: 'ds-app-picker' | 'ds-popup-menu' | 'ds-search-toggle';
+    type?: 'ds-app-picker' | 'ds-popup-menu' | 'ds-search-toggle' | 'custom';
     label: string;
     Icon: React.ComponentType<Record<string, unknown>>;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     componentProps?: PopupPropsT | AppPickerProps | SearchTogglePropsT;
+    CustomComponent?: React.ComponentType<{
+        item: ToolbarItemT;
+    }>;
 }
 export interface PopupPropsT {
     Icon?: React.ComponentType<Record<string, unknown>>;