@patternfly/react-core 5.0.0-alpha.60 → 5.0.0-alpha.62

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 +10 -0
  2. package/package.json +3 -3
  3. package/src/components/Alert/examples/Alert.md +5 -5
  4. package/src/components/Breadcrumb/examples/BreadcrumbBasic.tsx +1 -1
  5. package/src/components/Button/examples/ButtonVariations.tsx +4 -4
  6. package/src/components/Card/examples/CardBasic.tsx +1 -1
  7. package/src/components/Dropdown/examples/DropdownBasic.tsx +1 -0
  8. package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +2 -2
  9. package/src/components/FormSelect/examples/FormSelectBasic.tsx +1 -1
  10. package/src/components/Modal/examples/ModalBasic.tsx +2 -1
  11. package/src/components/Nav/examples/NavDefault.tsx +1 -1
  12. package/src/components/Pagination/examples/PaginationTop.tsx +1 -0
  13. package/src/components/Select/examples/Select.md +1 -0
  14. package/src/components/Switch/examples/SwitchBasic.tsx +1 -0
  15. package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +4 -4
  16. package/src/deprecated/components/ContextSelector/examples/ContextSelectorBasic.tsx +1 -0
  17. package/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md +2 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
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
+ # [5.0.0-alpha.62](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.61...@patternfly/react-core@5.0.0-alpha.62) (2023-04-11)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-core
9
+
10
+ # [5.0.0-alpha.61](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.60...@patternfly/react-core@5.0.0-alpha.61) (2023-04-11)
11
+
12
+ ### Bug Fixes
13
+
14
+ - **icons:** fixed pficons naming overrides ([#8932](https://github.com/patternfly/patternfly-react/issues/8932)) ([1c9c9cb](https://github.com/patternfly/patternfly-react/commit/1c9c9cb7909a26d3bc4ad340d0656c0ec31d9e58))
15
+
6
16
  # 5.0.0-alpha.60 (2023-04-10)
7
17
 
8
18
  ### Bug Fixes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "5.0.0-alpha.60",
3
+ "version": "5.0.0-alpha.62",
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",
@@ -45,7 +45,7 @@
45
45
  "subpaths": "node scripts/createSubpaths.js"
46
46
  },
47
47
  "dependencies": {
48
- "@patternfly/react-icons": "^5.0.0-alpha.9",
48
+ "@patternfly/react-icons": "^5.0.0-alpha.10",
49
49
  "@patternfly/react-styles": "^5.0.0-alpha.6",
50
50
  "@patternfly/react-tokens": "^5.0.0-alpha.6",
51
51
  "focus-trap": "7.4.0",
@@ -70,5 +70,5 @@
70
70
  "react": "^17 || ^18",
71
71
  "react-dom": "^17 || ^18"
72
72
  },
73
- "gitHead": "038b6538ed188352d87d62c1ab21503e879432ab"
73
+ "gitHead": "d92de5c78c49b2c1e5df50821a7fdb0870cea154"
74
74
  }
package/src/components/Alert/examples/Alert.md CHANGED
@@ -32,11 +32,11 @@ import React from 'react';
32
32
  import { Alert } from '@patternfly/react-core';
33
33
 
34
34
  <React.Fragment>
35
- <Alert title="Default alert title" />
36
- <Alert variant="info" title="Info alert title" />
37
- <Alert variant="success" title="Success alert title" />
38
- <Alert variant="warning" title="Warning alert title" />
39
- <Alert variant="danger" title="Danger alert title" />
35
+ <Alert title="Default alert title" ouiaId="DefaultAlert" />
36
+ <Alert variant="info" title="Info alert title" ouiaId="InfoAlert" />
37
+ <Alert variant="success" title="Success alert title" ouiaId="SuccessAlert" />
38
+ <Alert variant="warning" title="Warning alert title" ouiaId="WarningAlert" />
39
+ <Alert variant="danger" title="Danger alert title" ouiaId="DangerAlert" />
40
40
  </React.Fragment>
