Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

feat(List): add proper support for children API #2207

Merged
merged 20 commits into from
Feb 14, 2020
Merged

feat(List): add proper support for children API #2207

Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
3d3b429
Prototype: Context usage for collections
layershifter Jan 3, 2020
9724fe2
revert changes
layershifter Jan 28, 2020
ef90282
add UTs
layershifter Jan 29, 2020
5289db7
fix UTs, create default
layershifter Jan 29, 2020
dbe17d1
Merge branches 'master' and 'proto/list-context' of https://github.co…
layershifter Jan 30, 2020
64395fc
improve UTs, types
layershifter Jan 30, 2020
b75a21b
Merge branches 'master' and 'proto/list-context' of https://github.co…
layershifter Feb 12, 2020
326b63d
apply review comments
layershifter Feb 12, 2020
c171cfa
prettify fixes
layershifter Feb 12, 2020
45bf1ec
feat(hooks): add useAutoControlled() hook
layershifter Feb 12, 2020
729983e
add docs
layershifter Feb 12, 2020
968d92b
Merge branches 'feat/add-auc-hook' and 'proto/list-context' of https:…
layershifter Feb 12, 2020
f1f231d
use autoControlled hook
layershifter Feb 12, 2020
c133cb4
Merge branches 'master' and 'proto/list-context' of https://github.co…
layershifter Feb 13, 2020
8ea2b61
fix review comment
layershifter Feb 13, 2020
98da575
fix deps
layershifter Feb 13, 2020
d499c71
fix version
layershifter Feb 13, 2020
50ccb88
add changelog
layershifter Feb 13, 2020
5f34bca
Merge branches 'master' and 'proto/list-context' of https://github.co…
layershifter Feb 14, 2020
4a62c5b
fix perf tests
layershifter Feb 14, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 9 additions & 3 deletions docs/src/examples/components/List/Content/ListExampleContent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,15 @@ import { List } from '@fluentui/react'

const ListExample = () => (
<List>
<List.Item header="Program the sensor to the SAS alarm through the haptic SQL card!" />
<List.Item header="Use the online FTP application to input the multi-byte application!" />
<List.Item header="The GB pixel is down, navigate the virtual interface!" />
<List.Item
header="Program the sensor to the SAS alarm through the haptic SQL card!"
index={0}
/>
<List.Item
header="Use the online FTP application to input the multi-byte application!"
index={1}
/>
<List.Item header="The GB pixel is down, navigate the virtual interface!" index={2} />
</List>
)

Expand Down
3 changes: 3 additions & 0 deletions docs/src/examples/components/List/Content/ListExampleContentMedia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,17 @@ const ListExample = () => (
<List.Item
content="Program the sensor to the SAS alarm through the haptic SQL card!"
contentMedia="7:26:56 AM"
index={0}
/>
<List.Item
content="Use the online FTP application to input the multi-byte application!"
contentMedia="11:30:17 PM"
index={1}
/>
<List.Item
content="The GB pixel is down, navigate the virtual interface!"
contentMedia="5:22:40 PM"
index={2}
/>
</List>
)
Expand Down
3 changes: 3 additions & 0 deletions docs/src/examples/components/List/Content/ListExampleEndMedia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,19 @@ const ListExample = () => (
content="Program the sensor to the SAS alarm through the haptic SQL card!"
endMedia={ellipsis}
selectable
index={0}
/>
<List.Item
content="Use the online FTP application to input the multi-byte application!"
endMedia={ellipsis}
selectable
index={1}
/>
<List.Item
content="The GB pixel is down, navigate the virtual interface!"
endMedia={ellipsis}
selectable
index={2}
/>
</List>
)
Expand Down
6 changes: 3 additions & 3 deletions docs/src/examples/components/List/Content/ListExampleHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@ import { List } from '@fluentui/react'

const ListExample = () => (
<List>
<List.Item header="Irving Kuhic" />
<List.Item header="Skyler Parks" />
<List.Item header="Dante Schneider" />
<List.Item header="Irving Kuhic" index={0} />
<List.Item header="Skyler Parks" index={1} />
<List.Item header="Dante Schneider" index={2} />
</List>
)

Expand Down
3 changes: 3 additions & 0 deletions docs/src/examples/components/List/Content/ListExampleHeaderContent.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,17 @@ const ListExample = () => (
<List.Item
header="Irving Kuhic"
content="Program the sensor to the SAS alarm through the haptic SQL card!"
index={0}
/>
<List.Item
header="Skyler Parks"
content="Use the online FTP application to input the multi-byte application!"
index={1}
/>
<List.Item
header="Dante Schneider"
content="The GB pixel is down, navigate the virtual interface!"
index={2}
/>
</List>
)
Expand Down
6 changes: 3 additions & 3 deletions docs/src/examples/components/List/Content/ListExampleHeaderMedia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@ import { List } from '@fluentui/react'

const ListExample = () => (
<List>
<List.Item header="Irving Kuhic" headerMedia="7:26:56 AM" />
<List.Item header="Skyler Parks" headerMedia="11:30:17 PM" />
<List.Item header="Dante Schneider" headerMedia="5:22:40 PM" />
<List.Item header="Irving Kuhic" headerMedia="7:26:56 AM" index={0} />
<List.Item header="Skyler Parks" headerMedia="11:30:17 PM" index={1} />
<List.Item header="Dante Schneider" headerMedia="5:22:40 PM" index={2} />
</List>
)

Expand Down
3 changes: 3 additions & 0 deletions docs/src/examples/components/List/Content/ListExampleMedia.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,21 @@ const ListExampleMedia = () => (
header="Irving Kuhic"
headerMedia="7:26:56 AM"
content="Program the sensor to the SAS alarm through the haptic SQL card!"
index={0}
/>
<List.Item
media={<Image src="public/images/avatar/small/steve.jpg" avatar />}
header="Skyler Parks"
headerMedia="11:30:17 PM"
content="Use the online FTP application to input the multi-byte application!"
index={1}
/>
<List.Item
media={<Image src="public/images/avatar/small/nom.jpg" avatar />}
header="Dante Schneider"
headerMedia="5:22:40 PM"
content="The GB pixel is down, navigate the virtual interface!"
index={2}
/>
</List>
)
Expand Down
Loading