@patternfly/react-core 4.203.0 → 4.203.1

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 (74) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +4 -2
  3. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
  4. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
  5. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  6. package/dist/esm/components/Pagination/OptionsToggle.d.ts +10 -6
  7. package/dist/esm/components/Pagination/OptionsToggle.d.ts.map +1 -1
  8. package/dist/esm/components/Pagination/OptionsToggle.js +10 -4
  9. package/dist/esm/components/Pagination/OptionsToggle.js.map +1 -1
  10. package/dist/esm/components/Pagination/Pagination.d.ts +7 -3
  11. package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
  12. package/dist/esm/components/Pagination/Pagination.js +5 -4
  13. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  14. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +12 -8
  15. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  16. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +6 -5
  17. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  18. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts +4 -2
  19. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
  20. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +2 -2
  21. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  22. package/dist/js/components/Pagination/OptionsToggle.d.ts +10 -6
  23. package/dist/js/components/Pagination/OptionsToggle.d.ts.map +1 -1
  24. package/dist/js/components/Pagination/OptionsToggle.js +10 -4
  25. package/dist/js/components/Pagination/OptionsToggle.js.map +1 -1
  26. package/dist/js/components/Pagination/Pagination.d.ts +7 -3
  27. package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
  28. package/dist/js/components/Pagination/Pagination.js +5 -4
  29. package/dist/js/components/Pagination/Pagination.js.map +1 -1
  30. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +12 -8
  31. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  32. package/dist/js/components/Pagination/PaginationOptionsMenu.js +6 -5
  33. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  34. package/dist/umd/react-core.css +69 -69
  35. package/dist/umd/react-core.js +23 -15
  36. package/dist/umd/react-core.min.js +1 -1
  37. package/package.json +5 -5
  38. package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +6 -2
  39. package/src/components/MultipleFileUpload/__tests__/MultipleFileUpload.test.tsx +8 -8
  40. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadButton.test.tsx +7 -7
  41. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadInfo.test.tsx +5 -5
  42. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadMain.test.tsx +11 -11
  43. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx +11 -9
  44. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx +28 -13
  45. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +11 -11
  46. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +5 -5
  47. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleText.test.tsx +5 -5
  48. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleTextSeparator.test.tsx +7 -5
  49. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUpload.test.tsx.snap +42 -124
  50. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap +36 -86
  51. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadInfo.test.tsx.snap +6 -8
  52. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +85 -179
  53. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +188 -383
  54. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +596 -330
  55. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitle.test.tsx.snap +32 -49
  56. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleIcon.test.tsx.snap +9 -11
  57. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleText.test.tsx.snap +6 -8
  58. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadTitleTextSeparator.test.tsx.snap +6 -8
  59. package/src/components/Pagination/OptionsToggle.tsx +56 -46
  60. package/src/components/Pagination/Pagination.tsx +12 -5
  61. package/src/components/Pagination/PaginationOptionsMenu.tsx +20 -12
  62. package/src/components/Pagination/__tests__/Generated/__snapshots__/OptionsToggle.test.tsx.snap +1 -0
  63. package/src/components/Pagination/__tests__/Pagination.test.tsx +6 -4
  64. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +223 -0
  65. package/src/components/Pagination/examples/Pagination.md +11 -1
  66. package/src/components/TimePicker/__tests__/TimePicker.test.tsx +1 -1
  67. package/src/components/Dropdown/__tests__/Generated/InternalDropdownItem.test.tsx +0 -42
  68. package/src/components/Dropdown/__tests__/Generated/__snapshots__/InternalDropdownItem.test.tsx.snap +0 -10
  69. package/src/components/Select/__tests__/Generated/SelectGroup.test.tsx +0 -25
  70. package/src/components/Select/__tests__/Generated/SelectMenu.test.tsx +0 -25
  71. package/src/components/Select/__tests__/Generated/__snapshots__/SelectGroup.test.tsx.snap +0 -18
  72. package/src/components/Select/__tests__/Generated/__snapshots__/SelectMenu.test.tsx.snap +0 -10
  73. package/src/components/Toolbar/__tests__/Generated/ToolbarToggleGroup.test.tsx +0 -27
  74. package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarToggleGroup.test.tsx.snap +0 -29