41
41
  ```
42
42
 
package/src/components/Breadcrumb/examples/BreadcrumbBasic.tsx CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Breadcrumb, BreadcrumbItem } from '@patternfly/react-core';
3
3
 
4
4
  export const BreadcrumbBasic: React.FunctionComponent = () => (
5
- <Breadcrumb>
5
+ <Breadcrumb ouiaId="BasicBreadcrumb">
6
6
  <BreadcrumbItem to="#">Section home</BreadcrumbItem>
7
7
  <BreadcrumbItem to="#">Section title</BreadcrumbItem>
8
8
  <BreadcrumbItem to="#">Section title</BreadcrumbItem>
package/src/components/Button/examples/ButtonVariations.tsx CHANGED
@@ -7,12 +7,12 @@ import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
7
7
 
8
8
  export const ButtonVariations: React.FunctionComponent = () => (
9
9
  <React.Fragment>
10
- <Button variant="primary">Primary</Button> <Button variant="secondary">Secondary</Button>{' '}
11
- <Button variant="secondary" isDanger>
10
+ <Button variant="primary" ouiaId="Primary">Primary</Button> <Button variant="secondary" ouiaId="Secondary">Secondary</Button>{' '}
11
+ <Button variant="secondary" ouiaId="DangerSecondary" isDanger>
12
12
  Danger Secondary
13
13
  </Button>{' '}
14
- <Button variant="tertiary">Tertiary</Button> <Button variant="danger">Danger</Button>{' '}
15
- <Button variant="warning">Warning</Button>
14
+ <Button variant="tertiary" ouiaId="Tertiary">Tertiary</Button> <Button variant="danger" ouiaId="Danger">Danger</Button>{' '}
15
+ <Button variant="warning" ouiaId="Warning">Warning</Button>
16
16
  <br />
17
17
  <br />
18
18
  <Button variant="link" icon={<PlusCircleIcon />}>
package/src/components/Card/examples/CardBasic.tsx CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Card, CardTitle, CardBody, CardFooter } from '@patternfly/react-core';
3
3
 
4
4
  export const CardBasic: React.FunctionComponent = () => (
5
- <Card>
5
+ <Card ouiaId="BasicCard">
6
6
  <CardTitle>Title</CardTitle>
7
7
  <CardBody>Body</CardBody>
8
8
  <CardFooter>Footer</CardFooter>
package/src/components/Dropdown/examples/DropdownBasic.tsx CHANGED
@@ -24,6 +24,7 @@ export const DropdownBasic: React.FunctionComponent = () => {
24
24
  Dropdown
25
25
  </MenuToggle>
26
26
  )}
27
+ ouiaId="BasicDropdown"
27
28
  >
28
29
  <DropdownList>
29
30
  <DropdownItem itemId={0} key="link">
package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap CHANGED
@@ -12,7 +12,7 @@ exports[`EmptyStateIcon should match snapshot (auto-generated) 1`] = `
12
12
  class="''"
13
13
  fill="currentColor"
14
14
  role="img"
15
- viewBox="0 0 830 1024"
15
+ viewBox="0 0 448 512"
16
16
  >
17
17
  <title
18
18
  id="icon-title-0"
@@ -20,7 +20,7 @@ exports[`EmptyStateIcon should match snapshot (auto-generated) 1`] = `
20
20
  string
21
21
  </title>
22
22
  <path
23
- d="M0,1024 C7.8,907.1 37.3,664.2 147.8,568.3 C147.8,568.3 207.5,511.5 298.4,511.996718 L530.3,511.996718 C621.3,511.996718 680.9,568.3 680.9,568.3 C680.9,568.3 813.9,680.1 830,1024 L0,1024 Z M639.4,224 C639.4,347.7 539.1,448 415.4,448 C291.7,448 191.4,347.7 191.4,224 C191.4,100.3 291.9,0 415.6,0 C539.3,0 639.4,100.3 639.4,224 L639.4,224 Z"
23
+ d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"
24
24
  />
25
25
  </svg>
26
26
  </div>
package/src/components/FormSelect/examples/FormSelectBasic.tsx CHANGED
@@ -19,7 +19,7 @@ export const FormSelectBasic: React.FunctionComponent = () => {
19
19
  ];
20
20
 
21
21
  return (
22
- <FormSelect value={formSelectValue} onChange={onChange} aria-label="FormSelect Input">
22
+ <FormSelect value={formSelectValue} onChange={onChange} aria-label="FormSelect Input" ouiaId="BasicFormSelect">
23
23
  {options.map((option, index) => (
24
24
  <FormSelectOption isDisabled={option.disabled} key={index} value={option.value} label={option.label} />
25
25
  ))}
package/src/components/Modal/examples/ModalBasic.tsx CHANGED
@@ -10,7 +10,7 @@ export const ModalBasic: React.FunctionComponent = () => {
10
10
 
11
11
  return (
12
12
  <React.Fragment>
13
- <Button variant="primary" onClick={handleModalToggle}>
13
+ <Button variant="primary" onClick={handleModalToggle} ouiaId="ShowBasicModal">
14
14
  Show basic modal
15
15
  </Button>
16
16
  <Modal
@@ -25,6 +25,7 @@ export const ModalBasic: React.FunctionComponent = () => {
25
25
  Cancel
26
26
  </Button>
27
27
  ]}
28
+ ouiaId="BasicModal"
28
29
  >
29
30
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
30
31
  magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
package/src/components/Nav/examples/NavDefault.tsx CHANGED
@@ -9,7 +9,7 @@ export const NavDefault: React.FunctionComponent = () => {
9
9
  };
10
10
 
11
11
  return (
12
- <Nav onSelect={onSelect} aria-label="Default global">
12
+ <Nav onSelect={onSelect} aria-label="Default global" ouiaId="DefaultNav">
13
13
  <NavList>
14
14
  <NavItem preventDefault id="nav-default-link1" to="#nav-default-link1" itemId={0} isActive={activeItem === 0}>
15
15
  Default Link 1
package/src/components/Pagination/examples/PaginationTop.tsx CHANGED
@@ -26,6 +26,7 @@ export const PaginationTop: React.FunctionComponent = () => {
26
26
  onSetPage={onSetPage}
27
27
  widgetId="top-example"
28
28
  onPerPageSelect={onPerPageSelect}
29
+ ouiaId="PaginationTop"
29
30
  />
30
31
  );
31
32
  };
package/src/components/Select/examples/Select.md CHANGED
@@ -120,6 +120,7 @@ class SingleSelectInput extends React.Component {
120
120
  aria-labelledby={titleId}
121
121
  isDisabled={isDisabled}
122
122
  direction={direction}
123
+ ouiaId="SingleSelect"
123
124
  >
124
125
  {this.options}
125
126
  </Select>
package/src/components/Switch/examples/SwitchBasic.tsx CHANGED
@@ -15,6 +15,7 @@ export const SwitchBasic: React.FunctionComponent = () => {
15
15
  labelOff="Message when off"
16
16
  isChecked={isChecked}
17
17
  onChange={handleChange}
18
+ ouiaId="BasicSwitch"
18
19
  />
19
20
  );
20
21
  };
package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap CHANGED
@@ -2222,10 +2222,10 @@ exports[`tree view renders icons successfully 1`] = `
2222
2222
  class="pf-svg"
