@patternfly/react-core 4.221.13 → 4.221.16

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 (36) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/DualListSelector/DualListSelector.d.ts +4 -0
  3. package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  4. package/dist/esm/components/DualListSelector/DualListSelector.js +13 -2
  5. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  6. package/dist/js/components/DualListSelector/DualListSelector.d.ts +4 -0
  7. package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  8. package/dist/js/components/DualListSelector/DualListSelector.js +13 -2
  9. package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
  10. package/dist/umd/react-core.js +13 -2
  11. package/dist/umd/react-core.min.css +69 -69
  12. package/dist/umd/react-core.min.js +1 -1
  13. package/package.json +5 -5
  14. package/src/components/DualListSelector/DualListSelector.tsx +14 -2
  15. package/src/components/DualListSelector/examples/DualListSelector.md +38 -767
  16. package/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +26 -0
  17. package/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +27 -0
  18. package/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +34 -0
  19. package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +146 -0
  20. package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +214 -0
  21. package/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +190 -0
  22. package/src/components/DualListSelector/examples/{ComposableTree.tsx → DualListSelectorComposableTree.tsx} +3 -3
  23. package/src/components/DualListSelector/examples/DualListSelectorTree.tsx +91 -0
  24. package/src/components/FileUpload/examples/FileUpload.md +6 -270
  25. package/src/components/FileUpload/examples/FileUploadCustomPreview.tsx +40 -0
  26. package/src/components/FileUpload/examples/FileUploadCustomUpload.tsx +116 -0
  27. package/src/components/FileUpload/examples/FileUploadSimpleFile.tsx +31 -0
  28. package/src/components/FileUpload/examples/FileUploadSimpleText.tsx +51 -0
  29. package/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx +51 -0
  30. package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +71 -0
  31. package/src/components/FormSelect/examples/FormSelect.md +5 -291
  32. package/src/components/FormSelect/examples/FormSelectBasic.tsx +28 -0
  33. package/src/components/FormSelect/examples/FormSelectDisabled.tsx +28 -0
  34. package/src/components/FormSelect/examples/FormSelectGrouped.tsx +49 -0
  35. package/src/components/FormSelect/examples/FormSelectIconSpriteVariant.tsx +57 -0
  36. package/src/components/FormSelect/examples/FormSelectValidated.tsx +69 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "4.221.13",
3
+ "version": "4.221.16",
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",
@@ -34,9 +34,9 @@
34
34
  "generate": "node scripts/copyStyles.js"
35
35
  },
36
36
  "dependencies": {
37
- "@patternfly/react-icons": "^4.72.13",
38
- "@patternfly/react-styles": "^4.71.13",
39
- "@patternfly/react-tokens": "^4.73.13",
37
+ "@patternfly/react-icons": "^4.72.16",
38
+ "@patternfly/react-styles": "^4.71.16",
39
+ "@patternfly/react-tokens": "^4.73.16",
40
40
  "focus-trap": "6.9.2",
41
41
  "react-dropzone": "9.0.0",
42
42
  "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
60
60
  "react": "^16.8.0 || ^17.0.0",
61
61
  "react-dom": "^16.8.0 || ^17.0.0"
62
62
  },
63
- "gitHead": "c2e4c2796b6768e5f4c816c271593d3b45de219d"
63
+ "gitHead": "5d2d632484b0028c60bd5f13e970a27216727bd1"
64
64
  }
package/src/components/DualListSelector/DualListSelector.tsx CHANGED
@@ -190,10 +190,22 @@ export class DualListSelector extends React.Component<DualListSelectorProps, Dua
190
190
  };
191
191
  }
192
192
 
193
+ /** In dev environment, prevents circular structure during JSON stringification when
194
+ * options passed in to the dual list selector include HTML elements.
195
+ */
196
+ replacer = (key: string, value: any) => {
197
+ if (key[0] === '_') {
198
+ return undefined;
199
+ }
200
+ return value;
201
+ };
202
+
193
203
  componentDidUpdate() {
194
204
  if (
195
- JSON.stringify(this.props.availableOptions) !== JSON.stringify(this.state.availableOptions) ||
196
- JSON.stringify(this.props.chosenOptions) !== JSON.stringify(this.state.chosenOptions)
205
+ JSON.stringify(this.props.availableOptions, this.replacer) !==
206
+ JSON.stringify(this.state.availableOptions, this.replacer) ||
207
+ JSON.stringify(this.props.chosenOptions, this.replacer) !==
208
+ JSON.stringify(this.state.chosenOptions, this.replacer)
197
209
  ) {
198
210
  this.setState({
199
211
  availableOptions: [...this.props.availableOptions],