@elliemae/ds-global-header 2.3.0-alpha.8 → 2.3.0-next.2

package/package.json

@@ -1,118 +1,115 @@
 {
   "name": "@elliemae/ds-global-header",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Global Header",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./styles": {
-      "import": "./dist/esm/styles.js",
-      "require": "./dist/cjs/styles.js"
+      "import": "./esm/styles.js",
+      "require": "./cjs/styles.js"
     },
     "./propTypes": {
-      "import": "./dist/esm/propTypes.js",
-      "require": "./dist/cjs/propTypes.js"
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
     },
     "./outOfTheBox/SearchToggle/styles": {
-      "import": "./dist/esm/outOfTheBox/SearchToggle/styles.js",
-      "require": "./dist/cjs/outOfTheBox/SearchToggle/styles.js"
+      "import": "./esm/outOfTheBox/SearchToggle/styles.js",
+      "require": "./cjs/outOfTheBox/SearchToggle/styles.js"
     },
     "./outOfTheBox/SearchToggle/SearchToggle": {
-      "import": "./dist/esm/outOfTheBox/SearchToggle/SearchToggle.js",
-      "require": "./dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js"
+      "import": "./esm/outOfTheBox/SearchToggle/SearchToggle.js",
+      "require": "./cjs/outOfTheBox/SearchToggle/SearchToggle.js"
     },
     "./outOfTheBox/PopupMenu/styles": {
-      "import": "./dist/esm/outOfTheBox/PopupMenu/styles.js",
-      "require": "./dist/cjs/outOfTheBox/PopupMenu/styles.js"
+      "import": "./esm/outOfTheBox/PopupMenu/styles.js",
+      "require": "./cjs/outOfTheBox/PopupMenu/styles.js"
     },
     "./outOfTheBox/PopupMenu/PopupMenuContent": {
-      "import": "./dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js",
-      "require": "./dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js"
+      "import": "./esm/outOfTheBox/PopupMenu/PopupMenuContent.js",
+      "require": "./cjs/outOfTheBox/PopupMenu/PopupMenuContent.js"
     },
     "./outOfTheBox/PopupMenu/PopupMenu": {
-      "import": "./dist/esm/outOfTheBox/PopupMenu/PopupMenu.js",
-      "require": "./dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js"
+      "import": "./esm/outOfTheBox/PopupMenu/PopupMenu.js",
+      "require": "./cjs/outOfTheBox/PopupMenu/PopupMenu.js"
     },
     "./outOfTheBox": {
-      "import": "./dist/esm/outOfTheBox/index.js",
-      "require": "./dist/cjs/outOfTheBox/index.js"
+      "import": "./esm/outOfTheBox/index.js",
+      "require": "./cjs/outOfTheBox/index.js"
     },
     "./outOfTheBox/AppPicker/AppPicker": {
-      "import": "./dist/esm/outOfTheBox/AppPicker/AppPicker.js",
-      "require": "./dist/cjs/outOfTheBox/AppPicker/AppPicker.js"
+      "import": "./esm/outOfTheBox/AppPicker/AppPicker.js",
+      "require": "./cjs/outOfTheBox/AppPicker/AppPicker.js"
     },
     "./GlobalHeaderTypes": {
-      "import": "./dist/esm/GlobalHeaderTypes.js",
-      "require": "./dist/cjs/GlobalHeaderTypes.js"
+      "import": "./esm/GlobalHeaderTypes.js",
+      "require": "./cjs/GlobalHeaderTypes.js"
     },
     "./GlobalHeaderContext": {
-      "import": "./dist/esm/GlobalHeaderContext.js",
-      "require": "./dist/cjs/GlobalHeaderContext.js"
+      "import": "./esm/GlobalHeaderContext.js",
+      "require": "./cjs/GlobalHeaderContext.js"
     },
     "./GlobalHeaderContainer": {
-      "import": "./dist/esm/GlobalHeaderContainer.js",
-      "require": "./dist/cjs/GlobalHeaderContainer.js"
+      "import": "./esm/GlobalHeaderContainer.js",
+      "require": "./cjs/GlobalHeaderContainer.js"
     },
     "./GlobalHeader": {
-      "import": "./dist/esm/GlobalHeader.js",
-      "require": "./dist/cjs/GlobalHeader.js"
+      "import": "./esm/GlobalHeader.js",
+      "require": "./cjs/GlobalHeader.js"
     },
     "./defaultProps": {
-      "import": "./dist/esm/defaultProps.js",
-      "require": "./dist/cjs/defaultProps.js"
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
     },
     "./config/validateHelpers": {
-      "import": "./dist/esm/config/validateHelpers.js",
-      "require": "./dist/cjs/config/validateHelpers.js"
+      "import": "./esm/config/validateHelpers.js",
+      "require": "./cjs/config/validateHelpers.js"
     },
     "./config/useValidateProps": {
-      "import": "./dist/esm/config/useValidateProps.js",
-      "require": "./dist/cjs/config/useValidateProps.js"
+      "import": "./esm/config/useValidateProps.js",
+      "require": "./cjs/config/useValidateProps.js"
     },
     "./config/useGlobalHeader": {
-      "import": "./dist/esm/config/useGlobalHeader.js",
-      "require": "./dist/cjs/config/useGlobalHeader.js"
+      "import": "./esm/config/useGlobalHeader.js",
+      "require": "./cjs/config/useGlobalHeader.js"
     },
     "./config/useGetPropsWithDefaults": {
-      "import": "./dist/esm/config/useGetPropsWithDefaults.js",
-      "require": "./dist/cjs/config/useGetPropsWithDefaults.js"
+      "import": "./esm/config/useGetPropsWithDefaults.js",
+      "require": "./cjs/config/useGetPropsWithDefaults.js"
     },
     "./components/Toolbar/ToolbarItems": {
-      "import": "./dist/esm/components/Toolbar/ToolbarItems.js",
-      "require": "./dist/cjs/components/Toolbar/ToolbarItems.js"
+      "import": "./esm/components/Toolbar/ToolbarItems.js",
+      "require": "./cjs/components/Toolbar/ToolbarItems.js"
     },
     "./components/Toolbar/styles": {
-      "import": "./dist/esm/components/Toolbar/styles.js",
-      "require": "./dist/cjs/components/Toolbar/styles.js"
+      "import": "./esm/components/Toolbar/styles.js",
+      "require": "./cjs/components/Toolbar/styles.js"
     },
     "./components/Toolbar/GlobalHeaderToolbar": {
-      "import": "./dist/esm/components/Toolbar/GlobalHeaderToolbar.js",
-      "require": "./dist/cjs/components/Toolbar/GlobalHeaderToolbar.js"
+      "import": "./esm/components/Toolbar/GlobalHeaderToolbar.js",
+      "require": "./cjs/components/Toolbar/GlobalHeaderToolbar.js"
     },
     "./components/Title/GlobalHeaderTitle": {
-      "import": "./dist/esm/components/Title/GlobalHeaderTitle.js",
-      "require": "./dist/cjs/components/Title/GlobalHeaderTitle.js"
+      "import": "./esm/components/Title/GlobalHeaderTitle.js",
+      "require": "./cjs/components/Title/GlobalHeaderTitle.js"
     },
     "./components/Breadcrumb/styles": {
-      "import": "./dist/esm/components/Breadcrumb/styles.js",
-      "require": "./dist/cjs/components/Breadcrumb/styles.js"
+      "import": "./esm/components/Breadcrumb/styles.js",
+      "require": "./cjs/components/Breadcrumb/styles.js"
     },
     "./components/Breadcrumb/PureBreadcrumb": {
-      "import": "./dist/esm/components/Breadcrumb/PureBreadcrumb.js",
-      "require": "./dist/cjs/components/Breadcrumb/PureBreadcrumb.js"
+      "import": "./esm/components/Breadcrumb/PureBreadcrumb.js",
+      "require": "./cjs/components/Breadcrumb/PureBreadcrumb.js"
     },
     "./components/Breadcrumb/GlobalHeaderBreadcrumb": {
-      "import": "./dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js",
-      "require": "./dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js"
+      "import": "./esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js",
+      "require": "./cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js"
     }
   },
   "sideEffects": [
@@ -124,19 +121,23 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-app-picker": "2.3.0-alpha.8",
-    "@elliemae/ds-form": "2.3.0-alpha.8",
-    "@elliemae/ds-grid": "2.3.0-alpha.8",
-    "@elliemae/ds-icon": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-popperjs": "2.3.0-alpha.8",
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-app-picker": "2.3.0-next.2",
+    "@elliemae/ds-grid": "2.3.0-next.2",
+    "@elliemae/ds-icons": "2.3.0-next.2",
+    "@elliemae/ds-popperjs": "2.3.0-next.2",
+    "@elliemae/ds-props-helpers": "2.3.0-next.2",
+    "@elliemae/ds-utilities": "2.3.0-next.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },
@@ -151,12 +152,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/GlobalHeader.d.ts

@@ -0,0 +1,39 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';
+declare const GlobalHeader: {
+    (props: Props): JSX.Element;
+    defaultProps: Props;
+    propTypes: {
+        Logo: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        LogoWithBrand: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        breadcrumb: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        toolbar: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const GlobalHeaderWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { GlobalHeader, GlobalHeaderWithSchema };

package/types/GlobalHeaderContainer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlobalHeaderContainerT } from './GlobalHeaderTypes';
+export declare const GlobalHeaderContainer: ({ children }: GlobalHeaderContainerT) => JSX.Element;

package/types/GlobalHeaderContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ContextT } from './GlobalHeaderTypes';
+export declare const GlobalHeaderContext: import("react").Context<ContextT>;

package/types/GlobalHeaderTypes.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+import { DSAppPicker } from '@elliemae/ds-app-picker';
+export declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
+export interface ContextT {
+    showIconOnly: boolean;
+    setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
+    instanceUID: string;
+    globalHeaderToolbarGrid: string[];
+    globalHeaderBreadcrumbGrid: string[];
+    props: GlobalHeaderPropsT;
+}
+export interface GlobalHeaderContainerT {
+    children: React.ReactNode;
+}
+export interface GlobalHeaderPropsT {
+    Logo?: React.ComponentType;
+    LogoWithBrand?: React.ComponentType;
+    breadcrumb?: BreadcrumbItemT[];
+    toolbar?: ToolbarItemT[];
+    appPickerProps?: AppPickerProps;
+}
+export interface BreadcrumbItemT {
+    label: string;
+    hasNext?: boolean;
+    isSelected?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    length: number;
+}
+export interface ToolbarItemT {
+    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>>;
+    options: PopupMenuItemT[];
+    closeOnClick?: boolean;
+    title?: string;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export interface AppPickerMenuItemT {
+    label: string;
+    icon: React.ComponentType;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    disabled?: boolean;
+}
+export interface PopupMenuItemT extends Record<string, unknown> {
+    type?: string;
+    Icon?: React.ComponentType;
+    label?: string;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    closeOnClick?: boolean;
+    Content?: React.ComponentType;
+}
+export interface PopupMenuContentPropsT {
+    options: PopupMenuItemT[];
+    onItemClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onClose: () => void;
+}
+export interface PipeT {
+    showIconOnly: boolean;
+}
+export interface LabelT {
+    isSelected: boolean;
+    isOnlyItem: boolean;
+}
+export interface SearchTogglePropsT {
+    onNext: () => void;
+    onPrevious: () => void;
+    currentResultIndex: number;
+    totalResults: number;
+    placeholder: string;
+    value: string;
+    onChange: () => void;
+    onBlur: () => void;
+    onClear: () => void;
+    isOpen: boolean;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    onClick: (e: React.MouseEvent) => void;
+}

package/types/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GlobalHeaderBreadcrumb: () => JSX.Element;

package/types/components/Breadcrumb/PureBreadcrumb.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { BreadcrumbItemT as Props } from '../../GlobalHeaderTypes';
+export declare const PureBreadcrumb: React.MemoExoticComponent<({ onClick, isSelected, length, label, hasNext, id, ...rest }: Props) => JSX.Element>;

package/types/components/Breadcrumb/styles.d.ts

@@ -0,0 +1,5 @@
+import type { LabelT, PipeT } from '../../GlobalHeaderTypes';
+export declare const Pipe: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, PipeT, never>;
+export declare const BreadcrumbItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, LabelT, never>;

package/types/components/Title/GlobalHeaderTitle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GlobalHeaderTitle: () => JSX.Element;

package/types/components/Toolbar/GlobalHeaderToolbar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GlobalHeaderToolbar: () => JSX.Element;

package/types/components/Toolbar/ToolbarItems.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ToolbarItems: () => JSX.Element;

package/types/components/Toolbar/styles.d.ts

@@ -0,0 +1 @@
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/types/config/useGetPropsWithDefaults.d.ts

@@ -0,0 +1,2 @@
+import type { GlobalHeaderPropsT } from '../GlobalHeaderTypes';
+export declare const useGetPropsWithDefaults: (props: GlobalHeaderPropsT) => GlobalHeaderPropsT;

package/types/config/useGlobalHeader.d.ts

@@ -0,0 +1,2 @@
+import type { ContextT, GlobalHeaderPropsT } from '../GlobalHeaderTypes';
+export declare const useGlobalHeader: (props: GlobalHeaderPropsT) => ContextT;

package/types/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import { GlobalHeaderPropsT } from '../GlobalHeaderTypes';
+export declare const useValidateProps: (props: GlobalHeaderPropsT) => void;

package/types/config/validateHelpers.d.ts

@@ -0,0 +1,27 @@
+export declare const breadcrumbProps: {
+    label: string;
+    onClick: string;
+    hasNext: string;
+    isSelected: string;
+};
+export declare const toolbarProps: {
+    label: string;
+    type: string;
+    componentProps: string;
+    Icon: string;
+    onClick: string;
+    options: string;
+    closeOnClick: string;
+    apps: string;
+    customApps: string;
+    sectionTitle: string;
+    customSectionTitle: string;
+};
+export declare const isObject: (obj: unknown) => boolean;
+export declare const getVariableType: (arg: unknown) => string;
+export declare const isValidToolbarType: (string: unknown) => boolean;
+export declare const throwBreadcrumbItemError: (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown) => void;
+export declare const throwToolbarPopupItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
+export declare const throwToolbarAppPickerItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
+export declare const throwToolbarItemGenericError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
+export declare const throwLogoError: (validPropKey: string, invalidProp: unknown) => void;

package/types/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import type { GlobalHeaderPropsT } from './GlobalHeaderTypes';
+export declare const defaultProps: GlobalHeaderPropsT;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GlobalHeader';
+export { GlobalHeader as default } from './GlobalHeader';

package/types/outOfTheBox/AppPicker/AppPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DSAppPicker } from '@elliemae/ds-app-picker';
+declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
+export declare const AppPicker: ({ label, id, componentProps, ...otherProps }: AppPickerProps & {
+    label: string;
+    triggerOnClick?: React.MouseEventHandler<Element> | undefined;
+}) => JSX.Element;
+export {};

package/types/outOfTheBox/PopupMenu/PopupMenu.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { PopupPropsT as Props } from '../../GlobalHeaderTypes';
+export declare const PopupMenu: ({ Icon, title, onClick, id, componentProps, ...otherProps }: Props) => JSX.Element;

package/types/outOfTheBox/PopupMenu/PopupMenuContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PopupMenuContentPropsT as Props } from '../../GlobalHeaderTypes';
+export declare const PopupMenuContent: React.MemoExoticComponent<({ options, onItemClick, onClose, popupOnKeyPress }: Props) => JSX.Element>;

