@elliemae/ds-global-header 2.3.1 → 3.0.0-alpha.3

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 (182) hide show
  1. package/dist/cjs/GlobalHeader.js +57 -0
  2. package/dist/cjs/GlobalHeader.js.map +7 -0
  3. package/dist/cjs/GlobalHeaderContainer.js +41 -0
  4. package/dist/cjs/GlobalHeaderContainer.js.map +7 -0
  5. package/dist/cjs/GlobalHeaderContext.js +46 -0
  6. package/dist/cjs/GlobalHeaderContext.js.map +7 -0
  7. package/dist/cjs/GlobalHeaderTypes.js +27 -0
  8. package/dist/cjs/GlobalHeaderTypes.js.map +7 -0
  9. package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +110 -0
  10. package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +7 -0
  11. package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js +79 -0
  12. package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js.map +7 -0
  13. package/dist/cjs/components/Breadcrumb/styles.js +83 -0
  14. package/dist/cjs/components/Breadcrumb/styles.js.map +7 -0
  15. package/dist/cjs/components/Title/GlobalHeaderTitle.js +48 -0
  16. package/dist/cjs/components/Title/GlobalHeaderTitle.js.map +7 -0
  17. package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js +49 -0
  18. package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js.map +7 -0
  19. package/dist/cjs/components/Toolbar/ToolbarItems.js +122 -0
  20. package/dist/cjs/components/Toolbar/ToolbarItems.js.map +7 -0
  21. package/dist/cjs/components/Toolbar/styles.js +61 -0
  22. package/dist/cjs/components/Toolbar/styles.js.map +7 -0
  23. package/dist/cjs/config/useGetPropsWithDefaults.js +54 -0
  24. package/dist/cjs/config/useGetPropsWithDefaults.js.map +7 -0
  25. package/dist/cjs/config/useGlobalHeader.js +53 -0
  26. package/dist/cjs/config/useGlobalHeader.js.map +7 -0
  27. package/dist/cjs/config/useValidateProps.js +109 -0
  28. package/dist/cjs/config/useValidateProps.js.map +7 -0
  29. package/dist/cjs/config/validateHelpers.js +111 -0
  30. package/dist/cjs/config/validateHelpers.js.map +7 -0
  31. package/dist/cjs/defaultProps.js +41 -0
  32. package/dist/cjs/defaultProps.js.map +7 -0
  33. package/dist/cjs/index.js +36 -0
  34. package/dist/cjs/index.js.map +7 -0
  35. package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js +139 -0
  36. package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js.map +7 -0
  37. package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js +122 -0
  38. package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js.map +7 -0
  39. package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +97 -0
  40. package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js.map +7 -0
  41. package/dist/cjs/outOfTheBox/PopupMenu/styles.js +67 -0
  42. package/dist/cjs/outOfTheBox/PopupMenu/styles.js.map +7 -0
  43. package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js +134 -0
  44. package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js.map +7 -0
  45. package/dist/cjs/outOfTheBox/SearchToggle/styles.js +82 -0
  46. package/dist/cjs/outOfTheBox/SearchToggle/styles.js.map +7 -0
  47. package/dist/cjs/outOfTheBox/index.js +30 -0
  48. package/dist/cjs/outOfTheBox/index.js.map +7 -0
  49. package/dist/cjs/propTypes.js +56 -0
  50. package/dist/cjs/propTypes.js.map +7 -0
  51. package/dist/cjs/styles.js +43 -0
  52. package/dist/cjs/styles.js.map +7 -0
  53. package/dist/esm/GlobalHeader.js +28 -0
  54. package/dist/esm/GlobalHeader.js.map +7 -0
  55. package/dist/esm/GlobalHeaderContainer.js +12 -0
  56. package/dist/esm/GlobalHeaderContainer.js.map +7 -0
  57. package/dist/esm/GlobalHeaderContext.js +17 -0
  58. package/dist/esm/GlobalHeaderContext.js.map +7 -0
  59. package/dist/esm/GlobalHeaderTypes.js +2 -0
  60. package/dist/esm/GlobalHeaderTypes.js.map +7 -0
  61. package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +83 -0
  62. package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +7 -0
  63. package/dist/esm/components/Breadcrumb/PureBreadcrumb.js +52 -0
  64. package/dist/esm/components/Breadcrumb/PureBreadcrumb.js.map +7 -0
  65. package/dist/esm/components/Breadcrumb/styles.js +54 -0
  66. package/dist/esm/components/Breadcrumb/styles.js.map +7 -0
  67. package/dist/esm/components/Title/GlobalHeaderTitle.js +19 -0
  68. package/dist/esm/components/Title/GlobalHeaderTitle.js.map +7 -0
  69. package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js +20 -0
  70. package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js.map +7 -0
  71. package/dist/esm/components/Toolbar/ToolbarItems.js +95 -0
  72. package/dist/esm/components/Toolbar/ToolbarItems.js.map +7 -0
  73. package/dist/esm/components/Toolbar/styles.js +32 -0
  74. package/dist/esm/components/Toolbar/styles.js.map +7 -0
  75. package/dist/esm/config/useGetPropsWithDefaults.js +27 -0
  76. package/dist/esm/config/useGetPropsWithDefaults.js.map +7 -0
  77. package/dist/esm/config/useGlobalHeader.js +24 -0
  78. package/dist/esm/config/useGlobalHeader.js.map +7 -0
  79. package/dist/esm/config/useValidateProps.js +88 -0
  80. package/dist/esm/config/useValidateProps.js.map +7 -0
  81. package/dist/esm/config/validateHelpers.js +82 -0
  82. package/dist/esm/config/validateHelpers.js.map +7 -0
  83. package/{esm → dist/esm}/defaultProps.js +5 -3
  84. package/dist/esm/defaultProps.js.map +7 -0
  85. package/dist/esm/index.js +7 -0
  86. package/dist/esm/index.js.map +7 -0
  87. package/dist/esm/outOfTheBox/AppPicker/AppPicker.js +112 -0
  88. package/dist/esm/outOfTheBox/AppPicker/AppPicker.js.map +7 -0
  89. package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js +95 -0
  90. package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js.map +7 -0
  91. package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +70 -0
  92. package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js.map +7 -0
  93. package/dist/esm/outOfTheBox/PopupMenu/styles.js +38 -0
  94. package/dist/esm/outOfTheBox/PopupMenu/styles.js.map +7 -0
  95. package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js +107 -0
  96. package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js.map +7 -0
  97. package/dist/esm/outOfTheBox/SearchToggle/styles.js +53 -0
  98. package/dist/esm/outOfTheBox/SearchToggle/styles.js.map +7 -0
  99. package/dist/esm/outOfTheBox/index.js +5 -0
  100. package/dist/esm/outOfTheBox/index.js.map +7 -0
  101. package/dist/esm/propTypes.js +27 -0
  102. package/dist/esm/propTypes.js.map +7 -0
  103. package/dist/esm/styles.js +14 -0
  104. package/dist/esm/styles.js.map +7 -0
  105. package/package.json +82 -73
  106. package/cjs/GlobalHeader.js +0 -37
  107. package/cjs/GlobalHeaderContainer.js +0 -24
  108. package/cjs/GlobalHeaderContext.js +0 -20
  109. package/cjs/GlobalHeaderTypes.js +0 -2
  110. package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -85
  111. package/cjs/components/Breadcrumb/PureBreadcrumb.js +0 -60
  112. package/cjs/components/Breadcrumb/styles.js +0 -59
  113. package/cjs/components/Title/GlobalHeaderTitle.js +0 -29
  114. package/cjs/components/Toolbar/GlobalHeaderToolbar.js +0 -30
  115. package/cjs/components/Toolbar/ToolbarItems.js +0 -107
  116. package/cjs/components/Toolbar/styles.js +0 -25
  117. package/cjs/config/useGetPropsWithDefaults.js +0 -31
  118. package/cjs/config/useGlobalHeader.js +0 -39
  119. package/cjs/config/useValidateProps.js +0 -92
  120. package/cjs/config/validateHelpers.js +0 -57
  121. package/cjs/defaultProps.js +0 -14
  122. package/cjs/index.js +0 -11
  123. package/cjs/outOfTheBox/AppPicker/AppPicker.js +0 -117
  124. package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +0 -101
  125. package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -96
  126. package/cjs/outOfTheBox/PopupMenu/styles.js +0 -32
  127. package/cjs/outOfTheBox/SearchToggle/SearchToggle.js +0 -113
  128. package/cjs/outOfTheBox/SearchToggle/styles.js +0 -15
  129. package/cjs/outOfTheBox/index.js +0 -13
  130. package/cjs/propTypes.js +0 -29
  131. package/cjs/styles.js +0 -21
  132. package/esm/GlobalHeader.js +0 -28
  133. package/esm/GlobalHeaderContainer.js +0 -16
  134. package/esm/GlobalHeaderContext.js +0 -16
  135. package/esm/GlobalHeaderTypes.js +0 -1
  136. package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -75
  137. package/esm/components/Breadcrumb/PureBreadcrumb.js +0 -49
  138. package/esm/components/Breadcrumb/styles.js +0 -48
  139. package/esm/components/Title/GlobalHeaderTitle.js +0 -21
  140. package/esm/components/Toolbar/GlobalHeaderToolbar.js +0 -22
  141. package/esm/components/Toolbar/ToolbarItems.js +0 -97
  142. package/esm/components/Toolbar/styles.js +0 -17
  143. package/esm/config/useGetPropsWithDefaults.js +0 -23
  144. package/esm/config/useGlobalHeader.js +0 -31
  145. package/esm/config/useValidateProps.js +0 -88
  146. package/esm/config/validateHelpers.js +0 -44
  147. package/esm/index.js +0 -1
  148. package/esm/outOfTheBox/AppPicker/AppPicker.js +0 -107
  149. package/esm/outOfTheBox/PopupMenu/PopupMenu.js +0 -91
  150. package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -86
  151. package/esm/outOfTheBox/PopupMenu/styles.js +0 -21
  152. package/esm/outOfTheBox/SearchToggle/SearchToggle.js +0 -103
  153. package/esm/outOfTheBox/SearchToggle/styles.js +0 -7
  154. package/esm/outOfTheBox/index.js +0 -3
  155. package/esm/propTypes.js +0 -23
  156. package/esm/styles.js +0 -13
  157. package/types/GlobalHeader.d.ts +0 -39
  158. package/types/GlobalHeaderContainer.d.ts +0 -3
  159. package/types/GlobalHeaderContext.d.ts +0 -3
  160. package/types/GlobalHeaderTypes.d.ts +0 -85
  161. package/types/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts +0 -2
  162. package/types/components/Breadcrumb/PureBreadcrumb.d.ts +0 -3
  163. package/types/components/Breadcrumb/styles.d.ts +0 -5
  164. package/types/components/Title/GlobalHeaderTitle.d.ts +0 -2
  165. package/types/components/Toolbar/GlobalHeaderToolbar.d.ts +0 -2
  166. package/types/components/Toolbar/ToolbarItems.d.ts +0 -2
  167. package/types/components/Toolbar/styles.d.ts +0 -1
  168. package/types/config/useGetPropsWithDefaults.d.ts +0 -2
  169. package/types/config/useGlobalHeader.d.ts +0 -2
  170. package/types/config/useValidateProps.d.ts +0 -2
  171. package/types/config/validateHelpers.d.ts +0 -27
  172. package/types/defaultProps.d.ts +0 -2
  173. package/types/index.d.ts +0 -2
  174. package/types/outOfTheBox/AppPicker/AppPicker.d.ts +0 -8
  175. package/types/outOfTheBox/PopupMenu/PopupMenu.d.ts +0 -3
  176. package/types/outOfTheBox/PopupMenu/PopupMenuContent.d.ts +0 -3
  177. package/types/outOfTheBox/PopupMenu/styles.d.ts +0 -4
  178. package/types/outOfTheBox/SearchToggle/SearchToggle.d.ts +0 -3
  179. package/types/outOfTheBox/SearchToggle/styles.d.ts +0 -1
  180. package/types/outOfTheBox/index.d.ts +0 -3
  181. package/types/propTypes.d.ts +0 -29
  182. package/types/styles.d.ts +0 -2
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import styled from "styled-components";
3
+ import { GridContainer } from "@elliemae/ds-grid";
4
+ const Wrapper = styled(GridContainer)`
5
+ background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
6
+ color: ${({ theme }) => theme.colors.neutral["000"]};
7
+ width: 100%;
8
+ height: 40px;
9
+ padding: 0 24px 0 12px;
10
+ `;
11
+ export {
12
+ Wrapper
13
+ };
14
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { GridContainer } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(GridContainer)`\n background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);\n color: ${({ theme }) => theme.colors.neutral['000']};\n width: 100%;\n height: 40px;\n padding: 0 24px 0 12px;\n`;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,UAAU,OAAO;AAAA;AAAA,WAEnB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,115 +1,118 @@
1
1
  {
2
2
  "name": "@elliemae/ds-global-header",
3
- "version": "2.3.1",
3
+ "version": "3.0.0-alpha.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Global Header",
6
- "module": "./esm/index.js",
7
- "main": "./cjs/index.js",
8
- "types": "./types/index.d.ts",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "module": "./dist/esm/index.js",
10
+ "main": "./dist/cjs/index.js",
11
+ "types": "./dist/types/index.d.ts",
9
12
  "exports": {
10
13
  ".": {
11
- "import": "./esm/index.js",
12
- "require": "./cjs/index.js"
14
+ "import": "./dist/esm/index.js",
15
+ "require": "./dist/cjs/index.js"
13
16
  },
14
17
  "./styles": {
15
- "import": "./esm/styles.js",
16
- "require": "./cjs/styles.js"
18
+ "import": "./dist/esm/styles.js",
19
+ "require": "./dist/cjs/styles.js"
17
20
  },
18
21
  "./propTypes": {
19
- "import": "./esm/propTypes.js",
20
- "require": "./cjs/propTypes.js"
22
+ "import": "./dist/esm/propTypes.js",
23
+ "require": "./dist/cjs/propTypes.js"
21
24
  },
22
25
  "./outOfTheBox/SearchToggle/styles": {
23
- "import": "./esm/outOfTheBox/SearchToggle/styles.js",
24
- "require": "./cjs/outOfTheBox/SearchToggle/styles.js"
26
+ "import": "./dist/esm/outOfTheBox/SearchToggle/styles.js",
27
+ "require": "./dist/cjs/outOfTheBox/SearchToggle/styles.js"
25
28
  },
26
29
  "./outOfTheBox/SearchToggle/SearchToggle": {
27
- "import": "./esm/outOfTheBox/SearchToggle/SearchToggle.js",
28
- "require": "./cjs/outOfTheBox/SearchToggle/SearchToggle.js"
30
+ "import": "./dist/esm/outOfTheBox/SearchToggle/SearchToggle.js",
31
+ "require": "./dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js"
29
32
  },
30
33
  "./outOfTheBox/PopupMenu/styles": {
31
- "import": "./esm/outOfTheBox/PopupMenu/styles.js",
32
- "require": "./cjs/outOfTheBox/PopupMenu/styles.js"
34
+ "import": "./dist/esm/outOfTheBox/PopupMenu/styles.js",
35
+ "require": "./dist/cjs/outOfTheBox/PopupMenu/styles.js"
33
36
  },
34
37
  "./outOfTheBox/PopupMenu/PopupMenuContent": {
35
- "import": "./esm/outOfTheBox/PopupMenu/PopupMenuContent.js",
36
- "require": "./cjs/outOfTheBox/PopupMenu/PopupMenuContent.js"
38
+ "import": "./dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js",
39
+ "require": "./dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js"
37
40
  },
38
41
  "./outOfTheBox/PopupMenu/PopupMenu": {
39
- "import": "./esm/outOfTheBox/PopupMenu/PopupMenu.js",
40
- "require": "./cjs/outOfTheBox/PopupMenu/PopupMenu.js"
42
+ "import": "./dist/esm/outOfTheBox/PopupMenu/PopupMenu.js",
43
+ "require": "./dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js"
41
44
  },
42
45
  "./outOfTheBox": {
43
- "import": "./esm/outOfTheBox/index.js",
44
- "require": "./cjs/outOfTheBox/index.js"
46
+ "import": "./dist/esm/outOfTheBox/index.js",
47
+ "require": "./dist/cjs/outOfTheBox/index.js"
45
48
  },
46
49
  "./outOfTheBox/AppPicker/AppPicker": {
47
- "import": "./esm/outOfTheBox/AppPicker/AppPicker.js",
48
- "require": "./cjs/outOfTheBox/AppPicker/AppPicker.js"
50
+ "import": "./dist/esm/outOfTheBox/AppPicker/AppPicker.js",
51
+ "require": "./dist/cjs/outOfTheBox/AppPicker/AppPicker.js"
49
52
  },
50
53
  "./GlobalHeaderTypes": {
51
- "import": "./esm/GlobalHeaderTypes.js",
52
- "require": "./cjs/GlobalHeaderTypes.js"
54
+ "import": "./dist/esm/GlobalHeaderTypes.js",
55
+ "require": "./dist/cjs/GlobalHeaderTypes.js"
53
56
  },
54
57
  "./GlobalHeaderContext": {
55
- "import": "./esm/GlobalHeaderContext.js",
56
- "require": "./cjs/GlobalHeaderContext.js"
58
+ "import": "./dist/esm/GlobalHeaderContext.js",
59
+ "require": "./dist/cjs/GlobalHeaderContext.js"
57
60
  },
58
61
  "./GlobalHeaderContainer": {
59
- "import": "./esm/GlobalHeaderContainer.js",
60
- "require": "./cjs/GlobalHeaderContainer.js"
62
+ "import": "./dist/esm/GlobalHeaderContainer.js",
63
+ "require": "./dist/cjs/GlobalHeaderContainer.js"
61
64
  },
62
65
  "./GlobalHeader": {
63
- "import": "./esm/GlobalHeader.js",
64
- "require": "./cjs/GlobalHeader.js"
66
+ "import": "./dist/esm/GlobalHeader.js",
67
+ "require": "./dist/cjs/GlobalHeader.js"
65
68
  },
66
69
  "./defaultProps": {
67
- "import": "./esm/defaultProps.js",
68
- "require": "./cjs/defaultProps.js"
70
+ "import": "./dist/esm/defaultProps.js",
71
+ "require": "./dist/cjs/defaultProps.js"
69
72
  },
70
73
  "./config/validateHelpers": {
71
- "import": "./esm/config/validateHelpers.js",
72
- "require": "./cjs/config/validateHelpers.js"
74
+ "import": "./dist/esm/config/validateHelpers.js",
75
+ "require": "./dist/cjs/config/validateHelpers.js"
73
76
  },
74
77
  "./config/useValidateProps": {
75
- "import": "./esm/config/useValidateProps.js",
76
- "require": "./cjs/config/useValidateProps.js"
78
+ "import": "./dist/esm/config/useValidateProps.js",
79
+ "require": "./dist/cjs/config/useValidateProps.js"
77
80
  },
78
81
  "./config/useGlobalHeader": {
79
- "import": "./esm/config/useGlobalHeader.js",
80
- "require": "./cjs/config/useGlobalHeader.js"
82
+ "import": "./dist/esm/config/useGlobalHeader.js",
83
+ "require": "./dist/cjs/config/useGlobalHeader.js"
81
84
  },
82
85
  "./config/useGetPropsWithDefaults": {
83
- "import": "./esm/config/useGetPropsWithDefaults.js",
84
- "require": "./cjs/config/useGetPropsWithDefaults.js"
86
+ "import": "./dist/esm/config/useGetPropsWithDefaults.js",
87
+ "require": "./dist/cjs/config/useGetPropsWithDefaults.js"
85
88
  },
86
89
  "./components/Toolbar/ToolbarItems": {
87
- "import": "./esm/components/Toolbar/ToolbarItems.js",
88
- "require": "./cjs/components/Toolbar/ToolbarItems.js"
90
+ "import": "./dist/esm/components/Toolbar/ToolbarItems.js",
91
+ "require": "./dist/cjs/components/Toolbar/ToolbarItems.js"
89
92
  },
90
93
  "./components/Toolbar/styles": {
91
- "import": "./esm/components/Toolbar/styles.js",
92
- "require": "./cjs/components/Toolbar/styles.js"
94
+ "import": "./dist/esm/components/Toolbar/styles.js",
95
+ "require": "./dist/cjs/components/Toolbar/styles.js"
93
96
  },
94
97
  "./components/Toolbar/GlobalHeaderToolbar": {
95
- "import": "./esm/components/Toolbar/GlobalHeaderToolbar.js",
96
- "require": "./cjs/components/Toolbar/GlobalHeaderToolbar.js"
98
+ "import": "./dist/esm/components/Toolbar/GlobalHeaderToolbar.js",
99
+ "require": "./dist/cjs/components/Toolbar/GlobalHeaderToolbar.js"
97
100
  },
98
101
  "./components/Title/GlobalHeaderTitle": {
99
- "import": "./esm/components/Title/GlobalHeaderTitle.js",
100
- "require": "./cjs/components/Title/GlobalHeaderTitle.js"
102
+ "import": "./dist/esm/components/Title/GlobalHeaderTitle.js",
103
+ "require": "./dist/cjs/components/Title/GlobalHeaderTitle.js"
101
104
  },
102
105
  "./components/Breadcrumb/styles": {
103
- "import": "./esm/components/Breadcrumb/styles.js",
104
- "require": "./cjs/components/Breadcrumb/styles.js"
106
+ "import": "./dist/esm/components/Breadcrumb/styles.js",
107
+ "require": "./dist/cjs/components/Breadcrumb/styles.js"
105
108
  },
106
109
  "./components/Breadcrumb/PureBreadcrumb": {
107
- "import": "./esm/components/Breadcrumb/PureBreadcrumb.js",
108
- "require": "./cjs/components/Breadcrumb/PureBreadcrumb.js"
110
+ "import": "./dist/esm/components/Breadcrumb/PureBreadcrumb.js",
111
+ "require": "./dist/cjs/components/Breadcrumb/PureBreadcrumb.js"
109
112
  },
110
113
  "./components/Breadcrumb/GlobalHeaderBreadcrumb": {
111
- "import": "./esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js",
112
- "require": "./cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js"
114
+ "import": "./dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js",
115
+ "require": "./dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js"
113
116
  }
114
117
  },
115
118
  "sideEffects": [
@@ -121,25 +124,25 @@
121
124
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
122
125
  },
123
126
  "engines": {
124
- "npm": ">=7",
125
- "node": ">=14"
127
+ "pnpm": ">=6",
128
+ "node": ">=16"
126
129
  },
127
130
  "author": "ICE MT",
128
- "scripts": {
129
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
130
- "prebuild": "exit 0",
131
- "predev": "exit 0",
132
- "build": "node ../../scripts/build/build.js"
131
+ "jestSonar": {
132
+ "sonar56x": true,
133
+ "reportPath": "reports",
134
+ "reportFile": "tests.xml",
135
+ "indent": 4
133
136
  },
134
137
  "dependencies": {
135
- "@elliemae/ds-app-picker": "2.3.1",
136
- "@elliemae/ds-form": "2.3.1",
137
- "@elliemae/ds-grid": "2.3.1",
138
- "@elliemae/ds-icon": "2.3.1",
139
- "@elliemae/ds-icons": "2.3.1",
140
- "@elliemae/ds-popperjs": "2.3.1",
141
- "@elliemae/ds-props-helpers": "2.3.1",
142
- "@elliemae/ds-utilities": "2.3.1",
138
+ "@elliemae/ds-app-picker": "3.0.0-alpha.3",
139
+ "@elliemae/ds-form": "3.0.0-alpha.3",
140
+ "@elliemae/ds-grid": "3.0.0-alpha.3",
141
+ "@elliemae/ds-icon": "3.0.0-alpha.3",
142
+ "@elliemae/ds-icons": "3.0.0-alpha.3",
143
+ "@elliemae/ds-popperjs": "3.0.0-alpha.3",
144
+ "@elliemae/ds-props-helpers": "3.0.0-alpha.3",
145
+ "@elliemae/ds-utilities": "3.0.0-alpha.3",
143
146
  "react-desc": "~4.1.3",
144
147
  "uid": "~2.0.0"
145
148
  },
@@ -154,7 +157,13 @@
154
157
  },
155
158
  "publishConfig": {
156
159
  "access": "public",
157
- "directory": "dist",
158
- "generateSubmodules": true
160
+ "typeSafety": false
161
+ },
162
+ "scripts": {
163
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
164
+ "test": "node ../../scripts/testing/test.mjs",
165
+ "lint": "node ../../scripts/lint.mjs",
166
+ "dts": "node ../../scripts/dts.mjs",
167
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
159
168
  }
160
169
  }
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- require('react');
7
- var reactDesc = require('react-desc');
8
- var propTypes = require('./propTypes.js');
9
- var GlobalHeaderTitle = require('./components/Title/GlobalHeaderTitle.js');
10
- var GlobalHeaderBreadcrumb = require('./components/Breadcrumb/GlobalHeaderBreadcrumb.js');
11
- var GlobalHeaderToolbar = require('./components/Toolbar/GlobalHeaderToolbar.js');
12
- var GlobalHeaderContext = require('./GlobalHeaderContext.js');
13
- var useGlobalHeader = require('./config/useGlobalHeader.js');
14
- var defaultProps = require('./defaultProps.js');
15
- var GlobalHeaderContainer = require('./GlobalHeaderContainer.js');
16
- var useValidateProps = require('./config/useValidateProps.js');
17
-
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
21
-
22
- var _GlobalHeaderTitle, _GlobalHeaderBreadcru, _GlobalHeaderToolbar;
23
-
24
- const GlobalHeader = props => {
25
- useValidateProps.useValidateProps(props);
26
- const ctx = useGlobalHeader.useGlobalHeader(props);
27
- return /*#__PURE__*/_jsx__default["default"](GlobalHeaderContainer.GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](GlobalHeaderContext.GlobalHeaderContext.Provider, {
28
- value: ctx
29
- }, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx__default["default"](GlobalHeaderTitle.GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx__default["default"](GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx__default["default"](GlobalHeaderToolbar.GlobalHeaderToolbar, {}))));
30
- };
31
-
32
- GlobalHeader.defaultProps = defaultProps.defaultProps;
33
- const GlobalHeaderWithSchema = reactDesc.describe(GlobalHeader);
34
- GlobalHeaderWithSchema.propTypes = propTypes.globalHeaderProps;
35
-
36
- exports.GlobalHeader = GlobalHeader;
37
- exports.GlobalHeaderWithSchema = GlobalHeaderWithSchema;
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- require('react');
7
- var styles = require('./styles.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
12
-
13
- const GlobalHeaderContainer = _ref => {
14
- let {
15
- children
16
- } = _ref;
17
- return /*#__PURE__*/_jsx__default["default"]("header", {
18
- "data-testid": "ds-global-header"
19
- }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Wrapper, {
20
- cols: ['auto', '1fr', 'auto']
21
- }, void 0, children));
22
- };
23
-
24
- exports.GlobalHeaderContainer = GlobalHeaderContainer;
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var defaultProps = require('./defaultProps.js');
7
-
8
- const noop = () => null;
9
-
10
- const defaultContext = {
11
- props: defaultProps.defaultProps,
12
- showIconOnly: false,
13
- setShowIconOnly: noop,
14
- instanceUID: '',
15
- globalHeaderToolbarGrid: [],
16
- globalHeaderBreadcrumbGrid: []
17
- };
18
- const GlobalHeaderContext = /*#__PURE__*/React.createContext(defaultContext);
19
-
20
- exports.GlobalHeaderContext = GlobalHeaderContext;
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,85 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
- var _jsx = require('@babel/runtime/helpers/jsx');
8
- require('core-js/modules/esnext.async-iterator.map.js');
9
- require('core-js/modules/esnext.iterator.map.js');
10
- require('core-js/modules/esnext.async-iterator.filter.js');
11
- require('core-js/modules/esnext.iterator.constructor.js');
12
- require('core-js/modules/esnext.iterator.filter.js');
13
- require('core-js/modules/esnext.async-iterator.for-each.js');
14
- require('core-js/modules/esnext.iterator.for-each.js');
15
- var React = require('react');
16
- var dsGrid = require('@elliemae/ds-grid');
17
- var styles = require('./styles.js');
18
- var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
19
- var PureBreadcrumb = require('./PureBreadcrumb.js');
20
- var jsxRuntime = require('react/jsx-runtime');
21
-
22
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
-
24
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
25
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
26
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
27
-
28
- const _excluded = ["label"];
29
-
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
-
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
- const GlobalHeaderBreadcrumb = () => {
34
- const {
35
- props: {
36
- breadcrumb
37
- },
38
- instanceUID,
39
- showIconOnly,
40
- setShowIconOnly,
41
- globalHeaderBreadcrumbGrid
42
- } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
43
- const breakpoint = React.useRef(null);
44
- const flexRegion = React.useRef(null);
45
- React.useEffect(() => {
46
- const evaluateShowIconOnly = () => {
47
- if (flexRegion && flexRegion.current && (flexRegion === null || flexRegion === void 0 ? void 0 : flexRegion.current.offsetWidth) <= 0 && !breakpoint.current) {
48
- setShowIconOnly(true);
49
- breakpoint.current = window.innerWidth;
50
- } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
51
- setShowIconOnly(false);
52
- breakpoint.current = null;
53
- }
54
- };
55
-
56
- evaluateShowIconOnly();
57
- window.addEventListener('resize', evaluateShowIconOnly);
58
- return () => window.removeEventListener('resize', evaluateShowIconOnly);
59
- }, [breakpoint, flexRegion, setShowIconOnly]);
60
- return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
61
- height: "100%",
62
- alignItems: "center",
63
- justifyContent: "flex-start",
64
- "aria-label": "breadcrumbs",
65
- cols: globalHeaderBreadcrumbGrid,
66
- role: "navigation"
67
- }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Pipe, {
68
- showIconOnly: showIconOnly
69
- }), breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.map(item => {
70
- const {
71
- label
72
- } = item,
73
- rest = _objectWithoutProperties__default["default"](item, _excluded);
74
-
75
- return /*#__PURE__*/jsxRuntime.jsx(PureBreadcrumb.PureBreadcrumb, _objectSpread({
76
- label: label,
77
- length: breadcrumb.length
78
- }, rest), "".concat(instanceUID, "-breadcrumb-item-").concat(label));
79
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
80
- id: "global-header-flex-region",
81
- ref: flexRegion
82
- }));
83
- };
84
-
85
- exports.GlobalHeaderBreadcrumb = GlobalHeaderBreadcrumb;
@@ -1,60 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('core-js/modules/esnext.async-iterator.filter.js');
6
- require('core-js/modules/esnext.iterator.constructor.js');
7
- require('core-js/modules/esnext.iterator.filter.js');
8
- require('core-js/modules/esnext.async-iterator.for-each.js');
9
- require('core-js/modules/esnext.iterator.for-each.js');
10
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
- var _jsx = require('@babel/runtime/helpers/jsx');
12
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
13
- var React = require('react');
14
- var dsIcons = require('@elliemae/ds-icons');
15
- var dsPropsHelpers = require('@elliemae/ds-props-helpers');
16
- var styles = require('./styles.js');
17
- var jsxRuntime = require('react/jsx-runtime');
18
-
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
22
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
24
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
-
26
- var _ChevronSmallRight;
27
-
28
- const _excluded = ["onClick", "isSelected", "length", "label", "hasNext", "id"];
29
-
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
-
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
- const PureBreadcrumb = /*#__PURE__*/React__default["default"].memo(_ref => {
34
- let {
35
- onClick,
36
- isSelected,
37
- length,
38
- label,
39
- hasNext,
40
- id
41
- } = _ref,
42
- rest = _objectWithoutProperties__default["default"](_ref, _excluded);
43
-
44
- return /*#__PURE__*/_jsx__default["default"](styles.BreadcrumbItem, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.LabelButton, _objectSpread(_objectSpread({
45
- onClick: onClick,
46
- "aria-selected": isSelected,
47
- "data-testid": "gh-breadcrumb-btn",
48
- id: id
49
- }, dsPropsHelpers.getDataProps(rest)), {}, {
50
- children: /*#__PURE__*/_jsx__default["default"](styles.Label, {
51
- isSelected: !!isSelected,
52
- isOnlyItem: length === 1
53
- }, void 0, label)
54
- })), hasNext && (_ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {
55
- size: "m",
56
- fill: "#FFF"
57
- }))));
58
- });
59
-
60
- exports.PureBreadcrumb = PureBreadcrumb;
@@ -1,59 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var styled = require('styled-components');
6
-
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
10
-
11
- const Pipe = /*#__PURE__*/styled__default["default"].span.withConfig({
12
- componentId: "sc-1n5l527-0"
13
- })(["margin:0 7px 0 0;border-left:", ";height:20px;"], _ref => {
14
- let {
15
- showIconOnly
16
- } = _ref;
17
- return showIconOnly ? 'none' : '1px solid #fff';
18
- });
19
- const BreadcrumbItem = /*#__PURE__*/styled__default["default"].div.withConfig({
20
- componentId: "sc-1n5l527-1"
21
- })(["display:flex;align-items:center;height:100%;"]);
22
- const LabelButton = /*#__PURE__*/styled__default["default"].button.withConfig({
23
- componentId: "sc-1n5l527-2"
24
- })(["width:fit-content;height:100%;margin:0;padding:0;border:1px solid transparent;background-color:transparent;outline:none;cursor:pointer;position:relative;&:focus{:before{content:'';position:absolute;z-index:2;top:2px;left:-5px;width:calc(100% + 10px);height:calc(100% - 4px);border:2px solid ", ";border-radius:4px;}}"], _ref2 => {
25
- let {
26
- theme
27
- } = _ref2;
28
- return theme.colors.neutral['000'];
29
- });
30
- const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
31
- componentId: "sc-1n5l527-3"
32
- })(["color:", ";", ";font-size:16px;text-transform:uppercase;border-bottom:", ";margin:3px 5px 0 5px;:hover{", ";}"], _ref3 => {
33
- let {
34
- theme
35
- } = _ref3;
36
- return theme.colors.neutral['000'];
37
- }, _ref4 => {
38
- let {
39
- theme,
40
- isSelected
41
- } = _ref4;
42
- return "-webkit-text-stroke: 0.4px ".concat(isSelected ? theme.colors.neutral['000'] : 'transparent');
43
- }, _ref5 => {
44
- let {
45
- isSelected,
46
- isOnlyItem
47
- } = _ref5;
48
- return "2px solid ".concat(isSelected && !isOnlyItem ? '#FFF' : 'transparent');
49
- }, _ref6 => {
50
- let {
51
- theme
52
- } = _ref6;
53
- return "-webkit-text-stroke: 0.4px ".concat(theme.colors.neutral['000']);
54
- });
55
-
56
- exports.BreadcrumbItem = BreadcrumbItem;
57
- exports.Label = Label;
58
- exports.LabelButton = LabelButton;
59
- exports.Pipe = Pipe;
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- var React = require('react');
7
- var dsGrid = require('@elliemae/ds-grid');
8
- var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
-
14
- const GlobalHeaderTitle = () => {
15
- const {
16
- props: {
17
- Logo,
18
- LogoWithBrand
19
- },
20
- showIconOnly
21
- } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
22
- return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
23
- alignItems: "center",
24
- pr: showIconOnly ? '0px' : '36px',
25
- cols: showIconOnly ? ['auto'] : ['auto', '1fr']
26
- }, void 0, Logo && showIconOnly && /*#__PURE__*/_jsx__default["default"](Logo, {}), LogoWithBrand && !showIconOnly && /*#__PURE__*/_jsx__default["default"](LogoWithBrand, {}));
27
- };
28
-
29
- exports.GlobalHeaderTitle = GlobalHeaderTitle;
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- var React = require('react');
7
- var dsGrid = require('@elliemae/ds-grid');
8
- var ToolbarItems = require('./ToolbarItems.js');
9
- var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
-
15
- var _ToolbarItems;
16
- const GlobalHeaderToolbar = () => {
17
- const {
18
- globalHeaderToolbarGrid
19
- } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
20
- return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
21
- height: "100%",
22
- alignItems: "center",
23
- justifyContent: "center",
24
- gutter: "xxs",
25
- cols: globalHeaderToolbarGrid,
26
- role: "toolbar"
27
- }, void 0, _ToolbarItems || (_ToolbarItems = /*#__PURE__*/_jsx__default["default"](ToolbarItems.ToolbarItems, {})));
28
- };
29
-
30
- exports.GlobalHeaderToolbar = GlobalHeaderToolbar;