Skip to content

Commit 6122274

Browse files
committed
chore: adapt to the useId removal in OrbitProvider
1 parent 7dff01a commit 6122274

File tree

73 files changed

+78
-94
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+78
-94
lines changed

docs/src/__examples__/Accordion/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ export default {
8181
</Stack>
8282
);
8383
return (
84-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
84+
<OrbitProvider theme={defaultTheme}>
8585
<Accordion
8686
expandedSection={expandedSection}
8787
onExpand={id => setExpandedSection(String(id))}

docs/src/__examples__/Accordion/actions_and_footer.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ export default {
8383
);
8484

8585
return (
86-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
86+
<OrbitProvider theme={defaultTheme}>
8787
<Accordion
8888
expandedSection={expandedSection}
8989
onExpand={id => setExpandedSection(String(id))}

docs/src/__examples__/Badge/icon.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { InformationCircle } from "@kiwicom/orbit-components/icons";
44

55
export default {
66
Example: () => (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<Tooltip renderInPortal={false} content="Get more points by traveling more">
99
<Badge type="neutral">
1010
2,435 pts <InformationCircle size="small" ariaLabel="More information" />

docs/src/__examples__/BadgeList/DISCLOSURE.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default {
1717
Example: () => {
1818
const [showDrawer, setShowDrawer] = React.useState(false);
1919
return (
20-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
20+
<OrbitProvider theme={defaultTheme}>
2121
{showDrawer && (
2222
<Drawer
2323
onClose={() => {

docs/src/__examples__/Card/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Card, CardSection, OrbitProvider, defaultTheme } from "@kiwicom/orbit-c
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Card title="Passenger info" description="All passengers in this itinerary">
88
<CardSection title="Yasmin Karenth" expandable description="1st class" />
99
</Card>

docs/src/__examples__/Card/EXPAND_UNCONTROLLED.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010

1111
export default {
1212
Example: () => (
13-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
13+
<OrbitProvider theme={defaultTheme}>
1414
<Card title="Passenger info">
1515
<CardSection expandable title="Yasmin Karenth">
1616
<Stack direction="column" spacing="200">

docs/src/__examples__/CarrierLogo/ACCESSIBILITY.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Stack, Text, CarrierLogo, OrbitProvider, defaultTheme } from "@kiwicom/
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Stack direction="column">
88
<CarrierLogo
99
carriers={[

docs/src/__examples__/CarrierLogo/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { CarrierLogo, OrbitProvider, defaultTheme } from "@kiwicom/orbit-compone
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<CarrierLogo
88
carriers={[
99
{

docs/src/__examples__/CarrierLogo/MULTIPLE.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { CarrierLogo, OrbitProvider, Stack, defaultTheme } from "@kiwicom/orbit-
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Stack direction="column">
88
<CarrierLogo
99
carriers={[

docs/src/__examples__/ChoiceGroup/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default {
1313
const [checked, setChecked] = React.useState({ plane: false, train: false, auto: false });
1414
const [radio, setRadio] = React.useState("");
1515
return (
16-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
16+
<OrbitProvider theme={defaultTheme}>
1717
<Stack>
1818
<ChoiceGroup
1919
label="Transport to search"

docs/src/__examples__/ChoiceGroup/ERROR.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default {
1313
const [checked, setChecked] = React.useState({ plane: false, train: true, auto: true });
1414
const [radio, setRadio] = React.useState("non");
1515
return (
16-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
16+
<OrbitProvider theme={defaultTheme}>
1717
<Stack>
1818
<ChoiceGroup
1919
label="Transport to search"

docs/src/__examples__/Collapse/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Collapse, OrbitProvider, Text, TextLink, defaultTheme } from "@kiwicom/
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Collapse
88
label="Principle for collapses"
99
expandButtonLabel="Expand"

docs/src/__examples__/Dialog/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default {
66
const [showDialog, setShowDialog] = React.useState(false);
77

88
return (
9-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
9+
<OrbitProvider theme={defaultTheme}>
1010
{showDialog && (
1111
<Dialog
1212
title="Accept notifications?"

docs/src/__examples__/Drawer/STATE.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ export default {
7373
);
7474
}
7575
return (
76-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
76+
<OrbitProvider theme={defaultTheme}>
7777
{showDrawer && (
7878
<Drawer
7979
title="Help"

docs/src/__examples__/HorizontalScroll/default.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import { BaggageCabin, BaggageChecked30, BaggagePersonal } from "@kiwicom/orbit-
1212

1313
export default {
1414
Example: () => (
15-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
15+
<OrbitProvider theme={defaultTheme}>
1616
<HorizontalScroll>
1717
<Tile title="Complete baggage bundle">
1818
<Stack>

docs/src/__examples__/InputField/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { InputField, OrbitProvider, defaultTheme } from "@kiwicom/orbit-componen
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<InputField label="Given names" placeholder="Sofia Cruz" />
88
</OrbitProvider>
99
),

docs/src/__examples__/InputField/ERROR.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default {
55
Example: () => {
66
const [value, setValue] = React.useState("");
77
return (
8-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
8+
<OrbitProvider theme={defaultTheme}>
99
<InputField
1010
error={!value && "Please enter your email"}
1111
help="Enter your email in the format [email protected]"

docs/src/__examples__/InputField/HELP.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { InputField, OrbitProvider, defaultTheme } from "@kiwicom/orbit-componen
44
export default {
55
Example: () => {
66
return (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<InputField
99
help="Enter your email in the format [email protected]"
1010
placeholder="[email protected]"

docs/src/__examples__/InputField/REQUIRED.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { InputField, OrbitProvider, defaultTheme } from "@kiwicom/orbit-componen
44
export default {
55
Example: () => {
66
return (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<InputField
99
required
1010
placeholder="[email protected]"

docs/src/__examples__/InputField/STATES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { InputField, OrbitProvider, defaultTheme } from "@kiwicom/orbit-componen
44
export default {
55
Example: () => {
66
return (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<InputField
99
error="Please enter your email"
1010
placeholder="[email protected]"

docs/src/__examples__/InputField/SUFFIX.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default {
1212
Example: () => {
1313
const [showPassword, setShowPassword] = React.useState(false);
1414
return (
15-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
15+
<OrbitProvider theme={defaultTheme}>
1616
<Stack direction="column">
1717
<InputField
1818
label="Maximum price"

docs/src/__examples__/InputGroup/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export default {
1111
Example: () => {
1212
const [month, setMonth] = React.useState("");
1313
return (
14-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
14+
<OrbitProvider theme={defaultTheme}>
1515
<InputGroup flex={["8 8 15em", "1 1 4em", "2 2 6em"]} label="Departure">
1616
<Select
1717
value={month}

docs/src/__examples__/InputGroup/STATES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import {
1010
export default {
1111
Example: () => {
1212
return (
13-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
13+
<OrbitProvider theme={defaultTheme}>
1414
<InputGroup flex={["8 8 15em", "1 1 4em", "2 2 6em"]} label="Departure">
1515
<Select
1616
value="May"

docs/src/__examples__/InputSelect/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ export default {
3434
];
3535

3636
return (
37-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
37+
<OrbitProvider theme={defaultTheme}>
3838
<InputSelect
3939
placeholder="Search currency"
4040
options={currencyOptions}

docs/src/__examples__/Itinerary/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import * as Icons from "@kiwicom/orbit-components/icons";
1212

1313
export default {
1414
Example: () => (
15-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
15+
<OrbitProvider theme={defaultTheme}>
1616
<Itinerary>
1717
<ItinerarySegment spaceAfter="medium">
1818
<ItinerarySegmentStop

docs/src/__examples__/ListChoice/DESCRIPTION.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export default {
1111
Example: () => {
1212
const [choice, setChoice] = React.useState("");
1313
return (
14-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
14+
<OrbitProvider theme={defaultTheme}>
1515
<Popover
1616
renderInPortal={false}
1717
content={

docs/src/__examples__/ListChoice/ICONS.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default {
1212
Example: () => {
1313
const [choice, setChoice] = React.useState("");
1414
return (
15-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
15+
<OrbitProvider theme={defaultTheme}>
1616
<Popover
1717
renderInPortal={false}
1818
content={

docs/src/__examples__/Modal/FIXED_FOOTER.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
export default {
2222
Example: () => {
2323
return (
24-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
24+
<OrbitProvider theme={defaultTheme}>
2525
<Modal hasCloseButton={false} fixedFooter>
2626
<ModalHeader
2727
title="Enjoy a meal while you travel"

docs/src/__examples__/Modal/HEADER_FOOTER.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default {
1313
Example: () => {
1414
const [showModal, setShowModal] = React.useState(false);
1515
return (
16-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
16+
<OrbitProvider theme={defaultTheme}>
1717
{showModal && (
1818
<Modal
1919
onClose={() => {

docs/src/__examples__/Modal/SIZES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default {
1717
const [showModalExtraLarge, setShowModalExtraLarge] = React.useState(false);
1818

1919
return (
20-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
20+
<OrbitProvider theme={defaultTheme}>
2121
{showModalExtraSmall && (
2222
<Modal
2323
size="extraSmall"

docs/src/__examples__/Popover/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { QuestionCircle } from "@kiwicom/orbit-components/icons";
1111

1212
export default {
1313
Example: () => (
14-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
14+
<OrbitProvider theme={defaultTheme}>
1515
<Popover
1616
renderInPortal={false}
1717
ariaLabel="Help and documentation links"

docs/src/__examples__/Popover/TRIGGER.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import { ChevronDown } from "@kiwicom/orbit-components/icons";
1111

1212
export default {
1313
Example: () => (
14-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
14+
<OrbitProvider theme={defaultTheme}>
1515
<Popover
1616
renderInPortal={false}
1717
ariaLabel="Documentation resources"

docs/src/__examples__/Seat/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default {
66
Example: () => {
77
const { isTablet } = useMediaQuery();
88
return (
9-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
9+
<OrbitProvider theme={defaultTheme}>
1010
<Stack direction="column">
1111
<Seat type="default" size={isTablet ? "medium" : "small"} />
1212
<SeatLegend type="default" label="Standard ($ 5.99 – $ 12.98)" />

docs/src/__examples__/Seat/SIZES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { OrbitProvider, Seat, defaultTheme } from "@kiwicom/orbit-components";
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Seat />
88
</OrbitProvider>
99
),

docs/src/__examples__/Seat/TYPES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { OrbitProvider, Seat, defaultTheme } from "@kiwicom/orbit-components";
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Seat />
88
</OrbitProvider>
99
),

docs/src/__examples__/Select/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default {
55
Example: () => {
66
const [country, setCountry] = React.useState("");
77
return (
8-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
8+
<OrbitProvider theme={defaultTheme}>
99
<Select
1010
value={country}
1111
placeholder="Choose your country"

docs/src/__examples__/Select/STATES.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { Select, OrbitProvider, defaultTheme } from "@kiwicom/orbit-components";
44
export default {
55
Example: () => {
66
return (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<Select
99
value=""
1010
placeholder="Choose your country"

docs/src/__examples__/Skeleton/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { OrbitProvider, Skeleton, defaultTheme } from "@kiwicom/orbit-components
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Skeleton width={300} height={100} />
88
</OrbitProvider>
99
),

docs/src/__examples__/Skeleton/PRESETS.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { OrbitProvider, Skeleton, defaultTheme } from "@kiwicom/orbit-components
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Skeleton preset="List" />
88
</OrbitProvider>
99
),

docs/src/__examples__/Skeleton/ROWS.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Skeleton, OrbitProvider, defaultTheme } from "@kiwicom/orbit-components
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<Skeleton rows={6} rowOffset={30} rowHeight={21} />
88
</OrbitProvider>
99
),

docs/src/__examples__/SkipNavigation/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import {
1313

1414
export default {
1515
Example: () => (
16-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
16+
<OrbitProvider theme={defaultTheme}>
1717
<SkipNavigation />
1818
<Stack>
1919
<Stack spacing="300">

docs/src/__examples__/Stepper/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { Passengers } from "@kiwicom/orbit-components/icons";
44

55
export default {
66
Example: () => (
7-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
7+
<OrbitProvider theme={defaultTheme}>
88
<Stack align="center" spacing="400" desktop={{ spacing: "600" }}>
99
<Heading type="title4">
1010
<Stack align="center">

docs/src/__examples__/StopoverArrow/DEFAULT.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { OrbitProvider, StopoverArrow, defaultTheme } from "@kiwicom/orbit-compo
33

44
export default {
55
Example: () => (
6-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
6+
<OrbitProvider theme={defaultTheme}>
77
<StopoverArrow stops="2" />
88
</OrbitProvider>
99
),

docs/src/__examples__/Tag/FILTERS.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export default {
3636
const isTransportFiltered =
3737
checked.plane === false || checked.train === false || checked.bus === false;
3838
return (
39-
<OrbitProvider theme={defaultTheme} useId={React.useId}>
39+
<OrbitProvider theme={defaultTheme}>
4040
<Stack>
4141
<Stack direction="row" spacing="300">
4242
<Text>Amsterdam</Text>

0 commit comments

Comments
 (0)