package/types/outOfTheBox/PopupMenu/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const List: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ItemWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/SearchToggle/SearchToggle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SearchToggle: ({ id, componentProps, ...otherProps }: SearchTogglePropsT) => JSX.Element;

package/types/outOfTheBox/SearchToggle/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledNavSearchBoxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AppPicker/AppPicker';
+export * from './PopupMenu/PopupMenu';
+export * from './SearchToggle/SearchToggle';

package/types/propTypes.d.ts

@@ -0,0 +1,29 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const breadcrumbItem: import("react-desc").PropTypesDescValue;
+export declare const toolbarItem: import("react-desc").PropTypesDescValue;
+export declare const globalHeaderProps: {
+    Logo: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    LogoWithBrand: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    breadcrumb: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    toolbar: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+};

package/types/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/GlobalHeader.js

@@ -1,57 +0,0 @@
-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 GlobalHeader_exports = {};
-__export(GlobalHeader_exports, {
-  GlobalHeader: () => GlobalHeader,
-  GlobalHeaderWithSchema: () => GlobalHeaderWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_propTypes = require("./propTypes");
-var import_GlobalHeaderTitle = require("./components/Title/GlobalHeaderTitle");
-var import_GlobalHeaderBreadcrumb = require("./components/Breadcrumb/GlobalHeaderBreadcrumb");
-var import_GlobalHeaderToolbar = require("./components/Toolbar/GlobalHeaderToolbar");
-var import_GlobalHeaderContext = require("./GlobalHeaderContext");
-var import_useGlobalHeader = require("./config/useGlobalHeader");
-var import_defaultProps = require("./defaultProps");
-var import_GlobalHeaderContainer = require("./GlobalHeaderContainer");
-var import_useValidateProps = require("./config/useValidateProps");
-const GlobalHeader = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props);
-  const ctx = (0, import_useGlobalHeader.useGlobalHeader)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContainer.GlobalHeaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContext.GlobalHeaderContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderTitle.GlobalHeaderTitle, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderToolbar.GlobalHeaderToolbar, null)));
-};
-GlobalHeader.defaultProps = import_defaultProps.defaultProps;
-GlobalHeader.propTypes = import_propTypes.globalHeaderProps;
-const GlobalHeaderWithSchema = (0, import_react_desc.describe)(GlobalHeader);
-GlobalHeaderWithSchema.propTypes = import_propTypes.globalHeaderProps;
-module.exports = __toCommonJS(GlobalHeader_exports);
-//# sourceMappingURL=GlobalHeader.js.map