@@ -1,109 +1,59 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`MultipleFileUploadButton renders custom class names 1`] = `
4
- <MultipleFileUploadButton
5
- className="test"
6
- >
4
+ <DocumentFragment>
7
5
  <div
8
- className="pf-c-multiple-file-upload__upload test"
6
+ class="pf-c-multiple-file-upload__upload test"
9
7
  >
10
- <Button
11
- onClick={[Function]}
12
- variant="secondary"
8
+ <button
9
+ aria-disabled="false"
10
+ class="pf-c-button pf-m-secondary"
11
+ data-ouia-component-id="OUIA-Generated-Button-secondary-2"
12
+ data-ouia-component-type="PF4/Button"
13
+ data-ouia-safe="true"
14
+ type="button"
13
15
  >
14
- <ButtonBase
15
- innerRef={null}
16
- onClick={[Function]}
17
- variant="secondary"
18
- >
19
- <button
20
- aria-disabled={false}
21
- aria-label={null}
22
- className="pf-c-button pf-m-secondary"
23
- data-ouia-component-id="OUIA-Generated-Button-secondary-2"
24
- data-ouia-component-type="PF4/Button"
25
- data-ouia-safe={true}
26
- disabled={false}
27
- onClick={[Function]}
28
- role={null}
29
- type="button"
30
- >
31
- Upload
32
- </button>
33
- </ButtonBase>
34
- </Button>
16
+ Upload
17
+ </button>
35
18
  </div>
36
- </MultipleFileUploadButton>
19
+ </DocumentFragment>
37
20
  `;
38
21
 
39
22
  exports[`MultipleFileUploadButton renders with aria-label applied to the button 1`] = `
40
- <MultipleFileUploadButton
41
- aria-label="test"
42
- >
23
+ <DocumentFragment>
43
24
  <div
44
- className="pf-c-multiple-file-upload__upload"
25
+ class="pf-c-multiple-file-upload__upload"
45
26
  >
46
- <Button
27
+ <button
28
+ aria-disabled="false"
47
29
  aria-label="test"
48
- onClick={[Function]}
49
- variant="secondary"
30
+ class="pf-c-button pf-m-secondary"
31
+ data-ouia-component-id="OUIA-Generated-Button-secondary-3"
32
+ data-ouia-component-type="PF4/Button"
33
+ data-ouia-safe="true"
34
+ type="button"
50
35
  >
51
- <ButtonBase
52
- aria-label="test"
53
- innerRef={null}
54
- onClick={[Function]}
55
- variant="secondary"
56
- >
57
- <button
58
- aria-disabled={false}
59
- aria-label="test"
60
- className="pf-c-button pf-m-secondary"
61
- data-ouia-component-id="OUIA-Generated-Button-secondary-3"
62
- data-ouia-component-type="PF4/Button"
63
- data-ouia-safe={true}
64
- disabled={false}
65
- onClick={[Function]}
66
- role={null}
67
- type="button"
68
- >
69
- Upload
70
- </button>
71
- </ButtonBase>
72
- </Button>
36
+ Upload
37
+ </button>
73
38
  </div>
74
- </MultipleFileUploadButton>
39
+ </DocumentFragment>
75
40
  `;
76
41
 
