Skip to content

Commit 2fc698a

Browse files
committed
fix(v5): Update to latest v5
1 parent aea9792 commit 2fc698a

File tree

9 files changed

+1559
-1400
lines changed

9 files changed

+1559
-1400
lines changed

packages/module/src/MultiContentCard/MultiContentCard.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ const MultiContentCard: React.FunctionComponent<MultiContentCardProps> = ({
7777
const renderCards = (cards: (React.ReactElement | MutliContentCardProps)[], withDividers?: boolean) => (
7878
<Flex alignSelf={{ default: 'alignSelfStretch' }} alignItems={{ default: 'alignItemsStretch' }}>
7979
{cards.map((card, index) => (
80-
<>
80+
<div key={`card-${index}`}>
8181
{index > 0 && isCardWithProps(card) && card.dividerVariant === MultiContentCardDividerVariant.left && (
8282
<Divider
8383
orientation={{ md: 'vertical' }}
@@ -93,7 +93,7 @@ const MultiContentCard: React.FunctionComponent<MultiContentCardProps> = ({
9393
inset={{ default: 'inset3xl' }}
9494
/>
9595
)}
96-
</>
96+
</div>
9797
))}
9898
</Flex>
9999
);

packages/module/src/MultiContentCard/__snapshots__/MultiContentCard.test.tsx.snap

Lines changed: 957 additions & 872 deletions
Large diffs are not rendered by default.

packages/module/src/Shortcut/Shortcut.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -98,8 +98,8 @@ const Shortcut: React.FunctionComponent<ShortcutProps> = ({
9898
return (
9999
<>
100100
<span className={clsx({ [classes.shortcut]: description, className })} data-ouia-component-id={ouiaId} {...props}>
101-
{badges.length > 0 && badges.reduce((prev, curr) => (
102-
<>{[ prev, ' + ', curr ]}</>
101+
{badges.length > 0 && badges.reduce((prev, curr, idx) => (
102+
<div key={idx}>{[ prev, ' + ', curr ]}</div>
103103
))}
104104
</span>
105105
{description}

packages/module/src/Shortcut/__snapshots__/Shortcut.test.tsx.snap

Lines changed: 95 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -9,37 +9,112 @@ exports[`Shortcut component should render correctly 1`] = `
99
class="shortcut-0-2-1"
1010
data-ouia-component-id="Shortcut"
1111
>
12-
<span
13-
class="pf-v6-c-label pf-m-outline"
14-
data-test-id="cmd-key"
15-
>
12+
<div>
13+
<div>
14+
<span
15+
class="pf-v6-c-label pf-m-outline"
16+
data-test-id="cmd-key"
17+
>
18+
<span
19+
class="pf-v6-c-label__content"
20+
>
21+
<span
22+
class="pf-v6-c-label__text"
23+
>
24+
25+
Cmd
26+
</span>
27+
</span>
28+
</span>
29+
+
30+
<span
31+
class="pf-v6-c-label pf-m-outline"
32+
data-test-id="shift-key"
33+
>
34+
<span
35+
class="pf-v6-c-label__content"
36+
>
37+
<span
38+
class="pf-v6-c-label__text"
39+
>
40+
41+
Shift
42+
</span>
43+
</span>
44+
</span>
45+
</div>
46+
+
1647
<span
17-
class="pf-v6-c-label__content"
48+
class="pf-v6-c-label pf-m-outline"
49+
data-test-id="click"
1850
>
1951
<span
20-
class="pf-v6-c-label__text"
52+
class="pf-v6-c-label__content"
2153
>
22-
23-
Cmd
54+
<span
55+
class="pf-v6-c-label__text"
56+
>
57+
<svg
58+
aria-hidden="true"
59+
class="pf-v6-svg"
60+
fill="currentColor"
61+
height="1em"
62+
role="img"
63+
viewBox="0 0 384 512"
64+
width="1em"
65+
>
66+
<path
67+
d="M0 352a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V224H0zM176 0h-16A160 160 0 0 0 0 160v32h176zm48 0h-16v192h176v-32A160 160 0 0 0 224 0z"
68+
/>
69+
</svg>
70+
Click
71+
</span>
2472
</span>
2573
</span>
26-
</span>
27-
+
28-
<span
29-
class="pf-v6-c-label pf-m-outline"
30-
data-test-id="shift-key"
31-
>
74+
</div>
75+
</span>
76+
Shortcut description
77+
</div>
78+
</body>,
79+
"container": <div>
80+
<span
81+
class="shortcut-0-2-1"
82+
data-ouia-component-id="Shortcut"
83+
>
84+
<div>
85+
<div>
3286
<span
33-
class="pf-v6-c-label__content"
87+
class="pf-v6-c-label pf-m-outline"
88+
data-test-id="cmd-key"
3489
>
3590
<span
36-
class="pf-v6-c-label__text"
91+
class="pf-v6-c-label__content"
3792
>
38-
39-
Shift
93+
<span
94+
class="pf-v6-c-label__text"
95+
>
96+
97+
Cmd
98+
</span>
4099
</span>
41100
</span>
42-
</span>
101+
+
102+
<span
103+
class="pf-v6-c-label pf-m-outline"
104+
data-test-id="shift-key"
105+
>
106+
<span
107+
class="pf-v6-c-label__content"
108+
>
109+
<span
110+
class="pf-v6-c-label__text"
111+
>
112+
113+
Shift
114+
</span>
115+
</span>
116+
</span>
117+
</div>
43118
+
44119
<span
45120
class="pf-v6-c-label pf-m-outline"
@@ -68,74 +143,7 @@ exports[`Shortcut component should render correctly 1`] = `
68143
</span>
69144
</span>
70145
</span>
71-
</span>
72-
Shortcut description
73-
</div>
74-
</body>,
75-
"container": <div>
76-
<span
77-
class="shortcut-0-2-1"
78-
data-ouia-component-id="Shortcut"
79-
>
80-
<span
81-
class="pf-v6-c-label pf-m-outline"
82-
data-test-id="cmd-key"
83-
>
84-
<span
85-
class="pf-v6-c-label__content"
86-
>
87-
<span
88-
class="pf-v6-c-label__text"
89-
>
90-
91-
Cmd
92-
</span>
93-
</span>
94-
</span>
95-
+
96-
<span
97-
class="pf-v6-c-label pf-m-outline"
98-
data-test-id="shift-key"
99-
>
100-
<span
101-
class="pf-v6-c-label__content"
102-
>
103-
<span
104-
class="pf-v6-c-label__text"
105-
>
106-
107-
Shift
108-
</span>
109-
</span>
110-
</span>
111-
+
112-
<span
113-
class="pf-v6-c-label pf-m-outline"
114-
data-test-id="click"
115-
>
116-
<span
117-
class="pf-v6-c-label__content"
118-
>
119-
<span
120-
class="pf-v6-c-label__text"
121-
>
122-
<svg
123-
aria-hidden="true"
124-
class="pf-v6-svg"
125-
fill="currentColor"
126-
height="1em"
127-
role="img"
128-
viewBox="0 0 384 512"
129-
width="1em"
130-
>
131-
<path
132-
d="M0 352a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V224H0zM176 0h-16A160 160 0 0 0 0 160v32h176zm48 0h-16v192h176v-32A160 160 0 0 0 224 0z"
133-
/>
134-
</svg>
135-
Click
136-
</span>
137-
</span>
138-
</span>
146+
</div>
139147
</span>
140148
Shortcut description
141149
</div>,

0 commit comments

Comments
 (0)