@availity/page-header 0.0.0-t325224b2 → 1.0.0
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/CHANGELOG.md +2482 -0
- package/README.md +13 -48
- package/index.d.ts +2 -3
- package/index.js +1 -3
- package/jest.config.js +7 -0
- package/package.json +41 -22
- package/project.json +39 -0
- package/src/PageHeader.js +195 -0
- package/styles.scss +47 -0
- package/tsconfig.json +4 -26
- package/tsconfig.spec.json +10 -0
- package/types/PageHeader.d.ts +36 -0
- package/LICENSE +0 -20
- package/PageHeader.d.ts +0 -22
- package/PageHeader.js +0 -79
- package/tests/PageHeader.test.js +0 -74
- package/tests/__snapshots__/PageHeader.test.js.snap +0 -382
package/tests/PageHeader.test.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from 'react-testing-library';
|
|
3
|
-
// import TrainingLink from '@availity/training-link';
|
|
4
|
-
import PageHeader from '..';
|
|
5
|
-
|
|
6
|
-
describe('PageHeader', () => {
|
|
7
|
-
test('should render', () => {
|
|
8
|
-
const { container } = render(<PageHeader appName="Payer Space" />);
|
|
9
|
-
|
|
10
|
-
expect(container).toMatchSnapshot();
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
test('should render app icon', () => {
|
|
14
|
-
const { container } = render(
|
|
15
|
-
<PageHeader appName="Payer Space" appAbbr="PS" />
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
expect(container).toMatchSnapshot();
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
test('should render app icon color', () => {
|
|
22
|
-
const { container } = render(
|
|
23
|
-
<PageHeader appName="Payer Space" appAbbr="PS" iconColor="green" />
|
|
24
|
-
);
|
|
25
|
-
|
|
26
|
-
expect(container).toMatchSnapshot();
|
|
27
|
-
});
|
|
28
|
-
|
|
29
|
-
test('should render app icon color branded', () => {
|
|
30
|
-
const { container } = render(
|
|
31
|
-
<PageHeader
|
|
32
|
-
appName="Payer Space"
|
|
33
|
-
appAbbr="PS"
|
|
34
|
-
iconColor="green"
|
|
35
|
-
branded
|
|
36
|
-
/>
|
|
37
|
-
);
|
|
38
|
-
|
|
39
|
-
expect(container).toMatchSnapshot();
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
test('should render feedback', () => {
|
|
43
|
-
const { container } = render(<PageHeader appName="Payer Space" feedback />);
|
|
44
|
-
|
|
45
|
-
expect(container).toMatchSnapshot();
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
test('should render children', () => {
|
|
49
|
-
const { container } = render(
|
|
50
|
-
<PageHeader appName="Payer Space">
|
|
51
|
-
<p>this is cool</p>
|
|
52
|
-
</PageHeader>
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
expect(container).toMatchSnapshot();
|
|
56
|
-
});
|
|
57
|
-
/* test('should render trainingLink', () => {
|
|
58
|
-
const { container } = render(
|
|
59
|
-
<PageHeader
|
|
60
|
-
appName="Payer Space"
|
|
61
|
-
component={
|
|
62
|
-
<TrainingLink
|
|
63
|
-
name="Appeals"
|
|
64
|
-
link="https://www.youtube.com/watch?v=GgwE94KZJ7E"
|
|
65
|
-
/>
|
|
66
|
-
}
|
|
67
|
-
>
|
|
68
|
-
<p>this is cool</p>
|
|
69
|
-
</PageHeader>
|
|
70
|
-
);
|
|
71
|
-
|
|
72
|
-
expect(container).toMatchSnapshot();
|
|
73
|
-
}); */
|
|
74
|
-
});
|
|
@@ -1,382 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`PageHeader should render 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class="d-flex align-items-start"
|
|
7
|
-
>
|
|
8
|
-
<nav
|
|
9
|
-
aria-label="breadcrumb"
|
|
10
|
-
class=""
|
|
11
|
-
>
|
|
12
|
-
<ol
|
|
13
|
-
class="breadcrumb"
|
|
14
|
-
>
|
|
15
|
-
<li
|
|
16
|
-
class="breadcrumb-item"
|
|
17
|
-
>
|
|
18
|
-
<a
|
|
19
|
-
href="/public/apps/dashboard"
|
|
20
|
-
>
|
|
21
|
-
Home
|
|
22
|
-
</a>
|
|
23
|
-
</li>
|
|
24
|
-
<li
|
|
25
|
-
aria-current="page"
|
|
26
|
-
class="active breadcrumb-item"
|
|
27
|
-
>
|
|
28
|
-
Payer Space
|
|
29
|
-
</li>
|
|
30
|
-
</ol>
|
|
31
|
-
</nav>
|
|
32
|
-
|
|
33
|
-
</div>
|
|
34
|
-
<h1
|
|
35
|
-
class="h4 page-header page-header-brand"
|
|
36
|
-
>
|
|
37
|
-
<div
|
|
38
|
-
class="page-header-title"
|
|
39
|
-
>
|
|
40
|
-
|
|
41
|
-
Payer Space
|
|
42
|
-
</div>
|
|
43
|
-
</h1>
|
|
44
|
-
</div>
|
|
45
|
-
`;
|
|
46
|
-
|
|
47
|
-
exports[`PageHeader should render app icon 1`] = `
|
|
48
|
-
<div>
|
|
49
|
-
<div
|
|
50
|
-
class="d-flex align-items-start"
|
|
51
|
-
>
|
|
52
|
-
<nav
|
|
53
|
-
aria-label="breadcrumb"
|
|
54
|
-
class=""
|
|
55
|
-
>
|
|
56
|
-
<ol
|
|
57
|
-
class="breadcrumb"
|
|
58
|
-
>
|
|
59
|
-
<li
|
|
60
|
-
class="breadcrumb-item"
|
|
61
|
-
>
|
|
62
|
-
<a
|
|
63
|
-
href="/public/apps/dashboard"
|
|
64
|
-
>
|
|
65
|
-
Home
|
|
66
|
-
</a>
|
|
67
|
-
</li>
|
|
68
|
-
<li
|
|
69
|
-
aria-current="page"
|
|
70
|
-
class="active breadcrumb-item"
|
|
71
|
-
>
|
|
72
|
-
Payer Space
|
|
73
|
-
</li>
|
|
74
|
-
</ol>
|
|
75
|
-
</nav>
|
|
76
|
-
|
|
77
|
-
</div>
|
|
78
|
-
<h1
|
|
79
|
-
class="h4 page-header page-header-brand"
|
|
80
|
-
>
|
|
81
|
-
<div
|
|
82
|
-
class="page-header-title"
|
|
83
|
-
>
|
|
84
|
-
<span
|
|
85
|
-
class="app-icon app-icon-black"
|
|
86
|
-
title="Payer Space"
|
|
87
|
-
>
|
|
88
|
-
PS
|
|
89
|
-
</span>
|
|
90
|
-
|
|
91
|
-
Payer Space
|
|
92
|
-
</div>
|
|
93
|
-
</h1>
|
|
94
|
-
</div>
|
|
95
|
-
`;
|
|
96
|
-
|
|
97
|
-
exports[`PageHeader should render app icon color 1`] = `
|
|
98
|
-
<div>
|
|
99
|
-
<div
|
|
100
|
-
class="d-flex align-items-start"
|
|
101
|
-
>
|
|
102
|
-
<nav
|
|
103
|
-
aria-label="breadcrumb"
|
|
104
|
-
class=""
|
|
105
|
-
>
|
|
106
|
-
<ol
|
|
107
|
-
class="breadcrumb"
|
|
108
|
-
>
|
|
109
|
-
<li
|
|
110
|
-
class="breadcrumb-item"
|
|
111
|
-
>
|
|
112
|
-
<a
|
|
113
|
-
href="/public/apps/dashboard"
|
|
114
|
-
>
|
|
115
|
-
Home
|
|
116
|
-
</a>
|
|
117
|
-
</li>
|
|
118
|
-
<li
|
|
119
|
-
aria-current="page"
|
|
120
|
-
class="active breadcrumb-item"
|
|
121
|
-
>
|
|
122
|
-
Payer Space
|
|
123
|
-
</li>
|
|
124
|
-
</ol>
|
|
125
|
-
</nav>
|
|
126
|
-
|
|
127
|
-
</div>
|
|
128
|
-
<h1
|
|
129
|
-
class="h4 page-header page-header-brand"
|
|
130
|
-
>
|
|
131
|
-
<div
|
|
132
|
-
class="page-header-title"
|
|
133
|
-
>
|
|
134
|
-
<span
|
|
135
|
-
class="app-icon app-icon-green"
|
|
136
|
-
title="Payer Space"
|
|
137
|
-
>
|
|
138
|
-
PS
|
|
139
|
-
</span>
|
|
140
|
-
|
|
141
|
-
Payer Space
|
|
142
|
-
</div>
|
|
143
|
-
</h1>
|
|
144
|
-
</div>
|
|
145
|
-
`;
|
|
146
|
-
|
|
147
|
-
exports[`PageHeader should render app icon color branded 1`] = `
|
|
148
|
-
<div>
|
|
149
|
-
<div
|
|
150
|
-
class="d-flex align-items-start"
|
|
151
|
-
>
|
|
152
|
-
<nav
|
|
153
|
-
aria-label="breadcrumb"
|
|
154
|
-
class=""
|
|
155
|
-
>
|
|
156
|
-
<ol
|
|
157
|
-
class="breadcrumb"
|
|
158
|
-
>
|
|
159
|
-
<li
|
|
160
|
-
class="breadcrumb-item"
|
|
161
|
-
>
|
|
162
|
-
<a
|
|
163
|
-
href="/public/apps/dashboard"
|
|
164
|
-
>
|
|
165
|
-
Home
|
|
166
|
-
</a>
|
|
167
|
-
</li>
|
|
168
|
-
<li
|
|
169
|
-
aria-current="page"
|
|
170
|
-
class="active breadcrumb-item"
|
|
171
|
-
>
|
|
172
|
-
Payer Space
|
|
173
|
-
</li>
|
|
174
|
-
</ol>
|
|
175
|
-
</nav>
|
|
176
|
-
|
|
177
|
-
</div>
|
|
178
|
-
<h1
|
|
179
|
-
class="h4 page-header page-header-brand"
|
|
180
|
-
>
|
|
181
|
-
<div
|
|
182
|
-
class="page-header-title"
|
|
183
|
-
>
|
|
184
|
-
<span
|
|
185
|
-
class="app-icon app-icon-branded-green"
|
|
186
|
-
title="Payer Space"
|
|
187
|
-
>
|
|
188
|
-
PS
|
|
189
|
-
<span
|
|
190
|
-
class="caret"
|
|
191
|
-
/>
|
|
192
|
-
</span>
|
|
193
|
-
|
|
194
|
-
Payer Space
|
|
195
|
-
</div>
|
|
196
|
-
</h1>
|
|
197
|
-
</div>
|
|
198
|
-
`;
|
|
199
|
-
|
|
200
|
-
exports[`PageHeader should render children 1`] = `
|
|
201
|
-
<div>
|
|
202
|
-
<div
|
|
203
|
-
class="d-flex align-items-start"
|
|
204
|
-
>
|
|
205
|
-
<nav
|
|
206
|
-
aria-label="breadcrumb"
|
|
207
|
-
class=""
|
|
208
|
-
>
|
|
209
|
-
<ol
|
|
210
|
-
class="breadcrumb"
|
|
211
|
-
>
|
|
212
|
-
<li
|
|
213
|
-
class="breadcrumb-item"
|
|
214
|
-
>
|
|
215
|
-
<a
|
|
216
|
-
href="/public/apps/dashboard"
|
|
217
|
-
>
|
|
218
|
-
Home
|
|
219
|
-
</a>
|
|
220
|
-
</li>
|
|
221
|
-
<li
|
|
222
|
-
aria-current="page"
|
|
223
|
-
class="active breadcrumb-item"
|
|
224
|
-
>
|
|
225
|
-
Payer Space
|
|
226
|
-
</li>
|
|
227
|
-
</ol>
|
|
228
|
-
</nav>
|
|
229
|
-
|
|
230
|
-
</div>
|
|
231
|
-
<h1
|
|
232
|
-
class="h4 page-header page-header-brand"
|
|
233
|
-
>
|
|
234
|
-
<div
|
|
235
|
-
class="page-header-title"
|
|
236
|
-
>
|
|
237
|
-
|
|
238
|
-
<p>
|
|
239
|
-
this is cool
|
|
240
|
-
</p>
|
|
241
|
-
</div>
|
|
242
|
-
</h1>
|
|
243
|
-
</div>
|
|
244
|
-
`;
|
|
245
|
-
|
|
246
|
-
exports[`PageHeader should render feedback 1`] = `
|
|
247
|
-
<div>
|
|
248
|
-
<div
|
|
249
|
-
class="d-flex align-items-start"
|
|
250
|
-
>
|
|
251
|
-
<nav
|
|
252
|
-
aria-label="breadcrumb"
|
|
253
|
-
class=""
|
|
254
|
-
>
|
|
255
|
-
<ol
|
|
256
|
-
class="breadcrumb"
|
|
257
|
-
>
|
|
258
|
-
<li
|
|
259
|
-
class="breadcrumb-item"
|
|
260
|
-
>
|
|
261
|
-
<a
|
|
262
|
-
href="/public/apps/dashboard"
|
|
263
|
-
>
|
|
264
|
-
Home
|
|
265
|
-
</a>
|
|
266
|
-
</li>
|
|
267
|
-
<li
|
|
268
|
-
aria-current="page"
|
|
269
|
-
class="active breadcrumb-item"
|
|
270
|
-
>
|
|
271
|
-
Payer Space
|
|
272
|
-
</li>
|
|
273
|
-
</ol>
|
|
274
|
-
</nav>
|
|
275
|
-
|
|
276
|
-
</div>
|
|
277
|
-
<h1
|
|
278
|
-
class="h4 page-header page-header-brand"
|
|
279
|
-
>
|
|
280
|
-
<div
|
|
281
|
-
class="page-header-title"
|
|
282
|
-
>
|
|
283
|
-
|
|
284
|
-
Payer Space
|
|
285
|
-
</div>
|
|
286
|
-
<div
|
|
287
|
-
class="float-md-right d-inline-block hidden-print dropdown"
|
|
288
|
-
>
|
|
289
|
-
<button
|
|
290
|
-
aria-expanded="false"
|
|
291
|
-
aria-haspopup="true"
|
|
292
|
-
class="btn btn-light"
|
|
293
|
-
type="button"
|
|
294
|
-
>
|
|
295
|
-
Give Feedback
|
|
296
|
-
</button>
|
|
297
|
-
<div
|
|
298
|
-
aria-hidden="true"
|
|
299
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
300
|
-
role="menu"
|
|
301
|
-
style="width: 400px;"
|
|
302
|
-
tabindex="-1"
|
|
303
|
-
>
|
|
304
|
-
<div
|
|
305
|
-
class="text-center"
|
|
306
|
-
>
|
|
307
|
-
<p>
|
|
308
|
-
Tell us what you think about Payer Space.
|
|
309
|
-
</p>
|
|
310
|
-
<div
|
|
311
|
-
class="btn-group"
|
|
312
|
-
role="group"
|
|
313
|
-
>
|
|
314
|
-
<button
|
|
315
|
-
class="btn btn-light"
|
|
316
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
317
|
-
type="button"
|
|
318
|
-
>
|
|
319
|
-
<span
|
|
320
|
-
class="icon icon-smile"
|
|
321
|
-
/>
|
|
322
|
-
<span
|
|
323
|
-
class="sr-only"
|
|
324
|
-
>
|
|
325
|
-
Smiley face
|
|
326
|
-
</span>
|
|
327
|
-
</button>
|
|
328
|
-
<button
|
|
329
|
-
class="btn btn-light"
|
|
330
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
331
|
-
type="button"
|
|
332
|
-
>
|
|
333
|
-
<span
|
|
334
|
-
class="icon icon-meh"
|
|
335
|
-
/>
|
|
336
|
-
<span
|
|
337
|
-
class="sr-only"
|
|
338
|
-
>
|
|
339
|
-
Meh face
|
|
340
|
-
</span>
|
|
341
|
-
</button>
|
|
342
|
-
<button
|
|
343
|
-
class="btn btn-light"
|
|
344
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
345
|
-
type="button"
|
|
346
|
-
>
|
|
347
|
-
<span
|
|
348
|
-
class="icon icon-frown"
|
|
349
|
-
/>
|
|
350
|
-
<span
|
|
351
|
-
class="sr-only"
|
|
352
|
-
>
|
|
353
|
-
Frowny face
|
|
354
|
-
</span>
|
|
355
|
-
</button>
|
|
356
|
-
</div>
|
|
357
|
-
<div
|
|
358
|
-
class="invalid-feedback"
|
|
359
|
-
>
|
|
360
|
-
Please select one of the faces above
|
|
361
|
-
</div>
|
|
362
|
-
<textarea
|
|
363
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
364
|
-
class="mt-3 form-control"
|
|
365
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
366
|
-
/>
|
|
367
|
-
<div
|
|
368
|
-
class="mt-3 text-right"
|
|
369
|
-
>
|
|
370
|
-
<button
|
|
371
|
-
class="btn btn-primary"
|
|
372
|
-
type="button"
|
|
373
|
-
>
|
|
374
|
-
Send
|
|
375
|
-
</button>
|
|
376
|
-
</div>
|
|
377
|
-
</div>
|
|
378
|
-
</div>
|
|
379
|
-
</div>
|
|
380
|
-
</h1>
|
|
381
|
-
</div>
|
|
382
|
-
`;
|