@patternfly/react-docs 7.2.0-prerelease.5 → 7.2.0-prerelease.50

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 (7) hide show
  1. package/CHANGELOG.md +201 -0
  2. package/README.md +0 -1
  3. package/package.json +15 -15
  4. package/patternfly-docs/pages/icons.js +5 -1
  5. package/patternfly-docs/pages/index.js +3 -1
  6. package/static/like-button.js +0 -30
  7. package/static/umd.html +0 -98
package/CHANGELOG.md CHANGED
@@ -3,6 +3,207 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [7.2.0-prerelease.50](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.49...@patternfly/react-docs@7.2.0-prerelease.50) (2025-03-11)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.19 ([#11642](https://github.com/patternfly/patternfly-react/issues/11642)) ([420232c](https://github.com/patternfly/patternfly-react/commit/420232c5172a26c7921ac43469c8910d31c932b2))
11
+
12
+ # [7.2.0-prerelease.49](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.48...@patternfly/react-docs@7.2.0-prerelease.49) (2025-03-10)
13
+
14
+ ### Bug Fixes
15
+
16
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.16 ([#11629](https://github.com/patternfly/patternfly-react/issues/11629)) ([920e709](https://github.com/patternfly/patternfly-react/commit/920e70953ee536cadeb2604e1f323d6d0e71451c))
17
+
18
+ # [7.2.0-prerelease.48](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.47...@patternfly/react-docs@7.2.0-prerelease.48) (2025-03-10)
19
+
20
+ **Note:** Version bump only for package @patternfly/react-docs
21
+
22
+ # [7.2.0-prerelease.47](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.46...@patternfly/react-docs@7.2.0-prerelease.47) (2025-03-10)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-docs
25
+
26
+ # [7.2.0-prerelease.46](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.45...@patternfly/react-docs@7.2.0-prerelease.46) (2025-03-06)
27
+
28
+ **Note:** Version bump only for package @patternfly/react-docs
29
+
30
+ # [7.2.0-prerelease.45](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.44...@patternfly/react-docs@7.2.0-prerelease.45) (2025-03-06)
31
+
32
+ ### Bug Fixes
33
+
34
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.15 ([#11615](https://github.com/patternfly/patternfly-react/issues/11615)) ([49f3f70](https://github.com/patternfly/patternfly-react/commit/49f3f70f44717f156df542c2d6b9facad1caeff4))
35
+
36
+ # [7.2.0-prerelease.44](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.43...@patternfly/react-docs@7.2.0-prerelease.44) (2025-03-05)
37
+
38
+ ### Bug Fixes
39
+
40
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.14 ([#11609](https://github.com/patternfly/patternfly-react/issues/11609)) ([f8af65a](https://github.com/patternfly/patternfly-react/commit/f8af65a09409331bfea6c5818c333457b35fe84b))
41
+
42
+ # [7.2.0-prerelease.43](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.42...@patternfly/react-docs@7.2.0-prerelease.43) (2025-03-04)
43
+
44
+ **Note:** Version bump only for package @patternfly/react-docs
45
+
46
+ # [7.2.0-prerelease.42](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.41...@patternfly/react-docs@7.2.0-prerelease.42) (2025-03-03)
47
+
48
+ **Note:** Version bump only for package @patternfly/react-docs
49
+
50
+ # [7.2.0-prerelease.41](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.40...@patternfly/react-docs@7.2.0-prerelease.41) (2025-03-03)
51
+
52
+ **Note:** Version bump only for package @patternfly/react-docs
53
+
54
+ # [7.2.0-prerelease.40](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.39...@patternfly/react-docs@7.2.0-prerelease.40) (2025-02-27)
55
+
56
+ **Note:** Version bump only for package @patternfly/react-docs
57
+
58
+ # [7.2.0-prerelease.39](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.38...@patternfly/react-docs@7.2.0-prerelease.39) (2025-02-27)
59
+
60
+ ### Bug Fixes
61
+
62
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.11 ([#11565](https://github.com/patternfly/patternfly-react/issues/11565)) ([f8832f1](https://github.com/patternfly/patternfly-react/commit/f8832f1b5abd0b62c61905eaeea0584daeb0a650))
63
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.12 ([#11571](https://github.com/patternfly/patternfly-react/issues/11571)) ([df1322d](https://github.com/patternfly/patternfly-react/commit/df1322d1550f8a83a227534a670547895457d959))
64
+
65
+ # [7.2.0-prerelease.38](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.37...@patternfly/react-docs@7.2.0-prerelease.38) (2025-02-25)
66
+
67
+ **Note:** Version bump only for package @patternfly/react-docs
68
+
69
+ # [7.2.0-prerelease.37](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.36...@patternfly/react-docs@7.2.0-prerelease.37) (2025-02-24)
70
+
71
+ ### Bug Fixes
72
+
73
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.9 ([#11550](https://github.com/patternfly/patternfly-react/issues/11550)) ([e4c7d8d](https://github.com/patternfly/patternfly-react/commit/e4c7d8d3cdf474c9e477091c0867dccbdd17d1f7))
74
+
75
+ # [7.2.0-prerelease.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.35...@patternfly/react-docs@7.2.0-prerelease.36) (2025-02-24)
76
+
77
+ **Note:** Version bump only for package @patternfly/react-docs
78
+
79
+ # [7.2.0-prerelease.35](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.34...@patternfly/react-docs@7.2.0-prerelease.35) (2025-02-20)
80
+
81
+ ### Bug Fixes
82
+
83
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.7 ([#11543](https://github.com/patternfly/patternfly-react/issues/11543)) ([1779da2](https://github.com/patternfly/patternfly-react/commit/1779da23c863dfc7637ad68d3e266253d77569e9))
84
+
85
+ # [7.2.0-prerelease.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.33...@patternfly/react-docs@7.2.0-prerelease.34) (2025-02-17)
86
+
87
+ **Note:** Version bump only for package @patternfly/react-docs
88
+
89
+ # [7.2.0-prerelease.33](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.32...@patternfly/react-docs@7.2.0-prerelease.33) (2025-02-14)
90
+
91
+ ### Bug Fixes
92
+
93
+ - **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.4 ([#11525](https://github.com/patternfly/patternfly-react/issues/11525)) ([04daac6](https://github.com/patternfly/patternfly-react/commit/04daac6234bf7b85bdf663e4e9cb1093a16b9f44))
94
+
95
+ # [7.2.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.31...@patternfly/react-docs@7.2.0-prerelease.32) (2025-02-13)
96
+
97
+ **Note:** Version bump only for package @patternfly/react-docs
98
+
99
+ # [7.2.0-prerelease.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.30...@patternfly/react-docs@7.2.0-prerelease.31) (2025-02-12)
100
+
101
+ **Note:** Version bump only for package @patternfly/react-docs
102
+
103
+ # [7.2.0-prerelease.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.29...@patternfly/react-docs@7.2.0-prerelease.30) (2025-02-12)
104
+
105
+ **Note:** Version bump only for package @patternfly/react-docs
106
+
107
+ # [7.2.0-prerelease.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.28...@patternfly/react-docs@7.2.0-prerelease.29) (2025-01-31)
108
+
109
+ **Note:** Version bump only for package @patternfly/react-docs
110
+
111
+ # [7.2.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.27...@patternfly/react-docs@7.2.0-prerelease.28) (2025-01-30)
112
+
113
+ **Note:** Version bump only for package @patternfly/react-docs
114
+
115
+ # [7.2.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.26...@patternfly/react-docs@7.2.0-prerelease.27) (2025-01-28)
116
+
117
+ **Note:** Version bump only for package @patternfly/react-docs
118
+
119
+ # [7.2.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.25...@patternfly/react-docs@7.2.0-prerelease.26) (2025-01-28)
120
+
121
+ **Note:** Version bump only for package @patternfly/react-docs
122
+
123
+ # [7.2.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.24...@patternfly/react-docs@7.2.0-prerelease.25) (2025-01-28)
124
+
125
+ **Note:** Version bump only for package @patternfly/react-docs
126
+
127
+ # [7.2.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.23...@patternfly/react-docs@7.2.0-prerelease.24) (2025-01-27)
128
+
129
+ **Note:** Version bump only for package @patternfly/react-docs
130
+
131
+ # [7.2.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.22...@patternfly/react-docs@7.2.0-prerelease.23) (2025-01-27)
132
+
133
+ **Note:** Version bump only for package @patternfly/react-docs
134
+
135
+ # [7.2.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.21...@patternfly/react-docs@7.2.0-prerelease.22) (2025-01-27)
136
+
137
+ **Note:** Version bump only for package @patternfly/react-docs
138
+
139
+ # [7.2.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.20...@patternfly/react-docs@7.2.0-prerelease.21) (2025-01-24)
140
+
141
+ **Note:** Version bump only for package @patternfly/react-docs
142
+
143
+ # [7.2.0-prerelease.20](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.19...@patternfly/react-docs@7.2.0-prerelease.20) (2025-01-24)
144
+
145
+ **Note:** Version bump only for package @patternfly/react-docs
146
+
147
+ # [7.2.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.18...@patternfly/react-docs@7.2.0-prerelease.19) (2025-01-24)
148
+
149
+ **Note:** Version bump only for package @patternfly/react-docs
150
+
151
+ # [7.2.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.17...@patternfly/react-docs@7.2.0-prerelease.18) (2025-01-24)
152
+
153
+ **Note:** Version bump only for package @patternfly/react-docs
154
+
155
+ # [7.2.0-prerelease.17](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.16...@patternfly/react-docs@7.2.0-prerelease.17) (2025-01-23)
156
+
157
+ **Note:** Version bump only for package @patternfly/react-docs
158
+
159
+ # [7.2.0-prerelease.16](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.15...@patternfly/react-docs@7.2.0-prerelease.16) (2025-01-23)
160
+
161
+ ### Bug Fixes
162
+
163
+ - **deps:** update dependency victory to ^37.3.6 ([#11447](https://github.com/patternfly/patternfly-react/issues/11447)) ([6686381](https://github.com/patternfly/patternfly-react/commit/6686381558104f5392a1eb25c37f0bd73e9f33a6))
164
+
165
+ # [7.2.0-prerelease.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.14...@patternfly/react-docs@7.2.0-prerelease.15) (2025-01-21)
166
+
167
+ ### Bug Fixes
168
+
169
+ - **deps:** update dependency @patternfly/patternfly to v6.1.0 ([#11436](https://github.com/patternfly/patternfly-react/issues/11436)) ([b1b172d](https://github.com/patternfly/patternfly-react/commit/b1b172dc1b427ce8883ec1078c307955bc60a2eb))
170
+
171
+ # [7.2.0-prerelease.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.13...@patternfly/react-docs@7.2.0-prerelease.14) (2025-01-20)
172
+
173
+ **Note:** Version bump only for package @patternfly/react-docs
174
+
175
+ # [7.2.0-prerelease.13](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.12...@patternfly/react-docs@7.2.0-prerelease.13) (2025-01-20)
176
+
177
+ **Note:** Version bump only for package @patternfly/react-docs
178
+
179
+ # [7.2.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.11...@patternfly/react-docs@7.2.0-prerelease.12) (2025-01-17)
180
+
181
+ **Note:** Version bump only for package @patternfly/react-docs
182
+
183
+ # [7.2.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.10...@patternfly/react-docs@7.2.0-prerelease.11) (2025-01-15)
184
+
185
+ **Note:** Version bump only for package @patternfly/react-docs
186
+
187
+ # [7.2.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.9...@patternfly/react-docs@7.2.0-prerelease.10) (2025-01-14)
188
+
189
+ **Note:** Version bump only for package @patternfly/react-docs
190
+
191
+ # [7.2.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.8...@patternfly/react-docs@7.2.0-prerelease.9) (2025-01-14)
192
+
193
+ **Note:** Version bump only for package @patternfly/react-docs
194
+
195
+ # [7.2.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.7...@patternfly/react-docs@7.2.0-prerelease.8) (2025-01-14)
196
+
197
+ **Note:** Version bump only for package @patternfly/react-docs
198
+
199
+ # [7.2.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.6...@patternfly/react-docs@7.2.0-prerelease.7) (2025-01-14)
200
+
201
+ **Note:** Version bump only for package @patternfly/react-docs
202
+
203
+ # [7.2.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.5...@patternfly/react-docs@7.2.0-prerelease.6) (2025-01-14)
204
+
205
+ **Note:** Version bump only for package @patternfly/react-docs
206
+
6
207
  # [7.2.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-docs@7.2.0-prerelease.4...@patternfly/react-docs@7.2.0-prerelease.5) (2025-01-10)
7
208
 
8
209
  **Note:** Version bump only for package @patternfly/react-docs
package/README.md CHANGED
@@ -16,7 +16,6 @@ Include JS code blocks:
16
16
  ``````md
17
17
  ### Your example title
18
18
  ```js
19
- import React from 'react';
20
19
  import { YourComponent } from '@patternfly/react-core';
21
20
 
22
21
  BasicExample = () => (
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/react-docs",
3
3
  "description": "PatternFly React Docs",
4
- "version": "7.2.0-prerelease.5",
4
+ "version": "7.2.0-prerelease.50",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "tag": "prerelease"
@@ -23,21 +23,21 @@
23
23
  "test:a11y": "patternfly-a11y --config patternfly-a11y.config"
24
24
  },
25
25
  "dependencies": {
26
- "@patternfly/patternfly": "6.1.0-prerelease.11",
27
- "@patternfly/react-charts": "^8.2.0-prerelease.4",
28
- "@patternfly/react-code-editor": "^6.2.0-prerelease.2",
29
- "@patternfly/react-core": "^6.2.0-prerelease.2",
30
- "@patternfly/react-drag-drop": "^6.2.0-prerelease.2",
31
- "@patternfly/react-icons": "^6.2.0-prerelease.0",
32
- "@patternfly/react-styles": "^6.2.0-prerelease.0",
33
- "@patternfly/react-table": "^6.2.0-prerelease.2",
34
- "@patternfly/react-templates": "^6.2.0-prerelease.2",
35
- "@patternfly/react-tokens": "^6.2.0-prerelease.0",
36
- "victory": "^37.3.4"
26
+ "@patternfly/patternfly": "6.2.0-prerelease.19",
27
+ "@patternfly/react-charts": "^8.2.0-prerelease.25",
28
+ "@patternfly/react-code-editor": "^6.2.0-prerelease.33",
29
+ "@patternfly/react-core": "^6.2.0-prerelease.31",
30
+ "@patternfly/react-drag-drop": "^6.2.0-prerelease.33",
31
+ "@patternfly/react-icons": "^6.2.0-prerelease.11",
32
+ "@patternfly/react-styles": "^6.2.0-prerelease.10",
33
+ "@patternfly/react-table": "^6.2.0-prerelease.32",
34
+ "@patternfly/react-templates": "^6.2.0-prerelease.32",
35
+ "@patternfly/react-tokens": "^6.2.0-prerelease.10",
36
+ "victory": "^37.3.6"
37
37
  },
38
38
  "devDependencies": {
39
- "@patternfly/documentation-framework": "^6.5.3",
40
- "@patternfly/patternfly-a11y": "5.0.0"
39
+ "@patternfly/documentation-framework": "^6.5.16",
40
+ "@patternfly/patternfly-a11y": "5.1.0"
41
41
  },
42
42
  "keywords": [
43
43
  "gatsby"
@@ -46,5 +46,5 @@
46
46
  "last 2 versions",
47
47
  "not ie <= 11"
48
48
  ],
49
- "gitHead": "ffab2937260ccd96a62d143b33954fe2c9f1e5e4"
49
+ "gitHead": "e3dd20ff85965e283c3a7331b03b6c50680d7266"
50
50
  }
package/patternfly-docs/pages/icons.js CHANGED
@@ -1,5 +1,9 @@
1
+ // eslint-disable-next-line
1
2
  import React from 'react';
2
- import { Tooltip, Grid, GridItem, PageSection, Content } from '@patternfly/react-core';
3
+ import { Content } from '@patternfly/react-core/dist/esm/components/Content';
4
+ import { Grid, GridItem } from '@patternfly/react-core/dist/esm/layouts/Grid';
5
+ import { PageSection } from '@patternfly/react-core/dist/esm/components/Page/PageSection';
6
+ import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip';
3
7
  import spacerMd from '@patternfly/react-tokens/dist/esm/t_global_spacer_md';
4
8
  import labelFontSize from '@patternfly/react-tokens/dist/esm/t_global_font_size_sm';
5
9
  import * as IconsModule from '@patternfly/react-icons/dist/esm';
package/patternfly-docs/pages/index.js CHANGED
@@ -1,5 +1,7 @@
1
+ // eslint-disable-next-line
1
2
  import React from 'react';
2
- import { Title, PageSection } from '@patternfly/react-core';
3
+ import { PageSection } from '@patternfly/react-core/dist/esm/components/Page/PageSection';
4
+ import { Title } from '@patternfly/react-core/dist/esm/components/Title';
3
5
 
4
6
  // https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/
5
7
  const centerStyle = {
package/static/like-button.js DELETED
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- const e = React.createElement;
4
-
5
- class LikeButton extends React.Component {
6
- constructor(props) {
7
- super(props);
8
- this.state = { liked: false };
9
- }
10
-
11
- render() {
12
- if (this.state.liked) {
13
- return e(PatternFlyReact.Alert, {
14
- title: ' Great success',
15
- children: 'You liked this',
16
- variant: 'success'
17
- });
18
- }
19
-
20
- return e(
21
- PatternFlyReact.Button,
22
- { onClick: () => this.setState({ liked: true }) },
23
- 'Like'
24
- );
25
- }
26
- }
27
-
28
-
29
- const domContainer = document.querySelector('#react-root');
30
- ReactDOM.render(e(LikeButton), domContainer);
package/static/umd.html DELETED
@@ -1,98 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-us">
3
- <head>
4
- <link rel="stylesheet" href="https://unpkg.com/@patternfly/patternfly@2/patternfly.css" crossorigin="anonymous" />
5
- <meta charset="utf-8"/>
6
- </head>
7
- <body>
8
- <h1 class="pf-c-title pf-m-2xl">PatternFly-React UMD Build</h1>
9
- <p>
10
- UMD build allow for you to quickly get started using <a href="">@patternfly/react-core.</a>
11
- If you care about how this is accomplished, it's highly recommended to read&nbsp;
12
- <a href="https://reactjs.org/docs/add-react-to-a-website.html#add-react-in-one-minute">React's getting started with UMD guide</a> before returning here since.
13
- This guide uses React's guide as a base.
14
- </p>
15
- <h2 class="pf-c-title pf-m-2xl">1. Write HTML</h2>
16
- <p>
17
- Create a container to inject React components into.
18
- <pre>
19
- &lt;div id="react-root">Inject in here&lt;/div>
20
- </pre>
21
- </p>
22
- <h2 class="pf-c-title pf-m-2xl">2. Include JS</h2>
23
- <p>
24
- PatternFly React depends on React and PropTypes. Add these to the bottom of the &lt;body> tag on your page:
25
- <pre>
26
- &lt;script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin="anonymous">&lt;/script>
27
- &lt;script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin="anonymous">&lt;/script>
28
- &lt;script src="https://unpkg.com/prop-types@15.6/prop-types.js" crossorigin="anonymous">&lt;/script>
29
- &lt;script src="https://unpkg.com/@patternfly/react-core@3/dist/umd/react-core.js" crossorigin="anonymous">&lt;/script>
30
- &lt;script src="like-button.js">&lt;/script>
31
- </pre>
32
-
33
- @patternfly/react-core exposes a "PatternFlyReact" object for use in your like-button.js. Populate your like-button.js with something like:
34
- <pre>
35
- 'use strict';
36
-
37
- const e = React.createElement;
38
-
39
- class LikeButton extends React.Component {
40
- constructor(props) {
41
- super(props);
42
- this.state = { liked: false };
43
- }
44
-
45
- render() {
46
- if (this.state.liked) {
47
- return e(PatternFlyReact.Alert, {
48
- title: ' Great success',
49
- children: 'You liked this',
50
- variant: 'success'
51
- });
52
- }
53
-
54
- return e(
55
- PatternFlyReact.Button,
56
- { onClick: () => this.setState({ liked: true }) },
57
- 'Like'
58
- );
59
- }
60
- }
61
-
62
-
63
- const domContainer = document.querySelector('#react-root');
64
- ReactDOM.render(e(LikeButton), domContainer);
65
- </pre>
66
- </p>
67
- <h2 class="pf-c-title pf-m-2xl">3. (Optional) Include styles</h2>
68
- <p>
69
- You have to include <b>ALL</b> our PatternFly styles. There's two ways to do this:
70
- <pre>
71
- &lt;link rel="stylesheet" href="https://unpkg.com/@patternfly/patternfly@2/patternfly.css" crossorigin />
72
- </pre>
73
- OR
74
- <pre>
75
- &lt;link rel="stylesheet" href="https://unpkg.com/@patternfly/react-core@3/dist/styles/base.css" crossorigin />
76
- &lt;link rel="stylesheet" href="https://unpkg.com/@patternfly/react-core@3/dist/react-core.umd.css" crossorigin />
77
- </pre>
78
- </p>
79
- <h2 class="pf-c-title pf-m-2xl">4. Don't do this in production</h2>
80
- <p>
81
- This implementation is very bloated.
82
- ALL of React, ReactDOM, PropTypes (which you don't need in production...), and PatternFly (including CSS and fonts) are included which takes 912KB <i>after</i> being gzipped.
83
- Even when minified, they take 520Kb <i>after</i> being gzipped.
84
- Also, you probably want to be able to use JSX.
85
- To enable using JSX, treeshaking, and other modern JS tools PatternFly recommendeds consumption using <a href="https://github.com/patternfly/patternfly-react-seed">Webpack.</a>
86
- It's as simple as cloning <a href="https://github.com/patternfly/patternfly-react-seed">our seed repo</a> and running 2 commands!
87
- </p>
88
- <p>
89
- This page serves as an example of how to do this. Checkout the like button below!
90
- </p>
91
- <div id="react-root">Inject like button here</div>
92
- <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin="anonymous"></script>
93
- <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin="anonymous"></script>
94
- <script src="https://unpkg.com/prop-types@15.6/prop-types.js" crossorigin="anonymous"></script>
95
- <script src="https://unpkg.com/@patternfly/react-core@3/dist/umd/react-core.js" crossorigin="anonymous"></script>
96
- <script src="like-button.js"></script>
97
- </body>
98
- </html>