77
42
  exports[`MultipleFileUploadButton renders with expected class names 1`] = `
78
- <MultipleFileUploadButton>
43
+ <DocumentFragment>
79
44
  <div
80
- className="pf-c-multiple-file-upload__upload"
45
+ class="pf-c-multiple-file-upload__upload"
81
46
  >
82
- <Button
83
- onClick={[Function]}
84
- variant="secondary"
47
+ <button
48
+ aria-disabled="false"
49
+ class="pf-c-button pf-m-secondary"
50
+ data-ouia-component-id="OUIA-Generated-Button-secondary-1"
51
+ data-ouia-component-type="PF4/Button"
52
+ data-ouia-safe="true"
53
+ type="button"
85
54
  >
86
- <ButtonBase
87
- innerRef={null}
88
- onClick={[Function]}
89
- variant="secondary"
90
- >
91
- <button
92
- aria-disabled={false}
93
- aria-label={null}
94
- className="pf-c-button pf-m-secondary"
95
- data-ouia-component-id="OUIA-Generated-Button-secondary-1"
96
- data-ouia-component-type="PF4/Button"
97
- data-ouia-safe={true}
98
- disabled={false}
99
- onClick={[Function]}
100
- role={null}
101
- type="button"
102
- >
103
- Upload
104
- </button>
105
- </ButtonBase>
106
- </Button>
55
+ Upload
56
+ </button>
107
57
  </div>
108
- </MultipleFileUploadButton>
58
+ </DocumentFragment>
109
59
  `;
@@ -1,23 +1,21 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`MultipleFileUploadInfo renders custom class names 1`] = `
4
- <MultipleFileUploadInfo
5
- className="test"
6
- >
4
+ <DocumentFragment>
7
5
  <div
8
- className="pf-c-multiple-file-upload__info test"
6
+ class="pf-c-multiple-file-upload__info test"
9
7
  >
10
8
  Foo
11
9
  </div>
12
- </MultipleFileUploadInfo>
10
+ </DocumentFragment>
13
11
  `;
14
12
 
15
13
  exports[`MultipleFileUploadInfo renders with expected class names 1`] = `
16
- <MultipleFileUploadInfo>
14
+ <DocumentFragment>
17
15
  <div
18
- className="pf-c-multiple-file-upload__info"
16
+ class="pf-c-multiple-file-upload__info"
19
17
  >
20
18
  Foo
21
19
  </div>
22
- </MultipleFileUploadInfo>
20
+ </DocumentFragment>
23
21
  `;
@@ -1,219 +1,125 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`MultipleFileUploadMain passes props to the info component as expected 1`] = `
4
- <MultipleFileUploadMain
5
- infoText="info text"
6
- >
4
+ <DocumentFragment>
7
5
  <div
8
- className="pf-c-multiple-file-upload__main"
6
+ class="pf-c-multiple-file-upload__main"
9
7
  >
10
- <MultipleFileUploadButton>
11
- <div
12
- className="pf-c-multiple-file-upload__upload"
13
- >
14
- <Button
15
- onClick={[Function]}
16
- variant="secondary"
17
- >
18
- <ButtonBase
19
- innerRef={null}
20
- onClick={[Function]}
21
- variant="secondary"
22
- >
23
- <button
24
- aria-disabled={false}
25
- aria-label={null}
26
- className="pf-c-button pf-m-secondary"
27
- data-ouia-component-id="OUIA-Generated-Button-secondary-4"
28
- data-ouia-component-type="PF4/Button"
29
- data-ouia-safe={true}
30
- disabled={false}
31
- onClick={[Function]}
32
- role={null}
33
- type="button"
34
- >
35
- Upload
36
- </button>
37
- </ButtonBase>
38
- </Button>
39
- </div>
40
- </MultipleFileUploadButton>
41
- <MultipleFileUploadInfo>
42
- <div
43
- className="pf-c-multiple-file-upload__info"
8
+ <div
9
+ class="pf-c-multiple-file-upload__upload"
10
+ >
11
+ <button
12
+ aria-disabled="false"
13
+ class="pf-c-button pf-m-secondary"
14
+ data-ouia-component-id="OUIA-Generated-Button-secondary-4"
15
+ data-ouia-component-type="PF4/Button"
16
+ data-ouia-safe="true"
17
+ type="button"
44
18
  >
45
- info text
46
- </div>
47
- </MultipleFileUploadInfo>
19
+ Upload
20
+ </button>
21
+ </div>
22
+ <div
23
+ class="pf-c-multiple-file-upload__info"
24
+ >
25
+ info text
26
+ </div>
48
27
  </div>
49
- </MultipleFileUploadMain>
28
+ </DocumentFragment>
50
29
  `;