package/dist/cjs/GlobalHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GlobalHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  return (\n    <GlobalHeaderContainer>\n      <GlobalHeaderContext.Provider value={ctx}>\n        <GlobalHeaderTitle />\n        <GlobalHeaderBreadcrumb />\n        <GlobalHeaderToolbar />\n      </GlobalHeaderContext.Provider>\n    </GlobalHeaderContainer>\n  );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAkC;AAElC,+BAAkC;AAClC,oCAAuC;AACvC,iCAAoC;AACpC,iCAAoC;AACpC,6BAAgC;AAChC,0BAA6B;AAC7B,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,eAAe,CAAC,UAA8B;AAClD,gDAAiB;AACjB,QAAM,MAAM,4CAAgB;AAC5B,SACE,mDAAC,oDAAD,MACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,4CAAD,OACA,mDAAC,sDAAD,OACA,mDAAC,gDAAD;AAAA;AAMR,aAAa,eAAe;AAE5B,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;",
-  "names": []
-}

package/dist/cjs/GlobalHeaderContainer.js

@@ -1,41 +0,0 @@
-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 GlobalHeaderContainer_exports = {};
-__export(GlobalHeaderContainer_exports, {
-  GlobalHeaderContainer: () => GlobalHeaderContainer
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styles = require("./styles");
-const GlobalHeaderContainer = ({ children }) => /* @__PURE__ */ import_react.default.createElement("header", {
-  "data-testid": "ds-global-header"
-}, /* @__PURE__ */ import_react.default.createElement(import_styles.Wrapper, {
-  cols: ["auto", "1fr", "auto"]
-}, children));
-module.exports = __toCommonJS(GlobalHeaderContainer_exports);
-//# sourceMappingURL=GlobalHeaderContainer.js.map