@elliemae/ds-global-header 2.0.0-alpha.1 → 2.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/cjs/GlobalHeader.js +2 -2
  2. package/cjs/GlobalHeaderContainer.js +10 -7
  3. package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +14 -12
  4. package/cjs/components/Breadcrumb/PureBreadcrumb.js +22 -20
  5. package/cjs/components/Breadcrumb/styles.js +44 -23
  6. package/cjs/components/Title/GlobalHeaderTitle.js +2 -2
  7. package/cjs/components/Toolbar/GlobalHeaderToolbar.js +2 -2
  8. package/cjs/components/Toolbar/ToolbarItems.js +20 -19
  9. package/cjs/components/Toolbar/styles.js +17 -8
  10. package/cjs/config/useGetPropsWithDefaults.js +6 -1
  11. package/cjs/config/useGlobalHeader.js +12 -3
  12. package/cjs/config/useValidateProps.js +5 -2
  13. package/cjs/config/validateHelpers.js +5 -28
  14. package/cjs/defaultProps.js +4 -2
  15. package/cjs/index.js +1 -1
  16. package/cjs/outOfTheBox/AppPicker/AppPicker.js +62 -41
  17. package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +22 -36
  18. package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +34 -16
  19. package/cjs/outOfTheBox/PopupMenu/styles.js +10 -7
  20. package/cjs/styles.js +7 -4
  21. package/esm/GlobalHeaderContainer.js +10 -7
  22. package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +11 -9
  23. package/esm/components/Breadcrumb/PureBreadcrumb.js +22 -19
  24. package/esm/components/Breadcrumb/styles.js +40 -19
  25. package/esm/components/Toolbar/ToolbarItems.js +17 -17
  26. package/esm/components/Toolbar/styles.js +16 -7
  27. package/esm/config/useGetPropsWithDefaults.js +5 -0
  28. package/esm/config/useGlobalHeader.js +11 -2
  29. package/esm/config/useValidateProps.js +5 -2
  30. package/esm/config/validateHelpers.js +5 -28
  31. package/esm/defaultProps.js +4 -2
  32. package/esm/outOfTheBox/AppPicker/AppPicker.js +62 -40
  33. package/esm/outOfTheBox/PopupMenu/PopupMenu.js +22 -35
  34. package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +35 -18
  35. package/esm/outOfTheBox/PopupMenu/styles.js +6 -3
  36. package/esm/styles.js +6 -3
  37. package/package.json +9 -9
  38. package/types/GlobalHeader.d.ts +30 -5
  39. package/types/components/Breadcrumb/styles.d.ts +4 -4
  40. package/types/components/Toolbar/styles.d.ts +1 -1
  41. package/types/config/validateHelpers.d.ts +4 -4
  42. package/types/index.d.d.ts +10 -16
  43. package/types/outOfTheBox/AppPicker/AppPicker.d.ts +8 -3
  44. package/types/outOfTheBox/PopupMenu/styles.d.ts +4 -4
  45. package/types/propTypes.d.ts +27 -6
  46. package/types/styles.d.ts +1 -1
  47. package/cjs/package.json +0 -7
  48. package/esm/package.json +0 -7
@@ -1,4 +1,6 @@
1
1
  import React from 'react';
