@fluentui/react-components 9.0.0-rc.8 → 9.0.1
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.
- package/CHANGELOG.json +4383 -1
- package/CHANGELOG.md +958 -32
- package/assets/alert-keyboard.png +0 -0
- package/assets/alert-mouse-touch.png +0 -0
- package/assets/dialog-anatomy.png +0 -0
- package/assets/modal-keyboard.png +0 -0
- package/assets/modal-mouse-touch.png +0 -0
- package/assets/non-modal-keyboard.png +0 -0
- package/assets/non-modal-mouse-touch.png +0 -0
- package/dist/{react-components.d.ts → index.d.ts} +382 -166
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/dist/unstable.d.ts +461 -0
- package/lib/AccessibilityScenarios/utils.js.map +1 -1
- package/lib/Concepts/Icons/ReactIconGrid.js +3 -2
- package/lib/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib/index.js +25 -93
- package/lib/index.js.map +1 -1
- package/lib/unstable/index.js +7 -27
- package/lib/unstable/index.js.map +1 -1
- package/lib-commonjs/AccessibilityScenarios/utils.js.map +1 -1
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js +3 -2
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib-commonjs/index.js +389 -363
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/unstable/index.js +193 -211
- package/lib-commonjs/unstable/index.js.map +1 -1
- package/package.json +44 -41
- package/unstable/package.json +1 -1
- package/lib/AccessibilityScenarios/utils.d.ts +0 -13
- package/lib/Concepts/Icons/ReactIconGrid.d.ts +0 -2
- package/lib/DocsComponents/isHosted.d.ts +0 -1
- package/lib/DocsComponents/isHosted.js +0 -10
- package/lib/DocsComponents/isHosted.js.map +0 -1
- package/lib/index.d.ts +0 -35
- package/lib/unstable/index.d.ts +0 -20
- package/lib-commonjs/AccessibilityScenarios/utils.d.ts +0 -13
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.d.ts +0 -2
- package/lib-commonjs/DocsComponents/isHosted.d.ts +0 -1
- package/lib-commonjs/DocsComponents/isHosted.js +0 -18
- package/lib-commonjs/DocsComponents/isHosted.js.map +0 -1
- package/lib-commonjs/index.d.ts +0 -35
- package/lib-commonjs/unstable/index.d.ts +0 -20
package/lib/index.js
CHANGED
|
@@ -1,97 +1,29 @@
|
|
|
1
1
|
// Utilities
|
|
2
2
|
export { RendererProvider, __styles, createDOMRenderer, makeStaticStyles, makeStyles, mergeClasses, renderToStyleElements, shorthands } from '@griffel/react';
|
|
3
|
-
export { FluentProvider,
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export { getNativeElementProps,
|
|
3
|
+
export { FluentProvider, fluentProviderClassNames, renderFluentProvider_unstable, useFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProviderStyles_unstable } from '@fluentui/react-provider';
|
|
4
|
+
export { Radio, radioClassNames, RadioGroup, RadioGroupProvider, radioGroupClassNames, renderRadio_unstable, renderRadioGroup_unstable, useRadio_unstable, useRadioGroupContext_unstable, useRadioGroupContextValues, useRadioGroup_unstable, useRadioGroupStyles_unstable, useRadioStyles_unstable } from '@fluentui/react-radio';
|
|
5
|
+
export { createCustomFocusIndicatorStyle, createFocusOutlineStyle, useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useKeyboardNavAttribute, useModalAttributes } from '@fluentui/react-tabster';
|
|
6
|
+
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, tokens, typographyStyles, webDarkTheme, webLightTheme } from '@fluentui/react-theme';
|
|
7
|
+
export { useFluent_unstable as useFluent, useTooltipVisibility_unstable as useTooltipVisibility, useThemeClassName_unstable as useThemeClassName } from '@fluentui/react-shared-contexts';
|
|
8
|
+
export { getNativeElementProps, getPartitionedNativeProps, getSlots, resetIdsForTests, resolveShorthand, SSRProvider, useId, useIsSSR, useMergedRefs } from '@fluentui/react-utilities'; // Components
|
|
9
9
|
|
|
10
|
-
export { Accordion,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
export {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton,
|
|
30
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
31
|
-
buttonClassName,
|
|
32
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
33
|
-
compoundButtonClassName,
|
|
34
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
35
|
-
menuButtonClassName, buttonClassNames, compoundButtonClassNames, menuButtonClassNames, renderButton_unstable, renderCompoundButton_unstable, renderMenuButton_unstable, renderSplitButton_unstable, renderToggleButton_unstable,
|
|
36
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
37
|
-
splitButtonClassName,
|
|
38
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
39
|
-
toggleButtonClassName, splitButtonClassNames, toggleButtonClassNames, useButton_unstable, useButtonStyles_unstable, useCompoundButton_unstable, useCompoundButtonStyles_unstable, useMenuButton_unstable, useMenuButtonStyles_unstable, useSplitButton_unstable, useSplitButtonStyles_unstable, useToggleButton_unstable, useToggleButtonStyles_unstable, useToggleState } from '@fluentui/react-button';
|
|
40
|
-
export { Divider,
|
|
41
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
42
|
-
dividerClassName, dividerClassNames, renderDivider_unstable, useDivider_unstable, useDividerStyles_unstable } from '@fluentui/react-divider';
|
|
43
|
-
export { Image,
|
|
44
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
45
|
-
imageClassName, imageClassNames, renderImage_unstable, useImage_unstable, useImageStyles_unstable } from '@fluentui/react-image';
|
|
46
|
-
export { Link,
|
|
47
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
48
|
-
linkClassName, linkClassNames, renderLink_unstable, useLink_unstable, useLinkState_unstable, useLinkStyles_unstable } from '@fluentui/react-link';
|
|
49
|
-
export { Menu, MenuContext, MenuDivider, MenuGroup, MenuGroupContextProvider, MenuGroupHeader, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuList, MenuListContext, MenuListProvider, MenuPopover, MenuProvider, MenuSplitGroup, MenuTrigger, MenuTriggerContextProvider,
|
|
50
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
51
|
-
menuDividerClassName,
|
|
52
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
53
|
-
menuGroupClassName,
|
|
54
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
55
|
-
menuGroupHeaderClassName,
|
|
56
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
57
|
-
menuItemCheckboxClassName,
|
|
58
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
59
|
-
menuItemClassName,
|
|
60
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
61
|
-
menuItemRadioClassName,
|
|
62
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
63
|
-
menuListClassName,
|
|
64
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
65
|
-
menuPopoverClassName,
|
|
66
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
67
|
-
menuSplitGroupClassName, menuDividerClassNames, menuGroupClassNames, menuGroupHeaderClassNames, menuItemCheckboxClassNames, menuItemClassNames, menuItemRadioClassNames, menuListClassNames, menuPopoverClassNames, menuSplitGroupClassNames, renderMenu_unstable, renderMenuDivider_unstable, renderMenuGroup_unstable, renderMenuGroupHeader_unstable, renderMenuItem_unstable, renderMenuItemCheckbox_unstable, renderMenuItemRadio_unstable, renderMenuList_unstable, renderMenuPopover_unstable, renderMenuSplitGroup_unstable, renderMenuTrigger_unstable, useCheckmarkStyles_unstable, useMenu_unstable, useMenuContext_unstable, useMenuContextValues_unstable, useMenuDivider_unstable, useMenuDividerStyles_unstable, useMenuGroup_unstable, useMenuGroupContext_unstable, useMenuGroupContextValues_unstable, useMenuGroupHeader_unstable, useMenuGroupHeaderStyles_unstable, useMenuGroupStyles_unstable, useMenuItem_unstable, useMenuItemCheckbox_unstable, useMenuItemCheckboxStyles_unstable, useMenuItemRadio_unstable, useMenuItemRadioStyles_unstable, useMenuItemStyles_unstable, useMenuList_unstable, useMenuListContext_unstable, useMenuListContextValues_unstable, useMenuListStyles_unstable, useMenuPopover_unstable, useMenuPopoverStyles_unstable, useMenuSplitGroup_unstable, useMenuSplitGroupStyles_unstable, useMenuTrigger_unstable, useMenuTriggerContext_unstable } from '@fluentui/react-menu';
|
|
68
|
-
export { Popover, PopoverContext, PopoverSurface, PopoverTrigger, arrowHeights,
|
|
69
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
70
|
-
popoverSurfaceClassName, popoverSurfaceClassNames, renderPopover_unstable, renderPopoverSurface_unstable, renderPopoverTrigger_unstable, usePopover_unstable, usePopoverContext_unstable, usePopoverSurface_unstable, usePopoverSurfaceStyles_unstable, usePopoverTrigger_unstable } from '@fluentui/react-popover';
|
|
71
|
-
export { Portal, elementContains, renderPortal_unstable, setVirtualParent, usePortal_unstable } from '@fluentui/react-portal';
|
|
72
|
-
export { Slider, sliderClassNames, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, renderSlider_unstable } from '@fluentui/react-slider';
|
|
73
|
-
export { Body, Caption, Display, Headline, LargeTitle, Subheadline, Text, Title1, Title2, Title3,
|
|
74
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
75
|
-
bodyClassName,
|
|
76
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
77
|
-
captionClassName,
|
|
78
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
79
|
-
displayClassName,
|
|
80
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
81
|
-
headlineClassName,
|
|
82
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
83
|
-
largeTitleClassName, bodyClassNames, captionClassNames, displayClassNames, headlineClassNames, largeTitleClassNames, renderText_unstable,
|
|
84
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
85
|
-
subheadlineClassName,
|
|
86
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
87
|
-
textClassName,
|
|
88
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
89
|
-
title1ClassName,
|
|
90
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
91
|
-
title2ClassName,
|
|
92
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
93
|
-
title3ClassName, subheadlineClassNames, textClassNames, title1ClassNames, title2ClassNames, title3ClassNames, useText_unstable, useTextStyles_unstable } from '@fluentui/react-text';
|
|
94
|
-
export { Tooltip, renderTooltip_unstable,
|
|
95
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
96
|
-
tooltipClassName, tooltipClassNames, useTooltip_unstable, useTooltipStyles_unstable } from '@fluentui/react-tooltip';
|
|
10
|
+
export { Accordion, AccordionProvider, AccordionHeader, AccordionItem, AccordionItemProvider, AccordionPanel, accordionClassNames, accordionHeaderClassNames, accordionItemClassNames, accordionPanelClassNames, renderAccordion_unstable, renderAccordionHeader_unstable, renderAccordionItem_unstable, renderAccordionPanel_unstable, useAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionItem_unstable, useAccordionItemContext_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionStyles_unstable } from '@fluentui/react-accordion';
|
|
11
|
+
export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatar_unstable, useAvatarStyles_unstable } from '@fluentui/react-avatar';
|
|
12
|
+
export { Badge, CounterBadge, PresenceBadge, badgeClassNames, counterBadgeClassNames, presenceBadgeClassNames, renderBadge_unstable, useBadge_unstable, useBadgeStyles_unstable, useCounterBadge_unstable, useCounterBadgeStyles_unstable, usePresenceBadge_unstable } from '@fluentui/react-badge';
|
|
13
|
+
export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton, buttonClassNames, compoundButtonClassNames, menuButtonClassNames, renderButton_unstable, renderCompoundButton_unstable, renderMenuButton_unstable, renderSplitButton_unstable, renderToggleButton_unstable, splitButtonClassNames, toggleButtonClassNames, useButton_unstable, useButtonStyles_unstable, useCompoundButton_unstable, useCompoundButtonStyles_unstable, useMenuButton_unstable, useMenuButtonStyles_unstable, useSplitButton_unstable, useSplitButtonStyles_unstable, useToggleButton_unstable, useToggleButtonStyles_unstable, useToggleState } from '@fluentui/react-button';
|
|
14
|
+
export { Checkbox, checkboxClassNames, renderCheckbox_unstable, useCheckbox_unstable, useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
|
|
15
|
+
export { Divider, dividerClassNames, renderDivider_unstable, useDivider_unstable, useDividerStyles_unstable } from '@fluentui/react-divider';
|
|
16
|
+
export { Input, inputClassNames, renderInput_unstable, useInput_unstable, useInputStyles_unstable } from '@fluentui/react-input';
|
|
17
|
+
export { Image, imageClassNames, renderImage_unstable, useImage_unstable, useImageStyles_unstable } from '@fluentui/react-image';
|
|
18
|
+
export { Label, labelClassNames, renderLabel_unstable, useLabel_unstable, useLabelStyles_unstable } from '@fluentui/react-label';
|
|
19
|
+
export { Link, linkClassNames, renderLink_unstable, useLink_unstable, useLinkState_unstable, useLinkStyles_unstable } from '@fluentui/react-link';
|
|
20
|
+
export { Menu, MenuDivider, MenuGroup, MenuGroupContextProvider, MenuGroupHeader, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuList, MenuListProvider, MenuPopover, MenuProvider, MenuSplitGroup, MenuTrigger, MenuTriggerContextProvider, menuDividerClassNames, menuGroupClassNames, menuGroupHeaderClassNames, menuItemCheckboxClassNames, menuItemClassNames, menuItemRadioClassNames, menuListClassNames, menuPopoverClassNames, menuSplitGroupClassNames, renderMenu_unstable, renderMenuDivider_unstable, renderMenuGroup_unstable, renderMenuGroupHeader_unstable, renderMenuItem_unstable, renderMenuItemCheckbox_unstable, renderMenuItemRadio_unstable, renderMenuList_unstable, renderMenuPopover_unstable, renderMenuSplitGroup_unstable, renderMenuTrigger_unstable, useCheckmarkStyles_unstable, useMenu_unstable, useMenuContext_unstable, useMenuContextValues_unstable, useMenuDivider_unstable, useMenuDividerStyles_unstable, useMenuGroup_unstable, useMenuGroupContext_unstable, useMenuGroupContextValues_unstable, useMenuGroupHeader_unstable, useMenuGroupHeaderStyles_unstable, useMenuGroupStyles_unstable, useMenuItem_unstable, useMenuItemCheckbox_unstable, useMenuItemCheckboxStyles_unstable, useMenuItemRadio_unstable, useMenuItemRadioStyles_unstable, useMenuItemStyles_unstable, useMenuList_unstable, useMenuListContext_unstable, useMenuListContextValues_unstable, useMenuListStyles_unstable, useMenuPopover_unstable, useMenuPopoverStyles_unstable, useMenuSplitGroup_unstable, useMenuSplitGroupStyles_unstable, useMenuTrigger_unstable, useMenuTriggerContext_unstable } from '@fluentui/react-menu';
|
|
21
|
+
export { Popover, PopoverSurface, PopoverProvider, PopoverTrigger, arrowHeights, popoverSurfaceClassNames, renderPopover_unstable, renderPopoverSurface_unstable, renderPopoverTrigger_unstable, usePopover_unstable, usePopoverContext_unstable, usePopoverSurface_unstable, usePopoverSurfaceStyles_unstable, usePopoverTrigger_unstable } from '@fluentui/react-popover';
|
|
22
|
+
export { Slider, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable, renderSlider_unstable } from '@fluentui/react-slider';
|
|
23
|
+
export { Spinner, spinnerClassNames, renderSpinner_unstable, useSpinner_unstable, useSpinnerStyles_unstable } from '@fluentui/react-spinner';
|
|
24
|
+
export { Switch, switchClassNames, renderSwitch_unstable, useSwitch_unstable, useSwitchStyles_unstable } from '@fluentui/react-switch';
|
|
25
|
+
export { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable, renderTabList_unstable, TabList, tabListClassNames, useTabListStyles_unstable, useTabList_unstable } from '@fluentui/react-tabs';
|
|
26
|
+
export { Body1, Caption1, Caption2, Display, Subtitle1, LargeTitle, Subtitle2, Text, Title1, Title2, Title3, body1ClassNames, caption1ClassNames, caption2ClassNames, displayClassNames, subtitle1ClassNames, largeTitleClassNames, renderText_unstable, subtitle2ClassNames, textClassNames, title1ClassNames, title2ClassNames, title3ClassNames, useText_unstable, useTextStyles_unstable } from '@fluentui/react-text';
|
|
27
|
+
export { Textarea, textareaClassNames, renderTextarea_unstable, useTextarea_unstable, useTextareaStyles_unstable } from '@fluentui/react-textarea';
|
|
28
|
+
export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltip_unstable, useTooltipStyles_unstable } from '@fluentui/react-tooltip';
|
|
97
29
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nexport {\n RendererProvider,\n __styles,\n createDOMRenderer,\n makeStaticStyles,\n makeStyles,\n mergeClasses,\n renderToStyleElements,\n shorthands,\n} from '@griffel/react';\nexport {\n FluentProvider,\n /* eslint-disable-next-line deprecation/deprecation */\n fluentProviderClassName,\n fluentProviderClassNames,\n renderFluentProvider_unstable,\n useFluent,\n useFluentProvider_unstable,\n useFluentProviderContextValues_unstable,\n useFluentProviderStyles_unstable,\n} from '@fluentui/react-provider';\nexport type {\n FluentProviderContextValues,\n FluentProviderProps,\n FluentProviderSlots,\n FluentProviderState,\n} from '@fluentui/react-provider';\nexport {\n createCustomFocusIndicatorStyle,\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useKeyboardNavAttribute,\n useModalAttributes,\n} from '@fluentui/react-tabster';\nexport type {\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from '@fluentui/react-tabster';\n\nexport {\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n teamsDarkTheme,\n teamsHighContrastTheme,\n teamsLightTheme,\n tokens,\n webDarkTheme,\n webHighContrastTheme,\n webLightTheme,\n} from '@fluentui/react-theme';\nexport type {\n BorderRadiusTokens,\n BrandVariants,\n ColorPaletteTokens,\n ColorTokens,\n FontFamilyTokens,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n PartialTheme,\n ShadowBrandTokens,\n ShadowTokens,\n StrokeWidthTokens,\n Theme,\n} from '@fluentui/react-theme';\nexport {\n getNativeElementProps,\n getNativeProps,\n getPartitionedNativeProps,\n getSlots,\n resetIdsForTests,\n resolveShorthand,\n SSRProvider,\n useId,\n useIsSSR,\n useMergedRefs,\n useSSRContext,\n} from '@fluentui/react-utilities';\nexport type {\n ComponentProps,\n ComponentState,\n ForwardRefComponent,\n ResolveShorthandFunction,\n ResolveShorthandOptions,\n Slot,\n SlotClassNames,\n SlotPropsRecord,\n} from '@fluentui/react-utilities';\n\n// Components\nexport {\n Accordion,\n AccordionContext,\n AccordionHeader,\n AccordionItem,\n AccordionItemContext,\n AccordionPanel,\n /* eslint-disable-next-line deprecation/deprecation */\n accordionClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n accordionHeaderClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n accordionItemClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n accordionPanelClassName,\n accordionClassNames,\n accordionHeaderClassNames,\n accordionItemClassNames,\n accordionPanelClassNames,\n renderAccordion_unstable,\n renderAccordionHeader_unstable,\n renderAccordionItem_unstable,\n renderAccordionPanel_unstable,\n useAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionItem_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionStyles_unstable,\n} from '@fluentui/react-accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionIndex,\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from '@fluentui/react-accordion';\nexport {\n Avatar,\n /* eslint-disable-next-line deprecation/deprecation */\n avatarClassName,\n avatarClassNames,\n renderAvatar_unstable,\n useAvatar_unstable,\n useAvatarStyles_unstable,\n} from '@fluentui/react-avatar';\nexport type { AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState } from '@fluentui/react-avatar';\nexport {\n Badge,\n CounterBadge,\n PresenceBadge,\n /* eslint-disable-next-line deprecation/deprecation */\n badgeClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n counterBadgeClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n presenceBadgeClassName,\n badgeClassNames,\n counterBadgeClassNames,\n presenceBadgeClassNames,\n renderBadge_unstable,\n useBadge_unstable,\n useBadgeStyles_unstable,\n useCounterBadge_unstable,\n useCounterBadgeStyles_unstable,\n usePresenceBadge_unstable,\n} from '@fluentui/react-badge';\nexport type {\n BadgeProps,\n BadgeSlots,\n BadgeState,\n CounterBadgeProps,\n CounterBadgeState,\n PresenceBadgeProps,\n PresenceBadgeState,\n PresenceBadgeStatus,\n} from '@fluentui/react-badge';\nexport {\n Button,\n CompoundButton,\n MenuButton,\n SplitButton,\n ToggleButton,\n /* eslint-disable-next-line deprecation/deprecation */\n buttonClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n compoundButtonClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuButtonClassName,\n buttonClassNames,\n compoundButtonClassNames,\n menuButtonClassNames,\n renderButton_unstable,\n renderCompoundButton_unstable,\n renderMenuButton_unstable,\n renderSplitButton_unstable,\n renderToggleButton_unstable,\n /* eslint-disable-next-line deprecation/deprecation */\n splitButtonClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n toggleButtonClassName,\n splitButtonClassNames,\n toggleButtonClassNames,\n useButton_unstable,\n useButtonStyles_unstable,\n useCompoundButton_unstable,\n useCompoundButtonStyles_unstable,\n useMenuButton_unstable,\n useMenuButtonStyles_unstable,\n useSplitButton_unstable,\n useSplitButtonStyles_unstable,\n useToggleButton_unstable,\n useToggleButtonStyles_unstable,\n useToggleState,\n} from '@fluentui/react-button';\nexport type {\n ButtonProps,\n ButtonSlots,\n ButtonState,\n CompoundButtonProps,\n CompoundButtonSlots,\n CompoundButtonState,\n MenuButtonProps,\n MenuButtonSlots,\n MenuButtonState,\n SplitButtonProps,\n SplitButtonSlots,\n SplitButtonState,\n ToggleButtonProps,\n ToggleButtonState,\n} from '@fluentui/react-button';\nexport {\n Divider,\n /* eslint-disable-next-line deprecation/deprecation */\n dividerClassName,\n dividerClassNames,\n renderDivider_unstable,\n useDivider_unstable,\n useDividerStyles_unstable,\n} from '@fluentui/react-divider';\nexport type { DividerProps, DividerSlots, DividerState } from '@fluentui/react-divider';\nexport {\n Image,\n /* eslint-disable-next-line deprecation/deprecation */\n imageClassName,\n imageClassNames,\n renderImage_unstable,\n useImage_unstable,\n useImageStyles_unstable,\n} from '@fluentui/react-image';\nexport type { ImageProps, ImageSlots, ImageState } from '@fluentui/react-image';\nexport {\n Link,\n /* eslint-disable-next-line deprecation/deprecation */\n linkClassName,\n linkClassNames,\n renderLink_unstable,\n useLink_unstable,\n useLinkState_unstable,\n useLinkStyles_unstable,\n} from '@fluentui/react-link';\nexport type { LinkProps, LinkSlots, LinkState } from '@fluentui/react-link';\nexport {\n Menu,\n MenuContext,\n MenuDivider,\n MenuGroup,\n MenuGroupContextProvider,\n MenuGroupHeader,\n MenuItem,\n MenuItemCheckbox,\n MenuItemRadio,\n MenuList,\n MenuListContext,\n MenuListProvider,\n MenuPopover,\n MenuProvider,\n MenuSplitGroup,\n MenuTrigger,\n MenuTriggerContextProvider,\n /* eslint-disable-next-line deprecation/deprecation */\n menuDividerClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuGroupClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuGroupHeaderClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuItemCheckboxClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuItemClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuItemRadioClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuListClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuPopoverClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n menuSplitGroupClassName,\n menuDividerClassNames,\n menuGroupClassNames,\n menuGroupHeaderClassNames,\n menuItemCheckboxClassNames,\n menuItemClassNames,\n menuItemRadioClassNames,\n menuListClassNames,\n menuPopoverClassNames,\n menuSplitGroupClassNames,\n renderMenu_unstable,\n renderMenuDivider_unstable,\n renderMenuGroup_unstable,\n renderMenuGroupHeader_unstable,\n renderMenuItem_unstable,\n renderMenuItemCheckbox_unstable,\n renderMenuItemRadio_unstable,\n renderMenuList_unstable,\n renderMenuPopover_unstable,\n renderMenuSplitGroup_unstable,\n renderMenuTrigger_unstable,\n useCheckmarkStyles_unstable,\n useMenu_unstable,\n useMenuContext_unstable,\n useMenuContextValues_unstable,\n useMenuDivider_unstable,\n useMenuDividerStyles_unstable,\n useMenuGroup_unstable,\n useMenuGroupContext_unstable,\n useMenuGroupContextValues_unstable,\n useMenuGroupHeader_unstable,\n useMenuGroupHeaderStyles_unstable,\n useMenuGroupStyles_unstable,\n useMenuItem_unstable,\n useMenuItemCheckbox_unstable,\n useMenuItemCheckboxStyles_unstable,\n useMenuItemRadio_unstable,\n useMenuItemRadioStyles_unstable,\n useMenuItemStyles_unstable,\n useMenuList_unstable,\n useMenuListContext_unstable,\n useMenuListContextValues_unstable,\n useMenuListStyles_unstable,\n useMenuPopover_unstable,\n useMenuPopoverStyles_unstable,\n useMenuSplitGroup_unstable,\n useMenuSplitGroupStyles_unstable,\n useMenuTrigger_unstable,\n useMenuTriggerContext_unstable,\n} from '@fluentui/react-menu';\nexport type {\n MenuCheckedValueChangeData,\n MenuCheckedValueChangeEvent,\n MenuContextValue,\n MenuContextValues,\n MenuDividerProps,\n MenuDividerSlots,\n MenuDividerState,\n MenuGroupContextValue,\n MenuGroupContextValues,\n MenuGroupHeaderProps,\n MenuGroupHeaderSlots,\n MenuGroupHeaderState,\n MenuGroupProps,\n MenuGroupSlots,\n MenuGroupState,\n MenuItemCheckboxProps,\n MenuItemCheckboxState,\n MenuItemProps,\n MenuItemRadioProps,\n MenuItemRadioState,\n MenuItemSelectableProps,\n MenuItemSelectableState,\n MenuItemSlots,\n MenuItemState,\n MenuListContextValue,\n MenuListContextValues,\n MenuListProps,\n MenuListSlots,\n MenuListState,\n MenuOpenChangeData,\n MenuOpenEvents,\n MenuPopoverProps,\n MenuPopoverSlots,\n MenuPopoverState,\n MenuProps,\n MenuSlots,\n MenuSplitGroupProps,\n MenuSplitGroupSlots,\n MenuSplitGroupState,\n MenuState,\n MenuTriggerChildProps,\n MenuTriggerProps,\n MenuTriggerState,\n SelectableHandler,\n UninitializedMenuListState,\n} from '@fluentui/react-menu';\nexport {\n Popover,\n PopoverContext,\n PopoverSurface,\n PopoverTrigger,\n arrowHeights,\n /* eslint-disable-next-line deprecation/deprecation */\n popoverSurfaceClassName,\n popoverSurfaceClassNames,\n renderPopover_unstable,\n renderPopoverSurface_unstable,\n renderPopoverTrigger_unstable,\n usePopover_unstable,\n usePopoverContext_unstable,\n usePopoverSurface_unstable,\n usePopoverSurfaceStyles_unstable,\n usePopoverTrigger_unstable,\n} from '@fluentui/react-popover';\nexport type {\n OnOpenChangeData,\n OpenPopoverEvents,\n PopoverContextValue,\n PopoverProps,\n PopoverSize,\n PopoverState,\n PopoverSurfaceProps,\n PopoverSurfaceSlots,\n PopoverSurfaceState,\n PopoverTriggerProps,\n PopoverTriggerState,\n} from '@fluentui/react-popover';\nexport {\n Portal,\n elementContains,\n renderPortal_unstable,\n setVirtualParent,\n usePortal_unstable,\n} from '@fluentui/react-portal';\nexport type { PortalProps, PortalState } from '@fluentui/react-portal';\nexport {\n Slider,\n sliderClassNames,\n useSliderState_unstable,\n useSliderStyles_unstable,\n useSlider_unstable,\n renderSlider_unstable,\n} from '@fluentui/react-slider';\nexport type { SliderProps, SliderSlots, SliderOnChangeData, SliderState } from '@fluentui/react-slider';\nexport {\n Body,\n Caption,\n Display,\n Headline,\n LargeTitle,\n Subheadline,\n Text,\n Title1,\n Title2,\n Title3,\n /* eslint-disable-next-line deprecation/deprecation */\n bodyClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n captionClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n displayClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n headlineClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n largeTitleClassName,\n bodyClassNames,\n captionClassNames,\n displayClassNames,\n headlineClassNames,\n largeTitleClassNames,\n renderText_unstable,\n /* eslint-disable-next-line deprecation/deprecation */\n subheadlineClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n textClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n title1ClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n title2ClassName,\n /* eslint-disable-next-line deprecation/deprecation */\n title3ClassName,\n subheadlineClassNames,\n textClassNames,\n title1ClassNames,\n title2ClassNames,\n title3ClassNames,\n useText_unstable,\n useTextStyles_unstable,\n} from '@fluentui/react-text';\nexport type { TextProps, TextSlots, TextState } from '@fluentui/react-text';\nexport {\n Tooltip,\n renderTooltip_unstable,\n /* eslint-disable-next-line deprecation/deprecation */\n tooltipClassName,\n tooltipClassNames,\n useTooltip_unstable,\n useTooltipStyles_unstable,\n} from '@fluentui/react-tooltip';\nexport type {\n OnVisibleChangeData,\n TooltipProps,\n TooltipSlots,\n TooltipState,\n TooltipTriggerProps,\n} from '@fluentui/react-tooltip';\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["// Utilities\nexport {\n RendererProvider,\n __styles,\n createDOMRenderer,\n makeStaticStyles,\n makeStyles,\n mergeClasses,\n renderToStyleElements,\n shorthands,\n} from '@griffel/react';\nexport type { GriffelStyle } from '@griffel/react';\nexport {\n FluentProvider,\n fluentProviderClassNames,\n renderFluentProvider_unstable,\n useFluentProvider_unstable,\n useFluentProviderContextValues_unstable,\n useFluentProviderStyles_unstable,\n} from '@fluentui/react-provider';\nexport type {\n FluentProviderContextValues,\n FluentProviderProps,\n FluentProviderSlots,\n FluentProviderState,\n} from '@fluentui/react-provider';\nexport {\n Radio,\n radioClassNames,\n RadioGroup,\n RadioGroupProvider,\n radioGroupClassNames,\n renderRadio_unstable,\n renderRadioGroup_unstable,\n useRadio_unstable,\n useRadioGroupContext_unstable,\n useRadioGroupContextValues,\n useRadioGroup_unstable,\n useRadioGroupStyles_unstable,\n useRadioStyles_unstable,\n} from '@fluentui/react-radio';\nexport type {\n RadioGroupContextValue,\n RadioGroupContextValues,\n RadioGroupOnChangeData,\n RadioGroupProps,\n RadioGroupSlots,\n RadioGroupState,\n RadioOnChangeData,\n RadioProps,\n RadioSlots,\n RadioState,\n} from '@fluentui/react-radio';\nexport {\n createCustomFocusIndicatorStyle,\n createFocusOutlineStyle,\n useArrowNavigationGroup,\n useFocusableGroup,\n useFocusFinders,\n useKeyboardNavAttribute,\n useModalAttributes,\n} from '@fluentui/react-tabster';\nexport type {\n CreateCustomFocusIndicatorStyleOptions,\n CreateFocusOutlineStyleOptions,\n UseArrowNavigationGroupOptions,\n UseFocusableGroupOptions,\n UseModalAttributesOptions,\n} from '@fluentui/react-tabster';\n\nexport {\n createDarkTheme,\n createHighContrastTheme,\n createLightTheme,\n createTeamsDarkTheme,\n themeToTokensObject,\n teamsDarkTheme,\n teamsHighContrastTheme,\n teamsLightTheme,\n tokens,\n typographyStyles,\n webDarkTheme,\n webLightTheme,\n} from '@fluentui/react-theme';\nexport type {\n BorderRadiusTokens,\n BrandVariants,\n ColorPaletteTokens,\n ColorTokens,\n FontFamilyTokens,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n PartialTheme,\n ShadowBrandTokens,\n ShadowTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from '@fluentui/react-theme';\nexport {\n useFluent_unstable as useFluent,\n useTooltipVisibility_unstable as useTooltipVisibility,\n useThemeClassName_unstable as useThemeClassName,\n} from '@fluentui/react-shared-contexts';\nexport {\n getNativeElementProps,\n getPartitionedNativeProps,\n getSlots,\n resetIdsForTests,\n resolveShorthand,\n SSRProvider,\n useId,\n useIsSSR,\n useMergedRefs,\n} from '@fluentui/react-utilities';\nexport type {\n ComponentProps,\n ComponentState,\n ForwardRefComponent,\n ResolveShorthandFunction,\n ResolveShorthandOptions,\n Slot,\n SlotClassNames,\n SlotPropsRecord,\n} from '@fluentui/react-utilities';\n\n// Components\nexport {\n Accordion,\n AccordionProvider,\n AccordionHeader,\n AccordionItem,\n AccordionItemProvider,\n AccordionPanel,\n accordionClassNames,\n accordionHeaderClassNames,\n accordionItemClassNames,\n accordionPanelClassNames,\n renderAccordion_unstable,\n renderAccordionHeader_unstable,\n renderAccordionItem_unstable,\n renderAccordionPanel_unstable,\n useAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionItem_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionStyles_unstable,\n} from '@fluentui/react-accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionIndex,\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from '@fluentui/react-accordion';\nexport {\n Avatar,\n avatarClassNames,\n renderAvatar_unstable,\n useAvatar_unstable,\n useAvatarStyles_unstable,\n} from '@fluentui/react-avatar';\nexport type { AvatarNamedColor, AvatarProps, AvatarSizes, AvatarSlots, AvatarState } from '@fluentui/react-avatar';\nexport {\n Badge,\n CounterBadge,\n PresenceBadge,\n badgeClassNames,\n counterBadgeClassNames,\n presenceBadgeClassNames,\n renderBadge_unstable,\n useBadge_unstable,\n useBadgeStyles_unstable,\n useCounterBadge_unstable,\n useCounterBadgeStyles_unstable,\n usePresenceBadge_unstable,\n} from '@fluentui/react-badge';\nexport type {\n BadgeProps,\n BadgeSlots,\n BadgeState,\n CounterBadgeProps,\n CounterBadgeState,\n PresenceBadgeProps,\n PresenceBadgeState,\n PresenceBadgeStatus,\n} from '@fluentui/react-badge';\nexport {\n Button,\n CompoundButton,\n MenuButton,\n SplitButton,\n ToggleButton,\n buttonClassNames,\n compoundButtonClassNames,\n menuButtonClassNames,\n renderButton_unstable,\n renderCompoundButton_unstable,\n renderMenuButton_unstable,\n renderSplitButton_unstable,\n renderToggleButton_unstable,\n splitButtonClassNames,\n toggleButtonClassNames,\n useButton_unstable,\n useButtonStyles_unstable,\n useCompoundButton_unstable,\n useCompoundButtonStyles_unstable,\n useMenuButton_unstable,\n useMenuButtonStyles_unstable,\n useSplitButton_unstable,\n useSplitButtonStyles_unstable,\n useToggleButton_unstable,\n useToggleButtonStyles_unstable,\n useToggleState,\n} from '@fluentui/react-button';\nexport type {\n ButtonProps,\n ButtonSlots,\n ButtonState,\n CompoundButtonProps,\n CompoundButtonSlots,\n CompoundButtonState,\n MenuButtonProps,\n MenuButtonSlots,\n MenuButtonState,\n SplitButtonProps,\n SplitButtonSlots,\n SplitButtonState,\n ToggleButtonProps,\n ToggleButtonState,\n} from '@fluentui/react-button';\nexport {\n Checkbox,\n checkboxClassNames,\n renderCheckbox_unstable,\n useCheckbox_unstable,\n useCheckboxStyles_unstable,\n} from '@fluentui/react-checkbox';\nexport type { CheckboxOnChangeData, CheckboxProps, CheckboxSlots, CheckboxState } from '@fluentui/react-checkbox';\nexport {\n Divider,\n dividerClassNames,\n renderDivider_unstable,\n useDivider_unstable,\n useDividerStyles_unstable,\n} from '@fluentui/react-divider';\nexport type { DividerProps, DividerSlots, DividerState } from '@fluentui/react-divider';\nexport {\n Input,\n inputClassNames,\n renderInput_unstable,\n useInput_unstable,\n useInputStyles_unstable,\n} from '@fluentui/react-input';\nexport type { InputOnChangeData, InputProps, InputSlots, InputState } from '@fluentui/react-input';\nexport {\n Image,\n imageClassNames,\n renderImage_unstable,\n useImage_unstable,\n useImageStyles_unstable,\n} from '@fluentui/react-image';\nexport type { ImageProps, ImageSlots, ImageState } from '@fluentui/react-image';\nexport {\n Label,\n labelClassNames,\n renderLabel_unstable,\n useLabel_unstable,\n useLabelStyles_unstable,\n} from '@fluentui/react-label';\nexport type { LabelProps, LabelSlots, LabelState } from '@fluentui/react-label';\nexport {\n Link,\n linkClassNames,\n renderLink_unstable,\n useLink_unstable,\n useLinkState_unstable,\n useLinkStyles_unstable,\n} from '@fluentui/react-link';\nexport type { LinkProps, LinkSlots, LinkState } from '@fluentui/react-link';\nexport {\n Menu,\n MenuDivider,\n MenuGroup,\n MenuGroupContextProvider,\n MenuGroupHeader,\n MenuItem,\n MenuItemCheckbox,\n MenuItemRadio,\n MenuList,\n MenuListProvider,\n MenuPopover,\n MenuProvider,\n MenuSplitGroup,\n MenuTrigger,\n MenuTriggerContextProvider,\n menuDividerClassNames,\n menuGroupClassNames,\n menuGroupHeaderClassNames,\n menuItemCheckboxClassNames,\n menuItemClassNames,\n menuItemRadioClassNames,\n menuListClassNames,\n menuPopoverClassNames,\n menuSplitGroupClassNames,\n renderMenu_unstable,\n renderMenuDivider_unstable,\n renderMenuGroup_unstable,\n renderMenuGroupHeader_unstable,\n renderMenuItem_unstable,\n renderMenuItemCheckbox_unstable,\n renderMenuItemRadio_unstable,\n renderMenuList_unstable,\n renderMenuPopover_unstable,\n renderMenuSplitGroup_unstable,\n renderMenuTrigger_unstable,\n useCheckmarkStyles_unstable,\n useMenu_unstable,\n useMenuContext_unstable,\n useMenuContextValues_unstable,\n useMenuDivider_unstable,\n useMenuDividerStyles_unstable,\n useMenuGroup_unstable,\n useMenuGroupContext_unstable,\n useMenuGroupContextValues_unstable,\n useMenuGroupHeader_unstable,\n useMenuGroupHeaderStyles_unstable,\n useMenuGroupStyles_unstable,\n useMenuItem_unstable,\n useMenuItemCheckbox_unstable,\n useMenuItemCheckboxStyles_unstable,\n useMenuItemRadio_unstable,\n useMenuItemRadioStyles_unstable,\n useMenuItemStyles_unstable,\n useMenuList_unstable,\n useMenuListContext_unstable,\n useMenuListContextValues_unstable,\n useMenuListStyles_unstable,\n useMenuPopover_unstable,\n useMenuPopoverStyles_unstable,\n useMenuSplitGroup_unstable,\n useMenuSplitGroupStyles_unstable,\n useMenuTrigger_unstable,\n useMenuTriggerContext_unstable,\n} from '@fluentui/react-menu';\nexport type {\n MenuCheckedValueChangeData,\n MenuCheckedValueChangeEvent,\n MenuContextValue,\n MenuContextValues,\n MenuDividerProps,\n MenuDividerSlots,\n MenuDividerState,\n MenuGroupContextValue,\n MenuGroupContextValues,\n MenuGroupHeaderProps,\n MenuGroupHeaderSlots,\n MenuGroupHeaderState,\n MenuGroupProps,\n MenuGroupSlots,\n MenuGroupState,\n MenuItemCheckboxProps,\n MenuItemCheckboxState,\n MenuItemProps,\n MenuItemRadioProps,\n MenuItemRadioState,\n MenuItemSelectableProps,\n MenuItemSelectableState,\n MenuItemSlots,\n MenuItemState,\n MenuListContextValue,\n MenuListContextValues,\n MenuListProps,\n MenuListSlots,\n MenuListState,\n MenuOpenChangeData,\n MenuOpenEvents,\n MenuPopoverProps,\n MenuPopoverSlots,\n MenuPopoverState,\n MenuProps,\n MenuSlots,\n MenuSplitGroupProps,\n MenuSplitGroupSlots,\n MenuSplitGroupState,\n MenuState,\n MenuTriggerChildProps,\n MenuTriggerProps,\n MenuTriggerState,\n SelectableHandler,\n UninitializedMenuListState,\n} from '@fluentui/react-menu';\nexport {\n Popover,\n PopoverSurface,\n PopoverProvider,\n PopoverTrigger,\n arrowHeights,\n popoverSurfaceClassNames,\n renderPopover_unstable,\n renderPopoverSurface_unstable,\n renderPopoverTrigger_unstable,\n usePopover_unstable,\n usePopoverContext_unstable,\n usePopoverSurface_unstable,\n usePopoverSurfaceStyles_unstable,\n usePopoverTrigger_unstable,\n} from '@fluentui/react-popover';\nexport type {\n OnOpenChangeData,\n OpenPopoverEvents,\n PopoverContextValue,\n PopoverProps,\n PopoverSize,\n PopoverState,\n PopoverSurfaceProps,\n PopoverSurfaceSlots,\n PopoverSurfaceState,\n PopoverTriggerProps,\n PopoverTriggerState,\n} from '@fluentui/react-popover';\nexport {\n Slider,\n sliderClassNames,\n sliderCSSVars,\n useSliderState_unstable,\n useSliderStyles_unstable,\n useSlider_unstable,\n renderSlider_unstable,\n} from '@fluentui/react-slider';\nexport type { SliderProps, SliderSlots, SliderOnChangeData, SliderState } from '@fluentui/react-slider';\nexport {\n Spinner,\n spinnerClassNames,\n renderSpinner_unstable,\n useSpinner_unstable,\n useSpinnerStyles_unstable,\n} from '@fluentui/react-spinner';\nexport type { SpinnerProps, SpinnerSlots, SpinnerState } from '@fluentui/react-spinner';\nexport {\n Switch,\n switchClassNames,\n renderSwitch_unstable,\n useSwitch_unstable,\n useSwitchStyles_unstable,\n} from '@fluentui/react-switch';\nexport type { SwitchOnChangeData, SwitchProps, SwitchSlots, SwitchState } from '@fluentui/react-switch';\nexport {\n renderTab_unstable,\n Tab,\n tabClassNames,\n useTabStyles_unstable,\n useTab_unstable,\n renderTabList_unstable,\n TabList,\n tabListClassNames,\n useTabListStyles_unstable,\n useTabList_unstable,\n} from '@fluentui/react-tabs';\nexport type {\n TabProps,\n TabSlots,\n TabState,\n TabValue,\n TabRegisterData,\n RegisterTabEventHandler,\n SelectTabData,\n SelectTabEvent,\n SelectTabEventHandler,\n TabListContextValue,\n TabListContextValues,\n TabListProps,\n TabListSlots,\n TabListState,\n} from '@fluentui/react-tabs';\nexport {\n Body1,\n Caption1,\n Caption2,\n Display,\n Subtitle1,\n LargeTitle,\n Subtitle2,\n Text,\n Title1,\n Title2,\n Title3,\n body1ClassNames,\n caption1ClassNames,\n caption2ClassNames,\n displayClassNames,\n subtitle1ClassNames,\n largeTitleClassNames,\n renderText_unstable,\n subtitle2ClassNames,\n textClassNames,\n title1ClassNames,\n title2ClassNames,\n title3ClassNames,\n useText_unstable,\n useTextStyles_unstable,\n} from '@fluentui/react-text';\nexport type { TextProps, TextSlots, TextState } from '@fluentui/react-text';\nexport {\n Textarea,\n textareaClassNames,\n renderTextarea_unstable,\n useTextarea_unstable,\n useTextareaStyles_unstable,\n} from '@fluentui/react-textarea';\nexport type { TextareaProps, TextareaSlots, TextareaState } from '@fluentui/react-textarea';\nexport {\n Tooltip,\n renderTooltip_unstable,\n tooltipClassNames,\n useTooltip_unstable,\n useTooltipStyles_unstable,\n} from '@fluentui/react-tooltip';\nexport type {\n OnVisibleChangeData,\n TooltipProps,\n TooltipSlots,\n TooltipState,\n TooltipTriggerProps,\n} from '@fluentui/react-tooltip';\n\nexport type {\n PositioningProps,\n PositioningShorthand,\n PositioningShorthandValue,\n PositioningImperativeRef,\n PositioningVirtualElement,\n} from '@fluentui/react-positioning';\n"],"sourceRoot":"../src/"}
|
package/lib/unstable/index.js
CHANGED
|
@@ -1,30 +1,10 @@
|
|
|
1
1
|
// Stub for unstable exports
|
|
2
|
-
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
8
|
-
cardHeaderClassName,
|
|
9
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
10
|
-
cardPreviewClassName, cardClassNames, cardFooterClassNames, cardHeaderClassNames, cardPreviewClassNames, renderCard_unstable, renderCardFooter_unstable, renderCardHeader_unstable, renderCardPreview_unstable, useCard_unstable, useCardFooter_unstable, useCardFooterStyles_unstable, useCardHeader_unstable, useCardHeaderStyles_unstable, useCardPreview_unstable, useCardPreviewStyles_unstable, useCardStyles_unstable } from '@fluentui/react-card';
|
|
11
|
-
export { Checkbox,
|
|
12
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
13
|
-
checkboxClassName, checkboxClassNames, renderCheckbox_unstable, useCheckbox_unstable, useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
|
|
14
|
-
export { Input,
|
|
15
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
16
|
-
inputClassName, inputClassNames, renderInput_unstable, useInput_unstable, useInputStyles_unstable } from '@fluentui/react-input';
|
|
17
|
-
export { Label,
|
|
18
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
19
|
-
labelClassName, labelClassNames, renderLabel_unstable, useLabel_unstable, useLabelStyles_unstable } from '@fluentui/react-label';
|
|
20
|
-
export { Radio,
|
|
21
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
22
|
-
radioClassName, radioClassNames, RadioGroup,
|
|
23
|
-
/* eslint-disable-next-line deprecation/deprecation */
|
|
24
|
-
radioGroupClassName, radioGroupClassNames, renderRadio_unstable, renderRadioGroup_unstable, useRadio_unstable, useRadioGroup_unstable, useRadioGroupStyles_unstable, useRadioStyles_unstable } from '@fluentui/react-radio';
|
|
2
|
+
export { Alert, alertClassNames, renderAlert_unstable, useAlertStyles_unstable, useAlert_unstable } from '@fluentui/react-alert';
|
|
3
|
+
export { AvatarGroup, AvatarGroupItem, avatarGroupClassNames, avatarGroupItemClassNames, renderAvatarGroup_unstable, renderAvatarGroupItem_unstable, useAvatarGroup_unstable, useAvatarGroupItem_unstable, useAvatarGroupStyles_unstable, useAvatarGroupItemStyles_unstable } from '@fluentui/react-avatar';
|
|
4
|
+
export { Card, CardFooter, CardHeader, CardPreview, cardClassNames, cardCSSVars, cardFooterClassNames, cardHeaderClassNames, cardPreviewClassNames, renderCard_unstable, renderCardFooter_unstable, renderCardHeader_unstable, renderCardPreview_unstable, useCard_unstable, useCardFooter_unstable, useCardFooterStyles_unstable, useCardHeader_unstable, useCardHeaderStyles_unstable, useCardPreview_unstable, useCardPreviewStyles_unstable, useCardStyles_unstable } from '@fluentui/react-card';
|
|
5
|
+
export { Combobox, renderCombobox_unstable, comboboxClassNames, useComboboxStyles_unstable, useCombobox_unstable, Dropdown, renderDropdown_unstable, dropdownClassNames, useDropdownStyles_unstable, useDropdown_unstable, Listbox, renderListbox_unstable, listboxClassNames, useListboxStyles_unstable, useListbox_unstable, Option, renderOption_unstable, optionClassNames, useOptionStyles_unstable, useOption_unstable, OptionGroup, renderOptionGroup_unstable, optionGroupClassNames, useOptionGroupStyles_unstable, useOptionGroup_unstable } from '@fluentui/react-combobox';
|
|
6
|
+
export { Select, renderSelect_unstable, selectClassNames, useSelectStyles_unstable, useSelect_unstable } from '@fluentui/react-select';
|
|
25
7
|
export { SpinButton, renderSpinButton_unstable, spinButtonClassNames, useSpinButtonStyles_unstable, useSpinButton_unstable } from '@fluentui/react-spinbutton';
|
|
26
|
-
export {
|
|
27
|
-
export {
|
|
28
|
-
export { Textarea, textareaClassNames, renderTextarea_unstable, useTextarea_unstable, useTextareaStyles_unstable } from '@fluentui/react-textarea';
|
|
29
|
-
export { renderTab_unstable, Tab, tabClassName, tabClassNames, useTabStyles_unstable, useTab_unstable, renderTabList_unstable, TabList, tabListClassName, tabListClassNames, useTabListStyles_unstable, useTabList_unstable } from '@fluentui/react-tabs';
|
|
8
|
+
export { Toolbar, ToolbarDivider, ToolbarToggleButton, renderToolbar_unstable, toolbarClassNames, useToolbar_unstable, useToolbarDividerStyles_unstable, useToolbarStyles_unstable } from '@fluentui/react-toolbar';
|
|
9
|
+
export { Overflow, OverflowItem, useIsOverflowGroupVisible, useIsOverflowItemVisible, useOverflowMenu, DATA_OVERFLOWING, DATA_OVERFLOW_MENU, DATA_OVERFLOW_ITEM } from '@fluentui/react-overflow';
|
|
30
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["unstable/index.ts"],"names":[],"mappings":"AAAA;AAEA,SACE,
|
|
1
|
+
{"version":3,"sources":["unstable/index.ts"],"names":[],"mappings":"AAAA;AAEA,SACE,KADF,EAEE,eAFF,EAGE,oBAHF,EAIE,uBAJF,EAKE,iBALF,QAMO,uBANP;AAQA,SACE,WADF,EAEE,eAFF,EAGE,qBAHF,EAIE,yBAJF,EAKE,0BALF,EAME,8BANF,EAOE,uBAPF,EAQE,2BARF,EASE,6BATF,EAUE,iCAVF,QAWO,wBAXP;AAoBA,SACE,IADF,EAEE,UAFF,EAGE,UAHF,EAIE,WAJF,EAKE,cALF,EAME,WANF,EAOE,oBAPF,EAQE,oBARF,EASE,qBATF,EAUE,mBAVF,EAWE,yBAXF,EAYE,yBAZF,EAaE,0BAbF,EAcE,gBAdF,EAeE,sBAfF,EAgBE,4BAhBF,EAiBE,sBAjBF,EAkBE,4BAlBF,EAmBE,uBAnBF,EAoBE,6BApBF,EAqBE,sBArBF,QAsBO,sBAtBP;AAqCA,SACE,QADF,EAEE,uBAFF,EAGE,kBAHF,EAIE,0BAJF,EAKE,oBALF,EAME,QANF,EAOE,uBAPF,EAQE,kBARF,EASE,0BATF,EAUE,oBAVF,EAWE,OAXF,EAYE,sBAZF,EAaE,iBAbF,EAcE,yBAdF,EAeE,mBAfF,EAgBE,MAhBF,EAiBE,qBAjBF,EAkBE,gBAlBF,EAmBE,wBAnBF,EAoBE,kBApBF,EAqBE,WArBF,EAsBE,0BAtBF,EAuBE,qBAvBF,EAwBE,6BAxBF,EAyBE,uBAzBF,QA0BO,0BA1BP;AAmDA,SACE,MADF,EAEE,qBAFF,EAGE,gBAHF,EAIE,wBAJF,EAKE,kBALF,QAMO,wBANP;AASA,SACE,UADF,EAEE,yBAFF,EAGE,oBAHF,EAIE,4BAJF,EAKE,sBALF,QAMO,4BANP;AAiBA,SACE,OADF,EAEE,cAFF,EAGE,mBAHF,EAIE,sBAJF,EAKE,iBALF,EAME,mBANF,EAOE,gCAPF,EAQE,yBARF,QASO,yBATP;AAyBA,SACE,QADF,EAEE,YAFF,EAGE,yBAHF,EAIE,wBAJF,EAKE,eALF,EAME,gBANF,EAOE,kBAPF,EAQE,kBARF,QASO,0BATP","sourcesContent":["// Stub for unstable exports\n\nexport {\n Alert,\n alertClassNames,\n renderAlert_unstable,\n useAlertStyles_unstable,\n useAlert_unstable,\n} from '@fluentui/react-alert';\nexport type { AlertProps, AlertSlots, AlertState } from '@fluentui/react-alert';\nexport {\n AvatarGroup,\n AvatarGroupItem,\n avatarGroupClassNames,\n avatarGroupItemClassNames,\n renderAvatarGroup_unstable,\n renderAvatarGroupItem_unstable,\n useAvatarGroup_unstable,\n useAvatarGroupItem_unstable,\n useAvatarGroupStyles_unstable,\n useAvatarGroupItemStyles_unstable,\n} from '@fluentui/react-avatar';\nexport type {\n AvatarGroupProps,\n AvatarGroupSlots,\n AvatarGroupState,\n AvatarGroupItemProps,\n AvatarGroupItemSlots,\n AvatarGroupItemState,\n} from '@fluentui/react-avatar';\nexport {\n Card,\n CardFooter,\n CardHeader,\n CardPreview,\n cardClassNames,\n cardCSSVars,\n cardFooterClassNames,\n cardHeaderClassNames,\n cardPreviewClassNames,\n renderCard_unstable,\n renderCardFooter_unstable,\n renderCardHeader_unstable,\n renderCardPreview_unstable,\n useCard_unstable,\n useCardFooter_unstable,\n useCardFooterStyles_unstable,\n useCardHeader_unstable,\n useCardHeaderStyles_unstable,\n useCardPreview_unstable,\n useCardPreviewStyles_unstable,\n useCardStyles_unstable,\n} from '@fluentui/react-card';\nexport type {\n CardFooterProps,\n CardFooterSlots,\n CardFooterState,\n CardHeaderProps,\n CardHeaderSlots,\n CardHeaderState,\n CardPreviewProps,\n CardPreviewSlots,\n CardPreviewState,\n CardProps,\n CardSlots,\n CardState,\n} from '@fluentui/react-card';\nexport {\n Combobox,\n renderCombobox_unstable,\n comboboxClassNames,\n useComboboxStyles_unstable,\n useCombobox_unstable,\n Dropdown,\n renderDropdown_unstable,\n dropdownClassNames,\n useDropdownStyles_unstable,\n useDropdown_unstable,\n Listbox,\n renderListbox_unstable,\n listboxClassNames,\n useListboxStyles_unstable,\n useListbox_unstable,\n Option,\n renderOption_unstable,\n optionClassNames,\n useOptionStyles_unstable,\n useOption_unstable,\n OptionGroup,\n renderOptionGroup_unstable,\n optionGroupClassNames,\n useOptionGroupStyles_unstable,\n useOptionGroup_unstable,\n} from '@fluentui/react-combobox';\nexport type {\n ComboboxProps,\n ComboboxContextValues,\n ComboboxOpenChangeData,\n ComboboxOpenEvents,\n ComboboxSlots,\n ComboboxState,\n DropdownProps,\n DropdownContextValues,\n DropdownOpenChangeData,\n DropdownOpenEvents,\n DropdownSlots,\n DropdownState,\n ListboxContextValues,\n ListboxProps,\n ListboxSlots,\n ListboxState,\n OptionProps,\n OptionSlots,\n OptionState,\n OptionGroupProps,\n OptionGroupSlots,\n OptionGroupState,\n} from '@fluentui/react-combobox';\nexport {\n Select,\n renderSelect_unstable,\n selectClassNames,\n useSelectStyles_unstable,\n useSelect_unstable,\n} from '@fluentui/react-select';\nexport type { SelectProps, SelectSlots, SelectState } from '@fluentui/react-select';\n\nexport {\n SpinButton,\n renderSpinButton_unstable,\n spinButtonClassNames,\n useSpinButtonStyles_unstable,\n useSpinButton_unstable,\n} from '@fluentui/react-spinbutton';\nexport type {\n SpinButtonOnChangeData,\n SpinButtonChangeEvent,\n SpinButtonProps,\n SpinButtonSlots,\n SpinButtonState,\n SpinButtonSpinState,\n SpinButtonBounds,\n} from '@fluentui/react-spinbutton';\n\nexport {\n Toolbar,\n ToolbarDivider,\n ToolbarToggleButton,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbar_unstable,\n useToolbarDividerStyles_unstable,\n useToolbarStyles_unstable,\n} from '@fluentui/react-toolbar';\n\nexport type {\n ToolbarButtonProps,\n ToolbarButtonState,\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarDividerProps,\n ToolbarDividerState,\n ToolbarProps,\n ToolbarSlots,\n ToolbarState,\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n} from '@fluentui/react-toolbar';\n\nexport {\n Overflow,\n OverflowItem,\n useIsOverflowGroupVisible,\n useIsOverflowItemVisible,\n useOverflowMenu,\n DATA_OVERFLOWING,\n DATA_OVERFLOW_MENU,\n DATA_OVERFLOW_ITEM,\n} from '@fluentui/react-overflow';\n\nexport type { OverflowProps, OverflowItemProps } from '@fluentui/react-overflow';\n"],"sourceRoot":"../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccessibilityScenarios/utils.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACO,MAAM,cAAc,GAAI,KAAD,IAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;
|
|
1
|
+
{"version":3,"sources":["AccessibilityScenarios/utils.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACO,MAAM,cAAc,GAAI,KAAD,IAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAnF;EAAuF,MAAM,EAAC;AAA9F,CAAA,EACG,KAAK,CAAC,OADT,CADK;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd;;AAMN,MAAM,iBAAiB,GAAa,KAAK,IAC9C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE;AAArC,CAAA,EACG,KAAK,CAAC,QADT,CADK;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AAMN,MAAM,QAAQ,GAAG,MAAM,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,iBAAD,EAAkB,IAAlB,EAAkB,sBAAlB,CAAvB;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR;;AAEN,MAAM,QAAQ,GAAmD,CAAC;EAAE,SAAF;EAAa;AAAb,CAAD,KAA4B;EAClG,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,QAAQ,CAAC,KAAT,GAAiB,SAAS,GAAG,mBAAZ,GAAkC,SAAnD;EACD,CAFD,EAEG,CAAC,SAAD,CAFH;EAIA,OACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,IAAI,EAAC;EAAV,CAAA,EACE,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,QAAD,EAAS,IAAT,CADF,EAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAFF,EAGG,QAHH,CADF;AAOD,CAZM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourcesContent":["import * as React from 'react';\n\nconst APP_TITLE = 'Accessibility Scenarios';\nconst APP_TITLE_SEPARATOR = ' | ';\n\ninterface FullscreenLinkProps {\n parent: string;\n story: string;\n content: string;\n}\n\n// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab\n// so this is a naive attempt for opening a story in full screen\nexport const FullscreenLink = (props: FullscreenLinkProps) => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=${props.parent}--${props.story}`} target=\"_blank\">\n {props.content}\n </a>\n);\n\nexport const ScenariosListLink: React.FC = props => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=accessibility-scenarios-list-of-scenarios--page`}>\n {props.children}\n </a>\n);\n\nexport const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;\n\nexport const Scenario: React.FunctionComponent<{ pageTitle: string }> = ({ pageTitle, children }) => {\n React.useEffect(() => {\n document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;\n }, [pageTitle]);\n\n return (\n <div role=\"main\">\n <BackLink />\n <br />\n {children}\n </div>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -53,7 +53,7 @@ const reactIcons = /*#__PURE__*/Object.keys(ReactIcons) // eslint-disable-next-l
|
|
|
53
53
|
|
|
54
54
|
const ReactIconGrid = () => {
|
|
55
55
|
const [search, setSearch] = React.useState('');
|
|
56
|
-
const [size, setSize] = React.useState(
|
|
56
|
+
const [size, setSize] = React.useState(24);
|
|
57
57
|
const styles = useStyles();
|
|
58
58
|
|
|
59
59
|
const _onSearchQueryChanged = ev => {
|
|
@@ -75,7 +75,7 @@ const ReactIconGrid = () => {
|
|
|
75
75
|
const filteredIcons = React.useMemo(() => reactIcons.filter(icon => {
|
|
76
76
|
var _a, _b;
|
|
77
77
|
|
|
78
|
-
return ((_a = icon.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_b = icon.displayName) === null || _b === void 0 ? void 0 : _b.indexOf(size)) !== -1;
|
|
78
|
+
return ((_a = icon.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_b = icon.displayName) === null || _b === void 0 ? void 0 : _b.indexOf(String(size))) !== -1;
|
|
79
79
|
}), [search, size]);
|
|
80
80
|
return React.createElement("div", null, React.createElement(react_input_1.Input, {
|
|
81
81
|
type: "search",
|
|
@@ -87,6 +87,7 @@ const ReactIconGrid = () => {
|
|
|
87
87
|
className: styles.searchBox
|
|
88
88
|
}), [16, 20, 24, 28, 32, 48, 'All'].map(option => React.createElement(React.Fragment, null, React.createElement("input", {
|
|
89
89
|
id: `option-${option}`,
|
|
90
|
+
defaultChecked: option === 24,
|
|
90
91
|
type: "radio",
|
|
91
92
|
value: option,
|
|
92
93
|
name: "size",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Concepts/Icons/ReactIconGrid.tsx"],"names":[],"mappings":";;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAEA,MAAM,SAAS,gBAAG,OAAA,SAAA;
|
|
1
|
+
{"version":3,"sources":["Concepts/Icons/ReactIconGrid.tsx"],"names":[],"mappings":";;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAEA,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;;AA0CA,MAAM,UAAU,gBAA4C,MAAM,CAAC,IAAP,CAAY,UAAZ,EAC1D;AAD0D,CAEzD,GAFyD,CAErD,QAAQ,IAAK,UAAkB,CAAC,QAAD,CAFsB,EAGzD,MAHyD,CAGlD,IAAI,IAAI,CAAC,CAAC,IAAF,IAAU,CAAC,CAAC,IAAI,CAAC,WAHyB,CAA5D;;AAKA,MAAM,aAAa,GAAG,MAAK;EACzB,MAAM,CAAC,MAAD,EAAS,SAAT,IAAsB,KAAK,CAAC,QAAN,CAAe,EAAf,CAA5B;EACA,MAAM,CAAC,IAAD,EAAO,OAAP,IAAkB,KAAK,CAAC,QAAN,CAAgC,EAAhC,CAAxB;EACA,MAAM,MAAM,GAAG,SAAS,EAAxB;;EAEA,MAAM,qBAAqB,GAAI,EAAD,IAA2C;IACvE,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,aAAH,CAAiB,KAApB,GAA4B,EAA/B,CAAT;EACD,CAFD;;EAIA,MAAM,aAAa,GAAI,EAAD,IAAyD;IAC7E,MAAM,OAAO,GAAG,EAAE,GAAI,EAAE,CAAC,aAAH,CAAsC,KAA1C,GAAkD,EAApE;IACA,OAAO,KAAK,KAAZ,GAAoB,OAAO,CAAC,EAAD,CAA3B,GAAkC,OAAO,CAAC,OAAD,CAAzC;EACD,CAHD;;EAKA,MAAM,WAAW,GAAI,IAAD,IAAkD;IACpE,OACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;MAAM,GAAG,EAAE,IAAI,CAAC,WAAhB;MAA2B,cAAc,IAAI,CAAC;IAA9C,CAAA,EACE,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,IAAL,CADF,EAEE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,IAAI,CAAC,WAAX,CAFF,CADF;EAMD,CAPD;;EASA,MAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CACpB,MACE,UAAU,CAAC,MAAX,CACE,IAAI,IAAG;;;IACL,OAAA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAL,MAAgB,IAAhB,IAAgB,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgB,EAAA,CAAE,WAAF,GAAgB,OAAhB,CAAwB,MAAM,CAAC,WAAP,EAAxB,CAAhB,MAAkE,CAAC,CAAnE,IACA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAL,MAAgB,IAAhB,IAAgB,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgB,EAAA,CAAE,OAAF,CAAU,MAAM,CAAC,IAAD,CAAhB,CAAhB,MAA4C,CAAC,CAD7C;EAC8C,CAHlD,CAFkB,EAOpB,CAAC,MAAD,EAAS,IAAT,CAPoB,CAAtB;EAUA,OACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,KAAD,EAAM;IACJ,IAAI,EAAC,QADD;IAEJ,WAAW,EAAC,cAFR;IAGJ,KAAK,EAAE,MAHH;IAGS,cACF,QAJP;IAKJ;IACA,QAAQ,EAAE,qBANN;IAOJ,SAAS,EAAE,MAAM,CAAC;EAPd,CAAN,CADF,EAUG,CAAC,EAAD,EAAK,EAAL,EAAS,EAAT,EAAa,EAAb,EAAiB,EAAjB,EAAqB,EAArB,EAAyB,KAAzB,EAAgC,GAAhC,CAAoC,MAAM,IACzC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;IACE,EAAE,EAAE,UAAU,MAAM,EADtB;IAEE,cAAc,EAAE,MAAM,KAAK,EAF7B;IAGE,IAAI,EAAC,OAHP;IAIE,KAAK,EAAE,MAJT;IAKE,IAAI,EAAC,MALP;IAME,QAAQ,EAAE;EANZ,CAAA,CADF,EASE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;IAAO,OAAO,EAAE,UAAU,MAAM,EAAhC;IAAoC,SAAS,EAAE,MAAM,CAAC;EAAtD,CAAA,EACG,MADH,CATF,CADD,CAVH,EAyBE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE,MAAM,CAAC;EAAvB,CAAA,EAA8B,aAAa,CAAC,GAAd,CAAkB,WAAlB,CAA9B,CAzBF,CADF;AA6BD,CA9DD;;AAgEA,OAAA,CAAA,OAAA,GAAe,aAAf","sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\nconst useStyles = makeStyles({\n grid: {\n display: 'flex',\n flexWrap: 'wrap',\n justifyContent: ' flex-start',\n\n '> span': {\n alignItems: 'center',\n color: '#3b3a39',\n display: 'flex',\n flexDirection: 'column',\n height: '80px',\n justifyContent: 'space-around',\n ...shorthands.padding(0),\n width: '80px',\n ...shorthands.overflow('hidden'),\n\n '> div': {\n fontSize: '11px',\n opacity: '0',\n },\n\n '&:hover': {\n ...shorthands.overflow('visible'),\n\n '& div': {\n opacity: '1',\n },\n },\n },\n },\n\n searchBox: {\n maxWidth: '320px',\n marginBottom: '10px',\n },\n\n radio: {\n fontSize: '11px',\n },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .map(iconName => (ReactIcons as any)[iconName])\n .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState<string | number>(24);\n const styles = useStyles();\n\n const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n setSearch(ev ? ev.currentTarget.value : '');\n };\n\n const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n newSize === 'All' ? setSize('') : setSize(newSize);\n };\n\n const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n return (\n <span key={Icon.displayName} aria-label={Icon.displayName}>\n <Icon />\n <div>{Icon.displayName}</div>\n </span>\n );\n };\n\n const filteredIcons = React.useMemo(\n () =>\n reactIcons.filter(\n icon =>\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n icon.displayName?.indexOf(String(size)) !== -1,\n ),\n [search, size],\n );\n\n return (\n <div>\n <Input\n type=\"search\"\n placeholder=\"Search icons\"\n value={search}\n aria-label=\"search\"\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onSearchQueryChanged}\n className={styles.searchBox}\n />\n {[16, 20, 24, 28, 32, 48, 'All'].map(option => (\n <>\n <input\n id={`option-${option}`}\n defaultChecked={option === 24}\n type=\"radio\"\n value={option}\n name=\"size\"\n onChange={_filterBySize}\n />\n <label htmlFor={`option-${option}`} className={styles.radio}>\n {option}\n </label>\n </>\n ))}\n <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n </div>\n );\n};\n\nexport default ReactIconGrid;\n"],"sourceRoot":"../src/"}
|