51
30
 
52
31
  exports[`MultipleFileUploadMain passes props to the title as expected 1`] = `
53
- <MultipleFileUploadMain
54
- titleIcon="icon"
55
- titleText="title text"
56
- titleTextSeparator="title test separator"
57
- >
32
+ <DocumentFragment>
58
33
  <div
59
- className="pf-c-multiple-file-upload__main"
34
+ class="pf-c-multiple-file-upload__main"
60
35
  >
61
- <MultipleFileUploadTitle
62
- icon="icon"
63
- text="title text"
64
- textSeparator="title test separator"
36
+ <div
37
+ class="pf-c-multiple-file-upload__title"
65
38
  >
66
39
  <div
67
- className="pf-c-multiple-file-upload__title"
40
+ class="pf-c-multiple-file-upload__title-icon"
68
41
  >
69
- <MultipleFileUploadTitleIcon>
70
- <div
71
- className="pf-c-multiple-file-upload__title-icon"
72
- >
73
- icon
74
- </div>
75
- </MultipleFileUploadTitleIcon>
76
- <MultipleFileUploadTitleText>
77
- <div
78
- className="pf-c-multiple-file-upload__title-text"
79
- >
80
- title text
81
- <MultipleFileUploadTitleTextSeparator>
82
- <div
83
- className="pf-c-multiple-file-upload__title-text-separator"
84
- >
85
- title test separator
86
- </div>
87
- </MultipleFileUploadTitleTextSeparator>
88
- </div>
89
- </MultipleFileUploadTitleText>
42
+ icon
90
43
  </div>
91
- </MultipleFileUploadTitle>
92
- <MultipleFileUploadButton>
93
44
  <div
94
- className="pf-c-multiple-file-upload__upload"
45
+ class="pf-c-multiple-file-upload__title-text"
95
46
  >
96
- <Button
97
- onClick={[Function]}
98
- variant="secondary"
47
+ title text
48
+ <div
49
+ class="pf-c-multiple-file-upload__title-text-separator"
99
50
  >
100
- <ButtonBase
101
- innerRef={null}
102
- onClick={[Function]}
103
- variant="secondary"
104
- >
105
- <button
106
- aria-disabled={false}
107
- aria-label={null}
108
- className="pf-c-button pf-m-secondary"
109
- data-ouia-component-id="OUIA-Generated-Button-secondary-3"
110
- data-ouia-component-type="PF4/Button"
111
- data-ouia-safe={true}
112
- disabled={false}
113
- onClick={[Function]}
114
- role={null}
115
- type="button"
116
- >
117
- Upload
118
- </button>
119
- </ButtonBase>
120
- </Button>
51
+ title test separator
52
+ </div>
121
53
  </div>
122
- </MultipleFileUploadButton>
54
+ </div>
55
+ <div
56
+ class="pf-c-multiple-file-upload__upload"
57
+ >
58
+ <button
59
+ aria-disabled="false"
60
+ class="pf-c-button pf-m-secondary"
61
+ data-ouia-component-id="OUIA-Generated-Button-secondary-3"
62
+ data-ouia-component-type="PF4/Button"
63
+ data-ouia-safe="true"
64
+ type="button"
65
+ >
66
+ Upload
67
+ </button>
68
+ </div>
123
69
  </div>
124
- </MultipleFileUploadMain>
70
+ </DocumentFragment>
125
71
  `;
126
72
 