2
+ import { DSAppPicker } from '@elliemae/ds-app-picker';
3
+ export declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
2
4
  export interface ContextT {
3
5
  showIconOnly: boolean;
4
6
  setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
@@ -11,11 +13,11 @@ export interface GlobalHeaderContainerT {
11
13
  children: React.ReactNode;
12
14
  }
13
15
  export interface GlobalHeaderPropsT {
14
- Logo?: () => JSX.Element;
15
- LogoWithBrand?: () => JSX.Element;
16
+ Logo?: React.ComponentType;
17
+ LogoWithBrand?: React.ComponentType;
16
18
  breadcrumb?: BreadcrumbItemT[];
17
19
  toolbar?: ToolbarItemT[];
18
- appPickerProps?: AppPickerPropsT;
20
+ appPickerProps?: AppPickerProps;
19
21
  }
20
22
  export interface BreadcrumbItemT {
21
23
  label: string;
@@ -29,15 +31,7 @@ export interface ToolbarItemT {
29
31
  label: string;
30
32
  Icon: React.ComponentType<Record<string, unknown>>;
31
33
  onClick: (event: React.MouseEvent<HTMLElement>) => void;
32
- componentProps?: PopupPropsT | AppPickerPropsT;
33
- }
34
- export interface AppPickerPropsT {
35
- label?: string;
36
- apps: AppPickerMenuItemT[];
37
- customApps?: AppPickerMenuItemT[];
38
- sectionTitle?: string;
39
- customSectionTitle?: string;
40
- onClick: (event: React.MouseEvent<HTMLElement>) => void;
34
+ componentProps?: PopupPropsT | AppPickerProps;
41
35
  }
42
36
  export interface PopupPropsT {
43
37
  Icon?: React.ComponentType<Record<string, unknown>>;
@@ -48,17 +42,17 @@ export interface PopupPropsT {
48
42
  }
49
43
  export interface AppPickerMenuItemT {
50
44
  label: string;
51
- icon: () => JSX.Element;
45
+ icon: React.ComponentType;
52
46
  onClick: (event: React.MouseEvent<HTMLElement>) => void;
53
47
  disabled?: boolean;
54
48
  }
55
- export interface PopupMenuItemT {
49
+ export interface PopupMenuItemT extends Record<string, unknown> {
56
50
  type?: string;
57
- icon?: () => JSX.Element;
51
+ Icon?: React.ComponentType;
58
52
  label?: string;
59
53
  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
60
54
  closeOnClick?: boolean;
61
- Content?: () => JSX.Element;
55
+ Content?: React.ComponentType;
62
56
  }
63
57
  export interface PopupMenuContentPropsT {
64
58
  options: PopupMenuItemT[];
@@ -1,3 +1,8 @@
1
- /// <reference types="react" />
2
- import type { AppPickerPropsT as Props } from '../../index.d';
3
- export declare const AppPicker: ({ label, apps, customApps, sectionTitle, customSectionTitle, onClick, }: Props) => JSX.Element;
1
+ import React from 'react';
2
+ import { DSAppPicker } from '@elliemae/ds-app-picker';
3
+ declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
4
+ export declare const AppPicker: ({ label, apps, icon, customApps, sectionTitle, customSectionTitle, actionRef, isOpen: userIsOpen, onKeyDown: userOnKeyDown, onClickOutside: userOnClickOutside, renderTrigger: userRenderTrigger, onClose, triggerRef, triggerOnClick, }: AppPickerProps & {
5
+ label: string;
6
+ triggerOnClick?: React.MouseEventHandler<Element> | undefined;
7
+ }) => JSX.Element;
8
+ export {};
@@ -1,4 +1,4 @@
1
- export declare const List: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const ItemWrapper: import("styled-components").StyledComponent<"button", any, {}, never>;
3
- export declare const Label: import("styled-components").StyledComponent<"p", any, {}, never>;
4
- export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const List: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const ItemWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,8 +1,29 @@
1
- export declare const breadcrumbItem: any;
2
- export declare const toolbarItem: any;
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
+ export declare const breadcrumbItem: import("react-desc").PropTypesDescValue;
3
+ export declare const toolbarItem: import("react-desc").PropTypesDescValue;
3
4
  export declare const globalHeaderProps: {
4
- Logo: any;
5
- LogoWithBrand: any;
6
- breadcrumb: any;
7
- toolbar: any;
5
+ Logo: {
6
+ defaultValue<T = unknown>(arg: T): {
7
+ deprecated: import("react-desc").PropTypesDescValidator;
8
+ };
9
+ isRequired: import("react-desc").PropTypesDescValidator;
10
+ };
11
+ LogoWithBrand: {
12
+ defaultValue<T = unknown>(arg: T): {
13
+ deprecated: import("react-desc").PropTypesDescValidator;
14
+ };
15
+ isRequired: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ breadcrumb: {
18
+ defaultValue<T = unknown>(arg: T): {
19
+ deprecated: import("react-desc").PropTypesDescValidator;
20
+ };
21
+ isRequired: import("react-desc").PropTypesDescValidator;
22
+ };
23
+ toolbar: {
24
+ defaultValue<T = unknown>(arg: T): {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ isRequired: import("react-desc").PropTypesDescValidator;
28
+ };
8
29
  };
package/types/styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
2
+ 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/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }