@patternfly/react-core 4.242.0 → 4.242.2

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 (17) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/esm/components/SearchInput/SearchInput.js +1 -1
  3. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  4. package/dist/js/components/SearchInput/SearchInput.js +1 -1
  5. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  6. package/dist/umd/react-core.min.css +69 -69
  7. package/dist/umd/react-core.min.js +1 -1
  8. package/package.json +2 -2
  9. package/src/components/SearchInput/SearchInput.tsx +2 -2
  10. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +2 -2
  11. package/src/components/Text/examples/Text.md +6 -175
  12. package/src/components/Text/examples/TextBody.tsx +24 -0
  13. package/src/components/Text/examples/TextDescriptionList.tsx +17 -0
  14. package/src/components/Text/examples/TextHeadings.tsx +13 -0
  15. package/src/components/Text/examples/TextOrderedList.tsx +16 -0
  16. package/src/components/Text/examples/TextUnorderedList.tsx +19 -0
  17. package/src/components/Text/examples/TextVisited.tsx +34 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.242.0",
3
+ "version": "4.242.2",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
70
70
  "react": "^16.8 || ^17 || ^18",
71
71
  "react-dom": "^16.8 || ^17 || ^18"
72
72
  },
73
- "gitHead": "aacd4fd4e0c5b623fe98ddb5962efbb98c348465"
73
+ "gitHead": "e35f87ea426d87511edcb2a98124e460fe80e9b7"
74
74
  }
package/src/components/SearchInput/SearchInput.tsx CHANGED
@@ -357,7 +357,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
357
357
  if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