127
73
  exports[`MultipleFileUploadMain renders custom class names 1`] = `
128
- <MultipleFileUploadMain
129
- className="test"
130
- >
74
+ <DocumentFragment>
131
75
  <div
132
- className="pf-c-multiple-file-upload__main test"
76
+ class="pf-c-multiple-file-upload__main test"
133
77
  >
134
- <MultipleFileUploadButton>
135
- <div
136
- className="pf-c-multiple-file-upload__upload"
78
+ <div
79
+ class="pf-c-multiple-file-upload__upload"
80
+ >
81
+ <button
82
+ aria-disabled="false"
83
+ class="pf-c-button pf-m-secondary"
84
+ data-ouia-component-id="OUIA-Generated-Button-secondary-2"
85
+ data-ouia-component-type="PF4/Button"
86
+ data-ouia-safe="true"
87
+ type="button"
137
88
  >
138
- <Button
139
- onClick={[Function]}
140
- variant="secondary"
141
- >
142
- <ButtonBase
143
- innerRef={null}
144
- onClick={[Function]}
145
- variant="secondary"
146
- >
147
- <button
148
- aria-disabled={false}
149
- aria-label={null}
150
- className="pf-c-button pf-m-secondary"
151
- data-ouia-component-id="OUIA-Generated-Button-secondary-2"
152
- data-ouia-component-type="PF4/Button"
153
- data-ouia-safe={true}
154
- disabled={false}
155
- onClick={[Function]}
156
- role={null}
157
- type="button"
158
- >
159
- Upload
160
- </button>
161
- </ButtonBase>
162
- </Button>
163
- </div>
164
- </MultipleFileUploadButton>
89
+ Upload
90
+ </button>
91
+ </div>
165
92
  </div>
166
- </MultipleFileUploadMain>
93
+ </DocumentFragment>
167
94
  `;
168
95
 
169
96
  exports[`MultipleFileUploadMain renders with expected class names 1`] = `
170
- <MultipleFileUploadMain>
97
+ <DocumentFragment>
171
98
  <div
172
- className="pf-c-multiple-file-upload__main"
99
+ class="pf-c-multiple-file-upload__main"
173
100
  >
174
- <MultipleFileUploadButton>
175
- <div
176
- className="pf-c-multiple-file-upload__upload"
101
+ <div
102
+ class="pf-c-multiple-file-upload__upload"
103
+ >
104
+ <button
105
+ aria-disabled="false"
106
+ class="pf-c-button pf-m-secondary"
107
+ data-ouia-component-id="OUIA-Generated-Button-secondary-1"
108
+ data-ouia-component-type="PF4/Button"
109
+ data-ouia-safe="true"
110
+ type="button"
177
111
  >
178
- <Button
179
- onClick={[Function]}
180
- variant="secondary"
181
- >
182
- <ButtonBase
183
- innerRef={null}
184
- onClick={[Function]}
185
- variant="secondary"
186
- >
187
- <button
188
- aria-disabled={false}
189
- aria-label={null}
190
- className="pf-c-button pf-m-secondary"
191
- data-ouia-component-id="OUIA-Generated-Button-secondary-1"
192
- data-ouia-component-type="PF4/Button"
193
- data-ouia-safe={true}
194
- disabled={false}
195
- onClick={[Function]}
196
- role={null}
197
- type="button"
198
- >
199
- Upload
200
- </button>
201
- </ButtonBase>
202
- </Button>
203
- </div>
204
- </MultipleFileUploadButton>
112
+ Upload
113
+ </button>
114
+ </div>
205
115
  </div>
206
- </MultipleFileUploadMain>
116
+ </DocumentFragment>
207
117
  `;
208
118
 
209
119
  exports[`MultipleFileUploadMain renders without the button when expected 1`] = `
210
- <MultipleFileUploadMain
211
- isUploadButtonHidden={true}
212
- >
120
+ <DocumentFragment>
213
121
  <div
214
- className="pf-c-multiple-file-upload__main"
215
- >
216
- <Component />
217
- </div>
218
- </MultipleFileUploadMain>
122
+ class="pf-c-multiple-file-upload__main"
123
+ />
124
+ </DocumentFragment>
219
125
  `;