@elliemae/ds-global-header 1.60.0 → 2.0.0-alpha.12
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.
- package/cjs/GlobalHeader.js +16 -36
- package/cjs/GlobalHeaderContainer.js +10 -10
- package/cjs/GlobalHeaderContext.js +3 -6
- package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +40 -39
- package/cjs/components/Breadcrumb/PureBreadcrumb.js +17 -14
- package/cjs/components/Breadcrumb/styles.js +34 -21
- package/cjs/components/Title/GlobalHeaderTitle.js +12 -12
- package/cjs/components/Toolbar/GlobalHeaderToolbar.js +10 -20
- package/cjs/components/Toolbar/ToolbarItems.js +65 -71
- package/cjs/components/Toolbar/styles.js +13 -8
- package/cjs/config/useGetPropsWithDefaults.js +14 -10
- package/cjs/config/useGlobalHeader.js +22 -36
- package/cjs/config/useValidateProps.js +35 -32
- package/cjs/config/validateHelpers.js +12 -23
- package/cjs/defaultProps.js +5 -4
- package/cjs/index.d.js +0 -1
- package/cjs/index.js +1 -34
- package/cjs/outOfTheBox/AppPicker/AppPicker.js +66 -65
- package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +44 -73
- package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +67 -50
- package/cjs/outOfTheBox/PopupMenu/styles.js +8 -7
- package/cjs/outOfTheBox/index.js +4 -16
- package/cjs/propTypes.js +3 -4
- package/cjs/styles.js +5 -4
- package/esm/GlobalHeader.js +9 -29
- package/esm/GlobalHeaderContainer.js +9 -9
- package/esm/GlobalHeaderContext.js +3 -6
- package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +38 -37
- package/esm/components/Breadcrumb/PureBreadcrumb.js +15 -13
- package/esm/components/Breadcrumb/styles.js +34 -21
- package/esm/components/Title/GlobalHeaderTitle.js +12 -12
- package/esm/components/Toolbar/GlobalHeaderToolbar.js +9 -19
- package/esm/components/Toolbar/ToolbarItems.js +61 -68
- package/esm/components/Toolbar/styles.js +13 -8
- package/esm/config/useGetPropsWithDefaults.js +13 -9
- package/esm/config/useGlobalHeader.js +20 -32
- package/esm/config/useValidateProps.js +15 -12
- package/esm/config/validateHelpers.js +12 -19
- package/esm/defaultProps.js +5 -4
- package/esm/index.d.js +0 -1
- package/esm/index.js +0 -33
- package/esm/outOfTheBox/AppPicker/AppPicker.js +65 -63
- package/esm/outOfTheBox/PopupMenu/PopupMenu.js +42 -69
- package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +65 -50
- package/esm/outOfTheBox/PopupMenu/styles.js +8 -7
- package/esm/outOfTheBox/index.js +0 -12
- package/esm/propTypes.js +3 -4
- package/esm/styles.js +5 -4
- package/package.json +123 -16
- package/types/GlobalHeader.d.ts +39 -0
- package/types/GlobalHeaderContainer.d.ts +3 -0
- package/types/GlobalHeaderContext.d.ts +3 -0
- package/types/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts +2 -0
- package/types/components/Breadcrumb/PureBreadcrumb.d.ts +3 -0
- package/types/components/Breadcrumb/styles.d.ts +5 -0
- package/types/components/Title/GlobalHeaderTitle.d.ts +2 -0
- package/types/components/Toolbar/GlobalHeaderToolbar.d.ts +2 -0
- package/types/components/Toolbar/ToolbarItems.d.ts +2 -0
- package/types/components/Toolbar/styles.d.ts +1 -0
- package/types/config/useGetPropsWithDefaults.d.ts +2 -0
- package/types/config/useGlobalHeader.d.ts +2 -0
- package/types/config/useValidateProps.d.ts +2 -0
- package/types/config/validateHelpers.d.ts +27 -0
- package/types/defaultProps.d.ts +2 -0
- package/types/index.d.d.ts +68 -0
- package/types/index.d.ts +2 -0
- package/types/outOfTheBox/AppPicker/AppPicker.d.ts +8 -0
- package/types/outOfTheBox/PopupMenu/PopupMenu.d.ts +3 -0
- package/types/outOfTheBox/PopupMenu/PopupMenuContent.d.ts +3 -0
- package/types/outOfTheBox/PopupMenu/styles.d.ts +4 -0
- package/types/outOfTheBox/index.d.ts +2 -0
- package/types/propTypes.d.ts +29 -0
- package/types/styles.d.ts +2 -0
- package/GlobalHeader/package.json +0 -10
- package/GlobalHeaderContainer/package.json +0 -10
- package/GlobalHeaderContext/package.json +0 -10
- package/cjs/GlobalHeader.js.map +0 -1
- package/cjs/GlobalHeaderContainer.js.map +0 -1
- package/cjs/GlobalHeaderContext.js.map +0 -1
- package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +0 -1
- package/cjs/components/Breadcrumb/PureBreadcrumb.js.map +0 -1
- package/cjs/components/Breadcrumb/styles.js.map +0 -1
- package/cjs/components/Title/GlobalHeaderTitle.js.map +0 -1
- package/cjs/components/Toolbar/GlobalHeaderToolbar.js.map +0 -1
- package/cjs/components/Toolbar/ToolbarItems.js.map +0 -1
- package/cjs/components/Toolbar/styles.js.map +0 -1
- package/cjs/config/useGetPropsWithDefaults.js.map +0 -1
- package/cjs/config/useGlobalHeader.js.map +0 -1
- package/cjs/config/useValidateProps.js.map +0 -1
- package/cjs/config/validateHelpers.js.map +0 -1
- package/cjs/defaultProps.js.map +0 -1
- package/cjs/index.d.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/outOfTheBox/AppPicker/AppPicker.js.map +0 -1
- package/cjs/outOfTheBox/PopupMenu/PopupMenu.js.map +0 -1
- package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js.map +0 -1
- package/cjs/outOfTheBox/PopupMenu/styles.js.map +0 -1
- package/cjs/outOfTheBox/index.js.map +0 -1
- package/cjs/propTypes.js.map +0 -1
- package/cjs/styles.js.map +0 -1
- package/components/Breadcrumb/GlobalHeaderBreadcrumb/package.json +0 -10
- package/components/Breadcrumb/PureBreadcrumb/package.json +0 -10
- package/components/Breadcrumb/styles/package.json +0 -10
- package/components/Title/GlobalHeaderTitle/package.json +0 -10
- package/components/Toolbar/GlobalHeaderToolbar/package.json +0 -10
- package/components/Toolbar/ToolbarItems/package.json +0 -10
- package/components/Toolbar/styles/package.json +0 -10
- package/config/useGetPropsWithDefaults/package.json +0 -10
- package/config/useGlobalHeader/package.json +0 -10
- package/config/useValidateProps/package.json +0 -10
- package/config/validateHelpers/package.json +0 -10
- package/defaultProps/package.json +0 -10
- package/esm/GlobalHeader.js.map +0 -1
- package/esm/GlobalHeaderContainer.js.map +0 -1
- package/esm/GlobalHeaderContext.js.map +0 -1
- package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +0 -1
- package/esm/components/Breadcrumb/PureBreadcrumb.js.map +0 -1
- package/esm/components/Breadcrumb/styles.js.map +0 -1
- package/esm/components/Title/GlobalHeaderTitle.js.map +0 -1
- package/esm/components/Toolbar/GlobalHeaderToolbar.js.map +0 -1
- package/esm/components/Toolbar/ToolbarItems.js.map +0 -1
- package/esm/components/Toolbar/styles.js.map +0 -1
- package/esm/config/useGetPropsWithDefaults.js.map +0 -1
- package/esm/config/useGlobalHeader.js.map +0 -1
- package/esm/config/useValidateProps.js.map +0 -1
- package/esm/config/validateHelpers.js.map +0 -1
- package/esm/defaultProps.js.map +0 -1
- package/esm/index.d.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/outOfTheBox/AppPicker/AppPicker.js.map +0 -1
- package/esm/outOfTheBox/PopupMenu/PopupMenu.js.map +0 -1
- package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js.map +0 -1
- package/esm/outOfTheBox/PopupMenu/styles.js.map +0 -1
- package/esm/outOfTheBox/index.js.map +0 -1
- package/esm/propTypes.js.map +0 -1
- package/esm/styles.js.map +0 -1
- package/outOfTheBox/AppPicker/AppPicker/package.json +0 -10
- package/outOfTheBox/PopupMenu/PopupMenu/package.json +0 -10
- package/outOfTheBox/PopupMenu/PopupMenuContent/package.json +0 -10
- package/outOfTheBox/PopupMenu/styles/package.json +0 -10
- package/outOfTheBox/package.json +0 -10
- package/propTypes/package.json +0 -10
- package/styles/package.json +0 -10
package/package.json
CHANGED
|
@@ -1,14 +1,118 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-global-header",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.12",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"description": "
|
|
6
|
-
"module": "esm/index.js",
|
|
7
|
-
"main": "cjs/index.js",
|
|
5
|
+
"description": "ICE MT - Dimsum - Global Header",
|
|
6
|
+
"module": "./esm/index.js",
|
|
7
|
+
"main": "./cjs/index.js",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./esm/index.js",
|
|
12
|
+
"require": "./cjs/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./styles": {
|
|
15
|
+
"import": "./esm/styles.js",
|
|
16
|
+
"require": "./cjs/styles.js"
|
|
17
|
+
},
|
|
18
|
+
"./propTypes": {
|
|
19
|
+
"import": "./esm/propTypes.js",
|
|
20
|
+
"require": "./cjs/propTypes.js"
|
|
21
|
+
},
|
|
22
|
+
"./outOfTheBox/PopupMenu/styles": {
|
|
23
|
+
"import": "./esm/outOfTheBox/PopupMenu/styles.js",
|
|
24
|
+
"require": "./cjs/outOfTheBox/PopupMenu/styles.js"
|
|
25
|
+
},
|
|
26
|
+
"./outOfTheBox/PopupMenu/PopupMenuContent": {
|
|
27
|
+
"import": "./esm/outOfTheBox/PopupMenu/PopupMenuContent.js",
|
|
28
|
+
"require": "./cjs/outOfTheBox/PopupMenu/PopupMenuContent.js"
|
|
29
|
+
},
|
|
30
|
+
"./outOfTheBox/PopupMenu/PopupMenu": {
|
|
31
|
+
"import": "./esm/outOfTheBox/PopupMenu/PopupMenu.js",
|
|
32
|
+
"require": "./cjs/outOfTheBox/PopupMenu/PopupMenu.js"
|
|
33
|
+
},
|
|
34
|
+
"./outOfTheBox": {
|
|
35
|
+
"import": "./esm/outOfTheBox/index.js",
|
|
36
|
+
"require": "./cjs/outOfTheBox/index.js"
|
|
37
|
+
},
|
|
38
|
+
"./outOfTheBox/AppPicker/AppPicker": {
|
|
39
|
+
"import": "./esm/outOfTheBox/AppPicker/AppPicker.js",
|
|
40
|
+
"require": "./cjs/outOfTheBox/AppPicker/AppPicker.js"
|
|
41
|
+
},
|
|
42
|
+
"./GlobalHeaderContext": {
|
|
43
|
+
"import": "./esm/GlobalHeaderContext.js",
|
|
44
|
+
"require": "./cjs/GlobalHeaderContext.js"
|
|
45
|
+
},
|
|
46
|
+
"./GlobalHeaderContainer": {
|
|
47
|
+
"import": "./esm/GlobalHeaderContainer.js",
|
|
48
|
+
"require": "./cjs/GlobalHeaderContainer.js"
|
|
49
|
+
},
|
|
50
|
+
"./GlobalHeader": {
|
|
51
|
+
"import": "./esm/GlobalHeader.js",
|
|
52
|
+
"require": "./cjs/GlobalHeader.js"
|
|
53
|
+
},
|
|
54
|
+
"./defaultProps": {
|
|
55
|
+
"import": "./esm/defaultProps.js",
|
|
56
|
+
"require": "./cjs/defaultProps.js"
|
|
57
|
+
},
|
|
58
|
+
"./config/validateHelpers": {
|
|
59
|
+
"import": "./esm/config/validateHelpers.js",
|
|
60
|
+
"require": "./cjs/config/validateHelpers.js"
|
|
61
|
+
},
|
|
62
|
+
"./config/useValidateProps": {
|
|
63
|
+
"import": "./esm/config/useValidateProps.js",
|
|
64
|
+
"require": "./cjs/config/useValidateProps.js"
|
|
65
|
+
},
|
|
66
|
+
"./config/useGlobalHeader": {
|
|
67
|
+
"import": "./esm/config/useGlobalHeader.js",
|
|
68
|
+
"require": "./cjs/config/useGlobalHeader.js"
|
|
69
|
+
},
|
|
70
|
+
"./config/useGetPropsWithDefaults": {
|
|
71
|
+
"import": "./esm/config/useGetPropsWithDefaults.js",
|
|
72
|
+
"require": "./cjs/config/useGetPropsWithDefaults.js"
|
|
73
|
+
},
|
|
74
|
+
"./components/Toolbar/ToolbarItems": {
|
|
75
|
+
"import": "./esm/components/Toolbar/ToolbarItems.js",
|
|
76
|
+
"require": "./cjs/components/Toolbar/ToolbarItems.js"
|
|
77
|
+
},
|
|
78
|
+
"./components/Toolbar/styles": {
|
|
79
|
+
"import": "./esm/components/Toolbar/styles.js",
|
|
80
|
+
"require": "./cjs/components/Toolbar/styles.js"
|
|
81
|
+
},
|
|
82
|
+
"./components/Toolbar/GlobalHeaderToolbar": {
|
|
83
|
+
"import": "./esm/components/Toolbar/GlobalHeaderToolbar.js",
|
|
84
|
+
"require": "./cjs/components/Toolbar/GlobalHeaderToolbar.js"
|
|
85
|
+
},
|
|
86
|
+
"./components/Title/GlobalHeaderTitle": {
|
|
87
|
+
"import": "./esm/components/Title/GlobalHeaderTitle.js",
|
|
88
|
+
"require": "./cjs/components/Title/GlobalHeaderTitle.js"
|
|
89
|
+
},
|
|
90
|
+
"./components/Breadcrumb/styles": {
|
|
91
|
+
"import": "./esm/components/Breadcrumb/styles.js",
|
|
92
|
+
"require": "./cjs/components/Breadcrumb/styles.js"
|
|
93
|
+
},
|
|
94
|
+
"./components/Breadcrumb/PureBreadcrumb": {
|
|
95
|
+
"import": "./esm/components/Breadcrumb/PureBreadcrumb.js",
|
|
96
|
+
"require": "./cjs/components/Breadcrumb/PureBreadcrumb.js"
|
|
97
|
+
},
|
|
98
|
+
"./components/Breadcrumb/GlobalHeaderBreadcrumb": {
|
|
99
|
+
"import": "./esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js",
|
|
100
|
+
"require": "./cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
8
103
|
"sideEffects": [
|
|
9
104
|
"*.css",
|
|
10
105
|
"*.scss"
|
|
11
106
|
],
|
|
107
|
+
"repository": {
|
|
108
|
+
"type": "git",
|
|
109
|
+
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
110
|
+
},
|
|
111
|
+
"engines": {
|
|
112
|
+
"npm": ">=7",
|
|
113
|
+
"node": ">=14"
|
|
114
|
+
},
|
|
115
|
+
"author": "ICE MT",
|
|
12
116
|
"scripts": {
|
|
13
117
|
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
14
118
|
"prebuild": "exit 0",
|
|
@@ -16,24 +120,27 @@
|
|
|
16
120
|
"build": "node ../../scripts/build/build.js"
|
|
17
121
|
},
|
|
18
122
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-app-picker": "
|
|
20
|
-
"@elliemae/ds-grid": "
|
|
21
|
-
"@elliemae/ds-icons": "
|
|
22
|
-
"@elliemae/ds-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
123
|
+
"@elliemae/ds-app-picker": "2.0.0-alpha.12",
|
|
124
|
+
"@elliemae/ds-grid": "2.0.0-alpha.12",
|
|
125
|
+
"@elliemae/ds-icons": "2.0.0-alpha.12",
|
|
126
|
+
"@elliemae/ds-popperjs": "2.0.0-alpha.12",
|
|
127
|
+
"@elliemae/ds-props-helpers": "2.0.0-alpha.12",
|
|
128
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.12",
|
|
129
|
+
"react-desc": "~4.1.3",
|
|
130
|
+
"uid": "~2.0.0"
|
|
25
131
|
},
|
|
26
132
|
"devDependencies": {
|
|
27
|
-
"styled-components": "~5.3.
|
|
133
|
+
"styled-components": "~5.3.3"
|
|
28
134
|
},
|
|
29
135
|
"peerDependencies": {
|
|
30
|
-
"lodash": "^4.17.
|
|
31
|
-
"react": "^17.0.
|
|
32
|
-
"react-dom": "^17.0.
|
|
33
|
-
"styled-components": "^5.3.
|
|
136
|
+
"lodash": "^4.17.21",
|
|
137
|
+
"react": "^17.0.2",
|
|
138
|
+
"react-dom": "^17.0.2",
|
|
139
|
+
"styled-components": "^5.3.3"
|
|
34
140
|
},
|
|
35
141
|
"publishConfig": {
|
|
36
142
|
"access": "public",
|
|
37
|
-
"directory": "dist"
|
|
143
|
+
"directory": "dist",
|
|
144
|
+
"generateSubmodules": true
|
|
38
145
|
}
|
|
39
146
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
import type { GlobalHeaderPropsT as Props } from './index.d';
|
|
4
|
+
declare const GlobalHeader: {
|
|
5
|
+
(props: Props): JSX.Element;
|
|
6
|
+
defaultProps: Props;
|
|
7
|
+
propTypes: {
|
|
8
|
+
Logo: {
|
|
9
|
+
defaultValue<T = unknown>(arg: T): {
|
|
10
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
11
|
+
};
|
|
12
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
13
|
+
};
|
|
14
|
+
LogoWithBrand: {
|
|
15
|
+
defaultValue<T = unknown>(arg: T): {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
breadcrumb: {
|
|
21
|
+
defaultValue<T = unknown>(arg: T): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
toolbar: {
|
|
27
|
+
defaultValue<T = unknown>(arg: T): {
|
|
28
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
declare const GlobalHeaderWithSchema: {
|
|
35
|
+
(props?: Props | undefined): JSX.Element;
|
|
36
|
+
propTypes: unknown;
|
|
37
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
38
|
+
};
|
|
39
|
+
export { GlobalHeader, GlobalHeaderWithSchema };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { LabelT, PipeT } from '../../index.d';
|
|
2
|
+
export declare const Pipe: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, PipeT, never>;
|
|
3
|
+
export declare const BreadcrumbItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const LabelButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, LabelT, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const breadcrumbProps: {
|
|
2
|
+
label: string;
|
|
3
|
+
onClick: string;
|
|
4
|
+
hasNext: string;
|
|
5
|
+
isSelected: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const toolbarProps: {
|
|
8
|
+
label: string;
|
|
9
|
+
type: string;
|
|
10
|
+
componentProps: string;
|
|
11
|
+
Icon: string;
|
|
12
|
+
onClick: string;
|
|
13
|
+
options: string;
|
|
14
|
+
closeOnClick: string;
|
|
15
|
+
apps: string;
|
|
16
|
+
customApps: string;
|
|
17
|
+
sectionTitle: string;
|
|
18
|
+
customSectionTitle: string;
|
|
19
|
+
};
|
|
20
|
+
export declare const isObject: (obj: unknown) => boolean;
|
|
21
|
+
export declare const getVariableType: (arg: unknown) => string;
|
|
22
|
+
export declare const isValidToolbarType: (string: unknown) => boolean;
|
|
23
|
+
export declare const throwBreadcrumbItemError: (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown) => void;
|
|
24
|
+
export declare const throwToolbarPopupItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
|
|
25
|
+
export declare const throwToolbarAppPickerItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
|
|
26
|
+
export declare const throwToolbarItemGenericError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
|
|
27
|
+
export declare const throwLogoError: (validPropKey: string, invalidProp: unknown) => void;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DSAppPicker } from '@elliemae/ds-app-picker';
|
|
3
|
+
export declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
|
|
4
|
+
export interface ContextT {
|
|
5
|
+
showIconOnly: boolean;
|
|
6
|
+
setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
|
+
instanceUID: string;
|
|
8
|
+
globalHeaderToolbarGrid: string[];
|
|
9
|
+
globalHeaderBreadcrumbGrid: string[];
|
|
10
|
+
props: GlobalHeaderPropsT;
|
|
11
|
+
}
|
|
12
|
+
export interface GlobalHeaderContainerT {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export interface GlobalHeaderPropsT {
|
|
16
|
+
Logo?: React.ComponentType;
|
|
17
|
+
LogoWithBrand?: React.ComponentType;
|
|
18
|
+
breadcrumb?: BreadcrumbItemT[];
|
|
19
|
+
toolbar?: ToolbarItemT[];
|
|
20
|
+
appPickerProps?: AppPickerProps;
|
|
21
|
+
}
|
|
22
|
+
export interface BreadcrumbItemT {
|
|
23
|
+
label: string;
|
|
24
|
+
hasNext?: boolean;
|
|
25
|
+
isSelected?: boolean;
|
|
26
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
27
|
+
length: number;
|
|
28
|
+
}
|
|
29
|
+
export interface ToolbarItemT {
|
|
30
|
+
type?: 'ds-app-picker' | 'ds-popup-menu';
|
|
31
|
+
label: string;
|
|
32
|
+
Icon: React.ComponentType<Record<string, unknown>>;
|
|
33
|
+
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
34
|
+
componentProps?: PopupPropsT | AppPickerProps;
|
|
35
|
+
}
|
|
36
|
+
export interface PopupPropsT {
|
|
37
|
+
Icon?: React.ComponentType<Record<string, unknown>>;
|
|
38
|
+
options: PopupMenuItemT[];
|
|
39
|
+
closeOnClick?: boolean;
|
|
40
|
+
title?: string;
|
|
41
|
+
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
42
|
+
}
|
|
43
|
+
export interface AppPickerMenuItemT {
|
|
44
|
+
label: string;
|
|
45
|
+
icon: React.ComponentType;
|
|
46
|
+
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
}
|
|
49
|
+
export interface PopupMenuItemT extends Record<string, unknown> {
|
|
50
|
+
type?: string;
|
|
51
|
+
Icon?: React.ComponentType;
|
|
52
|
+
label?: string;
|
|
53
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
54
|
+
closeOnClick?: boolean;
|
|
55
|
+
Content?: React.ComponentType;
|
|
56
|
+
}
|
|
57
|
+
export interface PopupMenuContentPropsT {
|
|
58
|
+
options: PopupMenuItemT[];
|
|
59
|
+
onItemClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
60
|
+
onClose: () => void;
|
|
61
|
+
}
|
|
62
|
+
export interface PipeT {
|
|
63
|
+
showIconOnly: boolean;
|
|
64
|
+
}
|
|
65
|
+
export interface LabelT {
|
|
66
|
+
isSelected: boolean;
|
|
67
|
+
isOnlyItem: boolean;
|
|
68
|
+
}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,4 @@
|
|
|
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>;
|
|
@@ -0,0 +1,29 @@
|
|
|
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;
|
|
4
|
+
export declare const globalHeaderProps: {
|
|
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
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
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/GlobalHeader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeader.js","sources":["../../src/GlobalHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './index.d';\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"],"names":["GlobalHeader","props","useValidateProps","ctx","useGlobalHeader","React","GlobalHeaderContainer","GlobalHeaderContext","GlobalHeaderTitle","GlobalHeaderBreadcrumb","GlobalHeaderToolbar","defaultProps","propTypes","globalHeaderProps","GlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA+B;AAClDC,EAAAA,wCAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,GAAG,GAAGC,sCAAe,CAACH,KAAD,CAA3B;AACA,sBACEI,wCAACC,2CAAD,qBACED,wCAACE,uCAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEJ;AAArC,kBACEE,wCAACG,oDAAD,OADF,eAEEH,wCAACI,mEAAD,OAFF,eAGEJ,wCAACK,0DAAD,OAHF,CADF,CADF;AASD;;AAEDV,YAAY,CAACW,YAAb,GAA4BA,yBAA5B;AAEAX,YAAY,CAACY,SAAb,GAAyBC,2BAAzB;IACMC,sBAAsB,GAAGC,kBAAQ,CAACf,YAAD;AACvCc,sBAAsB,CAACF,SAAvB,GAAmCC,2BAAnC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeaderContainer.js","sources":["../../src/GlobalHeaderContainer.tsx"],"sourcesContent":["import React from 'react';\nimport type { GlobalHeaderContainerT } from './index.d';\nimport { Wrapper } from './styles';\n\nexport const GlobalHeaderContainer = ({ children }: GlobalHeaderContainerT): JSX.Element => (\n <header data-testid=\"ds-global-header\">\n <Wrapper cols={['auto', '1fr', 'auto']}>{children}</Wrapper>\n </header>\n);\n"],"names":["GlobalHeaderContainer","children","React","Wrapper"],"mappings":";;;;;;;;;;;;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACnCC;AAAQ,mBAAY;AAApB,kBACEA,wCAACC,cAAD;AAAS,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,KAAT,EAAgB,MAAhB;AAAf,KAAyCF,QAAzC,CADF,CADmC;AAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeaderContext.js","sources":["../../src/GlobalHeaderContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { ContextT } from './index.d';\n\nconst noop = () => null;\n\nconst defaultContext = {\n props: defaultProps,\n showIconOnly: false,\n setShowIconOnly: noop,\n instanceUID: '',\n globalHeaderToolbarGrid: [],\n globalHeaderBreadcrumbGrid: [],\n};\n\nexport const GlobalHeaderContext = createContext<ContextT>(defaultContext);\n"],"names":["noop","defaultContext","props","defaultProps","showIconOnly","setShowIconOnly","instanceUID","globalHeaderToolbarGrid","globalHeaderBreadcrumbGrid","GlobalHeaderContext","createContext"],"mappings":";;;;;;;AAIA,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAM,IAAN;AAAA,CAAb;;AAEA,IAAMC,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAEC,yBADc;AAErBC,EAAAA,YAAY,EAAE,KAFO;AAGrBC,EAAAA,eAAe,EAAEL,IAHI;AAIrBM,EAAAA,WAAW,EAAE,EAJQ;AAKrBC,EAAAA,uBAAuB,EAAE,EALJ;AAMrBC,EAAAA,0BAA0B,EAAE;AANP,CAAvB;IASaC,mBAAmB,gBAAGC,mBAAa,CAAWT,cAAX;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeaderBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/GlobalHeaderBreadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useContext, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Pipe } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { PureBreadcrumb } from './PureBreadcrumb';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n const {\n props: { breadcrumb },\n instanceUID,\n showIconOnly,\n setShowIconOnly,\n globalHeaderBreadcrumbGrid,\n } = useContext(GlobalHeaderContext);\n const breakpoint = useRef<number>();\n const flexRegion = useRef<HTMLDivElement>();\n\n useEffect(() => {\n const evaluateShowIconOnly = () => {\n if (flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {\n setShowIconOnly(true);\n breakpoint.current = window.innerWidth;\n } else if (window.innerWidth >= breakpoint.current) {\n setShowIconOnly(false);\n breakpoint.current = null;\n }\n };\n\n evaluateShowIconOnly();\n\n window.addEventListener('resize', evaluateShowIconOnly);\n return () => window.removeEventListener('resize', evaluateShowIconOnly);\n }, [breakpoint, flexRegion, setShowIconOnly]);\n\n return (\n <Grid\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"left\"\n role=\"navigation\"\n aria-label=\"breadcrumbs\"\n cols={globalHeaderBreadcrumbGrid}\n >\n <Pipe showIconOnly={showIconOnly} />\n {breadcrumb.map((item) => {\n const { label, hasNext, isSelected, onClick } = item;\n return (\n <PureBreadcrumb\n label={label}\n hasNext={hasNext}\n isSelected={isSelected}\n onClick={onClick}\n length={breadcrumb.length}\n key={`${instanceUID}-breadcrumb-item-${label}`}\n />\n );\n })}\n <div id=\"global-header-flex-region\" ref={flexRegion}></div>\n </Grid>\n );\n};\n"],"names":["GlobalHeaderBreadcrumb","useContext","GlobalHeaderContext","breadcrumb","props","instanceUID","showIconOnly","setShowIconOnly","globalHeaderBreadcrumbGrid","breakpoint","useRef","flexRegion","useEffect","evaluateShowIconOnly","current","offsetWidth","window","innerWidth","addEventListener","removeEventListener","React","Grid","Pipe","map","item","label","hasNext","isSelected","onClick","PureBreadcrumb","length"],"mappings":";;;;;;;;;;;;;;;;;IAMaA,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAmB;AACvD,oBAMIC,gBAAU,CAACC,uCAAD,CANd;AAAA,MACWC,UADX,eACEC,KADF,CACWD,UADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,YAHF,eAGEA,YAHF;AAAA,MAIEC,eAJF,eAIEA,eAJF;AAAA,MAKEC,0BALF,eAKEA,0BALF;;AAOA,MAAMC,UAAU,GAAGC,YAAM,EAAzB;AACA,MAAMC,UAAU,GAAGD,YAAM,EAAzB;AAEAE,EAAAA,eAAS,CAAC,YAAM;AACd,QAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,UAAI,CAAAF,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEG,OAAZ,CAAoBC,WAApB,KAAmC,CAAnC,IAAwC,CAACN,UAAU,CAACK,OAAxD,EAAiE;AAC/DP,QAAAA,eAAe,CAAC,IAAD,CAAf;AACAE,QAAAA,UAAU,CAACK,OAAX,GAAqBE,MAAM,CAACC,UAA5B;AACD,OAHD,MAGO,IAAID,MAAM,CAACC,UAAP,IAAqBR,UAAU,CAACK,OAApC,EAA6C;AAClDP,QAAAA,eAAe,CAAC,KAAD,CAAf;AACAE,QAAAA,UAAU,CAACK,OAAX,GAAqB,IAArB;AACD;AACF,KARD;;AAUAD,IAAAA,oBAAoB;AAEpBG,IAAAA,MAAM,CAACE,gBAAP,CAAwB,QAAxB,EAAkCL,oBAAlC;AACA,WAAO;AAAA,aAAMG,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCN,oBAArC,CAAN;AAAA,KAAP;AACD,GAfQ,EAeN,CAACJ,UAAD,EAAaE,UAAb,EAAyBJ,eAAzB,CAfM,CAAT;AAiBA,sBACEa,wCAACC,WAAD;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,cAAc,EAAC,MAHjB;AAIE,IAAA,IAAI,EAAC,YAJP;AAKE,kBAAW,aALb;AAME,IAAA,IAAI,EAAEb;AANR,kBAQEY,wCAACE,iCAAD;AAAM,IAAA,YAAY,EAAEhB;AAApB,IARF,EASGH,UAAU,CAACoB,GAAX,CAAe,UAACC,IAAD,EAAU;AACxB,QAAQC,KAAR,GAAgDD,IAAhD,CAAQC,KAAR;AAAA,QAAeC,OAAf,GAAgDF,IAAhD,CAAeE,OAAf;AAAA,QAAwBC,UAAxB,GAAgDH,IAAhD,CAAwBG,UAAxB;AAAA,QAAoCC,OAApC,GAAgDJ,IAAhD,CAAoCI,OAApC;AACA,wBACER,wCAACS,mDAAD;AACE,MAAA,KAAK,EAAEJ,KADT;AAEE,MAAA,OAAO,EAAEC,OAFX;AAGE,MAAA,UAAU,EAAEC,UAHd;AAIE,MAAA,OAAO,EAAEC,OAJX;AAKE,MAAA,MAAM,EAAEzB,UAAU,CAAC2B,MALrB;AAME,MAAA,GAAG,YAAKzB,WAAL,8BAAoCoB,KAApC;AANL,MADF;AAUD,GAZA,CATH,eAsBEL;AAAK,IAAA,EAAE,EAAC,2BAAR;AAAoC,IAAA,GAAG,EAAET;AAAzC,IAtBF,CADF;AA0BD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PureBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../index.d';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext }: Props) => (\n <BreadcrumbItem>\n <LabelButton onClick={onClick} aria-selected={isSelected} data-testid=\"gh-breadcrumb-btn\">\n <Label isSelected={isSelected} isOnlyItem={length === 1}>\n {label}\n </Label>\n </LabelButton>\n {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n </BreadcrumbItem>\n));\n"],"names":["PureBreadcrumb","React","memo","onClick","isSelected","length","label","hasNext","BreadcrumbItem","LabelButton","Label","ChevronSmallRight"],"mappings":";;;;;;;;;;;;;IAKaA,cAAc,gBAAGC,yBAAK,CAACC,IAAN,CAAW;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,UAAZ,QAAYA,UAAZ;AAAA,MAAwBC,MAAxB,QAAwBA,MAAxB;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,sBACvCN,wCAACO,2CAAD,qBACEP,wCAACQ,wCAAD;AAAa,IAAA,OAAO,EAAEN,OAAtB;AAA+B,qBAAeC,UAA9C;AAA0D,mBAAY;AAAtE,kBACEH,wCAACS,kCAAD;AAAO,IAAA,UAAU,EAAEN,UAAnB;AAA+B,IAAA,UAAU,EAAEC,MAAM,KAAK;AAAtD,KACGC,KADH,CADF,CADF,EAMGC,OAAO,iBAAIN,wCAACU,yBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,IAAI,EAAC;AAAjC,IANd,CADuC;AAAA,CAAX;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Breadcrumb/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { LabelT, PipeT } from '../../index.d';\n\nexport const Pipe = styled.span<PipeT>`\n margin: 0 7px 0 0;\n border-left: ${({ showIconOnly }) => (showIconOnly ? 'none' : '1px solid #fff')};\n height: 20px;\n`;\n\nexport const BreadcrumbItem = styled.div`\n display: flex;\n align-items: center;\n height: 100%;\n`;\n\nexport const LabelButton = styled.button`\n width: fit-content;\n height: 100%;\n margin: 0;\n padding: 0;\n border: 1px solid transparent;\n background-color: transparent;\n outline: none;\n cursor: pointer;\n position: relative;\n &:focus {\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: -7px;\n width: calc(100% + 14px);\n height: 100%;\n border: 4px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 6px;\n }\n :before {\n content: '';\n position: absolute;\n z-index: 2;\n top: 2px;\n left: -5px;\n width: calc(100% + 10px);\n height: calc(100% - 4px);\n border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n border-radius: 4px;\n }\n }\n`;\n\nexport const Label = styled.p<LabelT>`\n color: ${({ theme }) => theme.colors.neutral['000']};\n ${({ theme, isSelected }) =>\n `-webkit-text-stroke: 0.4px ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`};\n font-size: 16px;\n text-transform: uppercase;\n border-bottom: ${({ isSelected, isOnlyItem }) => `2px solid ${isSelected && !isOnlyItem ? '#FFF' : 'transparent'}`};\n margin: 3px 5px 0 5px;\n :hover {\n ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n }\n`;\n"],"names":["Pipe","styled","span","showIconOnly","BreadcrumbItem","div","LabelButton","button","theme","colors","brand","neutral","Label","p","isSelected","isOnlyItem"],"mappings":";;;;;;;;;;IAGaA,IAAI,gBAAGC,0BAAM,CAACC,IAAV;AAAA;AAAA,uDAEA;AAAA,MAAGC,YAAH,QAAGA,YAAH;AAAA,SAAuBA,YAAY,GAAG,MAAH,GAAY,gBAA/C;AAAA,CAFA;IAMJC,cAAc,gBAAGH,0BAAM,CAACI,GAAV;AAAA;AAAA;IAMdC,WAAW,gBAAGL,0BAAM,CAACM,MAAV;AAAA;AAAA,scAkBE;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAf;AAAA,CAlBF,EA6BE;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAf;AAAA,CA7BF;IAmCXC,KAAK,gBAAGX,0BAAM,CAACY,CAAV;AAAA;AAAA,sHACP;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAf;AAAA,CADO,EAEd;AAAA,MAAGH,KAAH,SAAGA,KAAH;AAAA,MAAUM,UAAV,SAAUA,UAAV;AAAA,+CAC+BA,UAAU,GAAGN,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAH,GAAiC,aAD1E;AAAA,CAFc,EAMC;AAAA,MAAGG,UAAH,SAAGA,UAAH;AAAA,MAAeC,UAAf,SAAeA,UAAf;AAAA,6BAA6CD,UAAU,IAAI,CAACC,UAAf,GAA4B,MAA5B,GAAqC,aAAlF;AAAA,CAND,EASZ;AAAA,MAAGP,KAAH,SAAGA,KAAH;AAAA,8CAA6CA,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAA7C;AAAA,CATY;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeaderTitle.js","sources":["../../../../src/components/Title/GlobalHeaderTitle.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderTitle = (): JSX.Element => {\n const {\n props: { Logo, LogoWithBrand },\n showIconOnly,\n } = useContext(GlobalHeaderContext);\n\n return (\n <Grid alignItems=\"center\" pr={showIconOnly ? '0px' : '36px'} cols={showIconOnly ? ['auto'] : ['auto', '1fr']}>\n {Logo && showIconOnly && <Logo />}\n {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n </Grid>\n );\n};\n"],"names":["GlobalHeaderTitle","useContext","GlobalHeaderContext","props","Logo","LogoWithBrand","showIconOnly","React","Grid"],"mappings":";;;;;;;;;;;;;IAIaA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAmB;AAClD,oBAGIC,gBAAU,CAACC,uCAAD,CAHd;AAAA,sCACEC,KADF;AAAA,MACWC,IADX,qBACWA,IADX;AAAA,MACiBC,aADjB,qBACiBA,aADjB;AAAA,MAEEC,YAFF,eAEEA,YAFF;;AAKA,sBACEC,wCAACC,WAAD;AAAM,IAAA,UAAU,EAAC,QAAjB;AAA0B,IAAA,EAAE,EAAEF,YAAY,GAAG,KAAH,GAAW,MAArD;AAA6D,IAAA,IAAI,EAAEA,YAAY,GAAG,CAAC,MAAD,CAAH,GAAc,CAAC,MAAD,EAAS,KAAT;AAA7F,KACGF,IAAI,IAAIE,YAAR,iBAAwBC,wCAAC,IAAD,OAD3B,EAEGF,aAAa,IAAI,CAACC,YAAlB,iBAAkCC,wCAAC,aAAD,OAFrC,CADF;AAMD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalHeaderToolbar.js","sources":["../../../../src/components/Toolbar/GlobalHeaderToolbar.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ToolbarItems } from './ToolbarItems';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n const { globalHeaderToolbarGrid } = useContext(GlobalHeaderContext);\n return (\n <Grid\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gutter=\"xxs\"\n cols={globalHeaderToolbarGrid}\n role=\"toolbar\"\n >\n <ToolbarItems />\n </Grid>\n );\n};\n"],"names":["GlobalHeaderToolbar","useContext","GlobalHeaderContext","globalHeaderToolbarGrid","React","Grid","ToolbarItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAKaA,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmB;AACpD,oBAAoCC,gBAAU,CAACC,uCAAD,CAA9C;AAAA,MAAQC,uBAAR,eAAQA,uBAAR;;AACA,sBACEC,wCAACC,WAAD;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,MAAM,EAAC,KAJT;AAKE,IAAA,IAAI,EAAEF,uBALR;AAME,IAAA,IAAI,EAAC;AANP,kBAQEC,wCAACE,4CAAD,OARF,CADF;AAYD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItems.js","sources":["../../../../src/components/Toolbar/ToolbarItems.tsx"],"sourcesContent":["/* eslint-disable no-case-declarations */\nimport React, { useContext, useMemo } from 'react';\nimport { AppPicker, PopupMenu } from '../../outOfTheBox';\nimport { Button } from './styles';\nimport type { AppPickerPropsT, PopupPropsT } from '../../index.d';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const ToolbarItems = (): JSX.Element => {\n const {\n props: { toolbar },\n instanceUID,\n } = useContext(GlobalHeaderContext);\n\n const itemsList = useMemo(\n () =>\n toolbar.map((item) => {\n const { Icon, type, onClick, componentProps, label } = item;\n\n switch (type) {\n case 'ds-popup-menu':\n const { options, closeOnClick } = componentProps as PopupPropsT;\n return (\n <PopupMenu\n onClick={onClick}\n title={label}\n Icon={Icon}\n options={options}\n closeOnClick={closeOnClick}\n key={`${instanceUID}-ds-popup-menu-${label}`}\n />\n );\n case 'ds-app-picker':\n const { apps, customApps, sectionTitle, customSectionTitle, actionRef, onKeyDown } =\n componentProps as AppPickerPropsT;\n return (\n <AppPicker\n onClick={onClick}\n label={label}\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n actionRef={actionRef}\n key={`${instanceUID}-ds-app-picker-${label}`}\n onKeyDown={onKeyDown}\n />\n );\n default:\n return (\n <Button\n onClick={onClick}\n key={`${instanceUID}-ds-toolbar-button-${label}`}\n title={label}\n data-testid=\"gh-toolbar-item\"\n >\n <Icon fill=\"#FFF\" size=\"m\" />\n </Button>\n );\n }\n }),\n [toolbar, instanceUID],\n );\n\n return <>{itemsList}</>;\n};\n"],"names":["ToolbarItems","useContext","GlobalHeaderContext","toolbar","props","instanceUID","itemsList","useMemo","map","item","Icon","type","onClick","componentProps","label","options","closeOnClick","React","PopupMenu","apps","customApps","sectionTitle","customSectionTitle","actionRef","onKeyDown","AppPicker","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;IAOaA,YAAY,GAAG,SAAfA,YAAe,GAAmB;AAC7C,oBAGIC,gBAAU,CAACC,uCAAD,CAHd;AAAA,MACWC,OADX,eACEC,KADF,CACWD,OADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;;AAKA,MAAMC,SAAS,GAAGC,aAAO,CACvB;AAAA,WACEJ,OAAO,CAACK,GAAR,CAAY,UAACC,IAAD,EAAU;AACpB,UAAQC,IAAR,GAAuDD,IAAvD,CAAQC,IAAR;AAAA,UAAcC,IAAd,GAAuDF,IAAvD,CAAcE,IAAd;AAAA,UAAoBC,OAApB,GAAuDH,IAAvD,CAAoBG,OAApB;AAAA,UAA6BC,cAA7B,GAAuDJ,IAAvD,CAA6BI,cAA7B;AAAA,UAA6CC,KAA7C,GAAuDL,IAAvD,CAA6CK,KAA7C;;AAEA,cAAQH,IAAR;AACE,aAAK,eAAL;AACE,qBAAkCE,cAAlC;AAAA,cAAQE,OAAR,QAAQA,OAAR;AAAA,cAAiBC,YAAjB,QAAiBA,YAAjB;AACA,8BACEC,wCAACC,yCAAD;AACE,YAAA,OAAO,EAAEN,OADX;AAEE,YAAA,KAAK,EAAEE,KAFT;AAGE,YAAA,IAAI,EAAEJ,IAHR;AAIE,YAAA,OAAO,EAAEK,OAJX;AAKE,YAAA,YAAY,EAAEC,YALhB;AAME,YAAA,GAAG,YAAKX,WAAL,4BAAkCS,KAAlC;AANL,YADF;;AAUF,aAAK,eAAL;AACE,sBACED,cADF;AAAA,cAAQM,IAAR,SAAQA,IAAR;AAAA,cAAcC,UAAd,SAAcA,UAAd;AAAA,cAA0BC,YAA1B,SAA0BA,YAA1B;AAAA,cAAwCC,kBAAxC,SAAwCA,kBAAxC;AAAA,cAA4DC,SAA5D,SAA4DA,SAA5D;AAAA,cAAuEC,SAAvE,SAAuEA,SAAvE;AAEA,8BACEP,wCAACQ,yCAAD;AACE,YAAA,OAAO,EAAEb,OADX;AAEE,YAAA,KAAK,EAAEE,KAFT;AAGE,YAAA,IAAI,EAAEK,IAHR;AAIE,YAAA,UAAU,EAAEC,UAJd;AAKE,YAAA,YAAY,EAAEC,YALhB;AAME,YAAA,kBAAkB,EAAEC,kBANtB;AAOE,YAAA,SAAS,EAAEC,SAPb;AAQE,YAAA,GAAG,YAAKlB,WAAL,4BAAkCS,KAAlC,CARL;AASE,YAAA,SAAS,EAAEU;AATb,YADF;;AAaF;AACE,8BACEP,wCAACS,gCAAD;AACE,YAAA,OAAO,EAAEd,OADX;AAEE,YAAA,GAAG,YAAKP,WAAL,gCAAsCS,KAAtC,CAFL;AAGE,YAAA,KAAK,EAAEA,KAHT;AAIE,2BAAY;AAJd,0BAMEG,wCAAC,IAAD;AAAM,YAAA,IAAI,EAAC,MAAX;AAAkB,YAAA,IAAI,EAAC;AAAvB,YANF,CADF;AA9BJ;AAyCD,KA5CD,CADF;AAAA,GADuB,EA+CvB,CAACd,OAAD,EAAUE,WAAV,CA/CuB,CAAzB;AAkDA,sBAAOY,kFAAGX,SAAH,CAAP;AACD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Toolbar/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Button = styled.button`\n height: 40px;\n width: 40px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n position: relative;\n outline: none;\n &:hover:not(:focus) {\n background-color: ${({ theme }) => theme.colors.brand[700]};\n outline: none;\n }\n &:focus {\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 4px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 4px;\n }\n :before {\n content: '';\n position: absolute;\n z-index: 2;\n top: 2px;\n left: 2px;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n border-radius: 4px;\n }\n }\n`;\n"],"names":["Button","styled","button","theme","colors","brand","neutral"],"mappings":";;;;;;;;;;IAEaA,MAAM,gBAAGC,0BAAM,CAACC,MAAV;AAAA;AAAA,icASK;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAf;AAAA,CATL,EAoBO;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAf;AAAA,CApBP,EA+BO;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaE,OAAb,CAAqB,KAArB,CAAf;AAAA,CA/BP;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useGetPropsWithDefaults.js","sources":["../../../src/config/useGetPropsWithDefaults.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useMemo } from 'react';\nimport type { GlobalHeaderPropsT } from '../index.d';\nimport { defaultProps } from '../defaultProps';\n\nexport const useGetPropsWithDefaults = (props: GlobalHeaderPropsT): GlobalHeaderPropsT => {\n const { toolbar, breadcrumb, Logo, LogoWithBrand } = props;\n\n return useMemo(\n () => ({\n ...defaultProps,\n ...props,\n }),\n [toolbar, breadcrumb, Logo, LogoWithBrand],\n );\n};\n"],"names":["useGetPropsWithDefaults","props","toolbar","breadcrumb","Logo","LogoWithBrand","useMemo","defaultProps"],"mappings":";;;;;;;;;;;;;;;IAKaA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAmD;AACxF,MAAQC,OAAR,GAAqDD,KAArD,CAAQC,OAAR;AAAA,MAAiBC,UAAjB,GAAqDF,KAArD,CAAiBE,UAAjB;AAAA,MAA6BC,IAA7B,GAAqDH,KAArD,CAA6BG,IAA7B;AAAA,MAAmCC,aAAnC,GAAqDJ,KAArD,CAAmCI,aAAnC;AAEA,SAAOC,aAAO,CACZ;AAAA,2CACKC,yBADL,GAEKN,KAFL;AAAA,GADY,EAKZ,CAACC,OAAD,EAAUC,UAAV,EAAsBC,IAAtB,EAA4BC,aAA5B,CALY,CAAd;AAOD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useGlobalHeader.js","sources":["../../../src/config/useGlobalHeader.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { uid } from 'uid';\nimport type { ContextT, GlobalHeaderPropsT } from '../index.d';\nimport { useGetPropsWithDefaults } from './useGetPropsWithDefaults';\n\nexport const useGlobalHeader = (props: GlobalHeaderPropsT): ContextT => {\n const [showIconOnly, setShowIconOnly] = useState<boolean>(false);\n\n const instanceUID = useMemo(() => uid(5), []);\n\n const globalHeaderToolbarGrid = useMemo(() => props.toolbar.map(() => '1fr'), [props.toolbar]);\n const globalHeaderBreadcrumbGrid = useMemo(\n () => ['auto', ...props.breadcrumb.map(() => 'auto'), '1fr'],\n [props.breadcrumb],\n );\n\n const propsWithDefaults = useGetPropsWithDefaults(props);\n\n const ctx = React.useMemo(\n () => ({\n props: propsWithDefaults,\n showIconOnly,\n setShowIconOnly,\n instanceUID,\n globalHeaderToolbarGrid,\n globalHeaderBreadcrumbGrid,\n }),\n [propsWithDefaults, showIconOnly, instanceUID, globalHeaderToolbarGrid, globalHeaderBreadcrumbGrid],\n );\n\n return ctx;\n};\n"],"names":["useGlobalHeader","props","useState","showIconOnly","setShowIconOnly","instanceUID","useMemo","uid","globalHeaderToolbarGrid","toolbar","map","globalHeaderBreadcrumbGrid","breadcrumb","propsWithDefaults","useGetPropsWithDefaults","ctx","React"],"mappings":";;;;;;;;;;;;;;;;;;IAKaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAyC;AACtE,kBAAwCC,cAAQ,CAAU,KAAV,CAAhD;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAGC,aAAO,CAAC;AAAA,WAAMC,OAAG,CAAC,CAAD,CAAT;AAAA,GAAD,EAAe,EAAf,CAA3B;AAEA,MAAMC,uBAAuB,GAAGF,aAAO,CAAC;AAAA,WAAML,KAAK,CAACQ,OAAN,CAAcC,GAAd,CAAkB;AAAA,aAAM,KAAN;AAAA,KAAlB,CAAN;AAAA,GAAD,EAAuC,CAACT,KAAK,CAACQ,OAAP,CAAvC,CAAvC;AACA,MAAME,0BAA0B,GAAGL,aAAO,CACxC;AAAA,YAAO,MAAP,gDAAkBL,KAAK,CAACW,UAAN,CAAiBF,GAAjB,CAAqB;AAAA,aAAM,MAAN;AAAA,KAArB,CAAlB,IAAsD,KAAtD;AAAA,GADwC,EAExC,CAACT,KAAK,CAACW,UAAP,CAFwC,CAA1C;AAKA,MAAMC,iBAAiB,GAAGC,sDAAuB,CAACb,KAAD,CAAjD;AAEA,MAAMc,GAAG,GAAGC,yBAAK,CAACV,OAAN,CACV;AAAA,WAAO;AACLL,MAAAA,KAAK,EAAEY,iBADF;AAELV,MAAAA,YAAY,EAAZA,YAFK;AAGLC,MAAAA,eAAe,EAAfA,eAHK;AAILC,MAAAA,WAAW,EAAXA,WAJK;AAKLG,MAAAA,uBAAuB,EAAvBA,uBALK;AAMLG,MAAAA,0BAA0B,EAA1BA;AANK,KAAP;AAAA,GADU,EASV,CAACE,iBAAD,EAAoBV,YAApB,EAAkCE,WAAlC,EAA+CG,uBAA/C,EAAwEG,0BAAxE,CATU,CAAZ;AAYA,SAAOI,GAAP;AACD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useValidateProps.js","sources":["../../../src/config/useValidateProps.tsx"],"sourcesContent":["import { AppPickerPropsT, GlobalHeaderPropsT, PopupPropsT, ToolbarItemT } from '../index.d';\nimport {\n throwToolbarPopupItemError,\n throwToolbarAppPickerItemError,\n throwToolbarItemGenericError,\n throwLogoError,\n throwBreadcrumbItemError,\n isValidToolbarType,\n isObject,\n} from './validateHelpers';\n\nconst validatePopupItem = (componentProps: PopupPropsT): void => {\n if (componentProps.options && !Array.isArray(componentProps.options)) {\n throwToolbarPopupItemError('options', componentProps.options);\n }\n if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== 'boolean') {\n throwToolbarPopupItemError('closeOnClick', componentProps.closeOnClick);\n }\n};\n\nconst validateAppPickerItem = (componentProps: AppPickerPropsT): void => {\n if (componentProps.apps && !Array.isArray(componentProps.apps)) {\n throwToolbarAppPickerItemError('apps', componentProps.apps);\n }\n if (componentProps.customApps && !Array.isArray(componentProps.customApps)) {\n throwToolbarAppPickerItemError('customApps', componentProps.customApps);\n }\n if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== 'string') {\n throwToolbarAppPickerItemError('sectionTitle', componentProps.sectionTitle);\n }\n if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== 'string') {\n throwToolbarAppPickerItemError('customSectionTitle', componentProps.customSectionTitle);\n }\n};\n\nconst validateGenericToolbarItem = (item: ToolbarItemT): void => {\n if (item.label && typeof item.label !== 'string') {\n throwToolbarItemGenericError('label', item.label);\n }\n if (item.onClick && typeof item.onClick !== 'function') {\n throwToolbarItemGenericError('onClick', item.onClick);\n }\n if (item.Icon && typeof item.Icon !== 'function') {\n if (item.type === 'ds-app-picker') return;\n throwToolbarItemGenericError('Icon', item.Icon);\n }\n};\n\nexport const useValidateProps = (props: GlobalHeaderPropsT): void => {\n const { breadcrumb, toolbar, Logo, LogoWithBrand } = props;\n\n if (Logo && typeof Logo !== 'function') {\n throwLogoError('Logo', Logo);\n }\n\n if (LogoWithBrand && typeof LogoWithBrand !== 'function') {\n throwLogoError('LogoWithBrand', LogoWithBrand);\n }\n\n breadcrumb.forEach((breadcrumbItem) => {\n if (breadcrumbItem.label && typeof breadcrumbItem.label !== 'string') {\n throwBreadcrumbItemError('label', breadcrumbItem.label);\n }\n if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== 'function') {\n throwBreadcrumbItemError('onClick', breadcrumbItem.onClick);\n }\n if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== 'boolean') {\n throwBreadcrumbItemError('hasNext', breadcrumbItem.hasNext);\n }\n if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== 'boolean') {\n throwBreadcrumbItemError('isSelected', breadcrumbItem.isSelected);\n }\n });\n\n toolbar.forEach((toolbarItem) => {\n validateGenericToolbarItem(toolbarItem);\n if (toolbarItem.type) {\n if (!isValidToolbarType(toolbarItem.type)) {\n throwToolbarItemGenericError('type', toolbarItem.type);\n }\n if (toolbarItem.componentProps && !isObject(toolbarItem.componentProps)) {\n throwToolbarItemGenericError('componentProps', toolbarItem.componentProps);\n }\n if (toolbarItem.type === 'ds-popup-menu') {\n validatePopupItem(toolbarItem.componentProps as PopupPropsT);\n } else {\n validateAppPickerItem(toolbarItem.componentProps as AppPickerPropsT);\n }\n }\n });\n};\n"],"names":["validatePopupItem","componentProps","options","Array","isArray","throwToolbarPopupItemError","closeOnClick","validateAppPickerItem","apps","throwToolbarAppPickerItemError","customApps","sectionTitle","customSectionTitle","validateGenericToolbarItem","item","label","throwToolbarItemGenericError","onClick","Icon","type","useValidateProps","props","breadcrumb","toolbar","Logo","LogoWithBrand","throwLogoError","forEach","breadcrumbItem","throwBreadcrumbItemError","hasNext","isSelected","toolbarItem","isValidToolbarType","isObject"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"validateHelpers.js","sources":["../../../src/config/validateHelpers.tsx"],"sourcesContent":["export const breadcrumbProps = {\n label: 'string',\n onClick: 'function',\n hasNext: 'boolean',\n isSelected: 'boolean',\n};\n\nexport const toolbarProps = {\n label: 'string',\n type: '\"ds-app-picker\" or \"ds-popup-menu\"',\n componentProps: 'object',\n Icon: 'react component',\n onClick: 'function',\n options: 'array',\n closeOnClick: 'boolean',\n apps: 'array',\n customApps: 'array',\n sectionTitle: 'string',\n customSectionTitle: 'string',\n};\n\nexport const isObject = (obj: unknown): boolean => typeof obj === 'object' && !!obj && !Array.isArray(obj);\n\nexport const getVariableType = (arg: unknown): string => {\n if (Array.isArray(arg)) return 'array';\n if (arg === null) return 'null';\n if (arg === undefined) return 'undefined';\n return typeof arg;\n};\n\nexport const isValidToolbarType = (string: unknown): boolean =>\n string === 'ds-app-picker' || string === 'ds-popup-menu';\n\nexport const throwBreadcrumbItemError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a breadcrumb item, please provide a valid type.\n\n Received: ${invalidProp} (${typeof invalidProp})\n Expected: (${breadcrumbProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarPopupItemError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-popup-menu \n toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarAppPickerItemError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-app-picker \n toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarItemGenericError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwLogoError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a global header, \n remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)}).\n Expected: (react component).\n `,\n );\n};\n"],"names":["breadcrumbProps","label","onClick","hasNext","isSelected","toolbarProps","type","componentProps","Icon","options","closeOnClick","apps","customApps","sectionTitle","customSectionTitle","isObject","obj","_typeof","Array","isArray","getVariableType","arg","undefined","isValidToolbarType","string","throwBreadcrumbItemError","validPropKey","invalidProp","Error","throwToolbarPopupItemError","throwToolbarAppPickerItemError","throwToolbarItemGenericError","throwLogoError"],"mappings":";;;;;;;;;;IAAaA,eAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAE,QADsB;AAE7BC,EAAAA,OAAO,EAAE,UAFoB;AAG7BC,EAAAA,OAAO,EAAE,SAHoB;AAI7BC,EAAAA,UAAU,EAAE;AAJiB;IAOlBC,YAAY,GAAG;AAC1BJ,EAAAA,KAAK,EAAE,QADmB;AAE1BK,EAAAA,IAAI,EAAE,oCAFoB;AAG1BC,EAAAA,cAAc,EAAE,QAHU;AAI1BC,EAAAA,IAAI,EAAE,iBAJoB;AAK1BN,EAAAA,OAAO,EAAE,UALiB;AAM1BO,EAAAA,OAAO,EAAE,OANiB;AAO1BC,EAAAA,YAAY,EAAE,SAPY;AAQ1BC,EAAAA,IAAI,EAAE,OARoB;AAS1BC,EAAAA,UAAU,EAAE,OATc;AAU1BC,EAAAA,YAAY,EAAE,QAVY;AAW1BC,EAAAA,kBAAkB,EAAE;AAXM;IAcfC,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD;AAAA,SAA2BC,4BAAOD,GAAP,MAAe,QAAf,IAA2B,CAAC,CAACA,GAA7B,IAAoC,CAACE,KAAK,CAACC,OAAN,CAAcH,GAAd,CAAhE;AAAA;IAEXI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAA0B;AACvD,MAAIH,KAAK,CAACC,OAAN,CAAcE,GAAd,CAAJ,EAAwB,OAAO,OAAP;AACxB,MAAIA,GAAG,KAAK,IAAZ,EAAkB,OAAO,MAAP;AAClB,MAAIA,GAAG,KAAKC,SAAZ,EAAuB,OAAO,WAAP;AACvB,qCAAcD,GAAd;AACD;IAEYE,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD;AAAA,SAChCA,MAAM,KAAK,eAAX,IAA8BA,MAAM,KAAK,eADT;AAAA;IAGrBC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,YAAD,EAAuBC,WAAvB,EAAsD;AAC5F,QAAM,IAAIC,KAAJ,gDACmCF,YADnC,4FAGMC,WAHN,2CAG6BA,WAH7B,8BAIO3B,eAAe,CAAC0B,YAAD,CAJtB,WAAN;AAOD;IAEYG,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACH,YAAD,EAAuBC,WAAvB,EAAsD;AAC9F,QAAM,IAAIC,KAAJ,gDACmCF,YADnC,mIAIMC,WAJN,eAIsBP,eAAe,CAACO,WAAD,CAJrC,6BAKOtB,YAAY,CAACqB,YAAD,CALnB,WAAN;AAQD;IAEYI,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACJ,YAAD,EAAuBC,WAAvB,EAAsD;AAClG,QAAM,IAAIC,KAAJ,gDACmCF,YADnC,mIAIMC,WAJN,eAIsBP,eAAe,CAACO,WAAD,CAJrC,6BAKOtB,YAAY,CAACqB,YAAD,CALnB,WAAN;AAQD;IAEYK,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACL,YAAD,EAAuBC,WAAvB,EAAsD;AAChG,QAAM,IAAIC,KAAJ,gDACmCF,YADnC,yFAGMC,WAHN,eAGsBP,eAAe,CAACO,WAAD,CAHrC,6BAIOtB,YAAY,CAACqB,YAAD,CAJnB,WAAN;AAOD;IAEYM,cAAc,GAAG,SAAjBA,cAAiB,CAACN,YAAD,EAAuBC,WAAvB,EAAsD;AAClF,QAAM,IAAIC,KAAJ,gDACmCF,YADnC,iJAIMC,WAJN,eAIsBP,eAAe,CAACO,WAAD,CAJrC,4CAAN;AAQD;;;;;;;;;;;;;"}
|
package/cjs/defaultProps.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["import type { GlobalHeaderPropsT } from './index.d';\n\nexport const defaultProps: GlobalHeaderPropsT = { breadcrumb: [], toolbar: [], LogoWithBrand: null, Logo: null };\n"],"names":["defaultProps","breadcrumb","toolbar","LogoWithBrand","Logo"],"mappings":";;;;IAEaA,YAAgC,GAAG;AAAEC,EAAAA,UAAU,EAAE,EAAd;AAAkBC,EAAAA,OAAO,EAAE,EAA3B;AAA+BC,EAAAA,aAAa,EAAE,IAA9C;AAAoDC,EAAAA,IAAI,EAAE;AAA1D;;;;"}
|
package/cjs/index.d.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|