358
358
  if (attributes.length > 0) {
359
359
  const AdvancedSearch = (
360
- <span>
360
+ <div>
361
361
  <AdvancedSearchMenu
362
362
  value={value}
363
363
  parentRef={searchInputRef}
@@ -375,7 +375,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
375
375
  getAttrValueMap={getAttrValueMap}
376
376
  isSearchMenuOpen={isSearchMenuOpen}
377
377
  />
378
- </span>
378
+ </div>
379
379
  );
380
380
 
381
381
  const AdvancedSearchWithPopper = (
package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap CHANGED
@@ -241,7 +241,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
241
241
  </svg>
242
242
  </button>
243
243
  </div>
244
- <span
244
+ <div
245
245
  class=""
246
246
  data-popper-escaped="true"
247
247
  data-popper-placement="bottom-start"
@@ -431,7 +431,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
431
431
  </div>
432
432
  </div>
433
433
  </div>
434
- </span>
434
+ </div>
435
435
  </div>
436
436
  </DocumentFragment>
437
437
  `;
package/src/components/Text/examples/Text.md CHANGED
@@ -9,201 +9,32 @@ propComponents: ['TextContent', 'Text', 'TextList', 'TextListItem']
9
9
 
10
10
  ### Headings
11
11
 
12
- ```js
13
- import React from 'react';
14
- import {
15
- TextContent,
16
- Text,
17
- TextVariants,
18
- TextList,
19
- TextListVariants,
20
- TextListItem,
21
- TextListItemVariants
22
- } from '@patternfly/react-core';
23
-
24
- <TextContent>
25
- <Text component={TextVariants.h1}>Hello World</Text>
26
- <Text component={TextVariants.h2}>Second level</Text>
27
- <Text component={TextVariants.h3}>Third level</Text>
28
- <Text component={TextVariants.h4}>Fourth level</Text>
29
- <Text component={TextVariants.h5}>Fifth level</Text>
30
- <Text component={TextVariants.h6}>Sixth level</Text>
31
- </TextContent>;
12
+ ```ts file="./TextHeadings.tsx"
32
13
  ```
33
14
 
34
15
  ### Body
35
16
 
36
- ```js
37
- import React from 'react';
38
- import {
39
- TextContent,
40
- Text,
41
- TextVariants,
42
- TextList,
43
- TextListVariants,
44
- TextListItem,
45
- TextListItemVariants
46
- } from '@patternfly/react-core';
47
-
48
- <TextContent>
49
- <Text component={TextVariants.p}>
50
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc
51
- varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel,
52
- interdum mattis neque. Sub works as well!
53
- </Text>
54
- <Text component={TextVariants.p}>
55
- Quisque ante lacus, malesuada ac auctor vitae, congue{' '}
56
- <Text component={TextVariants.a} href="#">
57
- non ante
58
- </Text>
59
- . Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.
60
- </Text>
61
- <Text component={TextVariants.blockquote}>
62
- Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet
63
- turpis.
64
- </Text>
65
- <Text component={TextVariants.small}>Sometimes you need small text to display things like date created</Text>
66
- </TextContent>;
17
+ ```ts file="./TextBody.tsx"
67
18
  ```
68
19
 
69
20
  Text components such as Text, TextList, TextListItem need to be placed within a TextContent
70
21
 
71
22
  ### Unordered list
72
23
 
73
- ```js
74
- import React from 'react';
75
- import {
76
- TextContent,
77
- Text,
78
- TextVariants,
79
- TextList,
80
- TextListVariants,
81
- TextListItem,
82
- TextListItemVariants
83
- } from '@patternfly/react-core';
84
-
85
- <TextContent>
86
- <TextList>
87
- <TextListItem>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</TextListItem>
88
- <TextListItem>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</TextListItem>
89
- <TextListItem>
90
- Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
91
- <TextList>
92
- <TextListItem>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</TextListItem>
93
- <TextListItem>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</TextListItem>
94
- </TextList>
95
- </TextListItem>
96
- <TextListItem>Ut non enim metus.</TextListItem>
97
- </TextList>
98
- </TextContent>;
24
+ ```ts file="./TextUnorderedList.tsx"
99
25
  ```
100
26
 
101
27
  ### Ordered list
102
28
 
103
- ```js
104
- import React from 'react';
105
- import {
106
- TextContent,
107
- Text,
108
- TextVariants,
109
- TextList,
110
- TextListVariants,
111
- TextListItem,
112
- TextListItemVariants
113
- } from '@patternfly/react-core';
114
-
115
- <TextContent>
116
- <TextList component={TextListVariants.ol}>
117
- <TextListItem>Donec blandit a lorem id convallis.</TextListItem>
118
- <TextListItem>Cras gravida arcu at diam gravida gravida.</TextListItem>
119
- <TextListItem>Integer in volutpat libero.</TextListItem>
120
- <TextListItem>Donec a diam tellus.</TextListItem>
121
- <TextListItem>Aenean nec tortor orci.</TextListItem>
122
- <TextListItem>Quisque aliquam cursus urna, non bibendum massa viverra eget.</TextListItem>
123
- <TextListItem>Vivamus maximus ultricies pulvinar.</TextListItem>
124
- </TextList>
125
- </TextContent>;
29
+ ```ts file="./TextOrderedList.tsx"
126
30
  ```
127
31
 
128
32
  ### Description list
129
33
 
130
- ```js
131
- import React from 'react';
132
- import {
133
- TextContent,
134
- Text,
135
- TextVariants,
136
- TextList,
137
- TextListVariants,
138
- TextListItem,
139
- TextListItemVariants
140
- } from '@patternfly/react-core';
141
-
142
- <TextContent>
143
- <TextList component={TextListVariants.dl}>
144
- <TextListItem component={TextListItemVariants.dt}>Web</TextListItem>
145
- <TextListItem component={TextListItemVariants.dd}>
146
- The part of the Internet that contains websites and web pages
147
- </TextListItem>
148
- <TextListItem component={TextListItemVariants.dt}>HTML</TextListItem>
149
- <TextListItem component={TextListItemVariants.dd}>A markup language for creating web pages</TextListItem>
150
- <TextListItem component={TextListItemVariants.dt}>CSS</TextListItem>
151
- <TextListItem component={TextListItemVariants.dd}>A technology to make HTML look better</TextListItem>
152
- </TextList>
153
- </TextContent>;
34
+ ```ts file="./TextDescriptionList.tsx"
154
35
  ```
155
36
 
156
37
  ### Visited
157
38
 
158
- ```js
159
- import React from 'react';
160
- import {
161
- TextContent,
162
- Text,
163
- TextVariants
164
- } from '@patternfly/react-core';
165
-
166
- TextVisited = () => {
167
- return (
168
- <>
169
- <TextContent>
170
- <Text component={TextVariants.h3}>Visited link example</Text>
171
- <Text component={TextVariants.p}>
172
- <Text
173
- component={TextVariants.a}
174
- isVisitedLink
175
- href="#">
176
- Visited link
177
- </Text>
178
- </Text>
179
- </TextContent>
180
- <br />
181
- <TextContent isVisited>
182
- <Text component={TextVariants.h3}>Visited content example</Text>
183
- <Text component={TextVariants.p}>
184
- <Text
185
- component={TextVariants.a}
186
- href="#">
187
- content link 1
188
- </Text>
189
- </Text>
190
- <Text component={TextVariants.p}>
191
- <Text
192
- component={TextVariants.a}
193
- href="#">
194
- content link 2
195
- </Text>
196
- </Text>
197
- <Text component={TextVariants.p}>
198
- <Text
199
- component={TextVariants.a}
200
- href="#">
201
- content link 3
202
- </Text>
203
- </Text>
204
- </TextContent>
205
- </>
206
- );
207
-
208
- };
39
+ ```ts file="./TextVisited.tsx"
209
40
  ```
package/src/components/Text/examples/TextBody.tsx ADDED
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { TextContent, Text, TextVariants } from '@patternfly/react-core';
3
+
4
+ export const TextBody: React.FunctionComponent = () => (
5
+ <TextContent>
6
+ <Text component={TextVariants.p}>
7
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla
8
+ nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel
9
+ erat vel, interdum mattis neque. Sub works as well!
10
+ </Text>
11
+ <Text component={TextVariants.p}>
12
+ Quisque ante lacus, malesuada ac auctor vitae, congue{' '}
13
+ <Text component={TextVariants.a} href="#">
14
+ non ante
15
+ </Text>
16
+ . Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.
17
+ </Text>
18
+ <Text component={TextVariants.blockquote}>
19
+ Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet
20
+ turpis.
21
+ </Text>
22
+ <Text component={TextVariants.small}>Sometimes you need small text to display things like date created</Text>
23
+ </TextContent>
24
+ );
package/src/components/Text/examples/TextDescriptionList.tsx ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { TextContent, TextList, TextListVariants, TextListItem, TextListItemVariants } from '@patternfly/react-core';
3
+
4
+ export const TextDescriptionList: React.FunctionComponent = () => (
5
+ <TextContent>
6
+ <TextList component={TextListVariants.dl}>
7
+ <TextListItem component={TextListItemVariants.dt}>Web</TextListItem>
8
+ <TextListItem component={TextListItemVariants.dd}>
9
+ The part of the Internet that contains websites and web pages
10
+ </TextListItem>
11
+ <TextListItem component={TextListItemVariants.dt}>HTML</TextListItem>
12
+ <TextListItem component={TextListItemVariants.dd}>A markup language for creating web pages</TextListItem>
13
+ <TextListItem component={TextListItemVariants.dt}>CSS</TextListItem>
14
+ <TextListItem component={TextListItemVariants.dd}>A technology to make HTML look better</TextListItem>
15
+ </TextList>
16
+ </TextContent>
17
+ );
package/src/components/Text/examples/TextHeadings.tsx ADDED
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { TextContent, Text, TextVariants } from '@patternfly/react-core';
3
+
4
+ export const TextHeadings: React.FunctionComponent = () => (
5
+ <TextContent>
6
+ <Text component={TextVariants.h1}>Hello World</Text>
7
+ <Text component={TextVariants.h2}>Second level</Text>
8
+ <Text component={TextVariants.h3}>Third level</Text>
9
+ <Text component={TextVariants.h4}>Fourth level</Text>
10
+ <Text component={TextVariants.h5}>Fifth level</Text>
11
+ <Text component={TextVariants.h6}>Sixth level</Text>
12
+ </TextContent>
13
+ );
package/src/components/Text/examples/TextOrderedList.tsx ADDED
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { TextContent, TextList, TextListVariants, TextListItem } from '@patternfly/react-core';
3
+
4
+ export const TextOrderedList: React.FunctionComponent = () => (
5
+ <TextContent>
6
+ <TextList component={TextListVariants.ol}>
7
+ <TextListItem>Donec blandit a lorem id convallis.</TextListItem>
8
+ <TextListItem>Cras gravida arcu at diam gravida gravida.</TextListItem>
9
+ <TextListItem>Integer in volutpat libero.</TextListItem>
10
+ <TextListItem>Donec a diam tellus.</TextListItem>
11
+ <TextListItem>Aenean nec tortor orci.</TextListItem>
12
+ <TextListItem>Quisque aliquam cursus urna, non bibendum massa viverra eget.</TextListItem>
13
+ <TextListItem>Vivamus maximus ultricies pulvinar.</TextListItem>
14
+ </TextList>
15
+ </TextContent>
16
+ );
package/src/components/Text/examples/TextUnorderedList.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { TextContent, TextList, TextListItem } from '@patternfly/react-core';
3
+
4
+ export const TextUnorderedList: React.FunctionComponent = () => (
5
+ <TextContent>
6
+ <TextList>
7
+ <TextListItem>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</TextListItem>
8
+ <TextListItem>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</TextListItem>
9
+ <TextListItem>
10
+ Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
11
+ <TextList>
12
+ <TextListItem>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</TextListItem>
13
+ <TextListItem>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</TextListItem>
14
+ </TextList>
15
+ </TextListItem>
16
+ <TextListItem>Ut non enim metus.</TextListItem>
17
+ </TextList>
18
+ </TextContent>
19
+ );
package/src/components/Text/examples/TextVisited.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { TextContent, Text, TextVariants } from '@patternfly/react-core';
3
+
4
+ export const TextVisited: React.FunctionComponent = () => (
5
+ <>
6
+ <TextContent>
7
+ <Text component={TextVariants.h3}>Visited link example</Text>
8
+ <Text component={TextVariants.p}>
9
+ <Text component={TextVariants.a} isVisitedLink href="#">
10
+ Visited link
11
+ </Text>
12
+ </Text>
13
+ </TextContent>
14
+ <br />
15
+ <TextContent isVisited>
16
+ <Text component={TextVariants.h3}>Visited content example</Text>
17
+ <Text component={TextVariants.p}>
18
+ <Text component={TextVariants.a} href="#">
19
+ content link 1
20
+ </Text>
21
+ </Text>
22
+ <Text component={TextVariants.p}>
23
+ <Text component={TextVariants.a} href="#">
24
+ content link 2
25
+ </Text>
26
+ </Text>
27
+ <Text component={TextVariants.p}>
28
+ <Text component={TextVariants.a} href="#">
29
+ content link 3
30
+ </Text>
31
+ </Text>
32
+ </TextContent>
33
+ </>
34
+ );