forked from microsoft/fluentui
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into marcosmoura/fix/card-codesandbox-examples
* master: (28 commits) fix: use trigger prop for aria-haspopup (microsoft#24794) chore(react-dialog): scaffold DialogContent component (microsoft#24844) chore: Northstar screener should read from screenerStates.json (microsoft#24848) applying package updates (web components) Standardize focus treatment (microsoft#24771) Divider - allow default prop override (microsoft#24840) GroupedList: fix virtualization (unstable preview) (microsoft#24460) fix: Add explicit children prop to TeachingBubble to support React 18 (microsoft#24823) feat: Adds `visible` prop to `TableCellActions` (microsoft#24831) [Northstar][Dropdown] Fix styling mutation when merging themes (microsoft#24787) fix: export `tableCellActionsClassNames` from unstable (microsoft#24830) bugfix(react-dialog): Adds color style to DialogSurface (microsoft#24832) applying package updates Prevent group toggling from selecting the whole group (microsoft#24822) feat(react-textarea): Add shadow variant of filled appearance (microsoft#24512) applying package updates Adding lib-commonjs top-level entries to exports map (microsoft#24792) Created shim packages (microsoft#24780) feat(react-menu): replace keydown handlers by useARIAButtonShorthand on MenuItem (microsoft#24738) fix: update version mismatches triggered by v9 release (microsoft#24812) ...
- Loading branch information
Showing
704 changed files
with
22,770 additions
and
2,976 deletions.
There are no files selected for viewing
Validating CODEOWNERS rules …
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
import * as React from 'react'; | ||
import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; | ||
import { GroupedList, Selection, SelectionMode, DetailsRow, IGroup, IColumn } from '@fluentui/react'; | ||
|
||
const groupCount = 5; | ||
const groupDepth = 5; | ||
const items = createListItems(Math.pow(groupCount, groupDepth + 1)); | ||
const groups = createGroups(groupCount, groupDepth, 0, groupCount); | ||
|
||
const columns = Object.keys(items[0]) | ||
.slice(0, 3) | ||
.map( | ||
(key: string): IColumn => ({ | ||
key: key, | ||
name: key, | ||
fieldName: key, | ||
minWidth: 300, | ||
}), | ||
); | ||
|
||
const selection = new Selection(); | ||
selection.setItems(items); | ||
|
||
const onRenderCell = ( | ||
nestingDepth?: number, | ||
item?: IExampleItem, | ||
itemIndex?: number, | ||
group?: IGroup, | ||
): React.ReactNode => { | ||
return item && typeof itemIndex === 'number' && itemIndex > -1 ? ( | ||
<DetailsRow | ||
columns={columns} | ||
groupNestingDepth={nestingDepth} | ||
item={item} | ||
itemIndex={itemIndex} | ||
selection={selection} | ||
selectionMode={SelectionMode.multiple} | ||
group={group} | ||
/> | ||
) : null; | ||
}; | ||
|
||
const Scenario = () => { | ||
return ( | ||
<GroupedList | ||
items={items} | ||
groups={groups} | ||
onRenderCell={onRenderCell} | ||
selection={selection} | ||
selectionMode={SelectionMode.multiple} | ||
/> | ||
); | ||
}; | ||
|
||
export default Scenario; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,62 @@ | ||
import * as React from 'react'; | ||
import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; | ||
import { | ||
GroupedListV2_unstable as GroupedListV2, | ||
Selection, | ||
SelectionMode, | ||
DetailsRow, | ||
IGroup, | ||
IColumn, | ||
} from '@fluentui/react'; | ||
|
||
const groupCount = 5; | ||
const groupDepth = 5; | ||
const items = createListItems(Math.pow(groupCount, groupDepth + 1)); | ||
const groups = createGroups(groupCount, groupDepth, 0, groupCount); | ||
|
||
const columns = Object.keys(items[0]) | ||
.slice(0, 3) | ||
.map( | ||
(key: string): IColumn => ({ | ||
key: key, | ||
name: key, | ||
fieldName: key, | ||
minWidth: 300, | ||
}), | ||
); | ||
|
||
const selection = new Selection(); | ||
selection.setItems(items); | ||
|
||
const onRenderCell = ( | ||
nestingDepth?: number, | ||
item?: IExampleItem, | ||
itemIndex?: number, | ||
group?: IGroup, | ||
): React.ReactNode => { | ||
return item && typeof itemIndex === 'number' && itemIndex > -1 ? ( | ||
<DetailsRow | ||
columns={columns} | ||
groupNestingDepth={nestingDepth} | ||
item={item} | ||
itemIndex={itemIndex} | ||
selection={selection} | ||
selectionMode={SelectionMode.multiple} | ||
group={group} | ||
/> | ||
) : null; | ||
}; | ||
|
||
const Scenario = () => { | ||
return ( | ||
<GroupedListV2 | ||
items={items} | ||
groups={groups} | ||
onRenderCell={onRenderCell} | ||
selection={selection} | ||
selectionMode={SelectionMode.multiple} | ||
/> | ||
); | ||
}; | ||
|
||
export default Scenario; |
Oops, something went wrong.