2223
2223
  fill="currentColor"
2224
2224
  role="img"
2225
- viewBox="0 0 1217 1024"
2225
+ viewBox="0 0 576 512"
2226
2226
  >
2227
2227
  <path
2228
- d="M1199.6,520.6 C1187.8,514.9 1174.4,512 1159.3,512 L412.7,512 C288.5,512 236.7,593.1 236.7,593.1 L75.6,810.6 L150,552.2 C162,520.1 187.3,492.8 225.6,470.4 C263.9,448 304.1,448 345.8,448 L1089,448 L1089,256 C1089,256 1089,192 1025,192 L503.3,192 L470.6,130.1 C470.6,130.1 440,64 374.7,64 L65,64 C1,64 1,128 1,128 L1,960 L807.7,960 C837,960 868.9,952.166667 903.4,936.5 C937.9,920.8 964.6,901.5 983.7,879 L1196.4,593.2 C1210.2,577.7 1217,561.41 1217,549.3 C1217,537.19 1211.3,526.3 1199.6,520.6"
2228
+ d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
2229
2229
  />
2230
2230
  </svg>
2231
2231
  </span>
@@ -2609,10 +2609,10 @@ exports[`tree view renders individual flag options successfully 1`] = `
2609
2609
  class="pf-svg"
2610
2610
  fill="currentColor"
2611
2611
  role="img"
2612
- viewBox="0 0 1217 1024"
2612
+ viewBox="0 0 576 512"
2613
2613
  >
2614
2614
  <path
2615
- d="M1199.6,520.6 C1187.8,514.9 1174.4,512 1159.3,512 L412.7,512 C288.5,512 236.7,593.1 236.7,593.1 L75.6,810.6 L150,552.2 C162,520.1 187.3,492.8 225.6,470.4 C263.9,448 304.1,448 345.8,448 L1089,448 L1089,256 C1089,256 1089,192 1025,192 L503.3,192 L470.6,130.1 C470.6,130.1 440,64 374.7,64 L65,64 C1,64 1,128 1,128 L1,960 L807.7,960 C837,960 868.9,952.166667 903.4,936.5 C937.9,920.8 964.6,901.5 983.7,879 L1196.4,593.2 C1210.2,577.7 1217,561.41 1217,549.3 C1217,537.19 1211.3,526.3 1199.6,520.6"
2615
+ d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
2616
2616
  />
2617
2617
  </svg>
2618
2618
  </span>
package/src/deprecated/components/ContextSelector/examples/ContextSelectorBasic.tsx CHANGED
@@ -69,6 +69,7 @@ export const ContextSelectorBasic: React.FunctionComponent = () => {
69
69
  onSelect={onSelect}
70
70
  onSearchButtonClick={onSearchButtonClick}
71
71
  screenReaderLabel="Selected Project:"
72
+ ouiaId="BasicContextSelector"
72
73
  >
73
74
  {filteredItems.map((item, index) => {
74
75
  const [text = null, href = undefined, isDisabled] =
package/src/deprecated/components/OptionsMenu/examples/OptionsMenu.md CHANGED
@@ -53,7 +53,8 @@ class SingleOption extends React.Component {
53
53
  id="single-option-example"
54
54
  menuItems={menuItems}
55
55
  isOpen={isOpen}
56
- toggle={toggle}/>
56
+ toggle={toggle}
57
+ ouiaId="OptionsMenu"/>
57
58
  );
58
59
  }
59
60
  }