Hacker-Software/starface-outlook-sync-addin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 22 Wiki Activity
Files
37ad74554605f7fbd4164435293376e881219641
starface-outlook-sync-addin/node_modules/@fluentui/react/etc/react.api.md
T
Stefan Hacker 37ad745546 first commit
2026-04-03 09:38:48 +02:00

11599 lines
340 KiB
Markdown
Raw Blame History

## API Report File for "@fluentui/react"
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
import { addDays } from '@fluentui/date-time-utilities';
import { addDirectionalKeyCode } from '@fluentui/utilities';
import { addElementAtIndex } from '@fluentui/utilities';
import { addMonths } from '@fluentui/date-time-utilities';
import { addWeeks } from '@fluentui/date-time-utilities';
import { addYears } from '@fluentui/date-time-utilities';
import { allowOverscrollOnElement } from '@fluentui/utilities';
import { allowScrollOnElement } from '@fluentui/utilities';
import { anchorProperties } from '@fluentui/utilities';
import { AnimationClassNames } from '@fluentui/style-utilities';
import { AnimationStyles } from '@fluentui/style-utilities';
import { AnimationVariables } from '@fluentui/style-utilities';
import { appendFunction } from '@fluentui/utilities';
import { arraysEqual } from '@fluentui/utilities';
import { asAsync } from '@fluentui/utilities';
import { assertNever } from '@fluentui/utilities';
import { assign } from '@fluentui/utilities';
import { Async } from '@fluentui/utilities';
import { audioProperties } from '@fluentui/utilities';
import { AutoScroll } from '@fluentui/utilities';
import { BaseComponent } from '@fluentui/utilities';
import { baseElementEvents } from '@fluentui/utilities';
import { baseElementProperties } from '@fluentui/utilities';
import { buildClassMap } from '@fluentui/style-utilities';
import { buttonProperties } from '@fluentui/utilities';
import { calculatePrecision } from '@fluentui/utilities';
import { canUseDOM } from '@fluentui/utilities';
import { classNamesFunction } from '@fluentui/utilities';
import { colGroupProperties } from '@fluentui/utilities';
import { ColorClassNames } from '@fluentui/style-utilities';
import { colProperties } from '@fluentui/utilities';
import { CommunicationColors } from '@fluentui/theme';
import { compareDatePart } from '@fluentui/date-time-utilities';
import { compareDates } from '@fluentui/date-time-utilities';
import { ComponentsStyles } from '@fluentui/theme';
import { ComponentStyles } from '@fluentui/theme';
import { composeComponentAs } from '@fluentui/utilities';
import { composeRenderFunction } from '@fluentui/utilities';
import { concatStyleSets } from '@fluentui/style-utilities';
import { concatStyleSetsWithProps } from '@fluentui/style-utilities';
import { createArray } from '@fluentui/utilities';
import { createFontStyles } from '@fluentui/style-utilities';
import { createMemoizer } from '@fluentui/utilities';
import { createMergedRef } from '@fluentui/utilities';
import { createTheme } from '@fluentui/theme';
import { css } from '@fluentui/utilities';
import { customizable } from '@fluentui/utilities';
import { Customizations } from '@fluentui/utilities';
import { Customizer } from '@fluentui/utilities';
import { CustomizerContext } from '@fluentui/utilities';
import { DATA_IS_SCROLLABLE_ATTRIBUTE } from '@fluentui/utilities';
import { DATA_PORTAL_ATTRIBUTE } from '@fluentui/utilities';
import { DateRangeType } from '@fluentui/date-time-utilities';
import { DayOfWeek } from '@fluentui/date-time-utilities';
import { DAYS_IN_WEEK } from '@fluentui/date-time-utilities';
import { DefaultEffects } from '@fluentui/style-utilities';
import { DefaultFontStyles } from '@fluentui/style-utilities';
import { DefaultPalette } from '@fluentui/style-utilities';
import { DefaultSpacing } from '@fluentui/theme';
import { DelayedRender } from '@fluentui/utilities';
import { Depths } from '@fluentui/theme';
import { disableBodyScroll } from '@fluentui/utilities';
import { divProperties } from '@fluentui/utilities';
import { doesElementContainFocus } from '@fluentui/utilities';
import { EdgeChromiumHighContrastSelector } from '@fluentui/style-utilities';
import { elementContains } from '@fluentui/utilities';
import { elementContainsAttribute } from '@fluentui/utilities';
import { enableBodyScroll } from '@fluentui/utilities';
import { EventGroup } from '@fluentui/utilities';
import { extendComponent } from '@fluentui/utilities';
import { FabricPerformance } from '@fluentui/utilities';
import { filteredAssign } from '@fluentui/utilities';
import { find } from '@fluentui/utilities';
import { findElementRecursive } from '@fluentui/utilities';
import { findIndex } from '@fluentui/utilities';
import { findScrollableParent } from '@fluentui/utilities';
import { FirstWeekOfYear } from '@fluentui/date-time-utilities';
import { fitContentToBounds } from '@fluentui/utilities';
import { FitMode } from '@fluentui/utilities';
import { flatten } from '@fluentui/utilities';
import { FluentTheme } from '@fluentui/theme';
import { focusAsync } from '@fluentui/utilities';
import { focusClear } from '@fluentui/style-utilities';
import { focusFirstChild } from '@fluentui/utilities';
import { FocusRects } from '@fluentui/utilities';
import { FocusRectsContext } from '@fluentui/utilities';
import { FocusRectsProvider } from '@fluentui/utilities';
import { FocusZone } from '@fluentui/react-focus';
import { FocusZoneDirection } from '@fluentui/react-focus';
import { FocusZoneTabbableElements } from '@fluentui/react-focus';
import { FontClassNames } from '@fluentui/style-utilities';
import { fontFace } from '@fluentui/style-utilities';
import { FontSizes } from '@fluentui/style-utilities';
import { FontWeights } from '@fluentui/style-utilities';
import { format } from '@fluentui/utilities';
import { formProperties } from '@fluentui/utilities';
import { getChildren } from '@fluentui/utilities';
import { getDatePartHashValue } from '@fluentui/date-time-utilities';
import { getDateRangeArray } from '@fluentui/date-time-utilities';
import { getDistanceBetweenPoints } from '@fluentui/utilities';
import { getDocument } from '@fluentui/utilities';
import { getEdgeChromiumNoHighContrastAdjustSelector } from '@fluentui/style-utilities';
import { getElementIndexPath } from '@fluentui/utilities';
import { getEndDateOfWeek } from '@fluentui/date-time-utilities';
import { getFadedOverflowStyle } from '@fluentui/style-utilities';
import { getFirstFocusable } from '@fluentui/utilities';
import { getFirstTabbable } from '@fluentui/utilities';
import { getFirstVisibleElementFromSelector } from '@fluentui/utilities';
import { getFocusableByIndexPath } from '@fluentui/utilities';
import { getFocusOutlineStyle } from '@fluentui/style-utilities';
import { getFocusStyle } from '@fluentui/style-utilities';
import { getGlobalClassNames } from '@fluentui/style-utilities';
import { getHighContrastNoAdjustStyle } from '@fluentui/style-utilities';
import { getIcon } from '@fluentui/style-utilities';
import { getIconClassName } from '@fluentui/style-utilities';
import { getId } from '@fluentui/utilities';
import { getInitials } from '@fluentui/utilities';
import { getInputFocusStyle } from '@fluentui/style-utilities';
import { getLanguage } from '@fluentui/utilities';
import { getLastFocusable } from '@fluentui/utilities';
import { getLastTabbable } from '@fluentui/utilities';
import { getMonthEnd } from '@fluentui/date-time-utilities';
import { getMonthStart } from '@fluentui/date-time-utilities';
import { getNativeElementProps } from '@fluentui/utilities';
import { getNativeProps } from '@fluentui/utilities';
import { getNextElement } from '@fluentui/utilities';
import { getParent } from '@fluentui/utilities';
import { getPlaceholderStyles } from '@fluentui/style-utilities';
import { getPreviousElement } from '@fluentui/utilities';
import { getPropsWithDefaults } from '@fluentui/utilities';
import { getRect } from '@fluentui/utilities';
import { getResourceUrl } from '@fluentui/utilities';
import { getRTL } from '@fluentui/utilities';
import { getRTLSafeKeyCode } from '@fluentui/utilities';
import { getScreenSelector } from '@fluentui/style-utilities';
import { getScrollbarWidth } from '@fluentui/utilities';
import { getStartDateOfWeek } from '@fluentui/date-time-utilities';
import { getTheme } from '@fluentui/style-utilities';
import { getThemedContext } from '@fluentui/style-utilities';
import { getVirtualParent } from '@fluentui/utilities';
import { getWeekNumber } from '@fluentui/date-time-utilities';
import { getWeekNumbersInMonth } from '@fluentui/date-time-utilities';
import { getWindow } from '@fluentui/utilities';
import { getYearEnd } from '@fluentui/date-time-utilities';
import { getYearStart } from '@fluentui/date-time-utilities';
import { GlobalClassNames } from '@fluentui/style-utilities';
import { GlobalSettings } from '@fluentui/utilities';
import { hasHorizontalOverflow } from '@fluentui/utilities';
import { hasOverflow } from '@fluentui/utilities';
import { hasVerticalOverflow } from '@fluentui/utilities';
import { hiddenContentStyle } from '@fluentui/style-utilities';
import { HighContrastSelector } from '@fluentui/style-utilities';
import { HighContrastSelectorBlack } from '@fluentui/style-utilities';
import { HighContrastSelectorWhite } from '@fluentui/style-utilities';
import { hoistMethods } from '@fluentui/utilities';
import { hoistStatics } from '@fluentui/utilities';
import { htmlElementProperties } from '@fluentui/utilities';
import { IAnimationStyles } from '@fluentui/style-utilities';
import { IAnimationVariables } from '@fluentui/style-utilities';
import { IAsAsyncOptions } from '@fluentui/utilities';
import { IBaseProps } from '@fluentui/utilities';
import { ICalendarStrings } from '@fluentui/date-time-utilities';
import { ICancelable } from '@fluentui/utilities';
import { IChangeDescription } from '@fluentui/utilities';
import { IChangeEventCallback } from '@fluentui/utilities';
import { IClassNames } from '@fluentui/utilities';
import { IClassNamesFunctionOptions } from '@fluentui/utilities';
import type { IComponent } from '@fluentui/foundation-legacy';
import { IComponentAs } from '@fluentui/utilities';
import { IComponentAsProps } from '@fluentui/utilities';
import type { IComponentStyles } from '@fluentui/foundation-legacy';
import { IconFontSizes } from '@fluentui/style-utilities';
import { IconNames } from '@fluentui/font-icons-mdl2';
import { ICSPSettings } from '@fluentui/style-utilities';
import { ICssInput } from '@fluentui/utilities';
import type { ICSSPixelUnitRule } from '@fluentui/merge-styles';
import type { ICSSRule } from '@fluentui/merge-styles';
import { ICustomizableProps } from '@fluentui/utilities';
import { ICustomizations } from '@fluentui/utilities';
import { ICustomizerContext } from '@fluentui/utilities';
import { ICustomizerProps } from '@fluentui/utilities';
import { IDateFormatting } from '@fluentui/date-time-utilities';
import type { IDayGridOptions } from '@fluentui/date-time-utilities';
import { IDeclaredEventsByName } from '@fluentui/utilities';
import { IDelayedRenderProps } from '@fluentui/utilities';
import { IDelayedRenderState } from '@fluentui/utilities';
import { IDictionary } from '@fluentui/utilities';
import { IDisposable } from '@fluentui/utilities';
import { IEffects } from '@fluentui/style-utilities';
import { IEventRecord } from '@fluentui/utilities';
import { IEventRecordList } from '@fluentui/utilities';
import { IEventRecordsByName } from '@fluentui/utilities';
import { IFitContentToBoundsOptions } from '@fluentui/utilities';
import { IFocusRectsContext } from '@fluentui/utilities';
import { IFocusZone } from '@fluentui/react-focus';
import { IFocusZoneProps } from '@fluentui/react-focus';
import { IFontFace } from '@fluentui/style-utilities';
import { IFontStyles } from '@fluentui/style-utilities';
import { IFontWeight } from '@fluentui/style-utilities';
import { iframeProperties } from '@fluentui/utilities';
import { IGetFocusStylesOptions } from '@fluentui/style-utilities';
import type { IHTMLSlot } from '@fluentui/foundation-legacy';
import { IIconOptions } from '@fluentui/style-utilities';
import { IIconRecord } from '@fluentui/style-utilities';
import { IIconSubset } from '@fluentui/style-utilities';
import { IIconSubsetRecord } from '@fluentui/style-utilities';
import { imageProperties } from '@fluentui/utilities';
import { imgProperties } from '@fluentui/utilities';
import { initializeComponentRef } from '@fluentui/utilities';
import { initializeFocusRects } from '@fluentui/utilities';
import { initializeIcons } from '@fluentui/font-icons-mdl2';
import { InjectionMode } from '@fluentui/style-utilities';
import { inputProperties } from '@fluentui/utilities';
import { IObjectWithKey } from '@fluentui/utilities';
import { IPalette } from '@fluentui/style-utilities';
import { IPartialTheme } from '@fluentui/style-utilities';
import { IPerfData } from '@fluentui/utilities';
import { IPerfMeasurement } from '@fluentui/utilities';
import { IPerfSummary } from '@fluentui/utilities';
import { IPoint } from '@fluentui/utilities';
import { IProcessedStyleSet } from '@fluentui/style-utilities';
import { IPropsWithStyles } from '@fluentui/utilities';
import { IRawStyle } from '@fluentui/style-utilities';
import { IReactProps } from '@fluentui/utilities';
import { IRectangle } from '@fluentui/utilities';
import { IRefObject } from '@fluentui/utilities';
import { IRenderComponent } from '@fluentui/utilities';
import { IRenderFunction } from '@fluentui/utilities';
import { IScheme } from '@fluentui/style-utilities';
import { ISchemeNames } from '@fluentui/style-utilities';
import { isControlled } from '@fluentui/utilities';
import { isDirectionalKeyCode } from '@fluentui/utilities';
import { ISelection } from '@fluentui/utilities';
import { ISelectionOptions } from '@fluentui/utilities';
import { ISelectionOptionsWithRequiredGetKey } from '@fluentui/utilities';
import { isElementFocusSubZone } from '@fluentui/utilities';
import { isElementFocusZone } from '@fluentui/utilities';
import { isElementTabbable } from '@fluentui/utilities';
import { isElementVisible } from '@fluentui/utilities';
import { isElementVisibleAndNotHidden } from '@fluentui/utilities';
import { ISemanticColors } from '@fluentui/style-utilities';
import { ISemanticTextColors } from '@fluentui/style-utilities';
import { ISerializableObject } from '@fluentui/utilities';
import { ISettings } from '@fluentui/utilities';
import { ISettingsFunction } from '@fluentui/utilities';
import { ISettingsMap } from '@fluentui/utilities';
import { IsFocusVisibleClassName } from '@fluentui/utilities';
import { isIE11 } from '@fluentui/utilities';
import { isInDateRangeArray } from '@fluentui/date-time-utilities';
import { isIOS } from '@fluentui/utilities';
import { ISize } from '@fluentui/utilities';
import type { ISlotProp } from '@fluentui/foundation-legacy';
import type { ISlottableProps } from '@fluentui/foundation-legacy';
import { isMac } from '@fluentui/utilities';
import { ISpacing } from '@fluentui/style-utilities';
import { IStyle } from '@fluentui/style-utilities';
import type { IStyleableComponentProps } from '@fluentui/foundation-legacy';
import { IStyleFunction } from '@fluentui/utilities';
import { IStyleFunctionOrObject } from '@fluentui/utilities';
import { IStyleSet } from '@fluentui/style-utilities';
import { IStyleSheetConfig } from '@fluentui/style-utilities';
import { isVirtualElement } from '@fluentui/utilities';
import { ITheme } from '@fluentui/style-utilities';
import { IVirtualElement } from '@fluentui/utilities';
import { IWarnControlledUsageParams } from '@fluentui/utilities';
import type { JSXElement } from '@fluentui/utilities';
import { KeyCodes } from '@fluentui/utilities';
import { keyframes } from '@fluentui/style-utilities';
import { labelProperties } from '@fluentui/utilities';
import { liProperties } from '@fluentui/utilities';
import { loadTheme } from '@fluentui/style-utilities';
import { LocalizedFontFamilies } from '@fluentui/theme';
import { LocalizedFontNames } from '@fluentui/theme';
import { mapEnumByName } from '@fluentui/utilities';
import { memoize } from '@fluentui/utilities';
import { memoizeFunction } from '@fluentui/utilities';
import { merge } from '@fluentui/utilities';
import { mergeAriaAttributeValues } from '@fluentui/utilities';
import { mergeCustomizations } from '@fluentui/utilities';
import { mergeScopedSettings } from '@fluentui/utilities';
import { mergeSettings } from '@fluentui/utilities';
import { mergeStyles } from '@fluentui/style-utilities';
import { mergeStyleSets } from '@fluentui/style-utilities';
import { MergeStylesRootProvider } from '@fluentui/utilities';
import { MergeStylesShadowRootProvider } from '@fluentui/utilities';
import { mergeThemes } from '@fluentui/theme';
import { modalize } from '@fluentui/utilities';
import { MonthOfYear } from '@fluentui/date-time-utilities';
import { MotionAnimations } from '@fluentui/theme';
import { MotionDurations } from '@fluentui/theme';
import { MotionTimings } from '@fluentui/theme';
import { NeutralColors } from '@fluentui/theme';
import { normalize } from '@fluentui/style-utilities';
import { noWrap } from '@fluentui/style-utilities';
import { nullRender } from '@fluentui/utilities';
import { olProperties } from '@fluentui/utilities';
import { omit } from '@fluentui/utilities';
import { Omit as Omit_2 } from '@fluentui/utilities';
import { on } from '@fluentui/utilities';
import { optionProperties } from '@fluentui/utilities';
import { PartialTheme } from '@fluentui/theme';
import { Point } from '@fluentui/utilities';
import { portalContainsElement } from '@fluentui/utilities';
import { precisionRound } from '@fluentui/utilities';
import { PulsingBeaconAnimationStyles } from '@fluentui/style-utilities';
import { raiseClick } from '@fluentui/utilities';
import * as React_2 from 'react';
import { Rectangle } from '@fluentui/utilities';
import { RefObject } from '@fluentui/utilities';
import { registerDefaultFontFaces } from '@fluentui/theme';
import { registerIconAlias } from '@fluentui/style-utilities';
import { registerIcons } from '@fluentui/style-utilities';
import { registerOnThemeChangeCallback } from '@fluentui/style-utilities';
import { removeDirectionalKeyCode } from '@fluentui/utilities';
import { removeIndex } from '@fluentui/utilities';
import { removeOnThemeChangeCallback } from '@fluentui/style-utilities';
import { replaceElement } from '@fluentui/utilities';
import { resetControlledWarnings } from '@fluentui/utilities';
import { resetIds } from '@fluentui/utilities';
import { resetMemoizations } from '@fluentui/utilities';
import { safeRequestAnimationFrame } from '@fluentui/utilities';
import { safeSetTimeout } from '@fluentui/utilities';
import { ScreenWidthMaxLarge } from '@fluentui/style-utilities';
import { ScreenWidthMaxMedium } from '@fluentui/style-utilities';
import { ScreenWidthMaxSmall } from '@fluentui/style-utilities';
import { ScreenWidthMaxXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMaxXXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinMedium } from '@fluentui/style-utilities';
import { ScreenWidthMinSmall } from '@fluentui/style-utilities';
import { ScreenWidthMinUhfMobile } from '@fluentui/style-utilities';
import { ScreenWidthMinXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinXXLarge } from '@fluentui/style-utilities';
import { ScreenWidthMinXXXLarge } from '@fluentui/style-utilities';
import { Selection as Selection_2 } from '@fluentui/utilities';
import { SELECTION_CHANGE } from '@fluentui/utilities';
import { SelectionDirection } from '@fluentui/utilities';
import { SelectionMode as SelectionMode_2 } from '@fluentui/utilities';
import { selectProperties } from '@fluentui/utilities';
import { setBaseUrl } from '@fluentui/utilities';
import { setFocusVisibility } from '@fluentui/utilities';
import { setIconOptions } from '@fluentui/style-utilities';
import { setLanguage } from '@fluentui/utilities';
import { setMemoizeWeakMap } from '@fluentui/utilities';
import { setMonth } from '@fluentui/date-time-utilities';
import { setPortalAttribute } from '@fluentui/utilities';
import { setRTL } from '@fluentui/utilities';
import { setSSR } from '@fluentui/utilities';
import { Settings } from '@fluentui/utilities';
import { SettingsFunction } from '@fluentui/utilities';
import { setVirtualParent } from '@fluentui/utilities';
import { setWarningCallback } from '@fluentui/utilities';
import type { ShadowConfig } from '@fluentui/style-utilities';
import { shallowCompare } from '@fluentui/utilities';
import { SharedColors } from '@fluentui/theme';
import { shouldWrapFocus } from '@fluentui/utilities';
import { styled } from '@fluentui/utilities';
import { StyleFunction } from '@fluentui/utilities';
import { Stylesheet } from '@fluentui/style-utilities';
import { tableProperties } from '@fluentui/utilities';
import { Target } from '@fluentui/react-hooks';
import { tdProperties } from '@fluentui/utilities';
import { textAreaProperties } from '@fluentui/utilities';
import { Theme } from '@fluentui/theme';
import { ThemeSettingName } from '@fluentui/style-utilities';
import { thProperties } from '@fluentui/utilities';
import { TimeConstants } from '@fluentui/date-time-utilities';
import { toMatrix } from '@fluentui/utilities';
import { trProperties } from '@fluentui/utilities';
import { unhoistMethods } from '@fluentui/utilities';
import { unregisterIcons } from '@fluentui/style-utilities';
import { useAdoptedStylesheet } from '@fluentui/utilities';
import { useAdoptedStylesheetEx } from '@fluentui/utilities';
import { useCustomizationSettings } from '@fluentui/utilities';
import { useDocument } from '@fluentui/react-window-provider';
import { useFocusRects } from '@fluentui/utilities';
import { useHasMergeStylesShadowRootContext } from '@fluentui/utilities';
import { useMergeStylesHooks } from '@fluentui/utilities';
import { useMergeStylesRootStylesheets } from '@fluentui/utilities';
import { useMergeStylesShadowRootContext } from '@fluentui/utilities';
import { useShadowConfig } from '@fluentui/utilities';
import { useStyled } from '@fluentui/utilities';
import { useWindow } from '@fluentui/react-window-provider';
import { values } from '@fluentui/utilities';
import { videoProperties } from '@fluentui/utilities';
import { warn } from '@fluentui/utilities';
import { warnConditionallyRequiredProps } from '@fluentui/utilities';
import { warnControlledUsage } from '@fluentui/utilities';
import { warnDeprecations } from '@fluentui/utilities';
import { warnMutuallyExclusive } from '@fluentui/utilities';
import { WindowContext } from '@fluentui/react-window-provider';
import { WindowProvider } from '@fluentui/react-window-provider';
import { WindowProviderProps } from '@fluentui/react-window-provider';
import { ZIndexes } from '@fluentui/style-utilities';
// @public (undocumented)
export class ActionButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class ActivityItem extends React_2.Component<IActivityItemProps, {}> {
constructor(props: IActivityItemProps);
// (undocumented)
render(): JSXElement;
}
export { addDays }
export { addDirectionalKeyCode }
export { addElementAtIndex }
export { addMonths }
export { addWeeks }
export { addYears }
// @public
export type Alignment = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch';
export { allowOverscrollOnElement }
export { allowScrollOnElement }
export { anchorProperties }
export { AnimationClassNames }
// @public (undocumented)
export enum AnimationDirection {
Horizontal = 0,
Vertical = 1
}
export { AnimationStyles }
export { AnimationVariables }
// @public (undocumented)
export const Announced: React_2.FunctionComponent<IAnnouncedProps>;
// @public (undocumented)
export class AnnouncedBase extends React_2.Component<IAnnouncedProps> {
// (undocumented)
static defaultProps: Partial<IAnnouncedProps>;
// (undocumented)
render(): JSXElement;
}
export { appendFunction }
export { arraysEqual }
export { asAsync }
export { assertNever }
export { assign }
export { Async }
export { audioProperties }
// @public (undocumented)
export class Autofill extends React_2.Component<IAutofillProps, IAutofillState> implements IAutofill {
constructor(props: IAutofillProps);
// (undocumented)
clear(): void;
// Warning: (ae-forgotten-export) The symbol "ICursorLocation" needs to be exported by the entry point index.d.ts
//
// (undocumented)
componentDidUpdate(_: any, _1: any, cursor: ICursorLocation | null): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
get cursorLocation(): number | null;
// (undocumented)
static defaultProps: {
enableAutofillOnKeyPress: KeyCodes[];
};
// (undocumented)
focus(): void;
// (undocumented)
static getDerivedStateFromProps(props: IAutofillProps, state: IAutofillState): IAutofillState | null;
// (undocumented)
getSnapshotBeforeUpdate(): ICursorLocation | null;
// (undocumented)
get inputElement(): HTMLInputElement | null;
// (undocumented)
get isValueSelected(): boolean;
// (undocumented)
render(): JSXElement;
// (undocumented)
get selectionEnd(): number | null;
// (undocumented)
get selectionStart(): number | null;
// (undocumented)
get value(): string;
}
export { AutoScroll }
// @public (undocumented)
export class BaseButton extends React_2.Component<IBaseButtonProps, IBaseButtonState> implements IButton {
constructor(props: IBaseButtonProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: IFocusRectsContext;
// (undocumented)
static contextType: React_2.Context<IFocusRectsContext | undefined>;
// (undocumented)
static defaultProps: Partial<IBaseButtonProps>;
// (undocumented)
dismissMenu(): void;
// (undocumented)
focus(): void;
// (undocumented)
openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void;
// (undocumented)
render(): JSXElement;
}
export { BaseComponent }
export { baseElementEvents }
export { baseElementProperties }
// @public (undocumented)
export class BaseExtendedPeoplePicker extends BaseExtendedPicker<IPersonaProps, IExtendedPeoplePickerProps> {
}
// @public (undocumented)
export class BaseExtendedPicker<T extends {}, P extends IBaseExtendedPickerProps<T>> extends React_2.Component<P, IBaseExtendedPickerState<T>> implements IBaseExtendedPicker<T> {
constructor(basePickerProps: P);
// (undocumented)
protected canAddItems(): boolean;
// (undocumented)
clearInput(): void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
floatingPicker: React_2.RefObject<BaseFloatingPicker<T, IBaseFloatingPickerProps<T>> | null>;
// (undocumented)
protected get floatingPickerProps(): IBaseFloatingPickerProps<T>;
// (undocumented)
focus(): void;
// (undocumented)
get highlightedItems(): T[];
// (undocumented)
protected input: React_2.RefObject<Autofill | null>;
// (undocumented)
get inputElement(): HTMLInputElement | null;
// (undocumented)
get items(): any;
// (undocumented)
protected onBackspace: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
// (undocumented)
protected onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
// (undocumented)
protected onInputChange: (value: string, composing?: boolean) => void;
// (undocumented)
protected onInputClick: (ev: React_2.MouseEvent<HTMLInputElement | Autofill>) => void;
// (undocumented)
protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
// (undocumented)
protected onPaste: (ev: React_2.ClipboardEvent<Autofill | HTMLInputElement>) => void;
// (undocumented)
protected _onSelectedItemsChanged: () => void;
// (undocumented)
protected onSelectionChange: () => void;
// (undocumented)
protected _onSuggestionSelected: (item: T) => void;
// (undocumented)
render(): JSXElement;
// (undocumented)
protected renderFloatingPicker(): JSXElement;
// (undocumented)
protected renderSelectedItemsList(): JSXElement;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
selectedItemsList: React_2.RefObject<BaseSelectedItemsList<T, IBaseSelectedItemsListProps<T>> | null>;
// (undocumented)
protected get selectedItemsListProps(): IBaseSelectedItemsListProps<T>;
// (undocumented)
protected selection: Selection_2;
}
// @public (undocumented)
export class BaseFloatingPeoplePicker extends BaseFloatingPicker<IPersonaProps, IPeopleFloatingPickerProps> {
}
// @public (undocumented)
export class BaseFloatingPicker<T extends {}, P extends IBaseFloatingPickerProps<T>> extends React_2.Component<P, IBaseFloatingPickerState> implements IBaseFloatingPicker {
constructor(basePickerProps: P);
// (undocumented)
completeSuggestion: () => void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
protected currentPromise: PromiseLike<T[]>;
// (undocumented)
get currentSelectedSuggestionIndex(): number;
// (undocumented)
forceResolveSuggestion(): void;
// (undocumented)
hidePicker: () => void;
// (undocumented)
get inputText(): string;
// (undocumented)
protected isComponentMounted: boolean;
// (undocumented)
get isSuggestionsShown(): boolean;
// (undocumented)
protected onChange(item: T): void;
// (undocumented)
protected onKeyDown: (ev: MouseEvent) => void;
// (undocumented)
onQueryStringChanged: (queryString: string) => void;
// (undocumented)
protected onSelectionChange(): void;
// (undocumented)
protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
// (undocumented)
protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
// (undocumented)
render(): JSXElement;
// (undocumented)
protected renderSuggestions(): JSXElement | null;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
protected selection: Selection;
// (undocumented)
showPicker: (updateValue?: boolean) => void;
// (undocumented)
get suggestions(): any[];
// (undocumented)
protected suggestionsControl: React_2.RefObject<SuggestionsControl<T> | null>;
// (undocumented)
protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps<T>) => SuggestionsControl<T>;
// (undocumented)
protected suggestionStore: SuggestionsStore<T>;
// (undocumented)
updateSuggestions(suggestions: T[], forceUpdate?: boolean): void;
// (undocumented)
protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>): void;
// (undocumented)
protected updateSuggestionWithZeroState(): void;
// (undocumented)
protected updateValue(updatedValue: string): void;
}
// @public (undocumented)
export class BasePeoplePicker extends BasePicker<IPersonaProps, IPeoplePickerProps> {
}
// @public (undocumented)
export class BasePeopleSelectedItemsList extends BaseSelectedItemsList<IExtendedPersonaProps, ISelectedPeopleProps> {
}
// @public (undocumented)
export class BasePicker<T extends {}, P extends IBasePickerProps<T>> extends React_2.Component<P, IBasePickerState<T>> implements IBasePicker<T> {
constructor(basePickerProps: P);
// (undocumented)
protected addItem: (item: T) => void;
// (undocumented)
protected addItemByIndex: (index: number) => void;
// (undocumented)
protected _ariaMap: IPickerAriaIds;
// (undocumented)
protected canAddItems(): boolean;
// (undocumented)
protected completeSelection: (item: T) => void;
// (undocumented)
completeSuggestion(forceComplete?: boolean): void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(oldProps: P, oldState: IBasePickerState<T>): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
protected currentPromise: PromiseLike<any> | undefined;
// (undocumented)
dismissSuggestions: (ev?: any) => void;
// (undocumented)
focus(): void;
// (undocumented)
focusInput(): void;
// (undocumented)
protected getActiveDescendant(): string | undefined;
// (undocumented)
static getDerivedStateFromProps(newProps: IBasePickerProps<any>): IBasePickerState<any> | null;
// (undocumented)
protected _getDescribedBy: (items: T[], hasError: boolean) => string;
// @deprecated (undocumented)
protected getSuggestionsAlert(suggestionAlertClassName?: string): JSXElement | undefined;
// (undocumented)
protected input: React_2.RefObject<IAutofill | null>;
// (undocumented)
get items(): T[];
// (undocumented)
protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
// (undocumented)
protected onBlur: (ev: React_2.FocusEvent<HTMLElement | Autofill>) => void;
// (undocumented)
protected onChange(items?: T[]): void;
protected onClick: (ev: React_2.MouseEvent<HTMLInputElement>) => void;
protected onEmptyInputFocus(): void;
// (undocumented)
protected onFocus: () => void;
// (undocumented)
protected onGetMoreResults: () => void;
// (undocumented)
protected onInputBlur: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
// (undocumented)
protected onInputChange: (value: string) => void;
// (undocumented)
protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
// (undocumented)
protected onItemChange: (changedItem: T, index: number) => void;
// (undocumented)
protected onKeyDown: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
// (undocumented)
protected onSelectionChange(): void;
// (undocumented)
protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: any, index: number) => void;
// (undocumented)
protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
// (undocumented)
protected onSuggestionSelect(): void;
protected onWrapperClick: (ev: React_2.MouseEvent<HTMLInputElement>) => void;
// (undocumented)
refocusSuggestions: (keyCode: KeyCodes) => void;
// (undocumented)
protected removeItem: (item: T) => void;
// (undocumented)
protected removeItems: (itemsToRemove: any[]) => void;
// (undocumented)
render(): JSXElement;
// (undocumented)
protected renderCustomAlert(alertClassName?: string): JSXElement;
// (undocumented)
protected renderError(className?: string): JSXElement | null;
// (undocumented)
protected renderItems(): JSXElement[];
// (undocumented)
protected renderLabel(inputId: string, styles: IStyleFunctionOrObject<ILabelStyleProps, ILabelStyles> | undefined): JSXElement | null;
// (undocumented)
protected renderSuggestions(styles: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles> | undefined): JSXElement | null;
// (undocumented)
protected resetFocus(index?: number): void;
// (undocumented)
protected resolveNewValue(updatedValue: string, suggestions: T[]): void;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
protected selection: Selection_2;
// @deprecated (undocumented)
protected _shouldFocusZoneEnterInnerZone: (ev: React_2.KeyboardEvent<HTMLElement>) => boolean;
// (undocumented)
protected suggestionElement: React_2.RefObject<ISuggestions<T> | null>;
// @deprecated (undocumented)
protected SuggestionOfProperType: new (props: ISuggestionsProps<T>) => Suggestions<T>;
// (undocumented)
protected suggestionStore: SuggestionsController<T>;
// (undocumented)
protected updateSuggestions(suggestions: any[]): void;
// (undocumented)
protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>, updatedValue?: string): void;
// (undocumented)
protected updateValue(updatedValue: string): void;
}
// @public (undocumented)
export class BasePickerListBelow<T extends {}, P extends IBasePickerProps<T>> extends BasePicker<T, P> {
// (undocumented)
protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class BaseSelectedItemsList<T extends {}, P extends IBaseSelectedItemsListProps<T>> extends React_2.Component<P, IBaseSelectedItemsListState<T>> implements IBaseSelectedItemsList<T> {
constructor(basePickerProps: P);
// (undocumented)
addItems: (items: T[]) => void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(oldProps: P, oldState: IBaseSelectedItemsListState<IObjectWithKey>): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
protected copyItems(items: T[]): void;
// (undocumented)
static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps<any>): IBaseSelectedItemsListState<any> | null;
// (undocumented)
hasSelectedItems(): boolean;
// (undocumented)
highlightedItems(): T[];
// (undocumented)
get items(): T[];
// (undocumented)
protected onChange(items?: T[]): void;
// (undocumented)
onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
// (undocumented)
protected onItemChange: (changedItem: T, index: number) => void;
// (undocumented)
protected onSelectionChanged: () => void;
// (undocumented)
removeItem: (item: T) => void;
// (undocumented)
removeItemAt: (index: number) => void;
// (undocumented)
removeItems: (itemsToRemove: any[]) => void;
// (undocumented)
removeSelectedItems(): void;
// (undocumented)
render(): any;
// (undocumented)
protected renderItems: () => JSXElement[];
// (undocumented)
replaceItem: (itemToReplace: T, itemsToReplaceWith: T[]) => void;
// (undocumented)
protected root: HTMLElement;
// (undocumented)
protected get selection(): Selection_2;
// (undocumented)
unselectAll(): void;
updateItems(items: T[], focusIndex?: number): void;
}
// @public (undocumented)
export enum BaseSlots {
// (undocumented)
backgroundColor = 1,
// (undocumented)
foregroundColor = 2,
// (undocumented)
primaryColor = 0
}
// @public (undocumented)
export const Breadcrumb: React_2.FunctionComponent<IBreadcrumbProps>;
// @public (undocumented)
export class BreadcrumbBase extends React_2.Component<IBreadcrumbProps, any> {
constructor(props: IBreadcrumbProps);
// (undocumented)
static defaultProps: IBreadcrumbProps;
focus(): void;
// (undocumented)
render(): JSXElement;
}
export { buildClassMap }
// @public (undocumented)
export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean, columnActionsMode?: ColumnActionsMode): IColumn[];
// @public
export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap;
// @public @deprecated
export class Button extends React_2.Component<IButtonProps, {}> {
constructor(props: IButtonProps);
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const ButtonGlobalClassNames: {
msButton: string;
msButtonHasMenu: string;
msButtonIcon: string;
msButtonMenuIcon: string;
msButtonLabel: string;
msButtonDescription: string;
msButtonScreenReaderText: string;
msButtonFlexContainer: string;
msButtonTextContainer: string;
};
// @public (undocumented)
export const ButtonGrid: React_2.FunctionComponent<IButtonGridProps>;
// @public (undocumented)
export const ButtonGridCell: <T, P extends IButtonGridCellProps<T>>(props: IButtonGridCellProps<T>) => JSXElement;
export { buttonProperties }
// @public (undocumented)
export enum ButtonType {
// (undocumented)
command = 4,
// (undocumented)
compound = 3,
// (undocumented)
default = 6,
// (undocumented)
hero = 2,
// (undocumented)
icon = 5,
// (undocumented)
normal = 0,
// (undocumented)
primary = 1
}
export { calculatePrecision }
// @public (undocumented)
export const Calendar: React_2.FunctionComponent<ICalendarProps>;
// @public (undocumented)
export const Callout: React_2.FunctionComponent<ICalloutProps>;
// @public (undocumented)
export const CalloutContent: React_2.FunctionComponent<ICalloutProps>;
// @public (undocumented)
export const CalloutContentBase: React_2.FunctionComponent<ICalloutProps>;
// @public
export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean;
export { canUseDOM }
// @public (undocumented)
export const Check: React_2.FunctionComponent<ICheckProps>;
// @public (undocumented)
export const CHECK_CELL_WIDTH = 48;
// @public (undocumented)
export const CheckBase: React_2.FunctionComponent<ICheckProps>;
// @public (undocumented)
export const Checkbox: React_2.FunctionComponent<ICheckboxProps>;
// @public (undocumented)
export const CheckboxBase: React_2.FunctionComponent<ICheckboxProps>;
// @public (undocumented)
export enum CheckboxVisibility {
always = 1,
hidden = 2,
onHover = 0
}
// @public (undocumented)
export const ChoiceGroup: React_2.FunctionComponent<IChoiceGroupProps>;
// @public (undocumented)
export const ChoiceGroupBase: React_2.FunctionComponent<IChoiceGroupProps>;
// @public (undocumented)
export const ChoiceGroupOption: React_2.FunctionComponent<IChoiceGroupOptionProps>;
// @public
export function clamp(value: number, max: number, min?: number): number;
export { classNamesFunction }
// @public
export function cleanupDefaultLayerHost(doc: Document, shadowRoot?: ShadowRoot | null): void;
// @public (undocumented)
export const Coachmark: React_2.FunctionComponent<ICoachmarkProps>;
// @public (undocumented)
export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid";
// @public (undocumented)
export const CoachmarkBase: React_2.FunctionComponent<ICoachmarkProps>;
export { colGroupProperties }
// @public (undocumented)
export enum CollapseAllVisibility {
// (undocumented)
hidden = 0,
// (undocumented)
visible = 1
}
export { ColorClassNames }
// @public (undocumented)
export const ColorPicker: React_2.FunctionComponent<IColorPickerProps>;
// @public (undocumented)
export class ColorPickerBase extends React_2.Component<IColorPickerProps, IColorPickerState> implements IColorPicker {
constructor(props: IColorPickerProps);
// (undocumented)
get color(): IColor;
// (undocumented)
componentDidUpdate(prevProps: Readonly<IColorPickerProps>, prevState: Readonly<IColorPickerState>): void;
// (undocumented)
static defaultProps: Partial<IColorPickerProps>;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const ColorPickerGridCell: React_2.FunctionComponent<IColorPickerGridCellProps>;
// @public (undocumented)
export const ColorPickerGridCellBase: React_2.FunctionComponent<IColorPickerGridCellProps>;
export { colProperties }
// @public
export enum ColumnActionsMode {
clickable = 1,
disabled = 0,
hasDropdown = 2
}
// @public
export enum ColumnDragEndLocation {
header = 2,
outside = 0,
surface = 1
}
// @public (undocumented)
export const ComboBox: React_2.FunctionComponent<IComboBoxProps>;
// @public (undocumented)
export const CommandBar: React_2.FunctionComponent<ICommandBarProps>;
// @public (undocumented)
export class CommandBarBase extends React_2.Component<ICommandBarProps, {}> implements ICommandBar {
constructor(props: ICommandBarProps);
// (undocumented)
static defaultProps: ICommandBarProps;
// (undocumented)
focus(): void;
// (undocumented)
remeasure(): void;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class CommandBarButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const CommandButton: typeof ActionButton;
export { CommunicationColors }
// @public (undocumented)
export const CompactPeoplePicker: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IPeoplePickerProps>>>;
// @public
export class CompactPeoplePickerBase extends BasePeoplePicker {
static defaultProps: {
onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSXElement;
onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSXElement;
createGenericItem: typeof createGenericItem;
};
}
export { compareDatePart }
export { compareDates }
export { ComponentsStyles }
export { ComponentStyles }
export { composeComponentAs }
export { composeRenderFunction }
// @public (undocumented)
export class CompoundButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
export { concatStyleSets }
export { concatStyleSetsWithProps }
// @public (undocumented)
export enum ConstrainMode {
horizontalConstrained = 1,
unconstrained = 0
}
// @public
export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void;
// @public
export const ContextualMenu: React_2.FunctionComponent<IContextualMenuProps>;
// @public (undocumented)
export const ContextualMenuBase: React_2.FunctionComponent<IContextualMenuProps>;
// @public
export const ContextualMenuItem: React_2.FunctionComponent<IContextualMenuItemProps>;
// @public (undocumented)
export class ContextualMenuItemBase extends React_2.Component<IContextualMenuItemProps, {}> {
constructor(props: IContextualMenuItemProps);
// (undocumented)
dismissMenu: (dismissAll?: boolean) => void;
// (undocumented)
dismissSubMenu: () => void;
// (undocumented)
openSubMenu: () => void;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum ContextualMenuItemType {
// (undocumented)
Divider = 1,
// (undocumented)
Header = 2,
// (undocumented)
Normal = 0,
// (undocumented)
Section = 3
}
// @public
export function correctHex(hex: string): string;
// @public
export function correctHSV(color: IHSV): IHSV;
// @public
export function correctRGB(color: IRGB): IRGB;
export { createArray }
// @public
export function createDefaultLayerHost(doc: Document, shadowRoot?: ShadowRoot | null): Node | null;
export { createFontStyles }
// @public (undocumented)
export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & {
key: React_2.Key;
};
// @public (undocumented)
export function createItem(name: string, isValid: boolean): ISuggestionModel<IPersonaProps>;
export { createMemoizer }
export { createMergedRef }
export { createTheme }
export { css }
// @public
export function cssColor(color?: string, doc?: Document): IRGB | undefined;
export { customizable }
export { Customizations }
export { Customizer }
export { CustomizerContext }
export { DATA_IS_SCROLLABLE_ATTRIBUTE }
export { DATA_PORTAL_ATTRIBUTE }
// @public (undocumented)
export const DATAKTP_ARIA_TARGET = "data-ktp-aria-target";
// @public (undocumented)
export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target";
// @public (undocumented)
export const DATAKTP_TARGET = "data-ktp-target";
// @public (undocumented)
export const DatePicker: React_2.FunctionComponent<IDatePickerProps>;
// @public (undocumented)
export const DatePickerBase: React_2.FunctionComponent<IDatePickerProps>;
export { DateRangeType }
export { DayOfWeek }
export { DAYS_IN_WEEK }
// @public (undocumented)
export const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps;
// @public (undocumented)
export const DEFAULT_MASK_CHAR = "_";
// @public (undocumented)
export const DEFAULT_ROW_HEIGHTS: {
rowHeight: number;
compactRowHeight: number;
};
// @public (undocumented)
export class DefaultButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const defaultCalendarNavigationIcons: ICalendarNavigationIcons;
// @public (undocumented)
export const defaultCalendarStrings: ICalendarStrings;
// @public (undocumented)
export const defaultDatePickerStrings: IDatePickerStrings;
// @public @deprecated (undocumented)
export const defaultDayPickerStrings: ICalendarStrings;
export { DefaultEffects }
export { DefaultFontStyles }
export { DefaultPalette }
export { DefaultSpacing }
// @public (undocumented)
export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIcons;
// @public (undocumented)
export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings;
export { DelayedRender }
export { Depths }
// @public (undocumented)
export const DetailsColumn: React_2.FunctionComponent<IDetailsColumnProps>;
// @public
export class DetailsColumnBase extends React_2.Component<IDetailsColumnProps> {
constructor(props: IDetailsColumnProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const DetailsHeader: React_2.FunctionComponent<IDetailsHeaderBaseProps>;
// @public (undocumented)
export class DetailsHeaderBase extends React_2.Component<IDetailsHeaderBaseProps, IDetailsHeaderState> implements IDetailsHeader {
constructor(props: IDetailsHeaderBaseProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: IDetailsHeaderBaseProps): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
static defaultProps: {
selectAllVisibility: SelectAllVisibility;
collapseAllVisibility: CollapseAllVisibility;
useFastIcons: boolean;
};
focus(): boolean;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const DetailsList: React_2.FunctionComponent<IDetailsListProps>;
// @public (undocumented)
export class DetailsListBase extends React_2.Component<IDetailsListProps, IDetailsListState> implements IDetailsList {
constructor(props: IDetailsListProps);
// (undocumented)
componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: {
layoutMode: DetailsListLayoutMode;
selectionMode: SelectionMode_2;
constrainMode: ConstrainMode;
checkboxVisibility: CheckboxVisibility;
isHeaderVisible: boolean;
compact: boolean;
useFastIcons: boolean;
};
// (undocumented)
focusIndex(index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
// (undocumented)
forceUpdate(): void;
// (undocumented)
static getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState;
// (undocumented)
getStartItemIndexInView(): number;
// (undocumented)
protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps>) => JSXElement;
// (undocumented)
render(): JSXElement;
// (undocumented)
scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
// (undocumented)
updateColumn(column: IColumn, options: {
width?: number;
newColumnIndex?: number;
}): void;
}
// @public (undocumented)
export enum DetailsListLayoutMode {
fixedColumns = 0,
justified = 1
}
// @public (undocumented)
export const DetailsRow: React_2.FunctionComponent<IDetailsRowBaseProps>;
// @public (undocumented)
export class DetailsRowBase extends React_2.Component<IDetailsRowBaseProps, IDetailsRowState> {
constructor(props: IDetailsRowBaseProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(previousProps: IDetailsRowBaseProps): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
focus(forceIntoFirstElement?: boolean): boolean;
// (undocumented)
static getDerivedStateFromProps(nextProps: IDetailsRowBaseProps, previousState: IDetailsRowState): IDetailsRowState;
measureCell(index: number, onMeasureDone: (width: number) => void): void;
// (undocumented)
protected _onRenderCheck(props: IDetailsRowCheckProps): JSXElement;
// (undocumented)
render(): JSXElement;
// (undocumented)
shouldComponentUpdate(nextProps: IDetailsRowBaseProps, nextState: IDetailsRowState): boolean;
}
// @public (undocumented)
export const DetailsRowCheck: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IDetailsRowCheckProps>>>;
// @public
export const DetailsRowFields: React_2.FunctionComponent<IDetailsRowFieldsProps>;
// @public (undocumented)
export const DetailsRowGlobalClassNames: {
root: string;
compact: string;
cell: string;
cellAnimation: string;
cellCheck: string;
check: string;
cellMeasurer: string;
listCellFirstChild: string;
isContentUnselectable: string;
isSelected: string;
isCheckVisible: string;
isRowHeader: string;
fields: string;
};
// @public (undocumented)
export const Dialog: React_2.FunctionComponent<IDialogProps>;
// @public (undocumented)
export class DialogBase extends React_2.Component<IDialogProps, {}> {
constructor(props: IDialogProps);
// (undocumented)
static defaultProps: IDialogProps;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const DialogContent: React_2.FunctionComponent<IDialogContentProps>;
// @public (undocumented)
export class DialogContentBase extends React_2.Component<IDialogContentProps, {}> {
constructor(props: IDialogContentProps);
// (undocumented)
static defaultProps: IDialogContentProps;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export const DialogFooter: React_2.FunctionComponent<IDialogFooterProps>;
// @public (undocumented)
export class DialogFooterBase extends React_2.Component<IDialogFooterProps, {}> {
constructor(props: IDialogFooterProps);
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum DialogType {
close = 2,
largeHeader = 1,
normal = 0
}
// @public (undocumented)
export const DirectionalHint: {
topLeftEdge: 0;
topCenter: 1;
topRightEdge: 2;
topAutoEdge: 3;
bottomLeftEdge: 4;
bottomCenter: 5;
bottomRightEdge: 6;
bottomAutoEdge: 7;
leftTopEdge: 8;
leftCenter: 9;
leftBottomEdge: 10;
rightTopEdge: 11;
rightCenter: 12;
rightBottomEdge: 13;
};
// @public (undocumented)
export type DirectionalHint = (typeof DirectionalHint)[keyof typeof DirectionalHint];
export { disableBodyScroll }
export { divProperties }
// @public (undocumented)
export const DocumentCard: React_2.FunctionComponent<IDocumentCardProps>;
// @public (undocumented)
export const DocumentCardActions: React_2.FunctionComponent<IDocumentCardActionsProps>;
// @public (undocumented)
export const DocumentCardActivity: React_2.FunctionComponent<IDocumentCardActivityProps>;
// @public (undocumented)
export const DocumentCardDetails: React_2.FunctionComponent<IDocumentCardDetailsProps>;
// @public (undocumented)
export const DocumentCardImage: React_2.FunctionComponent<IDocumentCardImageProps>;
// @public (undocumented)
export const DocumentCardLocation: React_2.FunctionComponent<IDocumentCardLocationProps>;
// @public (undocumented)
export const DocumentCardLogo: React_2.FunctionComponent<IDocumentCardLogoProps>;
// @public (undocumented)
export const DocumentCardPreview: React_2.FunctionComponent<IDocumentCardPreviewProps>;
// @public (undocumented)
export const DocumentCardStatus: React_2.FunctionComponent<IDocumentCardStatusProps>;
// @public (undocumented)
export const DocumentCardTitle: React_2.FunctionComponent<IDocumentCardTitleProps>;
// @public (undocumented)
export enum DocumentCardType {
compact = 1,
normal = 0
}
export { doesElementContainFocus }
// @public (undocumented)
export class DragDropHelper implements IDragDropHelper {
constructor(params: IDragDropHelperParams);
// (undocumented)
dispose(): void;
// (undocumented)
subscribe(root: HTMLElement, events: EventGroup, dragDropOptions: IDragDropOptions): {
key: string;
dispose(): void;
};
// (undocumented)
unsubscribe(root: HTMLElement, key: string): void;
}
// @public (undocumented)
export const Dropdown: React_2.FunctionComponent<IDropdownProps>;
// @public (undocumented)
export const DropdownBase: React_2.FunctionComponent<IDropdownProps>;
export { EdgeChromiumHighContrastSelector }
export { elementContains }
export { elementContainsAttribute }
// @public (undocumented)
export enum ElementType {
anchor = 1,
button = 0
}
export { enableBodyScroll }
export { EventGroup }
// @public (undocumented)
export const ExpandingCard: React_2.FunctionComponent<IExpandingCardProps>;
// @public (undocumented)
export class ExpandingCardBase extends React_2.Component<IExpandingCardProps, IExpandingCardState> {
constructor(props: IExpandingCardProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
static defaultProps: {
compactCardHeight: number;
expandedCardHeight: number;
directionalHintFixed: boolean;
};
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum ExpandingCardMode {
compact = 0,
expanded = 1
}
export { extendComponent }
// @public (undocumented)
export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker {
}
// @public (undocumented)
export class ExtendedSelectedItem extends React_2.Component<ISelectedPeopleItemProps, IPeoplePickerItemState> {
constructor(props: ISelectedPeopleItemProps);
// (undocumented)
protected persona: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
render(): JSXElement;
}
// @public @deprecated (undocumented)
export const Fabric: React_2.FunctionComponent<IFabricProps>;
// @public (undocumented)
export const FabricBase: React_2.FunctionComponent<IFabricProps>;
export { FabricPerformance }
// @public (undocumented)
export enum FabricSlots {
// (undocumented)
black = 21,// BaseSlots.primaryColor, Shade[Shade.Unshaded]);
// (undocumented)
neutralDark = 20,// BaseSlots.primaryColor, Shade[Shade.Shade1]);
// (undocumented)
neutralLight = 11,// BaseSlots.primaryColor, Shade[Shade.Shade2]);
// (undocumented)
neutralLighter = 10,// BaseSlots.primaryColor, Shade[Shade.Shade3]);
// (undocumented)
neutralLighterAlt = 9,// BaseSlots.primaryColor, Shade[Shade.Shade4]);
// (undocumented)
neutralPrimary = 19,// BaseSlots.primaryColor, Shade[Shade.Shade5]);
// (undocumented)
neutralPrimaryAlt = 18,// BaseSlots.primaryColor, Shade[Shade.Shade6]);
// (undocumented)
neutralQuaternary = 13,// BaseSlots.primaryColor, Shade[Shade.Shade7]);
// (undocumented)
neutralQuaternaryAlt = 12,// BaseSlots.primaryColor, Shade[Shade.Shade8]);
// (undocumented)
neutralSecondary = 17,// BaseSlots.backgroundColor, Shade[Shade.Shade1]);
// (undocumented)
neutralSecondaryAlt = 16,// BaseSlots.backgroundColor, Shade[Shade.Shade2]);
// (undocumented)
neutralTertiary = 15,// BaseSlots.backgroundColor, Shade[Shade.Shade3]);
// (undocumented)
neutralTertiaryAlt = 14,// BaseSlots.backgroundColor, Shade[Shade.Shade4]);
// (undocumented)
themeDark = 7,// BaseSlots.backgroundColor, Shade[Shade.Shade5]);
// (undocumented)
themeDarkAlt = 6,// BaseSlots.backgroundColor, Shade[Shade.Shade6]); // bg6 or fg2
// (undocumented)
themeDarker = 8,// BaseSlots.foregroundColor, Shade[Shade.Shade3]);
// (undocumented)
themeLight = 3,// BaseSlots.foregroundColor, Shade[Shade.Shade4]);
// (undocumented)
themeLighter = 2,// BaseSlots.foregroundColor, Shade[Shade.Shade5]);
// (undocumented)
themeLighterAlt = 1,// BaseSlots.foregroundColor, Shade[Shade.Shade6]);
// (undocumented)
themePrimary = 0,// BaseSlots.foregroundColor, Shade[Shade.Unshaded]);
// (undocumented)
themeSecondary = 5,// BaseSlots.foregroundColor, Shade[Shade.Shade7]);
// (undocumented)
themeTertiary = 4,// BaseSlots.foregroundColor, Shade[Shade.Shade8]);
// (undocumented)
white = 22
}
// @public
export const Facepile: React_2.FunctionComponent<IFacepileProps>;
// @public
export class FacepileBase extends React_2.Component<IFacepileProps, {}> {
constructor(props: IFacepileProps);
// (undocumented)
static defaultProps: IFacepileProps;
// (undocumented)
protected onRenderAriaDescription(): JSXElement | undefined;
// (undocumented)
render(): JSXElement;
}
export { filteredAssign }
export { find }
export { findElementRecursive }
export { findIndex }
export { findScrollableParent }
export { FirstWeekOfYear }
export { fitContentToBounds }
export { FitMode }
export { flatten }
// @public (undocumented)
export class FloatingPeoplePicker extends BaseFloatingPeoplePicker {
// (undocumented)
static defaultProps: any;
}
export { FluentTheme }
export { focusAsync }
export { focusClear }
export { focusFirstChild }
export { FocusRects }
export { FocusRectsContext }
export { FocusRectsProvider }
// @public
export const FocusTrapCallout: React_2.FunctionComponent<IFocusTrapCalloutProps>;
// @public (undocumented)
export const FocusTrapZone: React_2.FunctionComponent<IFocusTrapZoneProps> & {
focusStack?: string[];
};
export { FocusZone }
export { FocusZoneDirection }
export { FocusZoneTabbableElements }
export { FontClassNames }
export { fontFace }
// @public
export const FontIcon: React_2.FunctionComponent<IFontIconProps>;
export { FontSizes }
export { FontWeights }
export { format }
export { formProperties }
// @public (undocumented)
export const getActivityItemClassNames: (styles: IActivityItemStyles, className: string, activityPersonas: Array<IPersonaProps>, isCompact: boolean) => IActivityItemClassNames;
// @public (undocumented)
export const getActivityItemStyles: (theme?: ITheme, customStyles?: IActivityItemStyles, animateBeaconSignal?: IActivityItemProps["animateBeaconSignal"], beaconColorOne?: IActivityItemProps["beaconColorOne"], beaconColorTwo?: IActivityItemProps["beaconColorTwo"], isCompact?: IActivityItemProps["isCompact"]) => IActivityItemStyles;
// @public (undocumented)
export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[];
// @public
export function getAriaDescribedBy(keySequences: string[]): string;
// @public (undocumented)
export function getBackgroundShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;
// @public (undocumented)
export function getBasePickerStyles(props: IBasePickerStyleProps): IBasePickerStyles;
// @public (undocumented)
export function getBoundsFromTargetWindow(target: Element | MouseEvent | Point | Rectangle | null, targetWindow: IWindowWithSegments): IRectangle;
// @public (undocumented)
export const getCellStyles: (props: {
theme: ITheme;
cellStyleProps?: ICellStyleProps;
}) => IStyle;
export { getChildren }
// @public
export function getColorFromHSV(hsv: IHSV, a?: number): IColor;
// @public
export function getColorFromRGBA(rgba: IRGB): IColor;
// @public
export function getColorFromString(inputColor: string, doc?: Document): IColor | undefined;
// @public (undocumented)
export const getCommandBarStyles: (props: ICommandBarStyleProps) => ICommandBarStyles;
// @public (undocumented)
export const getCommandButtonStyles: (customStyles: IButtonStyles | undefined) => IButtonStyles;
// Warning: (ae-internal-missing-underscore) The name "getContextualMenuItemClassNames" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal @deprecated (undocumented)
export const getContextualMenuItemClassNames: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean, className?: string) => IContextualMenuItemStyles;
// @public
export const getContextualMenuItemStyles: (props: IContextualMenuItemStyleProps) => IContextualMenuItemStyles;
// @public (undocumented)
export function getContrastRatio(color1: IColor, color2: IColor): number;
export { getDatePartHashValue }
export { getDateRangeArray }
// @public (undocumented)
export const getDetailsColumnStyles: (props: IDetailsColumnStyleProps) => IDetailsColumnStyles;
// @public (undocumented)
export const getDetailsHeaderStyles: (props: IDetailsHeaderStyleProps) => IDetailsHeaderStyles;
// @public (undocumented)
export const getDetailsListStyles: (props: IDetailsListStyleProps) => IDetailsListStyles;
// @public (undocumented)
export const getDetailsRowCheckStyles: (props: IDetailsRowCheckStyleProps) => IDetailsRowCheckStyles;
// @public (undocumented)
export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles;
export { getDistanceBetweenPoints }
export { getDocument }
export { getEdgeChromiumNoHighContrastAdjustSelector }
export { getElementIndexPath }
export { getEndDateOfWeek }
export { getFadedOverflowStyle }
export { getFirstFocusable }
export { getFirstTabbable }
export { getFirstVisibleElementFromSelector }
export { getFocusableByIndexPath }
export { getFocusOutlineStyle }
export { getFocusStyle }
// @public
export const getFontIcon: (iconName: string, className?: string, ariaLabel?: string) => React_2.ReactNode;
// @public
export function getFullColorString(color: IColor): string;
export { getGlobalClassNames }
// @public
export const GetGroupCount: (groups: IGroup[] | undefined) => number;
export { getHighContrastNoAdjustStyle }
export { getIcon }
export { getIconClassName }
// @public (undocumented)
export const getIconContent: (iconName?: string) => IIconContent | null;
export { getId }
// @public (undocumented)
export function getInitialResponsiveMode(): ResponsiveMode;
export { getInitials }
export { getInputFocusStyle }
export { getLanguage }
export { getLastFocusable }
export { getLastTabbable }
// @public
export function getLayerCount(hostId: string): number;
// @public
export function getLayerHost(hostId: string): ILayerHost | undefined;
// @public
export function getLayerHostSelector(): string | undefined;
// @public (undocumented)
export const getLayerStyles: (props: ILayerStyleProps) => ILayerStyles;
// @public
export function getMaxHeight(target: Element | MouseEvent | Point | Rectangle, targetEdge: DirectionalHint, gapSpace?: number, bounds?: IRectangle, coverTarget?: boolean, win?: Window): number;
// @public
export const getMeasurementCache: () => {
getCachedMeasurement: (data: any) => number | undefined;
addMeasurementToCache: (data: any, measurement: number) => void;
};
// @public (undocumented)
export const getMenuItemStyles: (theme: ITheme) => IMenuItemStyles;
export { getMonthEnd }
export { getMonthStart }
export { getNativeElementProps }
export { getNativeProps }
export { getNextElement }
// @public
export const getNextResizeGroupStateProvider: (measurementCache?: {
getCachedMeasurement: (data: any) => number | undefined;
addMeasurementToCache: (data: any, measurement: number) => void;
}) => {
getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number) => IResizeGroupState | undefined;
shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean;
getInitialResizeGroupState: (data: any) => IResizeGroupState;
};
// @public
export function getOppositeEdge(edge: RectangleEdge): RectangleEdge;
export { getParent }
// @public (undocumented)
export function getPeoplePickerItemStyles(props: IPeoplePickerItemSelectedStyleProps): IPeoplePickerItemSelectedStyles;
// @public (undocumented)
export function getPeoplePickerItemSuggestionStyles(props: IPeoplePickerItemSuggestionStyleProps): IPeoplePickerItemSuggestionStyles;
// @public
export function getPersonaInitialsColor(props: Pick<IPersonaProps, 'primaryText' | 'text' | 'initialsColor'>): string;
export { getPlaceholderStyles }
export { getPreviousElement }
export { getPropsWithDefaults }
export { getRect }
export { getResourceUrl }
// @public
export function getResponsiveMode(currentWindow: Window | undefined): ResponsiveMode;
export { getRTL }
export { getRTLSafeKeyCode }
export { getScreenSelector }
export { getScrollbarWidth }
// @public
export function getShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;
// @public (undocumented)
export const getShimmeredDetailsListStyles: (props: IShimmeredDetailsListStyleProps) => IShimmeredDetailsListStyles;
// @public (undocumented)
export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean) => ISplitButtonClassNames;
export { getStartDateOfWeek }
// @public (undocumented)
export function getSubmenuItems(item: IContextualMenuItem, options?: {
target?: Target;
}): IContextualMenuItem[] | undefined;
// @public (undocumented)
export function getSuggestionsItemStyles(props: ISuggestionsItemStyleProps): ISuggestionsItemStyles;
// @public (undocumented)
export function getSuggestionsStyles(props: ISuggestionsStyleProps): ISuggestionsStyles;
// @public (undocumented)
export function getTagItemStyles(props: ITagItemStyleProps): ITagItemStyles;
// @public (undocumented)
export function getTagItemSuggestionStyles(props: ITagItemSuggestionStyleProps): ITagItemSuggestionStyles;
// @public (undocumented)
export function getTextFieldStyles(props: ITextFieldStyleProps): ITextFieldStyles;
export { getTheme }
export { getThemedContext }
export { getVirtualParent }
export { getWeekNumber }
export { getWeekNumbersInMonth }
export { getWindow }
export { getYearEnd }
export { getYearStart }
export { GlobalClassNames }
export { GlobalSettings }
// @public (undocumented)
export const GroupedList: React_2.FunctionComponent<IGroupedListProps>;
// @public (undocumented)
export class GroupedListBase extends React_2.Component<IGroupedListProps, IGroupedListState> implements IGroupedList {
constructor(props: IGroupedListProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
static defaultProps: {
selectionMode: SelectionMode_2;
isHeaderVisible: boolean;
groupProps: {};
compact: boolean;
};
// (undocumented)
forceUpdate(): void;
// (undocumented)
static getDerivedStateFromProps(nextProps: IGroupedListProps, previousState: IGroupedListState): IGroupedListState;
// (undocumented)
getStartItemIndexInView(): number;
// (undocumented)
render(): JSXElement;
// (undocumented)
scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
// (undocumented)
toggleCollapseAll(allCollapsed: boolean): void;
}
// @public (undocumented)
export class GroupedListSection extends React_2.Component<IGroupedListSectionProps, IGroupedListSectionState> {
constructor(props: IGroupedListSectionProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(previousProps: IGroupedListSectionProps): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
forceListUpdate(): void;
// (undocumented)
forceUpdate(): void;
// (undocumented)
render(): JSXElement;
}
// @public
export const GroupedListV2_unstable: React_2.FunctionComponent<IGroupedListV2Props>;
// @public (undocumented)
export const GroupFooter: React_2.FunctionComponent<IGroupFooterProps>;
// @public (undocumented)
export const GroupHeader: React_2.FunctionComponent<IGroupHeaderProps>;
// @public (undocumented)
export const GroupShowAll: React_2.FunctionComponent<IGroupShowAllProps>;
// @public (undocumented)
export const GroupSpacer: React_2.FunctionComponent<IGroupSpacerProps>;
export { hasHorizontalOverflow }
export { hasOverflow }
export { hasVerticalOverflow }
// @public (undocumented)
export const HEADER_HEIGHT = 42;
// @public
export const HEX_REGEX: RegExp;
export { hiddenContentStyle }
export { HighContrastSelector }
export { HighContrastSelectorBlack }
export { HighContrastSelectorWhite }
export { hoistMethods }
export { hoistStatics }
// @public (undocumented)
export const HoverCard: React_2.FunctionComponent<IHoverCardProps>;
// @public (undocumented)
export class HoverCardBase extends React_2.Component<IHoverCardProps, IHoverCardState> implements IHoverCard {
constructor(props: IHoverCardProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: IHoverCardProps, prevState: IHoverCardState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
static defaultProps: {
cardOpenDelay: number;
cardDismissDelay: number;
expandedCardOpenDelay: number;
instantOpenOnClick: boolean;
setInitialFocus: boolean;
openHotKey: KeyCodes;
type: HoverCardType;
};
// (undocumented)
dismiss: (withTimeOut?: boolean) => void;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum HoverCardType {
expanding = "ExpandingCard",
plain = "PlainCard"
}
// @public
export function hsl2hsv(h: number, s: number, l: number): IHSV;
// @public
export function hsl2rgb(h: number, s: number, l: number): IRGB;
// @public
export function hsv2hex(h: number, s: number, v: number): string;
// @public
export function hsv2hsl(h: number, s: number, v: number): IHSL;
// @public
export function hsv2rgb(h: number, s: number, v: number): IRGB;
export { htmlElementProperties }
// @public (undocumented)
export interface IAccessiblePopupProps {
closeButtonAriaLabel?: string;
disableRestoreFocus?: boolean;
elementToFocusOnDismiss?: HTMLElement;
firstFocusableSelector?: string | (() => string);
forceFocusInsideTrap?: boolean;
// @deprecated (undocumented)
ignoreExternalFocusing?: boolean;
isClickableOutsideFocusTrap?: boolean;
}
// @public (undocumented)
export interface IActivityItemClassNames {
// (undocumented)
activityContent?: string;
// (undocumented)
activityPersona?: string;
// (undocumented)
activityText?: string;
// (undocumented)
activityTypeIcon?: string;
// (undocumented)
commentText?: string;
// (undocumented)
personaContainer?: string;
// (undocumented)
pulsingBeacon?: string;
// (undocumented)
root?: string;
// (undocumented)
timeStamp?: string;
}
// @public (undocumented)
export interface IActivityItemProps extends React_2.AllHTMLAttributes<HTMLElement> {
activityDescription?: React_2.ReactNode[] | React_2.ReactNode;
// @deprecated
activityDescriptionText?: string;
activityIcon?: React_2.ReactNode;
activityPersonas?: IPersonaSharedProps[];
animateBeaconSignal?: boolean;
beaconColorOne?: string;
beaconColorTwo?: string;
comments?: React_2.ReactNode[] | React_2.ReactNode;
// @deprecated
commentText?: string;
isCompact?: boolean;
onRenderActivityDescription?: IRenderFunction<IActivityItemProps>;
onRenderComments?: IRenderFunction<IActivityItemProps>;
onRenderIcon?: IRenderFunction<IActivityItemProps>;
onRenderTimeStamp?: IRenderFunction<IActivityItemProps>;
styles?: IActivityItemStyles;
timeStamp?: string | React_2.ReactNode[] | React_2.ReactNode;
}
// @public (undocumented)
export interface IActivityItemStyles extends IShadowDomStyle {
activityContent?: IStyle;
activityPersona?: IStyle;
activityText?: IStyle;
activityTypeIcon?: IStyle;
commentText?: IStyle;
doublePersona?: IStyle;
isCompactContent?: IStyle;
isCompactIcon?: IStyle;
isCompactPersona?: IStyle;
isCompactPersonaContainer?: IStyle;
isCompactRoot?: IStyle;
isCompactTimeStamp?: IStyle;
personaContainer?: IStyle;
pulsingBeacon?: IStyle;
root?: IStyle;
timeStamp?: IStyle;
}
export { IAnimationStyles }
export { IAnimationVariables }
// @public (undocumented)
export interface IAnnouncedProps extends IReactProps<AnnouncedBase>, React_2.HTMLAttributes<HTMLDivElement> {
'aria-live'?: 'off' | 'polite' | 'assertive';
as?: React_2.ElementType;
message?: string;
styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>;
}
// @public (undocumented)
export type IAnnouncedStyleProps = Pick<IAnnouncedProps, 'className'>;
// @public (undocumented)
export interface IAnnouncedStyles {
root: IStyle;
screenReaderText: IStyle;
}
export { IAsAsyncOptions }
// @public (undocumented)
export interface IAutofill {
clear(): void;
cursorLocation: number | null;
focus(): void;
inputElement: HTMLInputElement | null;
isValueSelected: boolean;
selectionEnd: number | null;
selectionStart: number | null;
value: string;
}
// @public (undocumented)
export interface IAutofillProps extends React_2.InputHTMLAttributes<HTMLInputElement | Autofill> {
componentRef?: IRefObject<IAutofill>;
defaultVisibleValue?: string;
enableAutofillOnKeyPress?: KeyCodes[];
// @deprecated
onInputChange?: (value: string, composing: boolean) => string | void;
onInputValueChange?: (newValue?: string, composing?: boolean) => void;
preventValueSelection?: boolean;
shouldSelectFullInputValueInComponentDidUpdate?: () => boolean;
suggestedDisplayValue?: string;
// @deprecated
updateValueInWillReceiveProps?: () => string | null;
}
// @public (undocumented)
export interface IAutofillState {
// (undocumented)
inputValue: string;
// (undocumented)
isComposing: boolean;
}
// @public (undocumented)
export interface IBaseButtonProps extends IButtonProps {
// (undocumented)
baseClassName?: string;
// (undocumented)
variantClassName?: string;
}
// @public (undocumented)
export interface IBaseButtonState {
// (undocumented)
menuHidden: boolean;
}
// @public (undocumented)
export interface IBaseExtendedPicker<T> {
focus: () => void;
forceResolve?: () => void;
items: T[] | undefined;
}
// @public (undocumented)
export interface IBaseExtendedPickerProps<T> {
className?: string;
componentRef?: IRefObject<IBaseExtendedPicker<T>>;
currentRenderedQueryString?: string;
defaultSelectedItems?: T[];
disabled?: boolean;
floatingPickerProps: IBaseFloatingPickerProps<T>;
focusZoneProps?: IFocusZoneProps;
headerComponent?: JSXElement;
inputProps?: IInputProps;
itemLimit?: number;
onBlur?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
onChange?: (items?: T[]) => void;
onFocus?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
onItemAdded?: (addedItem: T) => void;
onItemSelected?: (selectedItem?: T) => T | PromiseLike<T>;
onItemsRemoved?: (removedItems: T[]) => void;
onPaste?: (pastedText: string) => T[];
onRenderFloatingPicker: React_2.ComponentType<IBaseFloatingPickerProps<T>>;
onRenderSelectedItems: React_2.ComponentType<IBaseSelectedItemsListProps<T>>;
selectedItems?: T[];
selectedItemsListProps: IBaseSelectedItemsListProps<T>;
suggestionItems?: T[];
}
// @public (undocumented)
export interface IBaseExtendedPickerState<T> {
// (undocumented)
queryString: string | null;
}
// @public (undocumented)
export interface IBaseFloatingPicker {
hidePicker: () => void;
inputText: string;
isSuggestionsShown: boolean;
onQueryStringChanged: (input: string) => void;
showPicker: (updateValue?: boolean) => void;
suggestions: any[];
}
// @public (undocumented)
export interface IBaseFloatingPickerProps<T> extends React_2.ClassAttributes<any> {
calloutWidth?: number;
className?: string;
// (undocumented)
componentRef?: IRefObject<IBaseFloatingPicker>;
createGenericItem?: (input: string, isValid: boolean) => ISuggestionModel<T>;
getTextFromItem?: (item: T, currentValue?: string) => string;
inputElement?: HTMLInputElement | null;
onChange?: (item: T) => void;
onInputChanged?: (filter: string) => void;
onRemoveSuggestion?: (item: T) => void;
onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps<T>) => JSXElement;
onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]> | null;
onSuggestionsHidden?: () => void;
onSuggestionsShown?: () => void;
onValidateInput?: (input: string) => boolean;
onZeroQuerySuggestion?: (selectedItems?: T[]) => T[] | PromiseLike<T[]> | null;
pickerCalloutProps?: ICalloutProps;
pickerSuggestionsProps?: IBaseFloatingPickerSuggestionProps;
resolveDelay?: number;
searchingText?: ((props: {
input: string;
}) => string) | string;
selectedItems?: T[];
showForceResolve?: () => boolean;
suggestionItems?: T[];
suggestionsStore: SuggestionsStore<T>;
}
// @public (undocumented)
export interface IBaseFloatingPickerState {
// (undocumented)
didBind: boolean;
// (undocumented)
queryString: string;
// (undocumented)
suggestionsVisible?: boolean;
}
// @public
export type IBaseFloatingPickerSuggestionProps = Pick<ISuggestionsControlProps<any>, 'shouldSelectFirstItem' | 'headerItemsProps' | 'footerItemsProps' | 'showRemoveButtons'>;
// @public
export interface IBasePicker<T> {
completeSuggestion: (forceComplete?: boolean) => void;
focus: () => void;
focusInput: () => void;
items: T[] | undefined;
}
// @public
export interface IBasePickerProps<T> extends IReactProps<any> {
['aria-label']?: string;
className?: string;
componentRef?: IRefObject<IBasePicker<T>>;
createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel<T> | T;
defaultSelectedItems?: T[];
disabled?: boolean;
enableSelectedSuggestionAlert?: boolean;
errorMessage?: string | JSXElement;
getTextFromItem?: (item: T, currentValue?: string) => string;
inputProps?: IInputProps;
itemLimit?: number;
label?: string;
onBlur?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
onChange?: (items?: T[]) => void;
onDismiss?: (ev?: any, selectedItem?: T) => boolean | void;
// @deprecated
onEmptyInputFocus?: (selectedItems?: T[]) => T[] | PromiseLike<T[]>;
onEmptyResolveSuggestions?: (selectedItems?: T[]) => T[] | PromiseLike<T[]>;
// @deprecated
onFocus?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
onGetErrorMessage?: (items: T[]) => string | JSXElement | PromiseLike<string | JSXElement> | undefined;
onGetMoreResults?: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]>;
onInputChange?: (input: string) => string;
onItemSelected?: (selectedItem?: T) => T | PromiseLike<T> | null;
onRemoveSuggestion?: (item: T) => void;
onRenderItem?: (props: IPickerItemProps<T>) => JSXElement;
onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps<T>) => JSXElement;
onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike<T[]>;
onValidateInput?: (input: string) => ValidationState;
pickerCalloutProps?: ICalloutProps;
pickerSuggestionsProps?: IBasePickerSuggestionsProps;
removeButtonAriaLabel?: string;
removeButtonIconProps?: IIconProps;
required?: boolean;
resolveDelay?: number;
searchingText?: ((props: {
input: string;
}) => string) | string;
selectedItems?: T[];
selectionAriaLabel?: string;
selectionRole?: string;
styles?: IStyleFunctionOrObject<IBasePickerStyleProps, IBasePickerStyles>;
suggestionRemovedText?: string;
theme?: ITheme;
}
// @public (undocumented)
export interface IBasePickerState<T> {
// (undocumented)
errorMessage?: string | JSXElement;
// (undocumented)
isFocused?: boolean;
// (undocumented)
isMostRecentlyUsedVisible?: boolean;
// (undocumented)
isResultsFooterVisible?: boolean;
// (undocumented)
isSearching?: boolean;
// (undocumented)
items?: any;
// (undocumented)
moreSuggestionsAvailable?: boolean;
// (undocumented)
selectedIndices?: number[];
// (undocumented)
selectionRemoved?: T;
// (undocumented)
suggestedDisplayValue?: string;
// (undocumented)
suggestionsExtendedLoading?: boolean;
// (undocumented)
suggestionsLoading?: boolean;
// (undocumented)
suggestionsVisible?: boolean;
}
// @public
export type IBasePickerStyleProps = Pick<IBasePickerProps<any>, 'theme' | 'className' | 'disabled'> & {
hasErrorMessage: boolean;
isFocused?: boolean;
inputClassName?: string;
};
// @public
export interface IBasePickerStyles {
error: IStyle;
input: IStyle;
itemsWrapper: IStyle;
root: IStyle;
screenReaderText: IStyle;
// Warning: (ae-forgotten-export) The symbol "IBasePickerSubComponentStyles" needs to be exported by the entry point index.d.ts
subComponentStyles: IBasePickerSubComponentStyles;
text: IStyle;
}
// @public
export interface IBasePickerSuggestionsProps<T = any> extends Pick<ISuggestionsProps<T>, 'onRenderNoResultFound' | 'suggestionsHeaderText' | 'mostRecentlyUsedHeaderText' | 'noResultsFoundText' | 'className' | 'suggestionsClassName' | 'suggestionsItemClassName' | 'searchForMoreIcon' | 'searchForMoreText' | 'forceResolveText' | 'loadingText' | 'searchingText' | 'resultsFooterFull' | 'resultsFooter' | 'resultsMaximumNumber' | 'showRemoveButtons' | 'suggestionsAvailableAlertText' | 'suggestionsContainerAriaLabel' | 'showForceResolve' | 'removeButtonIconProps'> {
}
export { IBaseProps }
// @public (undocumented)
export interface IBaseSelectedItemsList<T> {
// (undocumented)
addItems: (items: T[]) => void;
items: T[] | undefined;
}
// @public (undocumented)
export interface IBaseSelectedItemsListProps<T> extends React_2.ClassAttributes<any> {
canRemoveItem?: (item: T) => boolean;
// (undocumented)
componentRef?: IRefObject<IBaseSelectedItemsList<T>>;
createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel<T>;
defaultSelectedItems?: T[];
onChange?: (items?: T[]) => void;
onCopyItems?: (items: T[]) => string;
// @deprecated
onItemDeleted?: (deletedItem: T) => void;
onItemsDeleted?: (deletedItems: T[]) => void;
onItemSelected?: (selectedItem?: T | T[]) => T | PromiseLike<T> | T[] | PromiseLike<T[]>;
onRenderItem?: (props: ISelectedItemProps<T>) => JSXElement;
removeButtonAriaLabel?: string;
selectedItems?: T[];
selection?: Selection_2;
}
// @public (undocumented)
export interface IBaseSelectedItemsListState<T> {
// (undocumented)
items: T[];
}
// @public (undocumented)
export interface IBreadcrumb {
focus(): void;
}
// @public @deprecated (undocumented)
export type IBreadCrumbData = IBreadcrumbData;
// @public (undocumented)
export interface IBreadcrumbData {
// (undocumented)
props: IBreadcrumbProps;
// (undocumented)
renderedItems: IBreadcrumbItem[];
// (undocumented)
renderedOverflowItems: IBreadcrumbItem[];
}
// @public (undocumented)
export interface IBreadcrumbItem extends React_2.AllHTMLAttributes<HTMLElement> {
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'a';
href?: string;
isCurrentItem?: boolean;
key: string;
onClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: IBreadcrumbItem) => void;
onRender?: IRenderFunction<IBreadcrumbItem>;
onRenderContent?: IRenderFunction<IBreadcrumbItem>;
role?: string;
text: string;
}
// @public (undocumented)
export interface IBreadcrumbProps extends React_2.HTMLAttributes<HTMLElement> {
ariaLabel?: string;
className?: string;
componentRef?: IRefObject<IBreadcrumb>;
dividerAs?: IComponentAs<IDividerAsProps>;
focusZoneProps?: IFocusZoneProps;
items: IBreadcrumbItem[];
maxDisplayedItems?: number;
onGrowData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined;
onReduceData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined;
onRenderItem?: IRenderFunction<IBreadcrumbItem>;
onRenderItemContent?: IRenderFunction<IBreadcrumbItem>;
onRenderOverflowIcon?: IRenderFunction<IButtonProps>;
overflowAriaLabel?: string;
overflowButtonAs?: IComponentAs<IButtonProps>;
overflowIndex?: number;
// (undocumented)
styles?: IStyleFunctionOrObject<IBreadcrumbStyleProps, IBreadcrumbStyles>;
// (undocumented)
theme?: ITheme;
tooltipHostProps?: ITooltipHostProps;
}
// @public (undocumented)
export interface IBreadcrumbStyleProps {
// (undocumented)
className?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IBreadcrumbStyles {
// (undocumented)
chevron: IStyle;
// (undocumented)
item: IStyle;
// (undocumented)
itemLink: IStyle;
// (undocumented)
list: IStyle;
// (undocumented)
listItem: IStyle;
// (undocumented)
overflow: IStyle;
// (undocumented)
overflowButton: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IButton {
dismissMenu: () => void;
focus: () => void;
openMenu: (shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean) => void;
}
// @public (undocumented)
export interface IButtonClassNames {
// (undocumented)
description?: string;
// (undocumented)
flexContainer?: string;
// (undocumented)
icon?: string;
// (undocumented)
label?: string;
// (undocumented)
menuIcon?: string;
// (undocumented)
root?: string;
// (undocumented)
screenReaderText?: string;
// (undocumented)
textContainer?: string;
}
// @public (undocumented)
export interface IButtonGrid {
}
// @public (undocumented)
export interface IButtonGridCellProps<T> {
cellDisabledStyle?: string[];
cellIsSelectedStyle?: string[];
className?: string;
disabled?: boolean;
getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, isSplit: boolean | undefined) => IButtonClassNames;
id: string;
index?: number;
item: T;
label?: string;
// (undocumented)
onClick?: (item: T, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
// (undocumented)
onFocus?: (item: T, event?: React_2.FocusEvent<HTMLButtonElement>) => void;
// (undocumented)
onHover?: (item?: T, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
// (undocumented)
onKeyDown?: (ev: React_2.KeyboardEvent<HTMLButtonElement>) => void;
// (undocumented)
onMouseEnter?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
// (undocumented)
onMouseLeave?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
// (undocumented)
onMouseMove?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
onRenderItem: (item: T) => JSXElement;
// (undocumented)
onWheel?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
role?: string;
selected?: boolean;
}
// @public (undocumented)
export interface IButtonGridProps extends React_2.TableHTMLAttributes<HTMLTableElement>, React_2.RefAttributes<HTMLElement> {
ariaPosInSet?: number;
ariaSetSize?: number;
columnCount: number;
componentRef?: IRefObject<IButtonGrid>;
// @deprecated
containerClassName?: string;
doNotContainWithinFocusZone?: boolean;
isSemanticRadio?: boolean;
items: any[];
onBlur?: () => void;
onRenderItem: (item: any, index: number) => JSXElement;
// @deprecated (undocumented)
positionInSet?: number;
// @deprecated (undocumented)
setSize?: number;
shouldFocusCircularNavigate?: boolean;
styles?: IStyleFunctionOrObject<IButtonGridStyleProps, IButtonGridStyles>;
theme?: ITheme;
}
// @public
export interface IButtonGridStyleProps {
theme: ITheme;
}
// @public
export interface IButtonGridStyles {
focusedContainer?: IStyle;
root: IStyle;
tableCell: IStyle;
}
// @public (undocumented)
export interface IButtonProps extends React_2.AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | BaseButton | Button | HTMLSpanElement> {
allowDisabledFocus?: boolean;
ariaDescription?: string;
ariaHidden?: boolean;
ariaLabel?: string;
// @deprecated (undocumented)
buttonType?: ButtonType;
checked?: boolean;
className?: string;
componentRef?: IRefObject<IButton>;
data?: any;
defaultRender?: any;
// @deprecated
description?: string;
disabled?: boolean;
// @deprecated
elementRef?: React_2.Ref<HTMLElement>;
getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: boolean | undefined, allowDisabledFocus: boolean) => IButtonClassNames;
getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames;
href?: string;
iconProps?: IIconProps;
keytipProps?: IKeytipProps;
menuAs?: IComponentAs<IContextualMenuProps>;
menuIconProps?: IIconProps;
menuProps?: IContextualMenuProps;
menuTriggerKeyCode?: KeyCodes | null;
onAfterMenuDismiss?: () => void;
onMenuClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, button?: IButtonProps) => void;
onRenderAriaDescription?: IRenderFunction<IButtonProps>;
onRenderChildren?: IRenderFunction<IButtonProps>;
onRenderDescription?: IRenderFunction<IButtonProps>;
onRenderIcon?: IRenderFunction<IButtonProps>;
// @deprecated (undocumented)
onRenderMenu?: IRenderFunction<IContextualMenuProps>;
onRenderMenuIcon?: IRenderFunction<IButtonProps>;
onRenderText?: IRenderFunction<IButtonProps>;
persistMenu?: boolean;
primary?: boolean;
primaryActionButtonProps?: IButtonProps;
primaryDisabled?: boolean;
// @deprecated
renderPersistedMenuHiddenOnMount?: boolean;
// @deprecated (undocumented)
rootProps?: React_2.ButtonHTMLAttributes<HTMLButtonElement> | React_2.AnchorHTMLAttributes<HTMLAnchorElement>;
secondaryText?: string;
split?: boolean;
splitButtonAriaLabel?: string;
splitButtonMenuProps?: IButtonProps;
styles?: IButtonStyles;
text?: string;
theme?: ITheme;
toggle?: boolean;
// @deprecated (undocumented)
toggled?: boolean;
uniqueId?: string | number;
}
// @public (undocumented)
export interface IButtonStyles extends IShadowDomStyle {
description?: IStyle;
descriptionChecked?: IStyle;
descriptionDisabled?: IStyle;
descriptionHovered?: IStyle;
descriptionPressed?: IStyle;
flexContainer?: IStyle;
icon?: IStyle;
iconChecked?: IStyle;
iconDisabled?: IStyle;
iconExpanded?: IStyle;
iconExpandedHovered?: IStyle;
iconHovered?: IStyle;
iconPressed?: IStyle;
label?: IStyle;
labelChecked?: IStyle;
labelDisabled?: IStyle;
labelHovered?: IStyle;
menuIcon?: IStyle;
menuIconChecked?: IStyle;
menuIconDisabled?: IStyle;
menuIconExpanded?: IStyle;
menuIconExpandedHovered?: IStyle;
menuIconHovered?: IStyle;
menuIconPressed?: IStyle;
root?: IStyle;
rootChecked?: IStyle;
rootCheckedDisabled?: IStyle;
rootCheckedHovered?: IStyle;
rootCheckedPressed?: IStyle;
rootDisabled?: IStyle;
rootExpanded?: IStyle;
rootExpandedHovered?: IStyle;
rootFocused?: IStyle;
rootHasMenu?: IStyle;
rootHovered?: IStyle;
rootPressed?: IStyle;
screenReaderText?: IStyle;
secondaryText?: IStyle;
splitButtonContainer?: IStyle;
splitButtonContainerChecked?: IStyle;
splitButtonContainerCheckedHovered?: IStyle;
splitButtonContainerDisabled?: IStyle;
splitButtonContainerFocused?: IStyle;
splitButtonContainerHovered?: IStyle;
splitButtonDivider?: IStyle;
splitButtonDividerDisabled?: IStyle;
splitButtonFlexContainer?: IStyle;
splitButtonMenuButton?: IStyle;
splitButtonMenuButtonChecked?: IStyle;
splitButtonMenuButtonDisabled?: IStyle;
splitButtonMenuButtonExpanded?: IStyle;
splitButtonMenuFocused?: IStyle;
splitButtonMenuIcon?: IStyle;
splitButtonMenuIconDisabled?: IStyle;
textContainer?: IStyle;
}
// @public (undocumented)
export interface ICalendar {
focus: () => void;
}
// @public (undocumented)
export interface ICalendarDay {
// (undocumented)
focus(): void;
}
// @public (undocumented)
export interface ICalendarDayGrid {
// (undocumented)
focus(): void;
}
// @public (undocumented)
export interface ICalendarDayGridProps extends IDayGridOptions, IBaseProps<ICalendarDayGrid> {
allFocusable?: boolean;
animationDirection?: AnimationDirection;
className?: string;
componentRef?: IRefObject<ICalendarDayGrid>;
customDayCellRef?: (element: HTMLElement, date: Date, classNames: IProcessedStyleSet<ICalendarDayGridStyles>) => void;
dateRangeType: DateRangeType;
dateTimeFormatter: IDateFormatting;
daysToSelectInDayView?: number;
firstDayOfWeek: DayOfWeek;
firstWeekOfYear: FirstWeekOfYear;
getMarkedDays?: (startingDate: Date, endingDate: Date) => Date[];
labelledBy?: string;
lightenDaysOutsideNavigatedMonth?: boolean;
maxDate?: Date;
minDate?: Date;
navigatedDate: Date;
onDismiss?: () => void;
onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
restrictedDates?: Date[];
selectedDate: Date;
showCloseButton?: boolean;
showWeekNumbers?: boolean;
strings: ICalendarStrings;
styles?: IStyleFunctionOrObject<ICalendarDayGridStyleProps, ICalendarDayGridStyles>;
theme?: ITheme;
today?: Date;
weeksToShow?: number;
workWeekDays?: DayOfWeek[];
}
// @public (undocumented)
export interface ICalendarDayGridStyleProps {
animateBackwards?: boolean;
animationDirection?: AnimationDirection;
className?: string;
dateRangeType?: DateRangeType;
lightenDaysOutsideNavigatedMonth?: boolean;
showWeekNumbers?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface ICalendarDayGridStyles {
// (undocumented)
bottomLeftCornerDate?: IStyle;
// (undocumented)
bottomRightCornerDate?: IStyle;
datesAbove?: IStyle;
// (undocumented)
datesBelow?: IStyle;
// (undocumented)
datesLeft?: IStyle;
// (undocumented)
datesRight?: IStyle;
dayButton?: IStyle;
dayCell?: IStyle;
dayIsToday?: IStyle;
dayMarker?: IStyle;
dayOutsideBounds?: IStyle;
dayOutsideNavigatedMonth?: IStyle;
daySelected?: IStyle;
firstTransitionWeek?: IStyle;
lastTransitionWeek?: IStyle;
table?: IStyle;
// (undocumented)
topLeftCornerDate?: IStyle;
topRightCornerDate?: IStyle;
weekDayLabelCell?: IStyle;
weekNumberCell?: IStyle;
weekRow?: IStyle;
wrapper?: IStyle;
}
// @public (undocumented)
export interface ICalendarDayProps extends IBaseProps<ICalendarDay>, ICalendarDayGridProps {
allFocusable?: boolean;
className?: string;
componentRef?: IRefObject<ICalendarDay>;
dateTimeFormatter: IDateFormatting;
maxDate?: Date;
minDate?: Date;
navigatedDate: Date;
navigationIcons: ICalendarNavigationIcons;
onDismiss?: () => void;
onHeaderSelect?: () => void;
onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
restrictedDates?: Date[];
showCloseButton?: boolean;
showSixWeeksByDefault?: boolean;
showWeekNumbers?: boolean;
strings: ICalendarStrings;
styles?: IStyleFunctionOrObject<ICalendarDayStyleProps, ICalendarDayStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface ICalendarDayStyleProps extends ICalendarDayGridStyleProps {
className?: string;
headerIsClickable?: boolean;
showWeekNumbers?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface ICalendarDayStyles extends Partial<ICalendarDayGridStyles> {
disabledStyle: IStyle;
header: IStyle;
headerIconButton: IStyle;
monthAndYear: IStyle;
monthComponents: IStyle;
root: IStyle;
}
// @public @deprecated (undocumented)
export type ICalendarFormatDateCallbacks = IDateFormatting;
// @public @deprecated (undocumented)
export type ICalendarIconStrings = ICalendarNavigationIcons;
// @public (undocumented)
export interface ICalendarMonth {
// (undocumented)
focus(): void;
}
// @public (undocumented)
export interface ICalendarMonthProps extends IBaseProps<ICalendarMonth> {
allFocusable?: boolean;
animationDirection?: AnimationDirection;
className?: string;
componentRef?: IRefObject<ICalendarMonth>;
dateTimeFormatter?: IDateFormatting;
highlightCurrentMonth?: boolean;
highlightSelectedMonth?: boolean;
maxDate?: Date;
minDate?: Date;
navigatedDate: Date;
navigationIcons?: ICalendarNavigationIcons;
onHeaderSelect?: () => void;
onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void;
onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
selectedDate: Date;
strings: ICalendarStrings;
styles?: IStyleFunctionOrObject<ICalendarMonthStyleProps, ICalendarMonthStyles>;
theme?: ITheme;
today?: Date;
yearPickerHidden?: boolean;
}
// @public (undocumented)
export interface ICalendarMonthStyleProps extends ICalendarPickerStyleProps {
}
// @public (undocumented)
export interface ICalendarMonthStyles extends ICalendarPickerStyles {
}
// @public (undocumented)
export interface ICalendarNavigationIcons {
closeIcon?: string;
leftNavigation?: string;
rightNavigation?: string;
}
// @public (undocumented)
export interface ICalendarPickerStyleProps {
animateBackwards?: boolean;
animationDirection?: AnimationDirection;
className?: string;
hasHeaderClickCallback?: boolean;
highlightCurrent?: boolean;
highlightSelected?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface ICalendarPickerStyles {
// (undocumented)
buttonRow: IStyle;
// (undocumented)
current: IStyle;
// (undocumented)
currentItemButton: IStyle;
// (undocumented)
disabled: IStyle;
// (undocumented)
gridContainer: IStyle;
// (undocumented)
headerContainer: IStyle;
// (undocumented)
itemButton: IStyle;
// (undocumented)
navigationButton: IStyle;
// (undocumented)
navigationButtonsContainer: IStyle;
root: IStyle;
// (undocumented)
selected: IStyle;
}
// @public (undocumented)
export interface ICalendarProps extends IBaseProps<ICalendar>, React_2.RefAttributes<HTMLDivElement> {
allFocusable?: boolean;
calendarDayProps?: Partial<ICalendarDayProps>;
calendarMonthProps?: Partial<ICalendarMonthProps>;
className?: string;
componentRef?: IRefObject<ICalendar>;
dateRangeType?: DateRangeType;
dateTimeFormatter?: IDateFormatting;
firstDayOfWeek?: DayOfWeek;
firstWeekOfYear?: FirstWeekOfYear;
highlightCurrentMonth?: boolean;
highlightSelectedMonth?: boolean;
id?: string;
isDayPickerVisible?: boolean;
isMonthPickerVisible?: boolean;
maxDate?: Date;
minDate?: Date;
navigationIcons?: ICalendarNavigationIcons;
onDismiss?: () => void;
onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void;
restrictedDates?: Date[];
showCloseButton?: boolean;
showGoToToday?: boolean;
showMonthPickerAsOverlay?: boolean;
showSixWeeksByDefault?: boolean;
showWeekNumbers?: boolean;
strings?: ICalendarStrings;
styles?: IStyleFunctionOrObject<ICalendarStyleProps, ICalendarStyles>;
theme?: ITheme;
today?: Date;
value?: Date;
workWeekDays?: DayOfWeek[];
}
export { ICalendarStrings }
// @public (undocumented)
export interface ICalendarStyleProps {
className?: string;
isDayPickerVisible?: boolean;
isMonthPickerVisible?: boolean;
monthPickerOnly?: boolean;
overlaidWithButton?: boolean;
// @deprecated (undocumented)
overlayedWithButton?: boolean;
showGoToToday?: boolean;
showMonthPickerAsOverlay?: boolean;
showWeekNumbers?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface ICalendarStyles {
// (undocumented)
divider: IStyle;
// (undocumented)
goTodayButton: IStyle;
// (undocumented)
liveRegion: IStyle;
// (undocumented)
monthPickerWrapper: IStyle;
root: IStyle;
}
// @public (undocumented)
export interface ICalendarYear {
// (undocumented)
focus(): void;
}
// @public (undocumented)
export interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange {
animateBackwards?: boolean;
onSelectNext?: () => void;
onSelectPrev?: () => void;
}
// @public (undocumented)
export interface ICalendarYearProps extends IBaseProps<ICalendarYear> {
animationDirection?: AnimationDirection;
className?: string;
componentRef?: IRefObject<ICalendarYear>;
highlightCurrentYear?: boolean;
highlightSelectedYear?: boolean;
maxYear?: number;
minYear?: number;
navigatedYear?: number;
navigationIcons?: ICalendarNavigationIcons;
onHeaderSelect?: (focus: boolean) => void;
onRenderTitle?: (props: ICalendarYearHeaderProps) => React_2.ReactNode;
onRenderYear?: (year: number) => React_2.ReactNode;
onSelectYear?: (year: number) => void;
selectedYear?: number;
strings?: ICalendarYearStrings;
styles?: IStyleFunctionOrObject<ICalendarYearStyleProps, ICalendarYearStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface ICalendarYearRange {
// (undocumented)
fromYear: number;
// (undocumented)
toYear: number;
}
// @public (undocumented)
export interface ICalendarYearRangeToString {
// (undocumented)
(range: ICalendarYearRange): string;
}
// @public (undocumented)
export interface ICalendarYearStrings {
// (undocumented)
headerAriaLabelFormatString?: string;
// (undocumented)
nextRangeAriaLabel?: string | ICalendarYearRangeToString;
// (undocumented)
prevRangeAriaLabel?: string | ICalendarYearRangeToString;
// (undocumented)
rangeAriaLabel?: string | ICalendarYearRangeToString;
}
// @public (undocumented)
export interface ICalendarYearStyleProps extends ICalendarPickerStyleProps {
}
// @public (undocumented)
export interface ICalendarYearStyles extends ICalendarPickerStyles {
}
// @public (undocumented)
export interface ICalloutBeakPositionedInfo extends IPositionedData {
// (undocumented)
closestEdge: RectangleEdge;
// (undocumented)
hideBeak?: boolean;
}
// @public (undocumented)
export interface ICalloutContentStyleProps {
backgroundColor?: string;
beakWidth?: number;
calloutMaxWidth?: number;
calloutMinWidth?: number;
calloutWidth?: number;
className?: string;
doNotLayer?: boolean;
overflowYHidden?: boolean;
positions?: ICalloutPositionedInfo;
theme: ITheme;
}
// @public (undocumented)
export interface ICalloutContentStyles {
beak: IStyle;
beakCurtain: IStyle;
calloutMain: IStyle;
container: IStyle;
root: IStyle;
}
// @public (undocumented)
export interface ICalloutPositionedInfo extends IPositionedData {
// (undocumented)
beakPosition: ICalloutBeakPositionedInfo;
}
// @public (undocumented)
export interface ICalloutPositionProps extends IPositionProps {
beakWidth?: number;
isBeakVisible?: boolean;
}
// @public (undocumented)
export interface ICalloutProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
alignTargetEdge?: boolean;
ariaDescribedBy?: string;
ariaLabel?: string;
ariaLabelledBy?: string;
backgroundColor?: string;
beakWidth?: number;
bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined);
calloutMaxHeight?: number;
calloutMaxWidth?: number;
calloutMinWidth?: number;
calloutWidth?: number;
className?: string;
coverTarget?: boolean;
directionalHint?: DirectionalHint;
directionalHintFixed?: boolean;
directionalHintForRTL?: DirectionalHint;
dismissOnTargetClick?: boolean;
doNotLayer?: boolean;
finalHeight?: number;
gapSpace?: number;
hidden?: boolean;
hideOverflow?: boolean;
isBeakVisible?: boolean;
layerProps?: ILayerProps;
minimumScrollResizeHeight?: number;
minPagePadding?: number;
onDismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
onLayerMounted?: () => void;
onPositioned?: (positions?: ICalloutPositionedInfo) => void;
onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
onScroll?: () => void;
popupProps?: IPopupProps;
preferScrollResizePositioning?: boolean;
preventDismissOnEvent?: (ev: Event | React_2.FocusEvent | React_2.KeyboardEvent | React_2.MouseEvent) => boolean;
preventDismissOnLostFocus?: boolean;
preventDismissOnResize?: boolean;
preventDismissOnScroll?: boolean;
role?: string;
setInitialFocus?: boolean;
shouldDismissOnWindowFocus?: boolean;
// @deprecated
shouldRestoreFocus?: boolean;
shouldUpdateWhenHidden?: boolean;
style?: React_2.CSSProperties;
styles?: IStyleFunctionOrObject<ICalloutContentStyleProps, ICalloutContentStyles>;
target?: Target;
theme?: ITheme;
}
export { ICancelable }
// @public (undocumented)
export interface ICellStyleProps {
// (undocumented)
cellExtraRightPadding: number;
// (undocumented)
cellLeftPadding: number;
// (undocumented)
cellRightPadding: number;
}
export { IChangeDescription }
export { IChangeEventCallback }
// @public
export interface ICheckbox {
checked: boolean;
focus: () => void;
indeterminate: boolean;
}
// @public
export interface ICheckboxProps extends React_2.RefAttributes<HTMLDivElement> {
ariaDescribedBy?: string;
ariaLabel?: string;
ariaLabelledBy?: string;
ariaPositionInSet?: number;
ariaSetSize?: number;
boxSide?: 'start' | 'end';
checked?: boolean;
checkmarkIconProps?: IIconProps;
className?: string;
componentRef?: IRefObject<ICheckbox>;
defaultChecked?: boolean;
defaultIndeterminate?: boolean;
disabled?: boolean;
id?: string;
indeterminate?: boolean;
inputProps?: React_2.ButtonHTMLAttributes<HTMLElement | HTMLButtonElement>;
label?: string;
name?: string;
onChange?: (ev?: React_2.FormEvent<HTMLElement | HTMLInputElement>, checked?: boolean) => void;
onRenderLabel?: IRenderFunction<ICheckboxProps>;
required?: boolean;
styles?: IStyleFunctionOrObject<ICheckboxStyleProps, ICheckboxStyles>;
theme?: ITheme;
title?: string;
}
// @public (undocumented)
export interface ICheckboxStyleProps {
// (undocumented)
checked?: boolean;
// (undocumented)
className?: string;
// (undocumented)
disabled?: boolean;
// (undocumented)
indeterminate?: boolean;
// (undocumented)
isUsingCustomLabelRender: boolean;
// (undocumented)
reversed?: boolean;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ICheckboxStyles {
checkbox?: IStyle;
checkmark?: IStyle;
input?: IStyle;
label?: IStyle;
root?: IStyle;
text?: IStyle;
}
// @public (undocumented)
export interface ICheckProps extends React_2.RefAttributes<HTMLDivElement> {
// @deprecated (undocumented)
alwaysShowCheck?: boolean;
checked?: boolean;
className?: string;
componentRef?: IRefObject<ICheckProps>;
styles?: IStyleFunctionOrObject<ICheckStyleProps, ICheckStyles>;
theme?: ITheme;
useFastIcons?: boolean;
}
// @public (undocumented)
export type ICheckStyleProps = Required<Pick<ICheckProps, 'theme'>> & Pick<ICheckProps, 'className' | 'checked'> & {
height?: string;
checkBoxHeight?: string;
};
// @public (undocumented)
export interface ICheckStyles {
check: IStyle;
// @deprecated
checkHost: IStyle;
circle: IStyle;
root: IStyle;
}
// @public (undocumented)
export interface IChoiceGroup {
checkedOption: IChoiceGroupOption | undefined;
focus: () => void;
}
// @public (undocumented)
export interface IChoiceGroupOption extends Omit<React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>, 'checked'> {
ariaLabel?: string;
disabled?: boolean;
iconProps?: IIconProps;
id?: string;
imageAlt?: string;
imageSize?: {
width: number;
height: number;
};
imageSrc?: string;
key: string;
labelId?: string;
onRenderField?: IRenderFunction<IChoiceGroupOption & IChoiceGroupOptionProps>;
onRenderLabel?: IRenderFunction<IChoiceGroupOption & IChoiceGroupOptionProps>;
selectedImageSrc?: string;
styles?: IStyleFunctionOrObject<IChoiceGroupOptionStyleProps, IChoiceGroupOptionStyles>;
text: string;
}
// @public (undocumented)
export interface IChoiceGroupOptionProps extends Omit<IChoiceGroupOption, 'key'> {
checked?: boolean;
// @deprecated (undocumented)
componentRef?: IRefObject<IChoiceGroupOption>;
focused?: boolean;
itemKey: string;
key?: string;
name?: string;
onBlur?: (ev?: React_2.FocusEvent<HTMLElement>, props?: IChoiceGroupOption & IChoiceGroupOptionProps) => void;
onChange?: (evt?: React_2.FormEvent<HTMLElement | HTMLInputElement>, props?: IChoiceGroupOption & IChoiceGroupOptionProps) => void;
onFocus?: (ev?: React_2.FocusEvent<HTMLElement | HTMLInputElement>, props?: IChoiceGroupOption & IChoiceGroupOptionProps) => void | undefined;
required?: boolean;
theme?: ITheme;
}
// @public
export interface IChoiceGroupOptionStyleProps {
checked?: boolean;
disabled?: boolean;
focused?: boolean;
hasIcon?: boolean;
hasImage?: boolean;
imageIsLarge?: boolean;
imageSize?: {
height: number;
width: number;
};
theme: ITheme;
}
// @public (undocumented)
export interface IChoiceGroupOptionStyles {
// (undocumented)
choiceFieldWrapper?: IStyle;
// (undocumented)
field?: IStyle;
// (undocumented)
iconWrapper?: IStyle;
// (undocumented)
imageWrapper?: IStyle;
// (undocumented)
innerField?: IStyle;
// (undocumented)
input?: IStyle;
// (undocumented)
labelWrapper?: IStyle;
// (undocumented)
root?: IStyle;
// (undocumented)
selectedImageWrapper?: IStyle;
}
// @public (undocumented)
export interface IChoiceGroupProps extends React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>, React_2.RefAttributes<HTMLDivElement> {
ariaLabelledBy?: string;
componentRef?: IRefObject<IChoiceGroup>;
defaultSelectedKey?: string | number;
label?: string;
onChange?: (ev?: React_2.FormEvent<HTMLElement | HTMLInputElement>, option?: IChoiceGroupOption) => void;
options?: IChoiceGroupOption[];
selectedKey?: string | number | null;
styles?: IStyleFunctionOrObject<IChoiceGroupStyleProps, IChoiceGroupStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IChoiceGroupStyleProps {
// (undocumented)
className?: string;
// (undocumented)
optionsContainIconOrImage?: boolean;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IChoiceGroupStyles {
// (undocumented)
flexContainer?: IStyle;
// (undocumented)
label?: IStyle;
// (undocumented)
root?: IStyle;
}
// @public
export interface ICircle extends IShimmerElement {
height?: number;
}
export { IClassNames }
export { IClassNamesFunctionOptions }
// @public (undocumented)
export interface ICoachmark {
dismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
}
// @public
export interface ICoachmarkProps extends React_2.RefAttributes<HTMLDivElement> {
ariaAlertText?: string;
ariaDescribedBy?: string;
ariaDescribedByText?: string;
ariaLabelledBy?: string;
ariaLabelledByText?: string;
beaconColorOne?: string;
beaconColorTwo?: string;
// @deprecated (undocumented)
beakHeight?: number;
// @deprecated (undocumented)
beakWidth?: number;
children?: React_2.ReactNode;
className?: string;
// @deprecated
collapsed?: boolean;
color?: string;
componentRef?: IRefObject<ICoachmark>;
delayBeforeCoachmarkAnimation?: number;
delayBeforeMouseOpen?: number;
// @deprecated (undocumented)
height?: number;
isCollapsed?: boolean;
isPositionForced?: boolean;
mouseProximityOffset?: number;
onAnimationOpenEnd?: () => void;
onAnimationOpenStart?: () => void;
onDismiss?: (ev?: Event | React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
onMouseMove?: (e: MouseEvent) => void;
persistentBeak?: boolean;
positioningContainerProps?: IPositioningContainerProps;
preventDismissOnLostFocus?: boolean;
preventFocusOnMount?: boolean;
styles?: IStyleFunctionOrObject<ICoachmarkStyleProps, ICoachmarkStyles>;
target: Target;
// @deprecated (undocumented)
teachingBubbleRef?: ITeachingBubble;
theme?: ITheme;
// @deprecated (undocumented)
width?: number;
}
// @public
export interface ICoachmarkStyleProps {
beaconColorOne?: string;
beaconColorTwo?: string;
className?: string;
// @deprecated
collapsed?: boolean;
color?: string;
delayBeforeCoachmarkAnimation?: string;
entityHostHeight?: string;
entityHostWidth?: string;
height?: string;
isCollapsed: boolean;
isMeasuring: boolean;
theme?: ITheme;
transformOrigin?: string;
width?: string;
}
// @public
export interface ICoachmarkStyles {
ariaContainer?: IStyle;
childrenContainer: IStyle;
collapsed?: IStyle;
entityHost?: IStyle;
entityInnerHost: IStyle;
pulsingBeacon?: IStyle;
root?: IStyle;
rotateAnimationLayer?: IStyle;
scaleAnimationLayer?: IStyle;
translateAnimationContainer?: IStyle;
}
// @public @deprecated (undocumented)
export type ICoachmarkTypes = ICoachmarkProps;
// @public (undocumented)
export interface IColor extends IRGB, IHSV {
hex: string;
str: string;
t?: number;
}
// @public (undocumented)
export interface IColorCellProps {
color: string;
disabled?: boolean;
id: string;
index?: number;
label?: string;
}
// @public (undocumented)
export interface IColorPicker {
color: IColor;
}
// @public (undocumented)
export interface IColorPickerGridCellProps {
borderWidth?: number;
circle?: boolean;
color: string;
disabled?: boolean;
height?: number;
// @deprecated
id?: string;
idPrefix?: string;
index?: number;
isRadio?: boolean;
item: IColorCellProps;
label?: string;
onClick?: (item: IColorCellProps, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
// (undocumented)
onFocus?: (item: IColorCellProps, event?: React_2.FormEvent<HTMLButtonElement>) => void;
// (undocumented)
onHover?: (item?: IColorCellProps, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
// (undocumented)
onKeyDown?: (ev: React_2.KeyboardEvent<HTMLButtonElement>) => void;
onMouseEnter?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
// (undocumented)
onMouseLeave?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
onMouseMove?: (ev: React_2.MouseEvent<HTMLButtonElement>) => boolean;
onRenderColorCellContent?: IRenderFunction<IColorCellProps>;
// (undocumented)
onWheel?: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
selected: boolean;
styles?: IStyleFunctionOrObject<IColorPickerGridCellStyleProps, IColorPickerGridCellStyles>;
theme?: ITheme;
width?: number;
}
// @public (undocumented)
export interface IColorPickerGridCellStyleProps {
borderWidth?: number;
circle?: boolean;
disabled?: boolean;
height?: number;
isWhite?: boolean;
selected?: boolean;
theme: ITheme;
width?: number;
}
// @public (undocumented)
export interface IColorPickerGridCellStyles {
colorCell: IStyle;
svg: IStyle;
}
// @public (undocumented)
export interface IColorPickerProps {
// @deprecated
alphaLabel?: string;
// @deprecated
alphaSliderHidden?: boolean;
alphaType?: 'alpha' | 'transparency' | 'none';
// @deprecated
blueLabel?: string;
className?: string;
color: IColor | string;
componentRef?: IRefObject<IColorPicker>;
// @deprecated
greenLabel?: string;
// @deprecated
hexLabel?: string;
onChange?: (ev: React_2.SyntheticEvent<HTMLElement>, color: IColor) => void;
// @deprecated
redLabel?: string;
showPreview?: boolean;
strings?: IColorPickerStrings;
styles?: IStyleFunctionOrObject<IColorPickerStyleProps, IColorPickerStyles>;
theme?: ITheme;
tooltipProps?: ITooltipHostProps;
}
// @public (undocumented)
export interface IColorPickerState {
color: IColor;
editingColor?: {
component: ColorComponent;
value: string;
};
}
// @public (undocumented)
export interface IColorPickerStrings {
alpha?: string;
alphaAriaLabel?: string;
alphaError?: string;
blue?: string;
blueError?: string;
green?: string;
greenError?: string;
hex?: string;
hexError?: string;
// @deprecated
hue?: string;
hueAriaLabel?: string;
red?: string;
redError?: string;
rootAriaLabelFormat?: string;
svAriaDescription?: string;
svAriaLabel?: string;
svAriaValueFormat?: string;
transparency?: string;
transparencyAriaLabel?: string;
transparencyError?: string;
}
// @public (undocumented)
export type IColorPickerStyleProps = Required<Pick<IColorPickerProps, 'theme'>> & Pick<IColorPickerProps, 'className' | 'alphaType'>;
// @public (undocumented)
export interface IColorPickerStyles {
colorRectangle?: IStyle;
colorSquare?: IStyle;
flexContainer?: IStyle;
flexPreviewBox?: IStyle;
flexSlider?: IStyle;
input?: IStyle;
panel?: IStyle;
root?: IStyle;
table?: IStyle;
tableAlphaCell?: IStyle;
tableHeader?: IStyle;
tableHexCell?: IStyle;
}
// @public (undocumented)
export interface IColorRectangle {
color: IColor;
}
// @public (undocumented)
export interface IColorRectangleProps {
ariaDescription?: string;
ariaLabel?: string;
ariaValueFormat?: string;
className?: string;
color: IColor;
componentRef?: IRefObject<IColorRectangle>;
minSize?: number;
onChange?: (ev: React_2.MouseEvent | React_2.KeyboardEvent, color: IColor) => void;
styles?: IStyleFunctionOrObject<IColorRectangleStyleProps, IColorRectangleStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IColorRectangleStyleProps {
className?: string;
minSize?: number;
theme: ITheme;
}
// @public (undocumented)
export interface IColorRectangleStyles {
dark?: IStyle;
description?: IStyle;
light?: IStyle;
root?: IStyle;
thumb?: IStyle;
}
// @public (undocumented)
export interface IColorSlider {
value: number;
}
// @public (undocumented)
export interface IColorSliderProps {
ariaLabel?: string;
className?: string;
componentRef?: IRefObject<IColorSlider>;
// @deprecated
isAlpha?: boolean;
// @deprecated
maxValue?: number;
// @deprecated
minValue?: number;
onChange?: (event: React_2.MouseEvent | React_2.KeyboardEvent, newValue?: number) => void;
overlayColor?: string;
// @deprecated
overlayStyle?: React_2.CSSProperties;
styles?: IStyleFunctionOrObject<IColorSliderStyleProps, IColorSliderStyles>;
theme?: ITheme;
// @deprecated
thumbColor?: string;
type?: 'hue' | 'alpha' | 'transparency';
value?: number;
}
// @public (undocumented)
export type IColorSliderStyleProps = Required<Pick<IColorSliderProps, 'theme'>> & Pick<IColorSliderProps, 'className' | 'type'> & {
isAlpha?: boolean;
};
// @public (undocumented)
export interface IColorSliderStyles {
root?: IStyle;
sliderOverlay?: IStyle;
sliderThumb?: IStyle;
}
// @public (undocumented)
export interface IColumn {
ariaLabel?: string;
calculatedWidth?: number;
className?: string;
columnActionsMode?: ColumnActionsMode;
currentWidth?: number;
data?: any;
fieldName?: string;
filterAriaLabel?: string;
flexGrow?: number;
getValueKey?: (item?: any, index?: number, column?: IColumn) => string;
groupAriaLabel?: string;
headerClassName?: string;
iconClassName?: string;
iconName?: string;
// @deprecated
isCollapsable?: boolean;
isCollapsible?: boolean;
isFiltered?: boolean;
isGrouped?: boolean;
isIconOnly?: boolean;
isMenuOpen?: boolean;
isMultiline?: boolean;
isPadded?: boolean;
isResizable?: boolean;
isRowHeader?: boolean;
isSorted?: boolean;
isSortedDescending?: boolean;
key: string;
maxWidth?: number;
minWidth: number;
name: string;
onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
onColumnContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent<HTMLElement>) => void;
onColumnKeyDown?: (ev: React_2.KeyboardEvent, column: IColumn) => void;
onColumnResize?: (width?: number) => void;
onRender?: (item?: any, index?: number, column?: IColumn) => any;
onRenderDivider?: IRenderFunction<IDetailsColumnProps>;
// (undocumented)
onRenderField?: IRenderFunction<IDetailsColumnFieldProps>;
onRenderFilterIcon?: IRenderFunction<IDetailsColumnFilterIconProps>;
onRenderHeader?: IRenderFunction<IDetailsColumnProps>;
showSortIconWhenUnsorted?: boolean;
sortableAriaLabel?: string;
sortAscendingAriaLabel?: string;
sortDescendingAriaLabel?: string;
styles?: IStyleFunctionOrObject<IDetailsColumnStyleProps, IDetailsColumnStyles>;
targetWidthProportion?: number;
}
// @public (undocumented)
export interface IColumnDragDropDetails {
draggedIndex: number;
targetIndex: number;
}
// @public (undocumented)
export interface IColumnReorderHeaderProps extends IColumnReorderOptions {
onColumnDragEnd?: (props: {
dropLocation?: ColumnDragEndLocation;
}, event: MouseEvent) => void;
}
// @public (undocumented)
export interface IColumnReorderOptions {
frozenColumnCountFromEnd?: number;
frozenColumnCountFromStart?: number;
// @deprecated
handleColumnReorder?: (draggedIndex: number, targetIndex: number) => void;
onColumnDragStart?: (dragStarted: boolean) => void;
onColumnDrop?: (dragDropDetails: IColumnDragDropDetails) => void;
onDragEnd?: (columnDropLocationDetails: ColumnDragEndLocation) => void;
}
// @public (undocumented)
export interface IColumnResizeDetails {
// (undocumented)
columnIndex: number;
// (undocumented)
columnMinWidth: number;
// (undocumented)
originX?: number;
}
// @public (undocumented)
export interface IComboBox {
dismissMenu: () => void;
focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): void;
readonly selectedOptions: IComboBoxOption[];
}
// @public (undocumented)
export interface IComboBoxClassNames {
// (undocumented)
callout: string;
// (undocumented)
container: string;
// (undocumented)
divider: string;
// (undocumented)
errorMessage: string;
// (undocumented)
header: string;
// (undocumented)
input: string;
// (undocumented)
label: string;
// (undocumented)
optionsContainer: string;
// (undocumented)
optionsContainerWrapper: string;
// (undocumented)
root: string;
// (undocumented)
screenReaderText: string;
}
// @public (undocumented)
export interface IComboBoxOption extends ISelectableOption {
styles?: Partial<IComboBoxOptionStyles>;
useAriaLabelAsText?: boolean;
}
// @public (undocumented)
export interface IComboBoxOptionClassNames {
// (undocumented)
optionText: string;
// (undocumented)
optionTextWrapper: string;
// (undocumented)
root: string;
}
// @public (undocumented)
export interface IComboBoxOptionStyles extends IButtonStyles {
optionText: IStyle;
optionTextWrapper: IStyle;
}
// @public (undocumented)
export interface IComboBoxProps extends ISelectableDroppableTextProps<IComboBox, IComboBox>, React_2.RefAttributes<HTMLDivElement> {
allowFreeform?: boolean;
allowFreeInput?: boolean;
allowParentArrowNavigation?: boolean;
ariaDescribedBy?: string;
autoComplete?: 'on' | 'off';
autofill?: IAutofillProps;
buttonIconProps?: IIconProps;
caretDownButtonStyles?: Partial<IButtonStyles>;
caseSensitive?: boolean;
comboBoxOptionStyles?: Partial<IComboBoxOptionStyles>;
componentRef?: IRefObject<IComboBox>;
dropdownMaxWidth?: number;
dropdownWidth?: number;
getClassNames?: (theme: ITheme, isOpen: boolean, disabled: boolean, required: boolean, focused: boolean, allowFreeForm: boolean, hasErrorMessage: boolean, className?: string) => IComboBoxClassNames;
iconButtonProps?: IButtonProps;
isButtonAriaHidden?: boolean;
multiSelectDelimiter?: string;
onChange?: (event: React_2.FormEvent<IComboBox>, option?: IComboBoxOption, index?: number, value?: string) => void;
onInputValueChange?: (text: string) => void;
onItemClick?: (event: React_2.FormEvent<IComboBox>, option?: IComboBoxOption, index?: number) => void;
onMenuDismiss?: () => void;
onMenuDismissed?: () => void;
onMenuOpen?: () => void;
onPendingValueChanged?: (option?: IComboBoxOption, index?: number, value?: string) => void;
onRenderLabel?: IRenderFunction<IOnRenderComboBoxLabelProps>;
onRenderLowerContent?: IRenderFunction<IComboBoxProps>;
onRenderUpperContent?: IRenderFunction<IComboBoxProps>;
onResolveOptions?: (options: IComboBoxOption[]) => IComboBoxOption[] | PromiseLike<IComboBoxOption[]>;
onScrollToItem?: (itemIndex: number) => void;
options: IComboBoxOption[];
persistMenu?: boolean;
scrollSelectedToTop?: boolean;
shouldRestoreFocus?: boolean;
styles?: Partial<IComboBoxStyles>;
text?: string;
theme?: ITheme;
useComboBoxAsMenuWidth?: boolean;
}
// @public (undocumented)
export interface IComboBoxState {
ariaActiveDescendantValue?: string;
currentPendingValue?: string;
currentPendingValueValidIndex: number;
currentPendingValueValidIndexOnHover: number;
focusState?: 'none' | 'focused' | 'focusing';
isOpen?: boolean;
}
// @public (undocumented)
export interface IComboBoxStyles extends IShadowDomStyle {
callout: IStyle;
container: IStyle;
divider: IStyle;
errorMessage: IStyle;
header: IStyle;
input: IStyle;
inputDisabled: IStyle;
label: IStyle;
labelDisabled: IStyle;
optionsContainer: IStyle;
optionsContainerWrapper: IStyle;
root: IStyle;
rootDisabled: IStyle;
rootDisallowFreeForm: IStyle;
rootError: IStyle;
rootFocused: IStyle;
rootHovered: IStyle;
rootPressed: IStyle;
screenReaderText: IStyle;
}
// @public (undocumented)
export interface ICommandBar {
focus(): void;
remeasure(): void;
}
// @public (undocumented)
export interface ICommandBarData {
cacheKey: string;
farItems: ICommandBarItemProps[] | undefined;
minimumOverflowItems: number;
overflowItems: ICommandBarItemProps[];
primaryItems: ICommandBarItemProps[];
}
// @public
export interface ICommandBarItemProps extends IContextualMenuItem {
buttonStyles?: IButtonStyles;
cacheKey?: string;
commandBarButtonAs?: IComponentAs<ICommandBarItemProps>;
iconOnly?: boolean;
renderedInOverflow?: boolean;
tooltipHostProps?: ITooltipHostProps;
}
// @public (undocumented)
export interface ICommandBarProps extends React_2.HTMLAttributes<HTMLDivElement> {
ariaLabel?: string;
buttonAs?: IComponentAs<IButtonProps>;
className?: string;
componentRef?: IRefObject<ICommandBar>;
dataDidRender?: (renderedData: any) => void;
farItems?: ICommandBarItemProps[];
farItemsGroupAriaLabel?: string;
items: ICommandBarItemProps[];
onDataGrown?: (movedItem: ICommandBarItemProps) => void;
onDataReduced?: (movedItem: ICommandBarItemProps) => void;
onGrowData?: (data: ICommandBarData) => ICommandBarData | undefined;
onReduceData?: (data: ICommandBarData) => ICommandBarData | undefined;
overflowButtonAs?: IComponentAs<IButtonProps>;
overflowButtonProps?: IButtonProps;
overflowItems?: ICommandBarItemProps[];
primaryGroupAriaLabel?: string;
resizeGroupAs?: IComponentAs<IResizeGroupProps>;
shiftOnReduce?: boolean;
styles?: IStyleFunctionOrObject<ICommandBarStyleProps, ICommandBarStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface ICommandBarStyleProps {
// (undocumented)
className?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ICommandBarStyles {
// (undocumented)
primarySet?: IStyle;
// (undocumented)
root?: IStyle;
// (undocumented)
secondarySet?: IStyle;
}
export { IComponentAs }
export { IComponentAsProps }
// @public
export const Icon: React_2.FunctionComponent<IIconProps>;
// @public (undocumented)
export class IconBase extends React_2.Component<IIconProps, IIconState> {
constructor(props: IIconProps);
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class IconButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
export { IconFontSizes }
export { IconNames }
// @public (undocumented)
export interface IContextualMenu {
}
// @public @deprecated (undocumented)
export interface IContextualMenuClassNames {
// (undocumented)
container?: string;
// (undocumented)
header?: string;
// (undocumented)
list?: string;
// (undocumented)
root?: string;
// (undocumented)
subComponentStyles?: IContextualMenuSubComponentStyles;
// (undocumented)
title?: string;
}
// @public (undocumented)
export interface IContextualMenuItem {
[propertyName: string]: any;
ariaDescribedBy?: string;
ariaDescription?: string;
ariaLabel?: string;
canCheck?: boolean;
checked?: boolean;
className?: string;
componentRef?: IRefObject<IContextualMenuRenderItem>;
contextualMenuItemAs?: IComponentAs<IContextualMenuItemProps>;
// Warning: (ae-forgotten-export) The symbol "IContextualMenuItemWrapperProps" needs to be exported by the entry point index.d.ts
contextualMenuItemWrapperAs?: IComponentAs<IContextualMenuItemWrapperProps>;
customOnRenderListLength?: number;
data?: any;
disabled?: boolean;
// @deprecated
getItemClassNames?: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean) => IMenuItemClassNames;
getSplitButtonVerticalDividerClassNames?: (theme: ITheme) => IVerticalDividerClassNames;
href?: string;
iconProps?: IIconProps;
// @deprecated (undocumented)
inactive?: boolean;
itemProps?: Partial<IContextualMenuItemProps>;
// @deprecated (undocumented)
items?: IContextualMenuItem[];
// (undocumented)
itemType?: ContextualMenuItemType;
key: string;
keytipProps?: IKeytipProps;
// @deprecated
name?: string;
onClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, item?: IContextualMenuItem) => boolean | void;
onMouseDown?: (item: IContextualMenuItem, event: React_2.MouseEvent<HTMLElement>) => void;
onRender?: (item: any, dismissMenu: (ev?: any, dismissAll?: boolean) => void) => React_2.ReactNode;
onRenderContent?: (props: IContextualMenuItemProps, defaultRenders: IContextualMenuItemRenderFunctions) => React_2.ReactNode;
onRenderIcon?: IRenderFunction<IContextualMenuItemProps>;
preferMenuTargetAsEventTarget?: boolean;
primaryDisabled?: boolean;
rel?: string;
role?: string;
secondaryText?: string;
sectionProps?: IContextualMenuSection;
// @deprecated (undocumented)
shortCut?: string;
split?: boolean;
// @deprecated
style?: React_2.CSSProperties;
submenuIconProps?: IIconProps;
subMenuProps?: IContextualMenuProps;
target?: string;
text?: string;
title?: string;
}
// @public (undocumented)
export interface IContextualMenuItemProps extends React_2.HTMLAttributes<IContextualMenuItemProps> {
className?: string;
classNames: IMenuItemClassNames;
componentRef?: IRefObject<IContextualMenuRenderItem>;
dismissMenu?: (ev?: any, dismissAll?: boolean) => void;
dismissSubMenu?: () => void;
getSubmenuTarget?: () => HTMLElement | undefined;
hasIcons: boolean | undefined;
index: number;
item: IContextualMenuItem;
onCheckmarkClick?: (item: IContextualMenuItem, ev: React_2.MouseEvent<HTMLElement>) => void;
openSubMenu?: (item: any, target: HTMLElement) => void;
styles?: IStyleFunctionOrObject<IContextualMenuItemStyleProps, IContextualMenuItemStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IContextualMenuItemRenderFunctions {
renderCheckMarkIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
renderItemIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
renderItemName: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
renderSecondaryText: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
renderSubMenuIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode;
}
// @public (undocumented)
export interface IContextualMenuItemRenderProps extends IContextualMenuItem {
// (undocumented)
focusableElementIndex: number;
// (undocumented)
hasCheckmarks: boolean;
// (undocumented)
hasIcons: boolean;
// (undocumented)
index: number;
// (undocumented)
totalItemCount: number;
}
// @public (undocumented)
export interface IContextualMenuItemStyleProps {
checked: boolean;
className?: string;
disabled: boolean;
dividerClassName?: string;
expanded: boolean;
iconClassName?: string;
isAnchorLink: boolean;
itemClassName?: string;
knownIcon: boolean;
primaryDisabled?: boolean;
subMenuClassName?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IContextualMenuItemStyles extends IButtonStyles {
anchorLink?: IStyle;
checkmarkIcon?: IStyle;
divider?: IStyle;
icon?: IStyle;
iconColor?: IStyle;
item?: IStyle;
label?: IStyle;
linkContent?: IStyle;
linkContentMenu?: IStyle;
root?: IStyle;
screenReaderText?: IStyle;
secondaryText?: IStyle;
splitContainer?: IStyle;
splitMenu?: IStyle;
splitPrimary?: IStyle;
subMenuIcon?: IStyle;
}
// @public (undocumented)
export interface IContextualMenuListProps {
// (undocumented)
ariaLabel?: string;
// (undocumented)
defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React_2.ReactNode;
// (undocumented)
hasCheckmarks: boolean;
// (undocumented)
hasIcons: boolean;
// (undocumented)
items: IContextualMenuItem[];
// (undocumented)
labelElementId?: string;
// (undocumented)
role?: string;
// (undocumented)
totalItemCount: number;
}
// @public (undocumented)
export interface IContextualMenuProps extends IBaseProps<IContextualMenu>, React_2.RefAttributes<HTMLDivElement>, IWithResponsiveModeState {
alignTargetEdge?: boolean;
ariaLabel?: string;
beakWidth?: number;
bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined);
calloutProps?: ICalloutProps;
className?: string;
// @deprecated
componentRef?: IRefObject<IContextualMenu>;
contextualMenuItemAs?: IComponentAs<IContextualMenuItemProps>;
coverTarget?: boolean;
delayUpdateFocusOnHover?: boolean;
directionalHint?: DirectionalHint;
directionalHintFixed?: boolean;
directionalHintForRTL?: DirectionalHint;
doNotLayer?: boolean;
focusZoneAs?: IComponentAs<IFocusZoneProps>;
focusZoneProps?: IFocusZoneProps;
gapSpace?: number;
// @deprecated
getMenuClassNames?: (theme: ITheme, className?: string) => IContextualMenuClassNames;
hidden?: boolean;
id?: string;
isBeakVisible?: boolean;
isSubMenu?: boolean;
items: IContextualMenuItem[];
labelElementId?: string;
onDismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent, dismissAll?: boolean) => void;
onItemClick?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>, item?: IContextualMenuItem) => boolean | void;
onMenuDismissed?: (contextualMenu?: IContextualMenuProps) => void;
onMenuOpened?: (contextualMenu?: IContextualMenuProps) => void;
onRenderContextualMenuItem?: IRenderFunction<IContextualMenuItem>;
onRenderMenuList?: IRenderFunction<IContextualMenuListProps>;
onRenderSubMenu?: IRenderFunction<IContextualMenuProps>;
onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
shouldFocusOnContainer?: boolean;
shouldFocusOnMount?: boolean;
shouldUpdateWhenHidden?: boolean;
styles?: IStyleFunctionOrObject<IContextualMenuStyleProps, IContextualMenuStyles>;
subMenuHoverDelay?: number;
target?: Target;
theme?: ITheme;
title?: string;
useTargetAsMinWidth?: boolean;
useTargetWidth?: boolean;
}
// @public (undocumented)
export interface IContextualMenuRenderItem {
dismissMenu: (dismissAll?: boolean) => void;
dismissSubMenu: () => void;
openSubMenu: () => void;
}
// @public (undocumented)
export interface IContextualMenuSection extends React_2.ClassAttributes<any> {
bottomDivider?: boolean;
items: IContextualMenuItem[];
title?: string | IContextualMenuItem;
topDivider?: boolean;
}
// @public (undocumented)
export interface IContextualMenuStyleProps {
// (undocumented)
className?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IContextualMenuStyles {
container: IStyle;
header: IStyle;
list: IStyle;
root: IStyle;
subComponentStyles: IContextualMenuSubComponentStyles;
title: IStyle;
}
// @public (undocumented)
export interface IContextualMenuSubComponentStyles {
callout: IStyleFunctionOrObject<ICalloutContentStyleProps, any>;
menuItem: IStyleFunctionOrObject<IContextualMenuItemStyleProps, any>;
}
// @public @deprecated (undocumented)
export enum IconType {
// @deprecated (undocumented)
Default = 100000,
// @deprecated
default = 0,
// @deprecated (undocumented)
Image = 100001,
// @deprecated
image = 1
}
export { ICSPSettings }
export { ICssInput }
export { ICustomizableProps }
export { ICustomizations }
export { ICustomizerContext }
export { ICustomizerProps }
export { IDateFormatting }
// @public (undocumented)
export interface IDatePicker {
focus(): void;
reset(): void;
showDatePickerPopup(): void;
}
// @public (undocumented)
export interface IDatePickerProps extends IBaseProps<IDatePicker>, React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
allFocusable?: boolean;
allowTextInput?: boolean;
ariaLabel?: string;
borderless?: boolean;
calendarAs?: IComponentAs<ICalendarProps>;
calendarProps?: ICalendarProps;
calloutProps?: ICalloutProps;
className?: string;
componentRef?: IRefObject<IDatePicker>;
dateTimeFormatter?: IDateFormatting;
disableAutoFocus?: boolean;
disabled?: boolean;
firstDayOfWeek?: DayOfWeek;
firstWeekOfYear?: FirstWeekOfYear;
formatDate?: (date?: Date) => string;
highlightCurrentMonth?: boolean;
highlightSelectedMonth?: boolean;
initialPickerDate?: Date;
isMonthPickerVisible?: boolean;
isRequired?: boolean;
label?: string;
maxDate?: Date;
minDate?: Date;
onAfterMenuDismiss?: () => void;
onSelectDate?: (date: Date | null | undefined) => void;
openOnClick?: boolean;
parseDateFromString?: (dateStr: string) => Date | null;
pickerAriaLabel?: string;
placeholder?: string;
showCloseButton?: boolean;
showGoToToday?: boolean;
showMonthPickerAsOverlay?: boolean;
showWeekNumbers?: boolean;
strings?: IDatePickerStrings;
styles?: IStyleFunctionOrObject<IDatePickerStyleProps, IDatePickerStyles>;
tabIndex?: number;
textField?: ITextFieldProps;
theme?: ITheme;
today?: Date;
underlined?: boolean;
value?: Date;
}
// @public (undocumented)
export interface IDatePickerStrings extends ICalendarStrings {
invalidInputErrorMessage?: string;
isOutOfBoundsErrorMessage?: string;
isRequiredErrorMessage?: string;
isResetStatusMessage?: string;
}
// @public (undocumented)
export interface IDatePickerStyleProps {
className?: string;
// (undocumented)
disabled?: boolean;
// (undocumented)
isDatePickerShown?: boolean;
// (undocumented)
label?: boolean;
theme: ITheme;
// (undocumented)
underlined?: boolean;
}
// @public (undocumented)
export interface IDatePickerStyles {
// (undocumented)
callout: IStyle;
// (undocumented)
icon: IStyle;
// (undocumented)
readOnlyPlaceholder?: IStyle;
// (undocumented)
readOnlyTextField?: IStyle;
root: IStyle;
// (undocumented)
statusMessage?: IStyle;
// (undocumented)
textField: IStyle;
// (undocumented)
wrapper?: IStyle;
}
export { IDeclaredEventsByName }
export { IDelayedRenderProps }
export { IDelayedRenderState }
// @public (undocumented)
export interface IDetailsCheckboxProps {
// (undocumented)
checked: boolean;
// (undocumented)
theme?: ITheme;
}
// @public (undocumented)
export interface IDetailsColumnFieldProps {
cellValueKey?: string;
className?: string;
column: IColumn;
isSelected?: boolean;
item: any;
itemIndex: number;
onRender: (item?: any, index?: any, column?: IColumn) => React_2.ReactNode;
}
// @public (undocumented)
export interface IDetailsColumnFilterIconProps extends IIconProps {
// (undocumented)
columnProps?: IDetailsColumnProps;
}
// @public (undocumented)
export interface IDetailsColumnProps extends React_2.ClassAttributes<DetailsColumnBase> {
cellStyleProps?: ICellStyleProps;
column: IColumn;
columnIndex: number;
componentRef?: () => void;
dragDropHelper?: IDragDropHelper | null;
isDraggable?: boolean;
isDropped?: boolean;
onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent<HTMLElement>) => void;
onColumnKeyDown?: (ev: React_2.KeyboardEvent, column: IColumn) => void;
onRenderColumnHeaderTooltip?: IRenderFunction<IDetailsColumnRenderTooltipProps>;
parentId?: string;
// @deprecated (undocumented)
setDraggedItemIndex?: (itemIndex: number) => void;
styles?: IStyleFunctionOrObject<IDetailsColumnStyleProps, IDetailsColumnStyles>;
theme?: ITheme;
updateDragInfo?: (props: {
itemIndex: number;
}, event?: MouseEvent) => void;
useFastIcons?: boolean;
}
// @public (undocumented)
export interface IDetailsColumnRenderTooltipProps extends ITooltipHostProps {
column?: IColumn;
}
// @public (undocumented)
export type IDetailsColumnStyleProps = Required<Pick<IDetailsColumnProps, 'theme' | 'cellStyleProps'>> & {
headerClassName?: string;
isActionable?: boolean;
isEmpty?: boolean;
isIconVisible?: boolean;
isPadded?: boolean;
isIconOnly?: boolean;
iconClassName?: string;
transitionDurationDrag?: number;
transitionDurationDrop?: number;
};
// @public (undocumented)
export interface IDetailsColumnStyles {
accessibleLabel: IStyle;
borderAfterDropping: IStyle;
borderWhileDragging: IStyle;
cellName: IStyle;
cellTitle: IStyle;
cellTooltip: IStyle;
filterChevron: IStyle;
gripperBarVerticalStyle: IStyle;
iconClassName: IStyle;
nearIcon: IStyle;
noBorderAfterDropping: IStyle;
noBorderWhileDragging: IStyle;
root: IStyle;
sortIcon: IStyle;
}
// @public (undocumented)
export interface IDetailsFooterBaseProps extends IDetailsItemProps {
}
// @public (undocumented)
export interface IDetailsFooterProps extends IDetailsFooterBaseProps {
columns: IColumn[];
selection: ISelection;
selectionMode: SelectionMode_2;
}
// @public (undocumented)
export interface IDetailsGroupDividerProps extends IGroupDividerProps, IDetailsItemProps {
}
// @public (undocumented)
export interface IDetailsGroupRenderProps extends IGroupRenderProps {
// (undocumented)
groupedListAs?: IComponentAs<IGroupedListProps>;
// (undocumented)
onRenderFooter?: IRenderFunction<IDetailsGroupDividerProps>;
// (undocumented)
onRenderHeader?: IRenderFunction<IDetailsGroupDividerProps>;
}
// @public (undocumented)
export interface IDetailsHeader {
focus: () => boolean;
}
// @public (undocumented)
export interface IDetailsHeaderBaseProps extends React_2.ClassAttributes<DetailsHeaderBase>, IDetailsItemProps {
ariaLabel?: string;
ariaLabelForSelectAllCheckbox?: string;
ariaLabelForSelectionColumn?: string;
ariaLabelForToggleAllGroupsButton?: string;
className?: string;
collapseAllVisibility?: CollapseAllVisibility;
columnReorderOptions?: IColumnReorderOptions;
columnReorderProps?: IColumnReorderHeaderProps;
componentRef?: IRefObject<IDetailsHeader>;
isAllCollapsed?: boolean;
layoutMode: DetailsListLayoutMode;
minimumPixelsForDrag?: number;
onColumnAutoResized?: (column: IColumn, columnIndex: number) => void;
onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void;
onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent<HTMLElement>) => void;
onColumnIsSizingChanged?: (column: IColumn, isSizing: boolean) => void;
onColumnResized?: (column: IColumn, newWidth: number, columnIndex: number) => void;
onRenderColumnHeaderTooltip?: IRenderFunction<IDetailsColumnRenderTooltipProps>;
onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
onToggleCollapseAll?: (isAllCollapsed: boolean) => void;
selectAllVisibility?: SelectAllVisibility;
styles?: IStyleFunctionOrObject<IDetailsHeaderStyleProps, IDetailsHeaderStyles>;
theme?: ITheme;
useFastIcons?: boolean;
}
// @public (undocumented)
export interface IDetailsHeaderProps extends IDetailsHeaderBaseProps {
columns: IColumn[];
selection: ISelection;
selectionMode: SelectionMode_2;
}
// @public (undocumented)
export interface IDetailsHeaderState {
// (undocumented)
columnResizeDetails?: IColumnResizeDetails;
// (undocumented)
isAllCollapsed?: boolean;
// (undocumented)
isAllSelected?: boolean;
// (undocumented)
isSizing?: boolean;
}
// @public (undocumented)
export type IDetailsHeaderStyleProps = Required<Pick<IDetailsHeaderProps, 'theme'>> & Pick<IDetailsHeaderProps, 'className'> & {
isSelectAllHidden?: boolean;
isAllSelected?: boolean;
isResizingColumn?: boolean;
isAllCollapsed?: boolean;
isSizing?: boolean;
isCheckboxHidden?: boolean;
cellStyleProps?: ICellStyleProps;
};
// @public (undocumented)
export interface IDetailsHeaderStyles {
// (undocumented)
accessibleLabel: IStyle;
// @deprecated (undocumented)
cellIsActionable: IStyle;
// (undocumented)
cellIsCheck: IStyle;
// @deprecated (undocumented)
cellIsEmpty: IStyle;
// (undocumented)
cellIsGroupExpander: IStyle;
// (undocumented)
cellIsResizing: IStyle;
// (undocumented)
cellSizer: IStyle;
// (undocumented)
cellSizerEnd: IStyle;
// (undocumented)
cellSizerStart: IStyle;
// @deprecated (undocumented)
cellWrapperPadded: IStyle;
// (undocumented)
check: IStyle;
// (undocumented)
checkTooltip: IStyle;
// (undocumented)
collapseButton: IStyle;
// (undocumented)
dropHintCaretStyle: IStyle;
// (undocumented)
dropHintCircleStyle: IStyle;
// (undocumented)
dropHintLineStyle: IStyle;
// (undocumented)
dropHintStyle: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
sizingOverlay: IStyle;
}
// @public (undocumented)
export interface IDetailsItemProps {
cellStyleProps?: ICellStyleProps;
checkboxVisibility?: CheckboxVisibility | undefined;
columns?: IColumn[];
groupNestingDepth?: number;
indentWidth?: number | undefined;
rowWidth?: number;
selection?: ISelection | undefined;
selectionMode?: SelectionMode_2 | undefined;
// @deprecated
viewport?: IViewport | undefined;
}
// @public (undocumented)
export interface IDetailsList extends IList {
focusIndex: (index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void;
forceUpdate: () => void;
getStartItemIndexInView: () => number;
updateColumn: (column: IColumn, options: {
width?: number;
newColumnIndex?: number;
}) => void;
}
// @public (undocumented)
export interface IDetailsListCheckboxProps extends IDetailsCheckboxProps {
}
// @public (undocumented)
export interface IDetailsListProps extends IBaseProps<IDetailsList>, IWithViewportProps {
// @deprecated
ariaLabel?: string;
ariaLabelForGrid?: string;
ariaLabelForListHeader?: string;
ariaLabelForSelectAllCheckbox?: string;
ariaLabelForSelectionColumn?: string;
cellStyleProps?: ICellStyleProps;
checkboxCellClassName?: string;
checkboxVisibility?: CheckboxVisibility;
checkButtonAriaLabel?: string;
checkButtonGroupAriaLabel?: string;
className?: string;
columnReorderOptions?: IColumnReorderOptions;
columns?: IColumn[];
compact?: boolean;
componentRef?: IRefObject<IDetailsList>;
constrainMode?: ConstrainMode;
disableSelectionZone?: boolean;
dragDropEvents?: IDragDropEvents;
enableUpdateAnimations?: boolean;
enterModalSelectionOnTouch?: boolean;
flexMargin?: number;
focusZoneProps?: IFocusZoneProps;
getCellValueKey?: (item?: any, index?: number, column?: IColumn) => string;
getGroupHeight?: IGroupedListProps['getGroupHeight'];
getKey?: (item: any, index?: number) => string;
getRowAriaDescribedBy?: (item: any) => string;
getRowAriaLabel?: (item: any) => string;
groupProps?: IDetailsGroupRenderProps;
groups?: IGroup[];
indentWidth?: number;
initialFocusedIndex?: number;
isHeaderVisible?: boolean;
isPlaceholderData?: boolean;
isSelectedOnFocus?: boolean;
items: any[];
layoutMode?: DetailsListLayoutMode;
listProps?: IListProps;
minimumPixelsForDrag?: number;
onActiveItemChanged?: (item?: any, index?: number, ev?: React_2.FocusEvent<HTMLElement>) => void;
onColumnHeaderClick?: (ev?: React_2.MouseEvent<HTMLElement>, column?: IColumn) => void;
onColumnHeaderContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent<HTMLElement>) => void;
onColumnResize?: (column?: IColumn, newWidth?: number, columnIndex?: number) => void;
onDidUpdate?: (detailsList?: DetailsListBase) => void;
onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean;
onItemInvoked?: (item?: any, index?: number, ev?: Event) => void;
onRenderCheckbox?: IRenderFunction<IDetailsListCheckboxProps>;
onRenderDetailsFooter?: IRenderFunction<IDetailsFooterProps>;
onRenderDetailsHeader?: IRenderFunction<IDetailsHeaderProps>;
onRenderField?: IRenderFunction<IDetailsColumnFieldProps>;
onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React_2.ReactNode;
onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React_2.ReactNode;
onRenderRow?: IRenderFunction<IDetailsRowProps>;
onRowDidMount?: (item?: any, index?: number) => void;
onRowWillUnmount?: (item?: any, index?: number) => void;
onShouldVirtualize?: (props: IListProps) => boolean;
role?: string;
rowElementEventMap?: {
eventName: string;
callback: (context: IDragDropContext, event?: any) => void;
}[];
selection?: ISelection;
selectionMode?: SelectionMode_2;
selectionPreservedOnEmptyClick?: boolean;
selectionZoneProps?: Partial<ISelectionZoneProps>;
setKey?: string;
// @deprecated
shouldApplyApplicationRole?: boolean;
styles?: IStyleFunctionOrObject<IDetailsListStyleProps, IDetailsListStyles>;
theme?: ITheme;
useFastIcons?: boolean;
usePageCache?: boolean;
useReducedRowRenderer?: boolean;
viewport?: IViewport;
}
// @public (undocumented)
export interface IDetailsListState {
// (undocumented)
adjustedColumns: IColumn[];
// (undocumented)
focusedItemIndex: number;
// (undocumented)
getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState;
// (undocumented)
isCollapsed?: boolean;
// (undocumented)
isSizing?: boolean;
// (undocumented)
isSomeGroupExpanded?: boolean;
// (undocumented)
lastSelectionMode?: SelectionMode_2;
// (undocumented)
lastWidth?: number;
version: {};
}
// @public (undocumented)
export type IDetailsListStyleProps = Required<Pick<IDetailsListProps, 'theme'>> & Pick<IDetailsListProps, 'className'> & {
isHorizontalConstrained?: boolean;
compact?: boolean;
isFixed?: boolean;
};
// @public (undocumented)
export interface IDetailsListStyles {
// (undocumented)
contentWrapper: IStyle;
// (undocumented)
focusZone: IStyle;
// (undocumented)
headerWrapper: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDetailsRow {
}
// @public (undocumented)
export interface IDetailsRowBaseProps extends Pick<IDetailsListProps, 'onRenderItemColumn' | 'getCellValueKey' | 'onRenderField'>, IBaseProps<IDetailsRow>, IDetailsItemProps {
cellsByColumn?: {
[columnKey: string]: React_2.ReactNode;
};
checkboxCellClassName?: string;
checkButtonAriaLabel?: string;
className?: string;
collapseAllVisibility?: CollapseAllVisibility;
compact?: boolean;
componentRef?: IRefObject<IDetailsRow>;
disabled?: boolean;
dragDropEvents?: IDragDropEvents;
dragDropHelper?: IDragDropHelper;
enableUpdateAnimations?: boolean;
eventsToRegister?: {
eventName: string;
callback: (item?: any, index?: number, event?: any) => void;
}[];
flatIndexOffset?: number;
focusZoneProps?: IFocusZoneProps;
getRowAriaDescribedBy?: (item: any) => string;
getRowAriaDescription?: (item: any) => string;
getRowAriaLabel?: (item: any) => string;
group?: IGroup;
id?: string;
isGridRow?: boolean;
item: any;
itemIndex: number;
onDidMount?: (row?: DetailsRowBase) => void;
onRenderCheck?: (props: IDetailsRowCheckProps) => JSXElement;
onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
onWillUnmount?: (row?: DetailsRowBase) => void;
role?: string;
rowFieldsAs?: IComponentAs<IDetailsRowFieldsProps>;
styles?: IStyleFunctionOrObject<IDetailsRowStyleProps, IDetailsRowStyles>;
theme?: ITheme;
useFastIcons?: boolean;
useReducedRowRenderer?: boolean;
}
// @public (undocumented)
export interface IDetailsRowCheckProps extends React_2.HTMLAttributes<HTMLElement> {
anySelected?: boolean;
canSelect: boolean;
checkClassName?: string;
className?: string;
compact?: boolean;
isHeader?: boolean;
isVisible?: boolean;
onRenderDetailsCheckbox?: IRenderFunction<IDetailsCheckboxProps>;
selected?: boolean;
selectionMode?: SelectionMode_2;
styles?: IStyleFunctionOrObject<IDetailsRowCheckStyleProps, IDetailsRowCheckStyles>;
theme?: ITheme;
useFastIcons?: boolean;
}
// @public (undocumented)
export type IDetailsRowCheckStyleProps = Required<Pick<IDetailsRowCheckProps, 'theme'>> & Pick<IDetailsRowCheckProps, 'compact' | 'isHeader' | 'selected' | 'anySelected' | 'canSelect' | 'className'> & {
isVisible?: boolean;
};
// @public (undocumented)
export interface IDetailsRowCheckStyles {
// @deprecated (undocumented)
check: IStyle;
// (undocumented)
isDisabled: IStyle;
// (undocumented)
root: IStyle;
}
// @public
export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps {
cellStyleProps?: ICellStyleProps;
columns: IColumn[];
columnStartIndex: number;
compact?: boolean;
// (undocumented)
enableUpdateAnimations?: boolean;
isSelected?: boolean;
item: any;
itemIndex: number;
rowClassNames: {
[k in keyof Pick<IDetailsRowStyles, 'isMultiline' | 'isRowHeader' | 'cell' | 'cellAnimation' | 'cellPadded' | 'cellUnpadded' | 'fields'>]: string;
};
rowHeaderId?: string;
}
// @public (undocumented)
export interface IDetailsRowProps extends IDetailsRowBaseProps {
columns: IColumn[];
selection: ISelection;
selectionMode: SelectionMode_2;
}
// @public (undocumented)
export interface IDetailsRowSelectionState {
// (undocumented)
isSelected: boolean;
// (undocumented)
isSelectionModal: boolean;
}
// @public (undocumented)
export interface IDetailsRowState {
// (undocumented)
columnMeasureInfo?: {
index: number;
column: IColumn;
onMeasureDone: (measuredWidth: number) => void;
};
// (undocumented)
isDropping?: boolean;
// (undocumented)
selectionState: IDetailsRowSelectionState;
}
// @public (undocumented)
export type IDetailsRowStyleProps = Required<Pick<IDetailsRowProps, 'theme'>> & Pick<IDetailsRowProps, 'disabled'> & {
isSelected?: boolean;
anySelected?: boolean;
canSelect?: boolean;
droppingClassName?: string;
isCheckVisible?: boolean;
isRowHeader?: boolean;
checkboxCellClassName?: string;
className?: string;
compact?: boolean;
cellStyleProps?: ICellStyleProps;
enableUpdateAnimations?: boolean;
};
// @public (undocumented)
export interface IDetailsRowStyles {
// (undocumented)
cell: IStyle;
// (undocumented)
cellAnimation: IStyle;
// (undocumented)
cellMeasurer: IStyle;
// (undocumented)
cellPadded: IStyle;
// (undocumented)
cellUnpadded: IStyle;
// (undocumented)
check: IStyle;
// (undocumented)
checkCell: IStyle;
// @deprecated (undocumented)
checkCover?: IStyle;
// (undocumented)
fields: IStyle;
// (undocumented)
isMultiline: IStyle;
// (undocumented)
isRowHeader: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDialog {
}
// @public (undocumented)
export interface IDialogContent {
}
// @public (undocumented)
export interface IDialogContentProps extends React_2.ClassAttributes<DialogContentBase> {
// (undocumented)
children?: React_2.ReactNode;
className?: string;
closeButtonAriaLabel?: string;
componentRef?: IRefObject<IDialogContent>;
draggableHeaderClassName?: string;
isMultiline?: boolean;
onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement>) => any;
responsiveMode?: ResponsiveMode;
showCloseButton?: boolean;
styles?: IStyleFunctionOrObject<IDialogContentStyleProps, IDialogContentStyles>;
subText?: string;
subTextId?: string;
theme?: ITheme;
title?: string | JSXElement;
// @deprecated
titleId?: string;
titleProps?: React_2.HTMLAttributes<HTMLDivElement>;
topButtonsProps?: IButtonProps[];
type?: DialogType;
}
// @public (undocumented)
export interface IDialogContentStyleProps {
className?: string;
draggableHeaderClassName?: string;
// (undocumented)
hidden?: boolean;
// (undocumented)
isClose?: boolean;
// (undocumented)
isLargeHeader?: boolean;
isMultiline?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDialogContentStyles {
// (undocumented)
button: IStyle;
content: IStyle;
// (undocumented)
header: IStyle;
// (undocumented)
inner: IStyle;
// (undocumented)
innerContent: IStyle;
// (undocumented)
subText: IStyle;
// (undocumented)
title: IStyle;
// (undocumented)
topButton: IStyle;
}
// @public (undocumented)
export interface IDialogFooter {
}
// @public (undocumented)
export interface IDialogFooterProps extends IReactProps<DialogFooterBase> {
// (undocumented)
children?: React_2.ReactNode;
className?: string;
componentRef?: IRefObject<IDialogFooter>;
styles?: IStyleFunctionOrObject<IDialogFooterStyleProps, IDialogFooterStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDialogFooterStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDialogFooterStyles {
// (undocumented)
action: IStyle;
actions: IStyle;
// (undocumented)
actionsRight: IStyle;
}
// @public (undocumented)
export interface IDialogProps extends React_2.ClassAttributes<DialogBase>, IWithResponsiveModeState, IAccessiblePopupProps {
// @deprecated
ariaDescribedById?: string;
// @deprecated
ariaLabelledById?: string;
// (undocumented)
children?: React_2.ReactNode;
// @deprecated
className?: string;
// @deprecated (undocumented)
componentRef?: IRefObject<IDialog>;
// @deprecated
containerClassName?: string;
// @deprecated
contentClassName?: string;
dialogContentProps?: IDialogContentProps;
hidden?: boolean;
// @deprecated
isBlocking?: boolean;
// @deprecated
isDarkOverlay?: boolean;
// @deprecated
isOpen?: boolean;
maxWidth?: ICSSRule | ICSSPixelUnitRule;
minWidth?: ICSSRule | ICSSPixelUnitRule;
modalProps?: IModalProps;
onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement>) => any;
// @deprecated
onDismissed?: () => any;
// @deprecated
onLayerDidMount?: () => void;
// @deprecated
onLayerMounted?: () => void;
styles?: IStyleFunctionOrObject<IDialogStyleProps, IDialogStyles>;
// @deprecated
subText?: string;
theme?: ITheme;
// @deprecated
title?: string | JSXElement;
// @deprecated
topButtonsProps?: IButtonProps[];
// @deprecated
type?: DialogType;
}
// @public (undocumented)
export interface IDialogStyleProps {
className?: string;
// @deprecated
containerClassName?: string;
// @deprecated
contentClassName?: string;
dialogDefaultMaxWidth?: string | ICSSRule | ICSSPixelUnitRule;
dialogDefaultMinWidth?: string | ICSSRule | ICSSPixelUnitRule;
hidden?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDialogStyles {
// (undocumented)
main: IStyle;
root: IStyle;
}
export { IDictionary }
export { IDisposable }
// @public (undocumented)
export interface IDividerAsProps extends IIconProps {
item?: IBreadcrumbItem;
}
// @public (undocumented)
export interface IDocumentCard {
focus: () => void;
}
// @public (undocumented)
export interface IDocumentCardActions {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardActionsBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardActionsProps extends React_2.ClassAttributes<DocumentCardActionsBase> {
actions: IButtonProps[];
className?: string;
componentRef?: IRefObject<IDocumentCardActions>;
styles?: IStyleFunctionOrObject<IDocumentCardActionsStyleProps, IDocumentCardActionsStyles>;
theme?: ITheme;
views?: number;
}
// @public (undocumented)
export interface IDocumentCardActionsStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardActionsStyles {
// (undocumented)
action: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
views: IStyle;
// (undocumented)
viewsIcon: IStyle;
}
// @public (undocumented)
export interface IDocumentCardActivity {
}
// @public (undocumented)
export interface IDocumentCardActivityPerson {
allowPhoneInitials?: boolean;
initials?: string;
initialsColor?: PersonaInitialsColor;
name: string;
profileImageSrc: string;
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardActivityBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardActivityProps extends React_2.ClassAttributes<DocumentCardActivityBase> {
activity: string;
className?: string;
componentRef?: IRefObject<IDocumentCardActivity>;
people: IDocumentCardActivityPerson[];
styles?: IStyleFunctionOrObject<IDocumentCardActivityStyleProps, IDocumentCardActivityStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardActivityStyleProps {
className?: string;
multiplePeople?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardActivityStyles {
// (undocumented)
activity: IStyle;
// (undocumented)
avatar: IStyle;
// (undocumented)
avatars: IStyle;
// (undocumented)
details: IStyle;
// (undocumented)
name: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardContext {
// (undocumented)
role?: string;
// (undocumented)
tabIndex?: number;
}
// @public (undocumented)
export interface IDocumentCardDetails {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardDetailsBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardDetailsProps extends IReactProps<DocumentCardDetailsBase> {
className?: string;
componentRef?: IRefObject<IDocumentCardDetails>;
styles?: IStyleFunctionOrObject<IDocumentCardDetailsStyleProps, IDocumentCardDetailsStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardDetailsStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardDetailsStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardImage {
}
// @public (undocumented)
export interface IDocumentCardImageProps extends IBaseProps<{}> {
className?: string;
componentRef?: IRefObject<IDocumentCardImage>;
height?: number;
iconProps?: IIconProps;
imageFit?: ImageFit;
imageSrc?: string;
styles?: IStyleFunctionOrObject<IDocumentCardImageStyleProps, IDocumentCardImageStyles>;
theme?: ITheme;
width?: number;
}
// @public (undocumented)
export interface IDocumentCardImageStyleProps extends IDocumentCardImageProps {
}
// @public (undocumented)
export interface IDocumentCardImageStyles {
// (undocumented)
centeredIcon: IStyle;
// (undocumented)
centeredIconWrapper: IStyle;
// (undocumented)
cornerIcon: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardLocation {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardLocationBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardLocationProps extends React_2.ClassAttributes<DocumentCardLocationBase> {
ariaLabel?: string;
className?: string;
componentRef?: IRefObject<IDocumentCardLocation>;
location: string;
locationHref?: string;
onClick?: (ev?: React_2.MouseEvent<HTMLElement>) => void;
styles?: IStyleFunctionOrObject<IDocumentCardLocationStyleProps, IDocumentCardLocationStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardLocationStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardLocationStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardLogo {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardLogoBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardLogoProps extends React_2.ClassAttributes<DocumentCardLogoBase> {
className?: string;
componentRef?: IRefObject<IDocumentCardLogo>;
logoIcon: string;
logoName?: string;
styles?: IStyleFunctionOrObject<IDocumentCardLogoStyleProps, IDocumentCardLogoStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardLogoStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardLogoStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardPreview {
}
// @public (undocumented)
export interface IDocumentCardPreviewImage {
// @deprecated
accentColor?: string;
componentRef?: IRefObject<{}>;
// @deprecated (undocumented)
errorImageSrc?: string;
height?: number;
iconSrc?: string;
imageFit?: ImageFit;
linkProps?: ILinkProps;
name?: string;
previewIconContainerClass?: string;
previewIconProps?: IIconProps;
previewImageSrc?: string;
// @deprecated
url?: string;
width?: number;
}
// @public (undocumented)
export interface IDocumentCardPreviewProps extends IBaseProps<{}> {
className?: string;
componentRef?: IRefObject<IDocumentCardPreview>;
getOverflowDocumentCountText?: (overflowCount: number) => string;
maxDisplayCount?: number;
previewImages: IDocumentCardPreviewImage[];
styles?: IStyleFunctionOrObject<IDocumentCardPreviewStyleProps, IDocumentCardPreviewStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardPreviewStyleProps {
className?: string;
isFileList?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardPreviewStyles {
// (undocumented)
fileList: IStyle;
// (undocumented)
fileListIcon: IStyle;
// (undocumented)
fileListLink: IStyle;
// (undocumented)
fileListOverflowText: IStyle;
// (undocumented)
icon: IStyle;
// (undocumented)
previewIcon: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardProps extends IBaseProps<IDocumentCard>, React_2.HTMLAttributes<HTMLDivElement> {
// @deprecated
accentColor?: string;
children?: React_2.ReactNode;
className?: string;
componentRef?: IRefObject<IDocumentCard>;
onClick?: (ev?: React_2.SyntheticEvent<HTMLElement>) => void;
onClickHref?: string;
onClickTarget?: string;
role?: string;
styles?: IStyleFunctionOrObject<IDocumentCardStyleProps, IDocumentCardStyles>;
theme?: ITheme;
type?: DocumentCardType;
}
// @public (undocumented)
export interface IDocumentCardStatus {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardStatusBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardStatusProps extends IReactProps<DocumentCardStatusBase> {
className?: string;
componentRef?: IRefObject<IDocumentCardStatus>;
status: string;
statusIcon?: string;
styles?: IStyleFunctionOrObject<IDocumentCardStatusStyleProps, IDocumentCardStatusStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IDocumentCardStatusStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardStatusStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardStyleProps {
actionable?: boolean;
className?: string;
compact?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IDocumentCardTitle {
}
// Warning: (ae-forgotten-export) The symbol "DocumentCardTitleBase" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IDocumentCardTitleProps extends React_2.ClassAttributes<DocumentCardTitleBase> {
className?: string;
componentRef?: IRefObject<IDocumentCardTitle>;
shouldTruncate?: boolean;
showAsSecondaryTitle?: boolean;
styles?: IStyleFunctionOrObject<IDocumentCardTitleStyleProps, IDocumentCardTitleStyles>;
theme?: ITheme;
title: string;
}
// @public (undocumented)
export interface IDocumentCardTitleStyleProps {
className?: string;
showAsSecondaryTitle?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IDocumentCardTitleStyles {
// (undocumented)
root: IStyle;
}
// @public
export interface IDragDropContext {
data: any;
index: number;
isGroup?: boolean;
}
// @public (undocumented)
export interface IDragDropEvent {
isHandled?: boolean;
}
// @public
export interface IDragDropEvents {
canDrag?: (item?: any) => boolean;
canDragGroups?: boolean;
canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
onDragEnd?: (item?: any, event?: DragEvent) => void;
onDragEnter?: (item?: any, event?: DragEvent) => string;
onDragLeave?: (item?: any, event?: DragEvent) => void;
onDragOver?: (item?: any, event?: DragEvent) => void;
onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
onDrop?: (item?: any, event?: DragEvent) => void;
}
// @public
export interface IDragDropHelper {
dispose: () => void;
subscribe: (root: HTMLElement, events: EventGroup, options: IDragDropOptions) => {
key: string;
dispose: () => void;
};
unsubscribe: (root: HTMLElement, key: string) => void;
}
// @public (undocumented)
export interface IDragDropHelperParams {
// (undocumented)
minimumPixelsForDrag?: number;
// (undocumented)
selection: ISelection;
}
// @public
export interface IDragDropOptions {
canDrag?: (item?: any) => boolean;
canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean;
context: IDragDropContext;
eventMap?: {
eventName: string;
callback: (context: IDragDropContext, event?: any) => void;
}[];
key?: string;
onDragEnd?: (item?: any, event?: DragEvent) => void;
onDragOver?: (item?: any, event?: DragEvent) => void;
onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void;
onDrop?: (item?: any, event?: DragEvent) => void;
selectionIndex: number;
updateDropState: (isDropping: boolean, event: DragEvent) => void;
}
// @public (undocumented)
export interface IDragDropTarget {
// (undocumented)
key: string;
// (undocumented)
options: IDragDropOptions;
// (undocumented)
root: HTMLElement;
}
// @public (undocumented)
export interface IDragOptions {
closeMenuItemText: string;
dragHandleSelector?: string;
keepInBounds?: boolean;
keyboardMoveIconProps?: IIconProps;
menu: React_2.FunctionComponent<IContextualMenuProps>;
moveMenuItemText: string;
}
// @public (undocumented)
export interface IDropdown {
dismissMenu: () => void;
// (undocumented)
focus: (shouldOpenOnFocus?: boolean) => void;
readonly selectedOptions: IDropdownOption[];
}
// @public (undocumented)
export interface IDropdownOption<T = any> extends ISelectableOption<T> {
// @deprecated (undocumented)
isSelected?: boolean;
}
// @public (undocumented)
export interface IDropdownProps extends ISelectableDroppableTextProps<IDropdown, HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
defaultSelectedKeys?: string[] | number[];
dropdownWidth?: number | 'auto';
// @deprecated (undocumented)
isDisabled?: boolean;
multiSelectDelimiter?: string;
notifyOnReselect?: boolean;
onChange?: (event: React_2.FormEvent<HTMLDivElement>, option?: IDropdownOption, index?: number) => void;
// @deprecated (undocumented)
onChanged?: (option: IDropdownOption, index?: number) => void;
onRenderCaretDown?: IRenderFunction<IDropdownProps>;
onRenderLabel?: IRenderFunction<IDropdownProps>;
// @deprecated
onRenderPlaceHolder?: IRenderFunction<IDropdownProps>;
onRenderPlaceholder?: IRenderFunction<IDropdownProps>;
onRenderTitle?: IRenderFunction<IDropdownOption[]>;
options: IDropdownOption[];
// @deprecated
placeHolder?: string;
responsiveMode?: ResponsiveMode;
selectedKeys?: string[] | number[] | null;
styles?: IStyleFunctionOrObject<IDropdownStyleProps, IDropdownStyles>;
theme?: ITheme;
}
// @public
export type IDropdownStyleProps = Pick<IDropdownProps, 'theme' | 'className' | 'disabled' | 'required'> & {
hasError: boolean;
hasLabel: boolean;
isOpen: boolean;
isRenderingPlaceholder: boolean;
panelClassName?: string;
calloutClassName?: string;
calloutRenderEdge?: RectangleEdge;
};
// @public
export interface IDropdownStyles {
callout: IStyle;
caretDown: IStyle;
caretDownWrapper: IStyle;
dropdown: IStyle;
dropdownDivider: IStyle;
dropdownDividerHidden: IStyle;
dropdownItem: IStyle;
dropdownItemDisabled: IStyle;
dropdownItemHeader: IStyle;
dropdownItemHeaderHidden: IStyle;
dropdownItemHidden: IStyle;
dropdownItems: IStyle;
dropdownItemSelected: IStyle;
dropdownItemSelectedAndDisabled: IStyle;
dropdownItemsWrapper: IStyle;
dropdownOptionText: IStyle;
errorMessage: IStyle;
label: IStyle;
// @deprecated
panel: IStyle;
root: IStyle;
subComponentStyles: IDropdownSubComponentStyles;
title: IStyle;
}
// @public (undocumented)
export interface IDropdownSubComponentStyles {
label: IStyleFunctionOrObject<ILabelStyleProps, ILabelStyles>;
multiSelectItem: IStyleFunctionOrObject<ICheckboxStyleProps, ICheckboxStyles>;
panel: IStyleFunctionOrObject<IPanelStyleProps, IPanelStyles>;
}
// @public (undocumented)
export interface IDropHintDetails {
// (undocumented)
dropHintElementRef: HTMLElement;
// (undocumented)
endX: number;
// (undocumented)
originX: number;
// (undocumented)
startX: number;
}
// @public (undocumented)
export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProps {
// (undocumented)
floatingPickerProps?: IBaseFloatingPickerProps<IPersonaProps>;
// (undocumented)
getEditingItemText?: (item: IExtendedPersonaProps) => string;
// (undocumented)
onEditingComplete: (oldItem: any, newItem: any) => void;
// (undocumented)
onRenderFloatingPicker?: React_2.ComponentType<IBaseFloatingPickerProps<IPersonaProps>>;
}
// @public (undocumented)
export interface IEditingSelectedPeopleItemStyles {
// (undocumented)
input: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IEditingSelectedPeopleItemStylesProps {
}
export { IEffects }
// @public
export interface IElementPosition {
// (undocumented)
alignmentEdge: RectangleEdge | undefined;
// (undocumented)
elementRectangle: Rectangle;
// (undocumented)
forcedInBounds?: boolean;
// (undocumented)
targetEdge: RectangleEdge;
}
// @public (undocumented)
export interface IElementPositionInfo extends IElementPosition {
// (undocumented)
targetRectangle: Rectangle;
}
// @public
export interface IEntityRect {
// (undocumented)
height?: number;
// (undocumented)
width?: number;
}
export { IEventRecord }
export { IEventRecordList }
export { IEventRecordsByName }
// @public (undocumented)
export interface IExpandingCard {
}
// Warning: (ae-forgotten-export) The symbol "IBaseCardProps" needs to be exported by the entry point index.d.ts
//
// @public
export interface IExpandingCardProps extends IBaseCardProps<IExpandingCard, IExpandingCardStyles, IExpandingCardStyleProps> {
compactCardHeight?: number;
expandedCardHeight?: number;
mode?: ExpandingCardMode;
onRenderCompactCard?: IRenderFunction<any>;
onRenderExpandedCard?: IRenderFunction<any>;
}
// @public (undocumented)
export interface IExpandingCardState {
// (undocumented)
firstFrameRendered: boolean;
// (undocumented)
needsScroll: boolean;
}
// Warning: (ae-forgotten-export) The symbol "IBaseCardStyleProps" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IExpandingCardStyleProps extends IBaseCardStyleProps {
compactCardHeight?: number;
expandedCardFirstFrameRendered?: boolean;
expandedCardHeight?: number;
needsScroll?: boolean;
}
// Warning: (ae-forgotten-export) The symbol "IBaseCardStyles" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export interface IExpandingCardStyles extends IBaseCardStyles {
compactCard?: IStyle;
expandedCard?: IStyle;
expandedCardScroll?: IStyle;
}
// @public (undocumented)
export interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps<IPersonaProps> {
}
// @public (undocumented)
export interface IExtendedPersonaProps extends IPersonaProps {
// (undocumented)
blockRecipientRemoval?: boolean;
// (undocumented)
canExpand?: boolean;
// (undocumented)
isEditing?: boolean;
// (undocumented)
isValid: boolean;
// (undocumented)
key?: React_2.Key;
// (undocumented)
shouldBlockSelection?: boolean;
}
// @public (undocumented)
export interface IFabricProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
applyTheme?: boolean;
applyThemeToBody?: boolean;
as?: React_2.ElementType;
// (undocumented)
componentRef?: IRefObject<{}>;
dir?: 'rtl' | 'ltr' | 'auto';
preventBlanketFontInheritance?: boolean;
styles?: IStyleFunctionOrObject<IFabricStyleProps, IFabricStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IFabricStyleProps extends IFabricProps {
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IFabricStyles {
// (undocumented)
bodyThemed: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IFacepile {
}
// @public (undocumented)
export interface IFacepilePersona extends React_2.ButtonHTMLAttributes<HTMLButtonElement | HTMLDivElement> {
allowPhoneInitials?: boolean;
data?: any;
imageInitials?: string;
imageUrl?: string;
initialsColor?: PersonaInitialsColor;
keytipProps?: IKeytipProps;
onClick?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
onMouseMove?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
onMouseOut?: (ev?: React_2.MouseEvent<HTMLElement>, persona?: IFacepilePersona) => void;
personaName?: string;
}
// @public (undocumented)
export interface IFacepileProps extends React_2.ClassAttributes<FacepileBase> {
addButtonProps?: IButtonProps;
ariaDescription?: string;
ariaLabel?: string;
// @deprecated
chevronButtonProps?: IButtonProps;
className?: string;
componentRef?: IRefObject<IFacepile>;
getPersonaProps?: (persona: IFacepilePersona) => IPersonaSharedProps;
maxDisplayablePersonas?: number;
onRenderPersona?: IRenderFunction<IFacepilePersona>;
onRenderPersonaCoin?: IRenderFunction<IFacepilePersona>;
onRenderPersonaWrapper?: IRenderFunction<IFacepilePersona>;
overflowButtonProps?: IButtonProps;
overflowButtonType?: OverflowButtonType;
overflowPersonas?: IFacepilePersona[];
personas: IFacepilePersona[];
personaSize?: PersonaSize;
showAddButton?: boolean;
showTooltip?: boolean;
styles?: IStyleFunctionOrObject<IFacepileStyleProps, IFacepileStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IFacepileStyleProps {
className?: string;
spacingAroundItemButton?: number;
theme: ITheme;
}
// @public (undocumented)
export interface IFacepileStyles {
// (undocumented)
addButton: IStyle;
// (undocumented)
descriptiveOverflowButton: IStyle;
// (undocumented)
itemButton: IStyle;
// (undocumented)
itemContainer: IStyle;
// (undocumented)
member: IStyle;
// (undocumented)
members: IStyle;
// (undocumented)
overflowButton: IStyle;
// (undocumented)
overflowInitialsIcon: IStyle;
root: IStyle;
// (undocumented)
screenReaderOnly: IStyle;
}
export { IFitContentToBoundsOptions }
export { IFocusRectsContext }
// @public (undocumented)
export interface IFocusTrapCalloutProps extends ICalloutProps {
focusTrapProps?: IFocusTrapZoneProps;
}
// @public (undocumented)
export interface IFocusTrapZone {
focus: () => void;
}
// @public (undocumented)
export interface IFocusTrapZoneProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
ariaLabelledBy?: string;
componentRef?: IRefObject<IFocusTrapZone>;
disabled?: boolean;
disableFirstFocus?: boolean;
disableRestoreFocus?: boolean;
elementToFocusOnDismiss?: HTMLElement;
enableAriaHiddenSiblings?: boolean;
// @deprecated
firstFocusableSelector?: string | (() => string);
firstFocusableTarget?: string | ((element: HTMLElement) => HTMLElement | null);
focusPreviouslyFocusedInnerElement?: boolean;
forceFocusInsideTrap?: boolean;
// @deprecated (undocumented)
ignoreExternalFocusing?: boolean;
isClickableOutsideFocusTrap?: boolean;
}
export { IFocusZone }
export { IFocusZoneProps }
export { IFontFace }
// @public
export interface IFontIconProps extends React_2.HTMLAttributes<HTMLElement> {
className?: string;
iconName?: string;
}
export { IFontStyles }
export { IFontWeight }
// @public
export type IFooterGroupedItem = {
type: 'footer';
group: IGroup;
};
export { iframeProperties }
// @public
export interface IGap extends IShimmerElement {
height?: number;
width?: number | string;
}
// @public (undocumented)
export interface IGenericItem {
// (undocumented)
imageInitials: string;
// (undocumented)
primaryText: string;
// (undocumented)
ValidationState: ValidationState;
}
export { IGetFocusStylesOptions }
// @public (undocumented)
export interface IGroup {
ariaLabel?: string;
children?: IGroup[];
count: number;
data?: any;
hasMoreData?: boolean;
isCollapsed?: boolean;
isDropEnabled?: boolean;
// @deprecated (undocumented)
isSelected?: boolean;
isShowingAll?: boolean;
key: string;
level?: number;
name: string;
startIndex: number;
}
// @public (undocumented)
export interface IGroupDividerProps {
ariaColSpan?: number;
ariaLevel?: number;
ariaPosInSet?: number;
ariaRowCount?: number;
ariaRowIndex?: number;
ariaSetSize?: number;
className?: string;
compact?: boolean;
// (undocumented)
componentRef?: IRefObject<{}>;
// @deprecated
expandButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
footerText?: string;
group?: IGroup;
groupIndex?: number;
groupLevel?: number;
groups?: IGroup[];
indentWidth?: number;
isCollapsedGroupSelectVisible?: boolean;
isGroupLoading?: (group: IGroup) => boolean;
// @deprecated (undocumented)
isSelected?: boolean;
loadingText?: string;
onGroupHeaderClick?: (group: IGroup) => void;
onGroupHeaderKeyUp?: (ev: React_2.KeyboardEvent<HTMLElement>, group?: IGroup) => void;
onRenderName?: IRenderFunction<IGroupHeaderProps>;
onRenderTitle?: IRenderFunction<IGroupHeaderProps>;
onToggleCollapse?: (group: IGroup) => void;
onToggleSelectGroup?: (group: IGroup) => void;
onToggleSummarize?: (group: IGroup) => void;
selected?: boolean;
selectionMode?: SelectionMode_2;
showAllLinkText?: string;
theme?: ITheme;
viewport?: IViewport;
}
// @public
export type IGroupedItem = IItemGroupedItem | IShowAllGroupedItem | IFooterGroupedItem | IHeaderGroupedItem;
// @public (undocumented)
export interface IGroupedList extends IList {
forceUpdate: () => void;
toggleCollapseAll: (allCollapsed: boolean) => void;
}
// @public (undocumented)
export interface IGroupedListProps extends React_2.ClassAttributes<GroupedListBase> {
className?: string;
compact?: boolean;
componentRef?: IRefObject<IGroupedList>;
dragDropEvents?: IDragDropEvents;
dragDropHelper?: IDragDropHelper;
eventsToRegister?: {
eventName: string;
callback: (context: IDragDropContext, event?: any) => void;
}[];
focusZoneProps?: IFocusZoneProps;
getGroupHeight?: (group: IGroup, groupIndex: number) => number;
groupProps?: IGroupRenderProps;
groups?: IGroup[];
items: any[];
listProps?: IListProps;
onGroupExpandStateChanged?: (isSomeGroupExpanded: boolean) => void;
onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode;
onShouldVirtualize?: (props: IListProps) => boolean;
role?: string;
rootListProps?: IListProps;
selection?: ISelection;
selectionMode?: SelectionMode_2;
styles?: IStyleFunctionOrObject<IGroupedListStyleProps, IGroupedListStyles>;
theme?: ITheme;
usePageCache?: boolean;
viewport?: IViewport;
}
// @public (undocumented)
export interface IGroupedListSectionProps extends React_2.ClassAttributes<GroupedListSection> {
compact?: boolean;
componentRef?: () => void;
dragDropEvents?: IDragDropEvents;
dragDropHelper?: IDragDropHelper;
eventsToRegister?: {
eventName: string;
callback: (context: IDragDropContext, event?: any) => void;
}[];
footerProps?: IGroupFooterProps;
getGroupItemLimit?: (group: IGroup) => number;
group?: IGroup;
groupedListClassNames?: IProcessedStyleSet<IGroupedListStyles>;
groupIndex?: number;
groupNestingDepth?: number;
groupProps?: IGroupRenderProps;
groups?: IGroup[];
headerProps?: IGroupHeaderProps;
items: any[];
listProps?: IListProps;
onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode;
onRenderGroupFooter?: IRenderFunction<IGroupFooterProps>;
onRenderGroupHeader?: IRenderFunction<IGroupHeaderProps>;
onRenderGroupShowAll?: IRenderFunction<IGroupShowAllProps>;
onShouldVirtualize?: (props: IListProps) => boolean;
selection?: ISelection;
selectionMode?: SelectionMode_2;
showAllProps?: IGroupShowAllProps;
viewport?: IViewport;
}
// @public (undocumented)
export interface IGroupedListSectionState {
// (undocumented)
isDropping?: boolean;
// (undocumented)
isSelected?: boolean;
}
// @public (undocumented)
export interface IGroupedListState {
// (undocumented)
compact?: IGroupedListProps['compact'];
// (undocumented)
groups?: IGroup[];
// (undocumented)
items?: IGroupedListProps['items'];
// (undocumented)
listProps?: IGroupedListProps['listProps'];
// (undocumented)
selectionMode?: IGroupedListProps['selectionMode'];
// (undocumented)
version: {};
}
// @public (undocumented)
export type IGroupedListStyleProps = Required<Pick<IGroupedListProps, 'theme'>> & Pick<IGroupedListProps, 'className'> & {
isCollapsed?: boolean;
compact?: boolean;
};
// @public (undocumented)
export interface IGroupedListStyles {
// (undocumented)
group: IStyle;
// (undocumented)
groupIsDropping: IStyle;
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IGroupedListV2 {
// (undocumented)
getStartItemIndexInView(): number;
// (undocumented)
scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
}
// @public (undocumented)
export interface IGroupedListV2Props extends IGroupedListProps {
groupedListRef?: React_2.Ref<IGroupedListV2>;
groupExpandedVersion?: {};
listRef?: React_2.Ref<List>;
onRenderCell: (nestingDepth?: number, item?: any, index?: number, group?: IGroup) => React_2.ReactNode;
version?: {};
}
// @public (undocumented)
export interface IGroupedListV2State {
// (undocumented)
compact?: IGroupedListV2Props['compact'];
// (undocumented)
groupExpandedVersion: {};
// (undocumented)
groups?: IGroup[];
// (undocumented)
items?: IGroupedListV2Props['items'];
// (undocumented)
listProps?: IGroupedListV2Props['listProps'];
// (undocumented)
selectionMode?: IGroupedListV2Props['selectionMode'];
// (undocumented)
version: {};
}
// @public (undocumented)
export interface IGroupFooterProps extends IGroupDividerProps {
styles?: IStyleFunctionOrObject<IGroupFooterStyleProps, IGroupFooterStyles>;
}
// @public (undocumented)
export type IGroupFooterStyleProps = Required<Pick<IGroupFooterProps, 'theme'>> & Pick<IGroupFooterProps, 'selected' | 'className'> & {
isCollapsed?: boolean;
};
// @public (undocumented)
export interface IGroupFooterStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IGroupHeaderCheckboxProps {
// (undocumented)
checked: boolean;
// (undocumented)
theme?: ITheme;
}
// @public (undocumented)
export interface IGroupHeaderProps extends IGroupDividerProps {
expandButtonIcon?: string;
expandButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
groupedListId?: string;
onRenderGroupHeaderCheckbox?: IRenderFunction<IGroupHeaderCheckboxProps>;
selectAllButtonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
styles?: IStyleFunctionOrObject<IGroupHeaderStyleProps, IGroupHeaderStyles>;
useFastIcons?: boolean;
}
// @public (undocumented)
export type IGroupHeaderStyleProps = Required<Pick<IGroupHeaderProps, 'theme'>> & Pick<IGroupHeaderProps, 'selected' | 'className'> & {
isCollapsed?: boolean;
compact?: boolean;
};
// @public (undocumented)
export interface IGroupHeaderStyles {
// (undocumented)
check: IStyle;
// (undocumented)
dropIcon: IStyle;
// (undocumented)
expand: IStyle;
// (undocumented)
expandIsCollapsed: IStyle;
// (undocumented)
groupHeaderContainer: IStyle;
// (undocumented)
headerCount: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
title: IStyle;
}
// @public (undocumented)
export interface IGroupRenderProps {
collapseAllVisibility?: CollapseAllVisibility;
footerProps?: IGroupFooterProps;
getGroupItemLimit?: (group: IGroup) => number;
headerProps?: IGroupHeaderProps;
isAllGroupsCollapsed?: boolean;
onRenderFooter?: IRenderFunction<IGroupFooterProps>;
onRenderHeader?: IRenderFunction<IGroupHeaderProps>;
onRenderShowAll?: IRenderFunction<IGroupShowAllProps>;
onToggleCollapseAll?: (isAllCollapsed: boolean) => void;
role?: string;
showAllProps?: IGroupShowAllProps;
showEmptyGroups?: boolean;
}
// @public (undocumented)
export interface IGroupShowAllProps extends IGroupDividerProps {
showAllLinkText?: string;
styles?: IStyleFunctionOrObject<IGroupShowAllStyleProps, IGroupShowAllStyles>;
}
// @public (undocumented)
export type IGroupShowAllStyleProps = Required<Pick<IGroupShowAllProps, 'theme'>>;
// @public (undocumented)
export interface IGroupShowAllStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IGroupSpacerProps {
count: number;
indentWidth?: number;
role?: string;
// @deprecated (undocumented)
styles?: IStyleFunctionOrObject<IGroupSpacerStyleProps, IGroupSpacerStyles>;
// @deprecated (undocumented)
theme?: ITheme;
}
// @public @deprecated (undocumented)
export type IGroupSpacerStyleProps = Required<Pick<IGroupSpacerProps, 'theme'>> & {
width?: number;
};
// @public @deprecated (undocumented)
export interface IGroupSpacerStyles {
// (undocumented)
root: IStyle;
}
// @public
export type IHeaderGroupedItem = {
type: 'header';
group: IGroup;
groupId: string;
groupIndex: number;
};
// @public (undocumented)
export interface IHoverCard {
dismiss: (withTimeOut?: boolean) => void;
}
// @public
export interface IHoverCardProps extends React_2.HTMLAttributes<HTMLDivElement> {
cardDismissDelay?: number;
cardOpenDelay?: number;
className?: string;
componentRef?: IRefObject<IHoverCard>;
eventListenerTarget?: HTMLElement | string | null;
expandedCardOpenDelay?: number;
expandingCardProps?: IExpandingCardProps;
instantOpenOnClick?: boolean;
onCardExpand?: () => void;
onCardHide?: () => void;
onCardVisible?: () => void;
openHotKey?: KeyCodes;
plainCardProps?: IPlainCardProps;
setAriaDescribedBy?: boolean;
setInitialFocus?: boolean;
shouldBlockHoverCard?: () => void;
sticky?: boolean;
styles?: IStyleFunctionOrObject<IHoverCardStyleProps, IHoverCardStyles>;
target?: HTMLElement | string | null;
theme?: ITheme;
trapFocus?: boolean;
type?: HoverCardType;
}
// @public (undocumented)
export interface IHoverCardState {
// (undocumented)
isHoverCardVisible?: boolean;
// (undocumented)
mode?: ExpandingCardMode;
// (undocumented)
openMode?: OpenCardMode;
}
// @public (undocumented)
export interface IHoverCardStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IHoverCardStyles {
host?: IStyle;
}
// @public (undocumented)
export interface IHSL {
h: number;
l: number;
s: number;
}
// @public (undocumented)
export interface IHSV {
h: number;
s: number;
v: number;
}
// @public (undocumented)
export interface IIconContent {
// (undocumented)
children?: string | JSXElement;
// (undocumented)
fontFamily?: string;
// (undocumented)
iconClassName?: string;
// (undocumented)
mergeImageProps?: boolean;
}
export { IIconOptions }
// @public (undocumented)
export interface IIconProps extends IBaseProps, React_2.HTMLAttributes<HTMLElement> {
// @deprecated
ariaLabel?: string;
iconName?: string;
// @deprecated
iconType?: IconType;
imageErrorAs?: React_2.ComponentType<IImageProps>;
imageProps?: IImageProps;
styles?: IStyleFunctionOrObject<IIconStyleProps, IIconStyles>;
// (undocumented)
theme?: ITheme;
}
export { IIconRecord }
// @public (undocumented)
export interface IIconState {
// (undocumented)
imageLoadError: boolean;
}
// @public (undocumented)
export interface IIconStyleProps {
// (undocumented)
className?: string;
// (undocumented)
iconClassName?: string;
// (undocumented)
isImage: boolean;
// (undocumented)
isPlaceholder: boolean;
// (undocumented)
styles?: Partial<IIconStyles>;
// (undocumented)
theme?: ITheme;
}
// @public (undocumented)
export interface IIconStyles {
// @deprecated (undocumented)
imageContainer?: IStyle;
// (undocumented)
root?: IStyle;
}
export { IIconSubset }
export { IIconSubsetRecord }
// @public (undocumented)
export interface IImage {
}
// @public
export interface IImageIconProps extends React_2.HTMLAttributes<HTMLElement> {
className?: string;
imageProps: IImageProps;
}
// @public (undocumented)
export interface IImageProps extends React_2.ImgHTMLAttributes<HTMLImageElement>, React_2.RefAttributes<HTMLImageElement> {
className?: string;
coverStyle?: ImageCoverStyle;
// @deprecated (undocumented)
errorSrc?: string;
imageFit?: ImageFit;
loading?: 'lazy' | 'eager';
maximizeFrame?: boolean;
onLoadingStateChange?: (loadState: ImageLoadState) => void;
shouldFadeIn?: boolean;
shouldStartVisible?: boolean;
styles?: IStyleFunctionOrObject<IImageStyleProps, IImageStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IImageState {
// (undocumented)
loadState?: ImageLoadState;
}
// @public (undocumented)
export interface IImageStyleProps {
className?: string;
height?: number | string;
isCenter?: boolean;
// (undocumented)
isCenterContain?: boolean;
// (undocumented)
isCenterCover?: boolean;
// (undocumented)
isContain?: boolean;
// (undocumented)
isCover?: boolean;
isError?: boolean;
isLandscape?: boolean;
isLoaded?: boolean;
// (undocumented)
isNone?: boolean;
isNotImageFit?: boolean;
maximizeFrame?: boolean;
shouldFadeIn?: boolean;
shouldStartVisible?: boolean;
theme: ITheme;
width?: number | string;
}
// @public (undocumented)
export interface IImageStyles {
image: IStyle;
root: IStyle;
}
// @public
export interface IInputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
'aria-label'?: string;
defaultVisibleValue?: string;
}
// @public
export type IItemGroupedItem = {
type: 'item';
group: IGroup;
item: any;
itemIndex: number;
};
// @public (undocumented)
export interface IKeytipConfig {
// (undocumented)
keytips: IKeytipConfigItem[];
}
// @public (undocumented)
export interface IKeytipConfigItem {
children?: IKeytipConfigItem[];
content: string;
id: string;
optionalProps?: Partial<IKeytipProps>;
sequence?: string;
}
// @public (undocumented)
export interface IKeytipConfigMap {
// (undocumented)
[id: string]: IKeytipProps;
}
// @public (undocumented)
export interface IKeytipDataProps {
ariaDescribedBy?: string;
disabled?: boolean;
keytipProps?: IKeytipProps;
}
// @public (undocumented)
export interface IKeytipLayer {
}
// @public (undocumented)
export interface IKeytipLayerProps extends React_2.ClassAttributes<IKeytipLayer> {
componentRef?: IRefObject<IKeytipLayer>;
content: string;
keytipExitSequences?: IKeytipTransitionKey[];
keytipReturnSequences?: IKeytipTransitionKey[];
keytipStartSequences?: IKeytipTransitionKey[];
onEnterKeytipMode?: (transitionKey?: IKeytipTransitionKey) => void;
onExitKeytipMode?: (ev?: React_2.KeyboardEvent<HTMLElement> | React_2.MouseEvent<HTMLElement>) => void;
styles?: IStyleFunctionOrObject<IKeytipLayerStyleProps, IKeytipLayerStyles>;
}
// @public (undocumented)
export interface IKeytipLayerState {
// (undocumented)
inKeytipMode: boolean;
// (undocumented)
keytips: IKeytipProps[];
// (undocumented)
visibleKeytips: IKeytipProps[];
}
// @public (undocumented)
export interface IKeytipLayerStyleProps {
}
// @public (undocumented)
export interface IKeytipLayerStyles {
// (undocumented)
innerContent: IStyle;
}
// @public (undocumented)
export interface IKeytipProps {
calloutProps?: ICalloutProps;
content: string;
disabled?: boolean;
hasDynamicChildren?: boolean;
hasMenu?: boolean;
hasOverflowSubMenu?: boolean;
keySequences: string[];
offset?: Point;
onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void;
overflowSetSequence?: string[];
styles?: IStyleFunctionOrObject<IKeytipStyleProps, IKeytipStyles>;
theme?: ITheme;
visible?: boolean;
}
// @public
export interface IKeytipStyleProps {
disabled?: boolean;
theme: ITheme;
visible?: boolean;
}
// @public (undocumented)
export interface IKeytipStyles {
container: IStyle;
root: IStyle;
}
// @public (undocumented)
export interface IKeytipTransitionKey {
// (undocumented)
key: string;
// (undocumented)
modifierKeys?: KeytipTransitionModifier[];
}
// @public (undocumented)
export interface ILabel {
}
// @public (undocumented)
export interface ILabelProps extends React_2.LabelHTMLAttributes<HTMLLabelElement> {
as?: IComponentAs<React_2.AllHTMLAttributes<HTMLElement>>;
componentRef?: IRefObject<ILabel>;
disabled?: boolean;
required?: boolean;
styles?: IStyleFunctionOrObject<ILabelStyleProps, ILabelStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface ILabelStyleProps {
// (undocumented)
className?: string;
// (undocumented)
disabled?: boolean;
// (undocumented)
required?: boolean;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ILabelStyles {
root: IStyle;
}
// @public (undocumented)
export interface ILayer {
}
// @public
export interface ILayerHost {
hostId: string;
notifyLayersChanged(): void;
rootRef: React_2.MutableRefObject<HTMLDivElement | null>;
}
// @public (undocumented)
export interface ILayerHostProps extends React_2.HTMLAttributes<HTMLElement> {
componentRef?: IRefObject<ILayerHost>;
id?: string;
}
// @public (undocumented)
export interface ILayerProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
className?: string;
componentRef?: IRefObject<ILayer>;
eventBubblingEnabled?: boolean;
fabricProps?: IFabricProps;
hostId?: string;
insertFirst?: boolean;
onLayerDidMount?: () => void;
// @deprecated
onLayerMounted?: () => void;
onLayerWillUnmount?: () => void;
styles?: IStyleFunctionOrObject<ILayerStyleProps, ILayerStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface ILayerStyleProps {
className?: string;
isNotHost?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface ILayerStyles {
content?: IStyle;
root?: IStyle;
}
// @public
export interface ILine extends IShimmerElement {
height?: number;
width?: number | string;
}
// @public (undocumented)
export interface ILink {
focus(): void;
}
// @public @deprecated (undocumented)
export interface ILinkHTMLAttributes<T> extends React_2.HTMLAttributes<T> {
[key: string]: any;
// (undocumented)
autoFocus?: boolean;
// (undocumented)
disabled?: boolean;
// (undocumented)
download?: any;
// (undocumented)
form?: string;
// (undocumented)
formAction?: string;
// (undocumented)
formEncType?: string;
// (undocumented)
formMethod?: string;
// (undocumented)
formNoValidate?: boolean;
// (undocumented)
formTarget?: string;
// (undocumented)
href?: string;
// (undocumented)
hrefLang?: string;
// (undocumented)
media?: string;
// (undocumented)
name?: string;
// (undocumented)
rel?: string;
// (undocumented)
target?: string;
// (undocumented)
type?: string;
// (undocumented)
value?: string | string[] | number;
}
// @public
export interface ILinkProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLElement>, Omit<React_2.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLElement>, 'type'>, React_2.RefAttributes<HTMLElement> {
[key: string]: any;
as?: React_2.ElementType;
componentRef?: IRefObject<ILink>;
disabled?: boolean;
href?: string;
onClick?: (event: React_2.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLElement>) => void;
rel?: string;
styles?: IStyleFunctionOrObject<ILinkStyleProps, ILinkStyles>;
target?: string;
theme?: ITheme;
type?: string;
underline?: boolean;
}
// @public (undocumented)
export interface ILinkStyleProps {
// (undocumented)
className?: string;
// (undocumented)
isButton?: boolean;
// (undocumented)
isDisabled?: boolean;
// (undocumented)
isUnderlined?: boolean;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ILinkStyles {
// (undocumented)
root: IStyle;
}
// @public (undocumented)
export interface IList {
forceUpdate: () => void;
getStartItemIndexInView: () => number;
getTotalListHeight?: () => number;
scrollToIndex: (index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void;
}
// @public
export interface IListOnRenderRootProps<T> {
divProps: React_2.HTMLAttributes<HTMLDivElement>;
pages: IPage<T>[];
rootRef: React_2.Ref<HTMLDivElement>;
surfaceElement: JSXElement | null;
}
// @public
export interface IListOnRenderSurfaceProps<T> {
divProps: React_2.HTMLAttributes<HTMLDivElement>;
pageElements: JSXElement[];
pages: IPage<T>[];
surfaceRef: React_2.Ref<HTMLDivElement>;
}
// @public (undocumented)
export interface IListProps<T = any> extends React_2.HTMLAttributes<List<T> | HTMLDivElement> {
className?: string;
componentRef?: IRefObject<IList>;
getItemCountForPage?: (itemIndex?: number, visibleRect?: IRectangle) => number;
getKey?: (item: T, index?: number) => string;
getPageHeight?: (itemIndex?: number, visibleRect?: IRectangle, itemCount?: number, items?: T[]) => number;
getPageSpecification?: (itemIndex?: number, visibleRect?: IRectangle, items?: T[]) => IPageSpecification;
getPageStyle?: (page: IPage<T>) => any;
ignoreScrollingState?: boolean;
items?: T[];
onPageAdded?: (page: IPage<T>) => void;
onPageRemoved?: (page: IPage<T>) => void;
onPagesUpdated?: (pages: IPage<T>[]) => void;
onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React_2.ReactNode;
onRenderCellConditional?: (item?: T, index?: number, isScrolling?: boolean) => React_2.ReactNode | null;
onRenderPage?: IRenderFunction<IPageProps<T>>;
onRenderRoot?: IRenderFunction<IListOnRenderRootProps<T>>;
onRenderSurface?: IRenderFunction<IListOnRenderSurfaceProps<T>>;
onShouldVirtualize?: (props: IListProps<T>) => boolean;
renderCount?: number;
renderEarly?: boolean;
renderedWindowsAhead?: number;
renderedWindowsBehind?: number;
role?: string;
startIndex?: number;
usePageCache?: boolean;
version?: any;
}
// @public (undocumented)
export interface IListState<T = any> {
// (undocumented)
getDerivedStateFromProps(nextProps: IListProps<T>, previousState: IListState<T>): IListState<T>;
// (undocumented)
hasMounted: boolean;
// (undocumented)
isScrolling?: boolean;
measureVersion?: number;
// (undocumented)
pages?: IPage<T>[];
// (undocumented)
pagesVersion?: {};
}
// @public (undocumented)
const Image_2: React_2.FunctionComponent<IImageProps>;
export { Image_2 as Image }
// @public (undocumented)
export const ImageBase: React_2.FunctionComponent<IImageProps>;
// @public
export enum ImageCoverStyle {
landscape = 0,
portrait = 1
}
// @public
export enum ImageFit {
center = 0,
centerContain = 5,
centerCover = 4,
contain = 1,
cover = 2,
none = 3
}
// @public
export const ImageIcon: React_2.FunctionComponent<IImageIconProps>;
// @public (undocumented)
export enum ImageLoadState {
error = 2,
// @deprecated (undocumented)
errorLoaded = 3,
loaded = 1,
notLoaded = 0
}
export { imageProperties }
// @public (undocumented)
export interface IMarqueeSelection {
}
// @public (undocumented)
export interface IMarqueeSelectionProps extends React_2.HTMLAttributes<HTMLDivElement> {
className?: string;
componentRef?: IRefObject<IMarqueeSelection>;
isDraggingConstrainedToRoot?: boolean;
isEnabled?: boolean;
onShouldStartSelection?: (ev: MouseEvent) => boolean;
rootProps?: React_2.HTMLAttributes<HTMLDivElement>;
selection: ISelection;
styles?: IStyleFunction<IMarqueeSelectionStyleProps, IMarqueeSelectionStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IMarqueeSelectionStyleProps {
// (undocumented)
className?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IMarqueeSelectionStyles {
// (undocumented)
box?: IStyle;
// (undocumented)
boxFill?: IStyle;
// (undocumented)
dragMask?: IStyle;
// (undocumented)
root?: IStyle;
}
// @public (undocumented)
export interface IMaskedTextField extends ITextField {
value: string | undefined;
}
// @public
export interface IMaskedTextFieldProps extends ITextFieldProps, React_2.RefAttributes<HTMLDivElement> {
componentRef?: IRefObject<IMaskedTextField>;
mask?: string;
maskChar?: string;
maskFormat?: {
[key: string]: RegExp;
};
}
// @public @deprecated (undocumented)
export interface IMenuItemClassNames {
// (undocumented)
checkmarkIcon?: string;
// (undocumented)
divider?: string;
// (undocumented)
icon?: string;
// (undocumented)
item?: string;
// (undocumented)
label?: string;
// (undocumented)
linkContent?: string;
// (undocumented)
linkContentMenu?: string;
// (undocumented)
root?: string;
// (undocumented)
screenReaderText?: string;
// (undocumented)
secondaryText?: string;
// (undocumented)
splitContainer?: string;
// (undocumented)
splitMenu?: string;
// (undocumented)
splitPrimary?: string;
// (undocumented)
subMenuIcon?: string;
}
// @public (undocumented)
export interface IMenuItemStyles extends IButtonStyles {
anchorLink?: IStyle;
checkmarkIcon?: IStyle;
divider?: IStyle;
iconColor?: IStyle;
item?: IStyle;
linkContent?: IStyle;
subMenuIcon?: IStyle;
}
// @public (undocumented)
export interface IMessageBar {
}
// @public (undocumented)
export interface IMessageBarProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
actions?: JSXElement;
// @deprecated
ariaLabel?: string;
className?: string;
componentRef?: IRefObject<IMessageBar>;
delayedRender?: boolean;
dismissButtonAriaLabel?: string;
dismissIconProps?: IIconProps;
expandButtonProps?: IButtonProps;
isMultiline?: boolean;
messageBarIconProps?: IIconProps;
messageBarType?: MessageBarType;
onDismiss?: (ev?: React_2.MouseEvent<HTMLElement | BaseButton | Button>) => any;
onExpandButtonToggled?: (expandSingleLine: boolean) => void;
// @deprecated
overflowButtonAriaLabel?: string;
role?: 'alert' | 'status' | 'none';
showExpandButton?: boolean;
styles?: IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>;
theme?: ITheme;
truncated?: boolean;
}
// @public (undocumented)
export interface IMessageBarStyleProps {
actions?: boolean;
className?: string;
expandSingleLine?: boolean;
isMultiline?: boolean;
messageBarType?: MessageBarType;
onDismiss?: boolean;
theme: ITheme;
truncated?: boolean;
}
// @public (undocumented)
export interface IMessageBarStyles {
actions?: IStyle;
content?: IStyle;
dismissal?: IStyle;
dismissSingleLine?: IStyle;
expand?: IStyle;
expandSingleLine?: IStyle;
icon?: IStyle;
iconContainer?: IStyle;
innerText?: IStyle;
root?: IStyle;
text?: IStyle;
}
export { imgProperties }
// @public (undocumented)
export interface IModal {
focus: () => void;
}
// @public (undocumented)
export interface IModalProps extends React_2.RefAttributes<HTMLDivElement>, IAccessiblePopupProps {
allowTouchBodyScroll?: boolean;
// (undocumented)
children?: React_2.ReactNode;
className?: string;
componentRef?: IRefObject<IModal>;
containerClassName?: string;
dragOptions?: IDragOptions;
// @deprecated
enableAriaHiddenSiblings?: boolean;
focusTrapZoneProps?: IFocusTrapZoneProps;
isAlert?: boolean;
isBlocking?: boolean;
isDarkOverlay?: boolean;
isModeless?: boolean;
isOpen?: boolean;
layerProps?: ILayerProps;
onDismiss?: (ev?: React_2.MouseEvent<HTMLButtonElement | HTMLElement>) => any;
onDismissed?: () => any;
// @deprecated
onLayerDidMount?: () => void;
overlay?: IOverlayProps;
popupProps?: IPopupProps;
responsiveMode?: ResponsiveMode;
scrollableContentClassName?: string;
styles?: IStyleFunctionOrObject<IModalStyleProps, IModalStyles>;
subtitleAriaId?: string;
theme?: ITheme;
titleAriaId?: string;
topOffsetFixed?: boolean;
}
// @public (undocumented)
export type IModalStyleProps = Required<Pick<IModalProps, 'theme'>> & Pick<IModalProps, 'className' | 'containerClassName' | 'scrollableContentClassName' | 'topOffsetFixed' | 'isModeless'> & {
isOpen?: boolean;
isVisible?: boolean;
hasBeenOpened?: boolean;
modalRectangleTop?: number;
layerClassName?: string;
isDefaultDragHandle?: boolean;
windowInnerHeight?: number;
};
// @public (undocumented)
export interface IModalStyles {
// (undocumented)
keyboardMoveIcon: IStyle;
// (undocumented)
keyboardMoveIconContainer: IStyle;
// (undocumented)
layer: IStyle;
// (undocumented)
main: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
scrollableContent: IStyle;
}
// @public (undocumented)
export interface INav {
focus(forceIntoFirstElement?: boolean): boolean;
selectedKey: string | undefined;
}
// @public (undocumented)
export interface INavButtonProps extends IButtonProps {
link?: INavLink;
}
// @public (undocumented)
export interface INavLink {
[propertyName: string]: any;
ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
ariaLabel?: string;
automationId?: string;
collapseAriaLabel?: string;
disabled?: boolean;
expandAriaLabel?: string;
forceAnchor?: boolean;
icon?: string;
// @deprecated (undocumented)
iconClassName?: string;
iconProps?: IIconProps;
isExpanded?: boolean;
key?: string;
links?: INavLink[];
name: string;
onClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
target?: string;
title?: string;
url: string;
}
// @public (undocumented)
export interface INavLinkGroup {
automationId?: string;
// @deprecated
collapseAriaLabel?: string;
collapseByDefault?: boolean;
expandAriaLabel?: string;
groupData?: any;
isExpanded?: boolean;
links: INavLink[];
name?: string;
onHeaderClick?: (ev?: React_2.MouseEvent<HTMLElement>, isCollapsing?: boolean) => void;
}
// @public (undocumented)
export interface INavProps {
ariaLabel?: string;
className?: string;
componentRef?: IRefObject<INav>;
// @deprecated
expandButtonAriaLabel?: string;
focusZoneProps?: IFocusZoneProps;
groups: INavLinkGroup[] | null;
initialSelectedKey?: string;
isOnTop?: boolean;
linkAs?: IComponentAs<INavButtonProps>;
onLinkClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
onLinkExpandClick?: (ev?: React_2.MouseEvent<HTMLElement>, item?: INavLink) => void;
onRenderGroupHeader?: IRenderFunction<IRenderGroupHeaderProps>;
onRenderLink?: IRenderFunction<INavLink>;
role?: string;
// @deprecated
selectedAriaLabel?: string;
selectedKey?: string;
styles?: IStyleFunctionOrObject<INavStyleProps, INavStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface INavState {
// (undocumented)
isGroupCollapsed: {
[key: string]: boolean;
};
// (undocumented)
isLinkExpandStateChanged?: boolean;
// (undocumented)
selectedKey?: string;
}
// @public (undocumented)
export interface INavStyleProps {
className?: string;
groups: INavLinkGroup[] | null;
isButtonEntry?: boolean;
isDisabled?: boolean;
isExpanded?: boolean;
isGroup?: boolean;
isLink?: boolean;
isOnTop?: boolean;
isSelected?: boolean;
leftPadding?: number;
leftPaddingExpanded?: number;
navHeight?: number;
position?: number;
rightPadding?: number;
theme: ITheme;
}
// @public (undocumented)
export interface INavStyles {
chevronButton: IStyle;
chevronIcon: IStyle;
compositeLink: IStyle;
group: IStyle;
groupContent: IStyle;
link: IStyle;
linkText: IStyle;
navItem: IStyle;
navItems: IStyle;
root: IStyle;
}
export { initializeComponentRef }
export { initializeFocusRects }
export { initializeIcons }
// @public
export function initializeResponsiveMode(element?: HTMLElement): void;
export { InjectionMode }
export { inputProperties }
export { IObjectWithKey }
// @public (undocumented)
export interface IOnRenderComboBoxLabelProps {
multiselectAccessibleText?: string;
props: IComboBoxProps;
}
// @public (undocumented)
export interface IOverflowSet {
focus(forceIntoFirstElement?: boolean, bypassHiddenElements?: boolean): boolean;
focusElement(childElement?: HTMLElement): boolean;
}
// @public (undocumented)
export interface IOverflowSetItemProps {
[propertyName: string]: any;
key: string;
keytipProps?: IKeytipProps;
}
// @public (undocumented)
export interface IOverflowSetProps extends React_2.RefAttributes<HTMLElement> {
className?: string;
componentRef?: IRefObject<IOverflowSet>;
items?: IOverflowSetItemProps[];
itemSubMenuProvider?: (item: IOverflowSetItemProps) => any[] | boolean | undefined;
keytipSequences?: string[];
onRenderItem: (item: IOverflowSetItemProps) => any;
onRenderOverflowButton: IRenderFunction<any[]>;
overflowItems?: IOverflowSetItemProps[];
overflowSide?: 'start' | 'end';
role?: string;
styles?: IStyleFunctionOrObject<IOverflowSetProps, IOverflowSetStyles>;
vertical?: boolean;
}
// @public
export type IOverflowSetStyleProps = Pick<IOverflowSetProps, 'vertical' | 'className'>;
// @public (undocumented)
export interface IOverflowSetStyles {
item?: IStyle;
overflowButton?: IStyle;
root?: IStyle;
}
// @public (undocumented)
export interface IOverlay {
}
// @public (undocumented)
export interface IOverlayProps extends React_2.HTMLAttributes<HTMLElement> {
allowTouchBodyScroll?: boolean;
className?: string;
componentRef?: IRefObject<IOverlay>;
isDarkThemed?: boolean;
styles?: IStyleFunctionOrObject<IOverlayStyleProps, IOverlayStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IOverlayStyleProps {
className?: string;
isDark?: boolean;
isNone?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IOverlayStyles {
root: IStyle;
}
// @public
export type IOverrideColumnRenderProps = Pick<IDetailsListProps, 'onRenderItemColumn' | 'getCellValueKey' | 'onRenderField'> & Pick<IDetailsRowProps, 'cellsByColumn'>;
// @public (undocumented)
export interface IPage<T = any> {
// (undocumented)
data?: any;
// (undocumented)
height: number;
// (undocumented)
isSpacer?: boolean;
// (undocumented)
isVisible?: boolean;
// (undocumented)
itemCount: number;
// (undocumented)
items: T[] | undefined;
// (undocumented)
key: string;
// (undocumented)
startIndex: number;
// (undocumented)
style: React_2.CSSProperties;
// (undocumented)
top: number;
}
// @public (undocumented)
export interface IPageProps<T = any> extends React_2.HTMLAttributes<HTMLDivElement>, React_2.ClassAttributes<HTMLDivElement> {
page: IPage<T>;
role?: string;
}
// @public (undocumented)
export interface IPageSpecification {
data?: any;
height?: number;
itemCount?: number;
key?: string;
}
export { IPalette }
// @public (undocumented)
export interface IPanel {
dismiss: (ev?: React_2.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
open: () => void;
}
// @public
export interface IPanelHeaderRenderer extends IRenderFunction<IPanelProps> {
// (undocumented)
(props?: IPanelProps, defaultRender?: IPanelHeaderRenderer, headerTextId?: string | undefined): JSXElement | null;
}
// @public (undocumented)
export interface IPanelProps extends React_2.HTMLAttributes<PanelBase> {
allowTouchBodyScroll?: boolean;
className?: string;
closeButtonAriaLabel?: string;
// @deprecated (undocumented)
componentId?: string;
componentRef?: IRefObject<IPanel>;
customWidth?: string;
elementToFocusOnDismiss?: HTMLElement;
// @deprecated
firstFocusableSelector?: string;
focusTrapZoneProps?: IFocusTrapZoneProps;
// @deprecated
forceFocusInsideTrap?: boolean;
hasCloseButton?: boolean;
headerClassName?: string;
headerText?: string;
headerTextProps?: React_2.HTMLAttributes<HTMLDivElement>;
// @deprecated
ignoreExternalFocusing?: boolean;
isBlocking?: boolean;
isFooterAtBottom?: boolean;
isHiddenOnDismiss?: boolean;
isLightDismiss?: boolean;
isOpen?: boolean;
layerProps?: ILayerProps;
onDismiss?: (ev?: React_2.SyntheticEvent<HTMLElement> | KeyboardEvent) => void;
onDismissed?: () => void;
onLightDismissClick?: () => void;
onOpen?: () => void;
onOpened?: () => void;
onOuterClick?: (ev?: React_2.MouseEvent<HTMLDivElement>) => void;
onRenderBody?: IRenderFunction<IPanelProps>;
onRenderFooter?: IRenderFunction<IPanelProps>;
onRenderFooterContent?: IRenderFunction<IPanelProps>;
onRenderHeader?: IPanelHeaderRenderer;
onRenderNavigation?: IRenderFunction<IPanelProps>;
onRenderNavigationContent?: IRenderFunction<IPanelProps>;
overlayProps?: IOverlayProps;
popupProps?: IPopupProps;
styles?: IStyleFunctionOrObject<IPanelStyleProps, IPanelStyles>;
theme?: ITheme;
type?: PanelType;
}
// @public (undocumented)
export interface IPanelStyleProps {
className?: string;
focusTrapZoneClassName?: string;
hasCloseButton?: boolean;
hasCustomNavigation?: boolean;
headerClassName?: string;
isAnimating?: boolean;
isFooterAtBottom?: boolean;
isFooterSticky?: boolean;
isHiddenOnDismiss?: boolean;
isOnRightSide?: boolean;
isOpen?: boolean;
theme: ITheme;
type?: PanelType;
}
// @public (undocumented)
export interface IPanelStyles {
// @deprecated
closeButton?: IStyle;
commands: IStyle;
content: IStyle;
contentInner: IStyle;
footer: IStyle;
footerInner: IStyle;
header: IStyle;
headerText: IStyle;
hiddenPanel: IStyle;
main: IStyle;
navigation: IStyle;
overlay: IStyle;
root: IStyle;
scrollableContent: IStyle;
subComponentStyles: IPanelSubComponentStyles;
}
// @public (undocumented)
export interface IPanelSubComponentStyles {
closeButton: Partial<IButtonStyles>;
}
export { IPartialTheme }
// @public (undocumented)
export interface IPeopleFloatingPickerProps extends IBaseFloatingPickerProps<IPersonaProps> {
}
// @public (undocumented)
export interface IPeoplePickerItemProps extends IPickerItemProps<IExtendedPersonaProps> {
}
// @public
export interface IPeoplePickerItemSelectedProps extends IPickerItemProps<IPersonaProps & {
ValidationState: ValidationState;
}>, IPeoplePickerItemSharedProps {
styles?: IStyleFunctionOrObject<IPeoplePickerItemSelectedStyleProps, IPeoplePickerItemSelectedStyles>;
}
// @public
export type IPeoplePickerItemSelectedStyleProps = Required<Pick<IPeoplePickerItemSelectedProps, 'theme'>> & Pick<IPeoplePickerItemSelectedProps, 'className' | 'selected' | 'disabled'> & {
invalid?: boolean;
};
// @public
export interface IPeoplePickerItemSelectedStyles {
itemContent: IStyle;
removeButton: IStyle;
root: IStyle;
subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
}
// @public
export interface IPeoplePickerItemSelectedSubComponentStyles {
persona: IStyleFunctionOrObject<IPersonaStyleProps, any>;
personaCoin?: IStyleFunctionOrObject<IPersonaCoinStyleProps, any>;
}
// @public
export interface IPeoplePickerItemSharedProps {
className?: string;
theme?: ITheme;
}
// @public (undocumented)
export interface IPeoplePickerItemState {
// (undocumented)
contextualMenuVisible: boolean;
}
// @public
export interface IPeoplePickerItemSuggestionProps extends IPeoplePickerItemSharedProps {
compact?: boolean;
personaProps?: IPersonaProps;
styles?: IStyleFunctionOrObject<IPeoplePickerItemSuggestionStyleProps, IPeoplePickerItemSuggestionStyles>;
suggestionsProps?: IBasePickerSuggestionsProps;
}
// @public
export type IPeoplePickerItemSuggestionStyleProps = Required<Pick<IPeoplePickerItemSuggestionProps, 'theme'>> & Pick<IPeoplePickerItemSuggestionProps, 'className'> & {};
// @public
export interface IPeoplePickerItemSuggestionStyles {
personaWrapper: IStyle;
root: IStyle;
subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles;
}
// @public @deprecated
export interface IPeoplePickerItemWithMenuProps extends IPickerItemProps<IPersonaWithMenu> {
}
// @public
export interface IPeoplePickerProps extends IBasePickerProps<IPersonaProps> {
}
export { IPerfData }
export { IPerfMeasurement }
export { IPerfSummary }
// @public (undocumented)
export interface IPersona {
}
// @public (undocumented)
export interface IPersonaCoinProps extends IPersonaSharedProps {
className?: string;
componentRef?: IRefObject<{}>;
styles?: IStyleFunctionOrObject<IPersonaCoinStyleProps, IPersonaCoinStyles>;
}
// @public (undocumented)
export interface IPersonaCoinStyleProps {
className?: string;
coinSize?: number;
showUnknownPersonaCoin?: boolean;
size?: PersonaSize;
theme: ITheme;
}
// @public (undocumented)
export interface IPersonaCoinStyles {
// (undocumented)
coin: IStyle;
// (undocumented)
image: IStyle;
// (undocumented)
imageArea: IStyle;
// (undocumented)
initials: IStyle;
// (undocumented)
size10WithoutPresenceIcon: IStyle;
}
// @public (undocumented)
export interface IPersonaPresenceProps extends IPersonaSharedProps {
componentRef?: IRefObject<{}>;
styles?: IStyleFunctionOrObject<IPersonaPresenceStyleProps, IPersonaPresenceStyles>;
}
// @public (undocumented)
export type IPersonaPresenceStyleProps = Required<Pick<IPersonaSharedProps, 'theme'>> & Pick<IPersonaSharedProps, 'presence' | 'isOutOfOffice' | 'size' | 'presenceColors'> & Pick<IPersonaProps, 'className'>;
// @public (undocumented)
export interface IPersonaPresenceStyles {
// (undocumented)
presence: IStyle;
// (undocumented)
presenceIcon: IStyle;
}
// @public (undocumented)
export interface IPersonaProps extends IPersonaSharedProps {
className?: string;
componentRef?: IRefObject<IPersona>;
onRenderOptionalText?: IRenderFunction<IPersonaProps>;
onRenderPrimaryText?: IRenderFunction<IPersonaProps>;
onRenderSecondaryText?: IRenderFunction<IPersonaProps>;
onRenderTertiaryText?: IRenderFunction<IPersonaProps>;
styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
}
// @public (undocumented)
export interface IPersonaSharedProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
allowPhoneInitials?: boolean;
coinProps?: IPersonaCoinProps;
coinSize?: number;
hidePersonaDetails?: boolean;
imageAlt?: string;
imageInitials?: string;
imageShouldFadeIn?: boolean;
imageShouldStartVisible?: boolean;
imageUrl?: string;
initialsColor?: PersonaInitialsColor | string;
initialsTextColor?: string;
isOutOfOffice?: boolean;
onPhotoLoadingStateChange?: (newImageLoadState: ImageLoadState) => void;
// @deprecated
onRenderCoin?: IRenderFunction<IPersonaSharedProps>;
onRenderInitials?: IRenderFunction<IPersonaSharedProps>;
onRenderPersonaCoin?: IRenderFunction<IPersonaSharedProps>;
optionalText?: string;
presence?: PersonaPresence;
presenceColors?: {
available: string;
away: string;
busy: string;
dnd: string;
offline: string;
oof: string;
background: string;
};
presenceTitle?: string;
// @deprecated
primaryText?: string;
secondaryText?: string;
showInitialsUntilImageLoads?: boolean;
showOverflowTooltip?: boolean;
// (undocumented)
showSecondaryText?: boolean;
showUnknownPersonaCoin?: boolean;
size?: PersonaSize;
tertiaryText?: string;
text?: string;
theme?: ITheme;
}
// @public (undocumented)
export interface IPersonaStyleProps {
className?: string;
coinSize?: number;
presence?: PersonaPresence;
// (undocumented)
showSecondaryText?: boolean;
size?: PersonaSize;
theme: ITheme;
}
// @public (undocumented)
export interface IPersonaStyles {
// (undocumented)
details: IStyle;
// (undocumented)
optionalText: IStyle;
// (undocumented)
primaryText: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
secondaryText: IStyle;
// (undocumented)
tertiaryText: IStyle;
// (undocumented)
textContent: IStyle;
}
// @public @deprecated
export interface IPersonaWithMenu extends IPersonaProps {
menuItems?: IContextualMenuItem[];
}
// @public
export type IPickerAriaIds = {
selectedSuggestionAlert: string;
selectedItems: string;
suggestionList: string;
combobox: string;
error: string;
};
// @public
export interface IPickerItem {
}
// @public
export interface IPickerItemProps<T> extends React_2.AllHTMLAttributes<HTMLElement> {
componentRef?: IRefObject<IPickerItem>;
index: number;
item: T;
key?: string | number;
onItemChange?: (item: T, index: number) => void;
onRemoveItem?: () => void;
removeButtonAriaLabel?: string;
removeButtonIconProps?: IIconProps;
selected?: boolean;
}
// @public (undocumented)
export interface IPivot {
focus(): void;
}
// @public (undocumented)
export interface IPivotItemProps extends React_2.HTMLAttributes<HTMLDivElement> {
alwaysRender?: boolean;
ariaLabel?: string;
// (undocumented)
children?: React_2.ReactNode;
componentRef?: IRefObject<{}>;
headerButtonProps?: IButtonProps | {
[key: string]: string | number | boolean;
};
headerText?: string;
itemCount?: number | string;
itemIcon?: string;
itemKey?: string;
keytipProps?: IKeytipProps;
// @deprecated
linkText?: string;
onRenderItemLink?: IRenderFunction<IPivotItemProps>;
}
// @public (undocumented)
export interface IPivotProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
className?: string;
componentRef?: React_2.RefObject<IPivot | null>;
defaultSelectedKey?: string;
focusZoneProps?: IFocusZoneProps;
getTabId?: (itemKey: string, index: number) => string;
headersOnly?: boolean;
linkFormat?: PivotLinkFormatType;
linkSize?: PivotLinkSizeType;
onLinkClick?: (item?: PivotItem, ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => void;
overflowAriaLabel?: string;
overflowBehavior?: 'none' | 'menu';
overflowButtonAs?: IComponentAs<IButtonProps>;
selectedKey?: string | null;
styles?: IStyleFunctionOrObject<IPivotStyleProps, IPivotStyles>;
theme?: ITheme;
}
// @public (undocumented)
export type IPivotStyleProps = Required<Pick<IPivotProps, 'theme'>> & Pick<IPivotProps, 'className'> & {
linkSize?: PivotLinkSizeType;
linkFormat?: PivotLinkFormatType;
};
// @public (undocumented)
export interface IPivotStyles {
// (undocumented)
count: IStyle;
// (undocumented)
icon: IStyle;
// (undocumented)
itemContainer?: IStyle;
// (undocumented)
link: IStyle;
// (undocumented)
linkContent: IStyle;
// (undocumented)
linkInMenu: IStyle;
// (undocumented)
linkIsSelected: IStyle;
// (undocumented)
overflowMenuButton: IStyle;
root: IStyle;
// (undocumented)
text: IStyle;
}
// @public (undocumented)
export interface IPlainCard {
}
// @public
export interface IPlainCardProps extends IBaseCardProps<IPlainCard, IPlainCardStyles, IPlainCardStyleProps> {
onRenderPlainCard?: IRenderFunction<any>;
}
// @public (undocumented)
export interface IPlainCardStyleProps extends IBaseCardStyleProps {
}
// @public (undocumented)
export interface IPlainCardStyles extends IBaseCardStyles {
}
export { IPoint }
// @public (undocumented)
export interface IPopupProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
ariaDescribedBy?: string;
ariaLabel?: string;
ariaLabelledBy?: string;
className?: string;
// @deprecated
enableAriaHiddenSiblings?: boolean;
onDismiss?: (ev?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement> | KeyboardEvent) => any;
onRestoreFocus?: (params: IPopupRestoreFocusParams) => void;
role?: string;
// @deprecated
shouldRestoreFocus?: boolean;
}
// @public
export interface IPopupRestoreFocusParams {
containsFocus: boolean;
documentContainsFocus: boolean;
originalElement?: HTMLElement | Window | null;
}
// @public
export interface IPosition {
// (undocumented)
[key: string]: number | undefined;
// (undocumented)
bottom?: number;
// (undocumented)
left?: number;
// (undocumented)
right?: number;
// (undocumented)
top?: number;
}
// @public (undocumented)
export interface IPositionDirectionalHintData {
// (undocumented)
alignmentEdge?: RectangleEdge;
// (undocumented)
alignTargetEdge?: boolean;
// (undocumented)
isAuto?: boolean;
// (undocumented)
targetEdge: RectangleEdge;
}
// @public (undocumented)
export interface IPositionedData {
alignmentEdge?: RectangleEdge;
elementPosition: IPosition;
targetEdge: RectangleEdge;
}
// @public (undocumented)
export interface IPositioningContainer {
}
// @public (undocumented)
export interface IPositioningContainerProps extends IBaseProps<IPositioningContainer>, React_2.RefAttributes<HTMLDivElement> {
ariaDescribedBy?: string;
ariaLabel?: string;
ariaLabelledBy?: string;
backgroundColor?: string;
bounds?: IRectangle;
children?: React_2.ReactNode;
className?: string;
componentRef?: IRefObject<IPositioningContainer>;
coverTarget?: boolean;
directionalHint?: DirectionalHint;
directionalHintFixed?: boolean;
directionalHintForRTL?: DirectionalHint;
doNotLayer?: boolean;
finalHeight?: number;
layerProps?: ILayerProps;
minPagePadding?: number;
offsetFromTarget?: number;
onDismiss?: (ev?: any) => void;
onLayerMounted?: () => void;
onPositioned?: (positions?: IPositionedData) => void;
positioningContainerMaxHeight?: number;
positioningContainerWidth?: number;
preventDismissOnScroll?: boolean;
role?: string;
setInitialFocus?: boolean;
target?: Target;
// @deprecated
targetPoint?: Point;
// @deprecated
useTargetPoint?: boolean;
}
// @public @deprecated (undocumented)
export type IPositioningContainerTypes = IPositioningContainerProps;
// @public (undocumented)
export interface IPositionProps {
alignTargetEdge?: boolean;
bounds?: IRectangle;
coverTarget?: boolean;
directionalHint?: DirectionalHint;
directionalHintFixed?: boolean;
directionalHintForRTL?: DirectionalHint;
gapSpace?: number;
// (undocumented)
target?: Element | MouseEvent | Point;
}
export { IProcessedStyleSet }
// @public (undocumented)
export interface IProgressIndicatorProps extends React_2.ClassAttributes<ProgressIndicatorBase> {
ariaLabel?: string;
ariaValueText?: string;
barHeight?: number;
className?: string;
description?: React_2.ReactNode;
label?: React_2.ReactNode;
onRenderProgress?: IRenderFunction<IProgressIndicatorProps>;
percentComplete?: number;
progressHidden?: boolean;
styles?: IStyleFunctionOrObject<IProgressIndicatorStyleProps, IProgressIndicatorStyles>;
theme?: ITheme;
// @deprecated (undocumented)
title?: string;
}
// @public (undocumented)
export interface IProgressIndicatorStyleProps {
// (undocumented)
barHeight?: number;
className?: string;
// (undocumented)
indeterminate?: boolean;
theme: ITheme;
}
// @public (undocumented)
export interface IProgressIndicatorStyles {
// (undocumented)
itemDescription: IStyle;
// (undocumented)
itemName: IStyle;
// (undocumented)
itemProgress: IStyle;
// (undocumented)
progressBar: IStyle;
// (undocumented)
progressTrack: IStyle;
root: IStyle;
}
export { IPropsWithStyles }
// @public (undocumented)
export interface IRating {
rating: number;
}
// @public
export interface IRatingProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
allowZeroStars?: boolean;
ariaLabel?: string;
ariaLabelFormat?: string;
componentRef?: IRefObject<IRating>;
defaultRating?: number;
disabled?: boolean;
getAriaLabel?: (rating: number, max: number) => string;
icon?: string;
max?: number;
// @deprecated
min?: number;
onChange?: (event: React_2.FormEvent<HTMLElement>, rating?: number) => void;
onRenderStar?: IRenderFunction<IRatingStarProps>;
rating?: number;
readOnly?: boolean;
size?: RatingSize;
styles?: IStyleFunctionOrObject<IRatingStyleProps, IRatingStyles>;
theme?: ITheme;
unselectedIcon?: string;
}
// @public (undocumented)
export interface IRatingStarProps {
// (undocumented)
classNames: IProcessedStyleSet<IRatingStyles>;
// (undocumented)
disabled?: boolean;
// (undocumented)
fillPercentage: number;
// (undocumented)
icon: string;
// (undocumented)
starNum?: number;
// (undocumented)
unselectedIcon?: string;
}
// @public (undocumented)
export interface IRatingStyleProps {
// (undocumented)
disabled?: boolean;
// (undocumented)
readOnly?: boolean;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface IRatingStyles {
// (undocumented)
labelText: IStyle;
// (undocumented)
ratingButton: IStyle;
// (undocumented)
ratingFocusZone: IStyle;
// (undocumented)
ratingStar: IStyle;
// (undocumented)
ratingStarBack: IStyle;
// (undocumented)
ratingStarFront: IStyle;
// (undocumented)
ratingStarIsLarge: IStyle;
// (undocumented)
ratingStarIsSmall: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
rootIsLarge: IStyle;
// (undocumented)
rootIsSmall: IStyle;
}
export { IRawStyle }
export { IRectangle }
export { IRefObject }
// @public (undocumented)
export interface IRelativePositions {
// (undocumented)
beakPosition: {
position: IPosition | undefined;
display: 'block';
};
// (undocumented)
calloutPosition: IPosition;
// (undocumented)
directionalClassName: string;
// (undocumented)
submenuDirection: DirectionalHint;
}
export { IRenderComponent }
export { IRenderFunction }
// @public (undocumented)
export interface IRenderGroupHeaderProps extends INavLinkGroup {
isExpanded?: boolean;
}
// @public (undocumented)
export interface IResizeGroup {
remeasure(): void;
}
// @public (undocumented)
export interface IResizeGroupProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
className?: string;
componentRef?: IRefObject<IResizeGroup>;
data: any;
dataDidRender?: (renderedData: any) => void;
direction?: ResizeGroupDirection;
onGrowData?: (prevData: any) => any;
onReduceData: (prevData: any) => any;
onRenderData: (data: any) => JSXElement;
// @deprecated
styles?: IStyleFunctionOrObject<IResizeGroupStyleProps, IResizeGroupStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IResizeGroupState {
dataToMeasure?: any;
measureContainer?: boolean;
renderedData?: any;
resizeDirection?: 'grow' | 'shrink';
}
// @public (undocumented)
export interface IResizeGroupStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IResizeGroupStyles {
root: IStyle;
}
// @public
export interface IRGB {
a?: number;
b: number;
g: number;
r: number;
}
export { IScheme }
export { ISchemeNames }
export { isControlled }
// @public (undocumented)
export interface IScrollablePane {
forceLayoutUpdate(): void;
getScrollPosition(): number;
}
// @public (undocumented)
export interface IScrollablePaneContext {
// (undocumented)
scrollablePane?: {
subscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void;
unsubscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void;
addSticky: (sticky: Sticky) => void;
removeSticky: (sticky: Sticky) => void;
updateStickyRefHeights: () => void;
sortSticky: (sticky: Sticky, sortAgain?: boolean) => void;
notifySubscribers: (sort?: boolean) => void;
syncScrollSticky: (sticky: Sticky) => void;
};
// (undocumented)
window: Window | undefined;
}
// @public (undocumented)
export interface IScrollablePaneProps extends React_2.HTMLAttributes<HTMLElement | ScrollablePaneBase> {
className?: string;
componentRef?: IRefObject<IScrollablePane>;
initialScrollPosition?: number;
// (undocumented)
scrollbarVisibility?: ScrollbarVisibility;
scrollContainerAriaLabel?: string;
scrollContainerFocus?: boolean;
styles?: IStyleFunctionOrObject<IScrollablePaneStyleProps, IScrollablePaneStyles>;
theme?: ITheme;
}
// @public (undocumented)
export interface IScrollablePaneState {
// (undocumented)
scrollbarHeight: number;
// (undocumented)
scrollbarWidth: number;
// (undocumented)
stickyBottomHeight: number;
// (undocumented)
stickyTopHeight: number;
}
// @public (undocumented)
export interface IScrollablePaneStyleProps {
className?: string;
// (undocumented)
scrollbarVisibility?: IScrollablePaneProps['scrollbarVisibility'];
theme: ITheme;
}
// @public (undocumented)
export interface IScrollablePaneStyles {
contentContainer: IStyle;
root: IStyle;
stickyAbove: IStyle;
stickyBelow: IStyle;
stickyBelowItems: IStyle;
}
// @public (undocumented)
export function isDark(color: IColor): boolean;
export { isDirectionalKeyCode }
// @public (undocumented)
export interface ISearchBox {
blur(): void;
focus(): void;
hasFocus(): boolean;
}
// @public (undocumented)
export interface ISearchBoxProps extends React_2.InputHTMLAttributes<HTMLInputElement>, React_2.RefAttributes<HTMLDivElement> {
ariaLabel?: string;
className?: string;
clearButtonProps?: IButtonProps;
componentRef?: React_2.Ref<ISearchBox>;
defaultValue?: string;
disableAnimation?: boolean;
iconProps?: Pick<IIconProps, Exclude<keyof IIconProps, 'className'>>;
// @deprecated (undocumented)
labelText?: string;
onChange?: (event?: React_2.ChangeEvent<HTMLInputElement>, newValue?: string) => void;
// @deprecated (undocumented)
onChanged?: (newValue: any) => void;
onClear?: (ev?: any) => void;
onEscape?: (ev?: any) => void;
onSearch?: (newValue: any) => void;
placeholder?: string;
role?: string;
showIcon?: boolean;
styles?: IStyleFunctionOrObject<ISearchBoxStyleProps, ISearchBoxStyles>;
theme?: ITheme;
underlined?: boolean;
value?: string;
}
// @public (undocumented)
export interface ISearchBoxStyleProps {
// (undocumented)
className?: string;
// (undocumented)
disableAnimation?: boolean;
// (undocumented)
disabled?: boolean;
// (undocumented)
hasFocus?: boolean;
// (undocumented)
hasInput?: boolean;
// (undocumented)
showIcon?: boolean;
// (undocumented)
theme: ITheme;
// (undocumented)
underlined?: boolean;
}
// @public (undocumented)
export interface ISearchBoxStyles {
// (undocumented)
clearButton?: IStyle;
// (undocumented)
field?: IStyle;
// (undocumented)
icon?: IStyle;
// (undocumented)
iconContainer?: IStyle;
// (undocumented)
root?: IStyle;
}
// @public
export interface ISelectableDroppableTextProps<TComponent, TListenerElement> extends React_2.HTMLAttributes<TListenerElement> {
ariaLabel?: string;
calloutProps?: ICalloutProps;
className?: string;
componentRef?: IRefObject<TComponent>;
defaultSelectedKey?: string | number | string[] | number[] | null;
disabled?: boolean;
errorMessage?: string;
id?: string;
label?: string;
multiSelect?: boolean;
onDismiss?: () => void;
onRenderContainer?: IRenderFunction<ISelectableDroppableTextProps<TComponent, TListenerElement>>;
onRenderItem?: IRenderFunction<ISelectableOption>;
onRenderList?: IRenderFunction<ISelectableDroppableTextProps<TComponent, TListenerElement>>;
onRenderOption?: IRenderFunction<ISelectableOption>;
openOnKeyboardFocus?: boolean;
options?: any;
panelProps?: IPanelProps;
placeholder?: string;
required?: boolean;
selectedKey?: string | number | string[] | number[] | null;
}
// @public (undocumented)
export interface ISelectableOption<T = any> {
ariaLabel?: string;
data?: T;
disabled?: boolean;
hidden?: boolean;
id?: string;
index?: number;
itemType?: SelectableOptionMenuItemType;
key: string | number;
selected?: boolean;
text: string;
title?: string;
}
// @public (undocumented)
export interface ISelectedItemProps<T> extends IPickerItemProps<T> {
// (undocumented)
onCopyItem: (item: T) => void;
}
// @public (undocumented)
export interface ISelectedPeopleItemProps extends ISelectedItemProps<IExtendedPersonaProps> {
// (undocumented)
onExpandItem?: () => void;
// (undocumented)
renderPersonaCoin?: IRenderFunction<IPersonaProps>;
// (undocumented)
renderPrimaryText?: IRenderFunction<IPersonaProps>;
}
// @public (undocumented)
export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps<IExtendedPersonaProps> {
// (undocumented)
copyMenuItemText?: string;
// (undocumented)
editMenuItemText?: string;
// (undocumented)
floatingPickerProps?: IBaseFloatingPickerProps<IPersonaProps>;
// (undocumented)
getEditingItemText?: (item: IExtendedPersonaProps) => string;
// (undocumented)
onExpandGroup?: (item: IExtendedPersonaProps) => void;
// (undocumented)
onRenderFloatingPicker?: React_2.ComponentType<IBaseFloatingPickerProps<IPersonaProps>>;
// (undocumented)
removeMenuItemText?: string;
}
export { ISelection }
export { ISelectionOptions }
export { ISelectionOptionsWithRequiredGetKey }
// @public (undocumented)
export interface ISelectionZone {
ignoreNextFocus: () => void;
}
// @public (undocumented)
export interface ISelectionZoneProps extends React_2.ClassAttributes<SelectionZone> {
// (undocumented)
children?: React_2.ReactNode;
className?: string;
componentRef?: () => void;
disableAutoSelectOnInputElements?: boolean;
enableTouchInvocationTarget?: boolean;
enterModalOnTouch?: boolean;
isSelectedOnFocus?: boolean;
// @deprecated (undocumented)
layout?: {};
onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean;
onItemInvoked?: (item?: IObjectWithKey, index?: number, ev?: Event) => void;
selection: ISelection;
selectionClearedOnEscapePress?: boolean;
selectionClearedOnSurfaceClick?: boolean;
selectionMode?: SelectionMode_2;
selectionPreservedOnEmptyClick?: boolean;
toggleWithoutModifierPressed?: boolean;
}
// @public (undocumented)
export interface ISelectionZoneState {
// (undocumented)
isModal: boolean | undefined;
}
export { isElementFocusSubZone }
export { isElementFocusZone }
export { isElementTabbable }
export { isElementVisible }
export { isElementVisibleAndNotHidden }
export { ISemanticColors }
export { ISemanticTextColors }
// @public (undocumented)
export interface ISeparator {
}
// @public (undocumented)
export interface ISeparatorProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
alignContent?: 'start' | 'center' | 'end';
styles?: IStyleFunctionOrObject<ISeparatorStyleProps, ISeparatorStyles>;
theme?: ITheme;
vertical?: boolean;
}
// @public (undocumented)
export type ISeparatorStyleProps = Required<Pick<ISeparatorProps, 'theme'>> & Pick<ISeparatorProps, 'className' | 'alignContent' | 'vertical'>;
// @public (undocumented)
export interface ISeparatorStyles {
content: IStyle;
root: IStyle;
}
export { ISerializableObject }
export { ISettings }
export { ISettingsFunction }
export { ISettingsMap }
export { IsFocusVisibleClassName }
// @public (undocumented)
export interface IShadowDomStyle {
__shadowConfig__?: ShadowConfig;
}
// @public (undocumented)
export interface IShimmerCircle {
}
// @public
export interface IShimmerCircleProps extends React_2.AllHTMLAttributes<HTMLElement> {
// @deprecated
borderStyle?: IRawStyle;
componentRef?: IRefObject<IShimmerCircle>;
height?: number;
styles?: IStyleFunctionOrObject<IShimmerCircleStyleProps, IShimmerCircleStyles>;
theme?: ITheme;
}
// @public
export type IShimmerCircleStyleProps = {
theme: ITheme;
height?: number;
borderStyle?: IRawStyle;
};
// @public
export interface IShimmerCircleStyles {
root?: IStyle;
svg?: IStyle;
}
// @public
export interface IShimmerColors {
background?: string;
shimmer?: string;
shimmerWave?: string;
}
// @public
export interface IShimmeredDetailsListProps extends Omit<IDetailsListProps, 'styles'> {
ariaLabelForShimmer?: string;
detailsListStyles?: IDetailsListProps['styles'];
enableShimmer?: boolean;
onRenderCustomPlaceholder?: (rowProps: IDetailsRowProps, index?: number, defaultRender?: (props: IDetailsRowProps) => React_2.ReactNode) => React_2.ReactNode;
removeFadingOverlay?: boolean;
shimmerLines?: number;
// @deprecated
shimmerOverlayStyles?: IStyleFunctionOrObject<IShimmeredDetailsListStyleProps, IShimmeredDetailsListStyles>;
styles?: IStyleFunctionOrObject<IShimmeredDetailsListStyleProps, IShimmeredDetailsListStyles>;
}
// @public
export type IShimmeredDetailsListStyleProps = Required<Pick<IShimmeredDetailsListProps, 'theme'>>;
// @public
export interface IShimmeredDetailsListStyles {
root: IStyle;
}
// @public
export interface IShimmerElement {
height?: number;
type: ShimmerElementType;
verticalAlign?: 'top' | 'center' | 'bottom';
width?: number | string;
}
// @public (undocumented)
export interface IShimmerElementsGroup {
}
// @public
export interface IShimmerElementsGroupProps extends React_2.AllHTMLAttributes<HTMLElement> {
backgroundColor?: string;
componentRef?: IRefObject<IShimmerElementsGroup>;
flexWrap?: boolean;
rowHeight?: number;
shimmerElements?: IShimmerElement[];
styles?: IStyleFunctionOrObject<IShimmerElementsGroupStyleProps, IShimmerElementsGroupStyles>;
theme?: ITheme;
width?: string;
}
// @public
export interface IShimmerElementsGroupStyleProps {
flexWrap?: boolean;
theme: ITheme;
}
// @public
export interface IShimmerElementsGroupStyles {
root?: IStyle;
}
// @public (undocumented)
export interface IShimmerGap {
}
// @public
export interface IShimmerGapProps extends React_2.AllHTMLAttributes<HTMLElement> {
// @deprecated
borderStyle?: IRawStyle;
componentRef?: IRefObject<IShimmerGap>;
height?: number;
styles?: IStyleFunctionOrObject<IShimmerGapStyleProps, IShimmerGapStyles>;
theme?: ITheme;
width?: number | string;
}
// @public
export type IShimmerGapStyleProps = {
theme: ITheme;
height?: number;
borderStyle?: IRawStyle;
};
// @public
export interface IShimmerGapStyles {
root?: IStyle;
}
// @public (undocumented)
export interface IShimmerLine {
}
// @public
export interface IShimmerLineProps extends React_2.AllHTMLAttributes<HTMLElement> {
// @deprecated
borderStyle?: IRawStyle;
componentRef?: IRefObject<IShimmerLine>;
height?: number;
styles?: IStyleFunctionOrObject<IShimmerLineStyleProps, IShimmerLineStyles>;
theme?: ITheme;
width?: number | string;
}
// @public
export type IShimmerLineStyleProps = {
theme: ITheme;
height?: number;
borderStyle?: IRawStyle;
};
// @public
export interface IShimmerLineStyles {
bottomLeftCorner?: IStyle;
bottomRightCorner?: IStyle;
root?: IStyle;
topLeftCorner?: IStyle;
topRightCorner?: IStyle;
}
// @public
export interface IShimmerProps extends React_2.AllHTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLElement> {
ariaLabel?: string;
className?: string;
customElementsGroup?: React_2.ReactNode;
improveCSSPerformance?: boolean;
isDataLoaded?: boolean;
shimmerColors?: IShimmerColors;
shimmerElements?: IShimmerElement[];
styles?: IStyleFunctionOrObject<IShimmerStyleProps, IShimmerStyles>;
theme?: ITheme;
width?: number | string;
}
// @public
export interface IShimmerStyleProps {
className?: string;
improveCSSPerformance?: boolean;
isDataLoaded?: boolean;
shimmerColor?: string;
shimmerWaveColor?: string;
theme: ITheme;
transitionAnimationInterval?: number;
}
// @public
export interface IShimmerStyles {
dataWrapper?: IStyle;
root?: IStyle;
screenReaderText?: IStyle;
shimmerGradient?: IStyle;
shimmerWrapper?: IStyle;
}
// @public
export type IShowAllGroupedItem = {
type: 'showAll';
group: IGroup;
};
export { isIE11 }
export { isInDateRangeArray }
export { isIOS }
export { ISize }
// @public (undocumented)
export interface ISlider {
// (undocumented)
focus: () => void;
// (undocumented)
range?: [number, number];
// (undocumented)
value: number | undefined;
}
// @public (undocumented)
export interface ISliderProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>, React_2.RefAttributes<HTMLDivElement> {
ariaLabel?: string;
ariaValueText?: (value: number) => string;
buttonProps?: React_2.HTMLAttributes<HTMLButtonElement>;
className?: string;
componentRef?: IRefObject<ISlider>;
defaultLowerValue?: number;
defaultValue?: number;
disabled?: boolean;
label?: string;
lowerValue?: number;
max?: number;
min?: number;
onChange?: (value: number, range?: [number, number], event?: React_2.MouseEvent | React_2.TouchEvent | MouseEvent | TouchEvent | React_2.KeyboardEvent) => void;
onChanged?: (event: any, value: number, range?: [number, number]) => void;
originFromZero?: boolean;
ranged?: boolean;
showValue?: boolean;
snapToStep?: boolean;
step?: number;
styles?: IStyleFunctionOrObject<ISliderStyleProps, ISliderStyles>;
theme?: ITheme;
value?: number;
valueFormat?: (value: number) => string;
vertical?: boolean;
}
// @public (undocumented)
export type ISliderStyleProps = Required<Pick<ISliderProps, 'theme'>> & Pick<ISliderProps, 'className' | 'disabled' | 'vertical' | 'ranged'> & {
showTransitions?: boolean;
showValue?: boolean;
titleLabelClassName?: string;
};
// @public (undocumented)
export interface ISliderStyles {
activeSection: IStyle;
container: IStyle;
inactiveSection: IStyle;
line: IStyle;
lineContainer: IStyle;
root: IStyle;
slideBox: IStyle;
thumb: IStyle;
titleLabel: IStyle;
valueLabel: IStyle;
zeroTick: IStyle;
}
export { isMac }
export { ISpacing }
// @public (undocumented)
export interface ISpinButton {
focus: () => void;
value?: string;
}
// @public (undocumented)
export interface ISpinButtonProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
ariaDescribedBy?: string;
ariaLabel?: string;
ariaPositionInSet?: number;
ariaSetSize?: number;
ariaValueNow?: number;
// (undocumented)
ariaValueText?: string;
className?: string;
componentRef?: IRefObject<ISpinButton>;
decrementButtonAriaLabel?: string;
decrementButtonIcon?: IIconProps;
defaultValue?: string;
disabled?: boolean;
downArrowButtonStyles?: Partial<IButtonStyles>;
iconButtonProps?: IButtonProps;
iconProps?: IIconProps;
incrementButtonAriaLabel?: string;
incrementButtonIcon?: IIconProps;
inputProps?: React_2.InputHTMLAttributes<HTMLElement | HTMLInputElement>;
keytipProps?: IKeytipProps;
label?: string;
labelPosition?: Position;
max?: number;
min?: number;
onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
onChange?: (event: React_2.SyntheticEvent<HTMLElement>, newValue?: string) => void;
onDecrement?: (value: string, event?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => string | void;
onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
onIncrement?: (value: string, event?: React_2.MouseEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement>) => string | void;
onValidate?: (value: string, event?: React_2.SyntheticEvent<HTMLElement>) => string | void;
precision?: number;
step?: number;
styles?: IStyleFunctionOrObject<ISpinButtonStyleProps, ISpinButtonStyles>;
theme?: ITheme;
title?: string;
upArrowButtonStyles?: Partial<IButtonStyles>;
value?: string;
}
// @public (undocumented)
export interface ISpinButtonStyleProps {
// (undocumented)
className: string | undefined;
// (undocumented)
disabled: boolean;
// (undocumented)
isFocused: boolean;
// (undocumented)
keyboardSpinDirection: KeyboardSpinDirection;
// (undocumented)
labelPosition: Position;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ISpinButtonStyles extends IShadowDomStyle {
arrowButtonsContainer: IStyle;
icon: IStyle;
input: IStyle;
label: IStyle;
labelWrapper: IStyle;
root: IStyle;
spinButtonWrapper: IStyle;
}
// @public (undocumented)
export interface ISpinner {
}
// @public
export interface ISpinnerProps extends React_2.HTMLAttributes<HTMLElement> {
ariaLabel?: string;
ariaLive?: 'assertive' | 'polite' | 'off';
className?: string;
componentRef?: IRefObject<ISpinner>;
label?: string;
labelPosition?: SpinnerLabelPosition;
size?: SpinnerSize;
styles?: IStyleFunctionOrObject<ISpinnerStyleProps, ISpinnerStyles>;
theme?: ITheme;
// @deprecated (undocumented)
type?: SpinnerType;
}
// @public
export interface ISpinnerStyleProps {
className?: string;
labelPosition?: SpinnerLabelPosition;
size?: SpinnerSize;
theme: ITheme;
}
// @public
export interface ISpinnerStyles {
circle?: IStyle;
label?: IStyle;
root?: IStyle;
screenReaderText?: IStyle;
}
// @public (undocumented)
export interface ISplitButtonClassNames {
// (undocumented)
divider?: string;
// (undocumented)
flexContainer?: string;
// (undocumented)
icon?: string;
// (undocumented)
root?: string;
// (undocumented)
splitButtonContainer?: string;
}
// @public (undocumented)
export function isRelativeUrl(url: string): boolean;
// @public (undocumented)
export type IStackComponent = IComponent<IStackProps, IStackTokens, IStackStyles>;
// @public (undocumented)
export type IStackItemComponent = IComponent<IStackItemProps, IStackItemTokens, IStackItemStyles>;
// @public (undocumented)
export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps<IStackItemProps, IStackItemTokens, IStackItemStyles>, React_2.HTMLAttributes<HTMLElement> {
align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end';
basis?: React_2.CSSProperties['flexBasis'];
// (undocumented)
children?: React_2.ReactNode;
className?: string;
disableShrink?: boolean;
grow?: boolean | number | 'inherit' | 'initial' | 'unset';
order?: number | string;
shrink?: boolean | number | 'inherit' | 'initial' | 'unset';
verticalFill?: boolean;
}
// @public (undocumented)
export type IStackItemSlot = ISlotProp<IStackItemProps>;
// @public (undocumented)
export interface IStackItemSlots {
// (undocumented)
root?: IHTMLSlot;
}
// @public (undocumented)
export type IStackItemStyles = IComponentStyles<IStackItemSlots>;
// @public (undocumented)
export type IStackItemStylesReturnType = ReturnType<Extract<IStackItemComponent['styles'], Function>>;
// @public (undocumented)
export type IStackItemTokenReturnType = ReturnType<Extract<IStackItemComponent['tokens'], Function>>;
// @public (undocumented)
export interface IStackItemTokens {
margin?: number | string;
padding?: number | string;
}
// @public (undocumented)
export interface IStackProps extends ISlottableProps<IStackSlots>, IStyleableComponentProps<IStackProps, IStackTokens, IStackStyles>, React_2.HTMLAttributes<HTMLElement> {
as?: React_2.ElementType<React_2.HTMLAttributes<HTMLElement>>;
disableShrink?: boolean;
// @deprecated
doNotRenderFalsyValues?: boolean;
enableScopedSelectors?: boolean;
// @deprecated
gap?: number | string;
grow?: boolean | number | 'inherit' | 'initial' | 'unset';
horizontal?: boolean;
horizontalAlign?: Alignment;
// @deprecated
maxHeight?: number | string;
// @deprecated
maxWidth?: number | string;
// @deprecated
padding?: number | string;
reversed?: boolean;
verticalAlign?: Alignment;
verticalFill?: boolean;
wrap?: boolean;
}
// @public (undocumented)
export type IStackSlot = ISlotProp<IStackProps>;
// @public (undocumented)
export interface IStackSlots {
inner?: IHTMLSlot;
root?: IHTMLSlot;
}
// @public (undocumented)
export type IStackStyles = IComponentStyles<IStackSlots>;
// @public (undocumented)
export type IStackStylesReturnType = ReturnType<Extract<IStackComponent['styles'], Function>>;
// @public (undocumented)
export type IStackTokenReturnType = ReturnType<Extract<IStackComponent['tokens'], Function>>;
// @public (undocumented)
export interface IStackTokens {
childrenGap?: number | string;
maxHeight?: number | string;
maxWidth?: number | string;
padding?: number | string;
}
// @public (undocumented)
export interface IStickyProps extends IReactProps<Sticky> {
componentRef?: IRefObject<IStickyProps>;
isScrollSynced?: boolean;
stickyBackgroundColor?: string;
stickyClassName?: string;
stickyPosition?: StickyPositionType;
}
// @public (undocumented)
export interface IStickyState {
// (undocumented)
distanceFromTop?: number;
// (undocumented)
isStickyBottom: boolean;
// (undocumented)
isStickyTop: boolean;
}
export { IStyle }
export { IStyleFunction }
export { IStyleFunctionOrObject }
export { IStyleSet }
export { IStyleSheetConfig }
// @public
export interface ISuggestionItemProps<T> {
className?: string;
componentRef?: IRefObject<ISuggestionsItem>;
id?: string;
isSelectedOverride?: boolean;
onClick: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
onRemoveItem: (ev: React_2.MouseEvent<HTMLButtonElement>) => void;
removeButtonAriaLabel?: string;
removeButtonIconProps?: IIconProps;
RenderSuggestion: (item: T, suggestionItemProps: ISuggestionItemProps<T>) => JSXElement;
showRemoveButton?: boolean;
styles?: IStyleFunctionOrObject<ISuggestionsItemStyleProps, ISuggestionsItemStyles>;
suggestionModel: ISuggestionModel<T>;
theme?: ITheme;
}
// @public
export interface ISuggestionModel<T> {
ariaLabel?: string;
item: T;
selected: boolean;
}
// @public
export interface ISuggestions<T> {
executeSelectedAction: () => void;
focusAboveSuggestions: () => void;
focusBelowSuggestions: () => void;
focusSearchForMoreButton: () => void;
hasSuggestedAction: () => boolean;
hasSuggestedActionSelected: () => boolean;
tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean;
}
// @public (undocumented)
export interface ISuggestionsControlProps<T> extends React_2.ClassAttributes<any>, ISuggestionsCoreProps<T> {
className?: string;
completeSuggestion: () => void;
footerItemsProps?: ISuggestionsHeaderFooterProps[];
headerItemsProps?: ISuggestionsHeaderFooterProps[];
shouldSelectFirstItem?: () => boolean;
suggestionsFooterContainerAriaLabel?: string;
suggestionsHeaderContainerAriaLabel?: string;
}
// @public (undocumented)
export interface ISuggestionsControlState<T> {
// (undocumented)
selectedFooterIndex: number;
// (undocumented)
selectedHeaderIndex: number;
// (undocumented)
suggestions: ISuggestionModel<T>[];
}
// @public (undocumented)
export interface ISuggestionsCoreProps<T> extends React_2.ClassAttributes<any> {
componentRef?: IRefObject<{}>;
onRenderSuggestion?: (props: T, suggestionItemProps: ISuggestionItemProps<T>) => JSXElement;
onSuggestionClick: (ev?: React_2.MouseEvent<HTMLElement>, item?: any, index?: number) => void;
onSuggestionRemove?: (ev?: React_2.MouseEvent<HTMLElement>, item?: IPersonaProps, index?: number) => void;
resultsMaximumNumber?: number;
shouldLoopSelection: boolean;
showRemoveButtons?: boolean;
suggestions: ISuggestionModel<T>[];
suggestionsAvailableAlertText?: string;
suggestionsContainerAriaLabel?: string;
suggestionsItemClassName?: string;
}
// @public (undocumented)
export interface ISuggestionsHeaderFooterItemProps {
// (undocumented)
className: string | undefined;
// (undocumented)
componentRef?: IRefObject<{}>;
// (undocumented)
id: string;
// (undocumented)
isSelected: boolean;
// (undocumented)
onExecute?: () => void;
// (undocumented)
renderItem: () => JSXElement;
}
// @public (undocumented)
export interface ISuggestionsHeaderFooterProps {
// (undocumented)
ariaLabel?: string;
// (undocumented)
className?: string;
// (undocumented)
onExecute?: () => void;
// (undocumented)
renderItem: () => JSXElement;
// (undocumented)
shouldShow: () => boolean;
}
// @public
export interface ISuggestionsItem {
}
// @public
export type ISuggestionsItemStyleProps = Required<Pick<ISuggestionItemProps<any>, 'theme'>> & Pick<ISuggestionItemProps<any>, 'className'> & {
suggested?: boolean;
};
// @public
export interface ISuggestionsItemStyles {
closeButton: IStyle;
itemButton: IStyle;
root: IStyle;
}
// @public
export interface ISuggestionsProps<T> extends IReactProps<any> {
className?: string;
componentRef?: IRefObject<ISuggestions<T>>;
createGenericItem?: () => void;
forceResolveText?: string;
isExtendedLoading?: boolean;
isLoading?: boolean;
isMostRecentlyUsedVisible?: boolean;
isResultsFooterVisible?: boolean;
isSearching?: boolean;
loadingText?: string;
moreSuggestionsAvailable?: boolean;
mostRecentlyUsedHeaderText?: string;
noResultsFoundText?: string;
onGetMoreResults?: () => void;
onRenderNoResultFound?: IRenderFunction<void>;
onRenderSuggestion: (props: T, suggestionItemProps: ISuggestionItemProps<T>) => JSXElement;
onSuggestionClick: (ev?: React_2.MouseEvent<HTMLElement>, item?: any, index?: number) => void;
onSuggestionRemove?: (ev?: React_2.MouseEvent<HTMLElement>, item?: T | IPersonaProps, index?: number) => void;
refocusSuggestions?: (keyCode: KeyCodes) => void;
removeButtonIconProps?: IIconProps;
removeSuggestionAriaLabel?: string;
resultsFooter?: (props: ISuggestionsProps<T>) => JSXElement;
resultsFooterFull?: (props: ISuggestionsProps<T>) => JSXElement;
resultsMaximumNumber?: number;
// @deprecated
searchErrorText?: string;
searchForMoreIcon?: IIconProps;
searchForMoreText?: string;
searchingText?: string;
showForceResolve?: () => boolean;
showRemoveButtons?: boolean;
styles?: IStyleFunctionOrObject<any, any>;
suggestions: ISuggestionModel<T>[];
suggestionsAvailableAlertText?: string;
suggestionsClassName?: string;
suggestionsContainerAriaLabel?: string;
suggestionsHeaderText?: string;
suggestionsItemClassName?: string;
suggestionsListId?: string;
theme?: ITheme;
}
// @public (undocumented)
export interface ISuggestionsState {
// (undocumented)
selectedActionType: SuggestionActionType;
}
// @public
export type ISuggestionsStyleProps = Required<Pick<ISuggestionsProps<any>, 'theme'>> & Pick<ISuggestionsProps<any>, 'className' | 'suggestionsClassName'> & {
forceResolveButtonSelected?: boolean;
searchForMoreButtonSelected?: boolean;
};
// @public
export interface ISuggestionsStyles {
forceResolveButton: IStyle;
noSuggestions: IStyle;
root: IStyle;
searchForMoreButton: IStyle;
subComponentStyles: ISuggestionsSubComponentStyles;
suggestionsAvailable: IStyle;
suggestionsContainer: IStyle;
title: IStyle;
}
// @public
export interface ISuggestionsSubComponentStyles {
spinner: IStyleFunctionOrObject<ISpinnerStyleProps, any>;
}
// @public
export function isValidShade(shade?: Shade): boolean;
export { isVirtualElement }
// @public (undocumented)
export interface ISwatchColorPickerProps extends React_2.RefAttributes<HTMLElement> {
ariaPosInSet?: number;
ariaSetSize?: number;
cellBorderWidth?: number;
cellHeight?: number;
cellMargin?: number;
cellShape?: 'circle' | 'square';
cellWidth?: number;
className?: string;
colorCells: IColorCellProps[];
columnCount: number;
defaultSelectedId?: string | undefined;
disabled?: boolean;
doNotContainWithinFocusZone?: boolean;
focusOnHover?: boolean;
getColorGridCellStyles?: IStyleFunctionOrObject<IColorPickerGridCellStyleProps, IColorPickerGridCellStyles>;
id?: string;
// @deprecated (undocumented)
isControlled?: boolean;
mouseLeaveParentSelector?: string | undefined;
onCellFocused?: (id?: string, color?: string, event?: React_2.FormEvent<HTMLButtonElement>) => void;
onCellHovered?: (id?: string, color?: string, event?: React_2.MouseEvent<HTMLButtonElement>) => void;
onChange?: (event: React_2.FormEvent<HTMLElement>, id: string | undefined, color: string | undefined) => void;
// @deprecated (undocumented)
onColorChanged?: (id?: string, color?: string) => void;
onRenderColorCell?: IRenderFunction<IColorCellProps>;
onRenderColorCellContent?: IRenderFunction<IColorCellProps>;
selectedId?: string;
shouldFocusCircularNavigate?: boolean;
styles?: IStyleFunctionOrObject<ISwatchColorPickerStyleProps, ISwatchColorPickerStyles>;
theme?: ITheme;
}
// @public
export interface ISwatchColorPickerStyleProps {
cellMargin?: number;
className?: string;
theme: ITheme;
}
// @public
export interface ISwatchColorPickerStyles {
focusedContainer?: IStyle;
root: IStyle;
tableCell: IStyle;
}
// @public
export interface ITag {
key: string | number;
name: string;
}
// @public
export interface ITagItemProps extends IPickerItemProps<ITag> {
className?: string;
enableTagFocusInDisabledPicker?: boolean;
removeButtonProps?: ITagItemRemoveButtonProps;
styles?: IStyleFunctionOrObject<ITagItemStyleProps, ITagItemStyles>;
theme?: ITheme;
title?: string;
}
// @public
export interface ITagItemRemoveButtonProps extends IButtonProps {
'data-id'?: string;
}
// @public
export type ITagItemStyleProps = Required<Pick<ITagItemProps, 'theme'>> & Pick<ITagItemProps, 'className' | 'selected' | 'disabled'> & {};
// @public
export interface ITagItemStyles {
close: IStyle;
root: IStyle;
text: IStyle;
}
// @public
export interface ITagItemSuggestionProps extends React_2.AllHTMLAttributes<HTMLElement> {
className?: string;
styles?: IStyleFunctionOrObject<ITagItemSuggestionStyleProps, ITagItemSuggestionStyles>;
theme?: ITheme;
}
// @public
export type ITagItemSuggestionStyleProps = Required<Pick<ITagItemSuggestionProps, 'theme'>> & Pick<ITagItemSuggestionProps, 'className'> & {};
// @public
export interface ITagItemSuggestionStyles {
suggestionTextOverflow?: IStyle;
}
// @public
export interface ITagPickerProps extends IBasePickerProps<ITag> {
}
// @public (undocumented)
export interface ITeachingBubble {
focus(): void;
}
// @public
export interface ITeachingBubbleProps extends React_2.RefAttributes<HTMLDivElement>, IAccessiblePopupProps {
ariaDescribedBy?: string;
ariaLabelledBy?: string;
calloutProps?: ICalloutProps;
// (undocumented)
children?: React_2.ReactNode;
componentRef?: IRefObject<ITeachingBubble>;
focusTrapZoneProps?: IFocusTrapZoneProps;
footerContent?: string | JSXElement;
hasCloseButton?: boolean;
// @deprecated (undocumented)
hasCloseIcon?: boolean;
hasCondensedHeadline?: boolean;
hasSmallHeadline?: boolean;
headline?: string;
illustrationImage?: IImageProps;
isWide?: boolean;
onDismiss?: (ev?: any) => void;
primaryButtonProps?: IButtonProps;
secondaryButtonProps?: IButtonProps;
styles?: IStyleFunctionOrObject<ITeachingBubbleStyleProps, ITeachingBubbleStyles>;
target?: Target;
// @deprecated
targetElement?: HTMLElement;
theme?: ITheme;
}
// @public (undocumented)
export type ITeachingBubbleStyleProps = Required<Pick<ITeachingBubbleProps, 'theme'>> & Pick<ITeachingBubbleProps, 'hasCondensedHeadline' | 'hasSmallHeadline' | 'isWide'> & {
calloutProps?: ICalloutContentStyleProps;
primaryButtonClassName?: string;
secondaryButtonClassName?: string;
hasCloseButton?: boolean;
hasHeadline?: boolean;
};
// @public (undocumented)
export interface ITeachingBubbleStyles {
// (undocumented)
body: IStyle;
// (undocumented)
bodyContent: IStyle;
// (undocumented)
closeButton: IStyle;
// (undocumented)
content: IStyle;
// (undocumented)
footer: IStyle;
// (undocumented)
header: IStyle;
// (undocumented)
headline: IStyle;
// (undocumented)
imageContent: IStyle;
// (undocumented)
primaryButton: IStyle;
// (undocumented)
root: IStyle;
// (undocumented)
secondaryButton: IStyle;
// (undocumented)
subComponentStyles?: ITeachingBubbleSubComponentStyles;
// (undocumented)
subText: IStyle;
}
// @public (undocumented)
export interface ITeachingBubbleSubComponentStyles {
callout: IStyleFunctionOrObject<any, any>;
}
// @public (undocumented)
export type ITextComponent = IComponent<ITextProps, ITextTokens, ITextStyles>;
// @public (undocumented)
export interface ITextField {
blur: () => void;
focus: () => void;
select: () => void;
selectionEnd: number | null;
selectionStart: number | null;
setSelectionEnd: (value: number) => void;
setSelectionRange: (start: number, end: number) => void;
setSelectionStart: (value: number) => void;
value: string | undefined;
}
// @public
export interface ITextFieldProps extends React_2.AllHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
ariaLabel?: string;
autoAdjustHeight?: boolean;
autoComplete?: string;
borderless?: boolean;
canRevealPassword?: boolean;
className?: string;
componentRef?: IRefObject<ITextField>;
defaultValue?: string;
deferredValidationTime?: number;
description?: string;
disabled?: boolean;
// @deprecated
elementRef?: React_2.Ref<HTMLDivElement>;
errorMessage?: string | JSXElement;
iconProps?: IIconProps;
inputClassName?: string;
invalid?: boolean;
label?: string;
multiline?: boolean;
onChange?: (event: React_2.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) => void;
onGetErrorMessage?: (value: string) => string | JSXElement | PromiseLike<string | JSXElement> | undefined;
onNotifyValidationResult?: (errorMessage: string | JSXElement, value: string | undefined) => void;
onRenderDescription?: IRenderFunction<ITextFieldProps>;
onRenderInput?: IRenderFunction<React_2.InputHTMLAttributes<HTMLInputElement> & React_2.RefAttributes<HTMLInputElement>>;
onRenderLabel?: IRenderFunction<ITextFieldProps>;
onRenderPrefix?: IRenderFunction<ITextFieldProps>;
onRenderSuffix?: IRenderFunction<ITextFieldProps>;
prefix?: string;
readOnly?: boolean;
resizable?: boolean;
revealPasswordAriaLabel?: string;
scrollContainerRef?: React_2.RefObject<HTMLElement | null>;
styles?: IStyleFunctionOrObject<ITextFieldStyleProps, ITextFieldStyles>;
suffix?: string;
theme?: ITheme;
underlined?: boolean;
validateOnFocusIn?: boolean;
validateOnFocusOut?: boolean;
validateOnLoad?: boolean;
value?: string;
}
// Warning: (ae-internal-missing-underscore) The name "ITextFieldSnapshot" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export interface ITextFieldSnapshot {
selection?: [number | null, number | null];
}
// Warning: (ae-internal-missing-underscore) The name "ITextFieldState" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export interface ITextFieldState {
errorMessage: string | JSXElement;
isFocused?: boolean;
isRevealingPassword?: boolean;
uncontrolledValue: string | undefined;
}
// @public (undocumented)
export type ITextFieldStyleProps = Required<Pick<ITextFieldProps, 'theme'>> & Pick<ITextFieldProps, 'className' | 'disabled' | 'inputClassName' | 'required' | 'multiline' | 'borderless' | 'resizable' | 'underlined' | 'autoAdjustHeight'> & {
hasErrorMessage?: boolean;
hasIcon?: boolean;
hasLabel?: boolean;
focused?: boolean;
hasRevealButton?: boolean;
};
// @public (undocumented)
export interface ITextFieldStyles extends IShadowDomStyle {
description: IStyle;
errorMessage: IStyle;
field: IStyle;
fieldGroup: IStyle;
icon: IStyle;
prefix: IStyle;
revealButton: IStyle;
revealIcon: IStyle;
revealSpan: IStyle;
root: IStyle;
subComponentStyles: ITextFieldSubComponentStyles;
suffix: IStyle;
wrapper: IStyle;
}
// @public (undocumented)
export interface ITextFieldSubComponentStyles {
label: IStyleFunctionOrObject<any, any>;
}
// @public
export interface ITextProps extends ISlottableProps<ITextSlots>, IStyleableComponentProps<ITextProps, ITextTokens, ITextStyles>, React_2.HTMLAttributes<HTMLElement> {
as?: React_2.ElementType<React_2.HTMLAttributes<HTMLElement>>;
block?: boolean;
nowrap?: boolean;
variant?: keyof IFontStyles;
}
// @public (undocumented)
export type ITextSlot = ISlotProp<ITextProps, string>;
// @public (undocumented)
export interface ITextSlots {
// (undocumented)
root?: IHTMLSlot;
}
// @public (undocumented)
export type ITextStyles = IComponentStyles<ITextSlots>;
// @public (undocumented)
export type ITextStylesReturnType = ReturnType<Extract<ITextComponent['styles'], Function>>;
// @public (undocumented)
export type ITextTokenReturnType = ReturnType<Extract<ITextComponent['tokens'], Function>>;
// @public (undocumented)
export interface ITextTokens {
}
export { ITheme }
// @public (undocumented)
export interface IThemeRules {
// (undocumented)
[key: string]: IThemeSlotRule;
}
// @public (undocumented)
export interface IThemeSlotRule {
asShade?: Shade;
color?: IColor;
dependentRules: IThemeSlotRule[];
inherits?: IThemeSlotRule;
isBackgroundShade?: boolean;
isCustomized?: boolean;
name: string;
value?: string;
}
// @public (undocumented)
export interface ITimePickerProps extends Omit<IComboBoxProps, 'options' | 'selectedKey' | 'defaultSelectedKey' | 'multiSelect' | 'text' | 'defaultValue' | 'onChange'> {
allowFreeform?: boolean;
dateAnchor?: Date;
defaultValue?: Date;
increments?: number;
label?: string;
onChange?: (event: React_2.FormEvent<IComboBox>, time: Date) => void;
onFormatDate?: (date: Date) => string;
onValidateUserInput?: (userInput: string) => string;
onValidationResult?: (event: React_2.FormEvent<IComboBox>, data: TimePickerValidationResultData) => void;
showSeconds?: boolean;
strings?: ITimePickerStrings;
timeRange?: ITimeRange;
useHour12?: boolean;
value?: Date;
}
// @public
export interface ITimePickerStrings {
invalidInputErrorMessage: string;
timeOutOfBoundsErrorMessage?: string;
}
// @public
export interface ITimeRange {
end: number;
start: number;
}
// @public (undocumented)
export interface IToggle {
// (undocumented)
focus: () => void;
}
// @public
export interface IToggleProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLElement> {
ariaLabel?: string;
as?: IComponentAs<React_2.HTMLAttributes<HTMLElement>>;
checked?: boolean;
componentRef?: IRefObject<IToggle>;
defaultChecked?: boolean;
disabled?: boolean;
inlineLabel?: boolean;
label?: string | JSXElement;
// @deprecated (undocumented)
offAriaLabel?: string;
offText?: string;
// @deprecated (undocumented)
onAriaLabel?: string;
onChange?: (event: React_2.MouseEvent<HTMLElement>, checked?: boolean) => void;
// @deprecated (undocumented)
onChanged?: (checked: boolean) => void;
onText?: string;
role?: 'checkbox' | 'switch' | 'menuitemcheckbox';
styles?: IStyleFunctionOrObject<IToggleStyleProps, IToggleStyles>;
theme?: ITheme;
}
// @public
export interface IToggleStyleProps {
checked?: boolean;
className?: string;
disabled?: boolean;
inlineLabel?: boolean;
onOffMissing?: boolean;
theme: ITheme;
}
// @public
export interface IToggleStyles {
container: IStyle;
label: IStyle;
pill: IStyle;
root: IStyle;
text: IStyle;
thumb: IStyle;
}
// @public (undocumented)
export interface ITooltip {
}
// @public (undocumented)
export interface ITooltipHost {
dismiss: () => void;
show: () => void;
}
// @public
export interface ITooltipHostProps extends Omit<React_2.HTMLAttributes<HTMLDivElement | TooltipHostBase>, 'content'> {
calloutProps?: ICalloutProps;
className?: string;
closeDelay?: number;
componentRef?: IRefObject<ITooltipHost>;
content?: string | JSXElement | JSXElement[];
delay?: TooltipDelay;
directionalHint?: DirectionalHint;
directionalHintForRTL?: DirectionalHint;
hostClassName?: string;
id?: string;
onTooltipToggle?(isTooltipVisible: boolean): void;
overflowMode?: TooltipOverflowMode;
// @deprecated
setAriaDescribedBy?: boolean;
styles?: IStyleFunctionOrObject<ITooltipHostStyleProps, ITooltipHostStyles>;
theme?: ITheme;
tooltipProps?: ITooltipProps;
}
// @public (undocumented)
export interface ITooltipHostState {
// @deprecated (undocumented)
isAriaPlaceholderRendered: boolean;
// (undocumented)
isTooltipVisible: boolean;
}
// @public (undocumented)
export interface ITooltipHostStyleProps {
// (undocumented)
className?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ITooltipHostStyles {
root: IStyle;
}
// @public (undocumented)
export interface ITooltipProps extends Omit<React_2.HTMLAttributes<HTMLDivElement | TooltipBase>, 'content'> {
calloutProps?: ICalloutProps;
componentRef?: IRefObject<ITooltip>;
content?: string | JSXElement | JSXElement[];
delay?: TooltipDelay;
directionalHint?: DirectionalHint;
directionalHintForRTL?: DirectionalHint;
maxWidth?: string | null;
onRenderContent?: IRenderFunction<ITooltipProps>;
styles?: IStyleFunctionOrObject<ITooltipStyleProps, ITooltipStyles>;
targetElement?: HTMLElement;
theme?: ITheme;
}
// @public (undocumented)
export interface ITooltipStyleProps {
beakWidth?: number;
// (undocumented)
className?: string;
// @deprecated
delay?: TooltipDelay;
gapSpace?: number;
maxWidth?: string;
// (undocumented)
theme: ITheme;
}
// @public (undocumented)
export interface ITooltipStyles {
content: IStyle;
root: IStyle;
subText: IStyle;
}
// @public (undocumented)
export interface IUniqueKeytip {
// (undocumented)
keytip: IKeytipProps;
// (undocumented)
uniqueID: string;
}
// @public @deprecated
export interface IVerticalDividerClassNames {
divider: string;
wrapper: string;
}
// @public
export interface IVerticalDividerProps extends React_2.HTMLAttributes<HTMLElement>, React_2.RefAttributes<HTMLDivElement> {
className?: string;
// @deprecated
getClassNames?: (theme: ITheme) => IVerticalDividerClassNames;
styles?: IStyleFunctionOrObject<IVerticalDividerPropsStyles, IVerticalDividerStyles>;
theme?: ITheme;
}
// @public
export type IVerticalDividerPropsStyles = Pick<IVerticalDividerProps, 'theme' | 'getClassNames' | 'className'>;
// @public
export interface IVerticalDividerStyles {
divider: IStyle;
wrapper: IStyle;
}
// @public
export interface IViewport {
height: number;
width: number;
}
export { IVirtualElement }
export { IWarnControlledUsageParams }
// @public (undocumented)
export interface IWeeklyDayPicker {
// (undocumented)
focus(): void;
}
// @public (undocumented)
export type IWeeklyDayPickerNavigationIcons = Pick<ICalendarNavigationIcons, 'leftNavigation' | 'rightNavigation'>;
// @public (undocumented)
export interface IWeeklyDayPickerProps extends IBaseProps<IWeeklyDayPicker>, Partial<ICalendarDayGridProps> {
animationDirection?: AnimationDirection;
className?: string;
componentRef?: IRefObject<IWeeklyDayPicker>;
dateTimeFormatter?: IDateFormatting;
firstDayOfWeek?: DayOfWeek;
initialDate?: Date;
maxDate?: Date;
minDate?: Date;
navigationIcons?: IWeeklyDayPickerNavigationIcons;
onNavigateDate?: (date: Date) => void;
onSelectDate?: (date: Date) => void;
restrictedDates?: Date[];
showFullMonth?: boolean;
strings: IWeeklyDayPickerStrings;
styles?: IStyleFunctionOrObject<IWeeklyDayPickerStyleProps, IWeeklyDayPickerStyles>;
theme?: ITheme;
today?: Date;
weeksToShow?: number;
}
// @public (undocumented)
export interface IWeeklyDayPickerStrings extends ICalendarStrings {
nextWeekAriaLabel?: string;
prevWeekAriaLabel?: string;
}
// @public (undocumented)
export interface IWeeklyDayPickerStyleProps extends ICalendarDayGridStyleProps {
className?: string;
theme: ITheme;
}
// @public (undocumented)
export interface IWeeklyDayPickerStyles extends Partial<ICalendarDayGridStyles> {
disabledStyle: IStyle;
navigationIconButton: IStyle;
root: IStyle;
}
// @public
export interface IWindowWithSegments extends Window {
// (undocumented)
getWindowSegments?: () => DOMRect[];
}
// @public @deprecated (undocumented)
export interface IWithResponsiveModeState {
// (undocumented)
responsiveMode?: ResponsiveMode;
}
// @public
export interface IWithViewportProps {
delayFirstMeasure?: boolean;
disableResizeObserver?: boolean;
skipViewportMeasures?: boolean;
}
// @public (undocumented)
export interface IWithViewportState {
// (undocumented)
viewport?: IViewport;
}
// @public (undocumented)
export enum KeyboardSpinDirection {
// (undocumented)
down = -1,
// (undocumented)
notSpinning = 0,
// (undocumented)
up = 1
}
export { KeyCodes }
export { keyframes }
// @public
export class Keytip extends React_2.Component<IKeytipProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public
export const KeytipData: React_2.FunctionComponent<IKeytipDataProps & IRenderComponent<{}>>;
// @public (undocumented)
export type KeytipDataOptions = IKeytipDataProps;
// @public (undocumented)
export namespace KeytipEvents {
const // (undocumented)
KEYTIP_ADDED = "keytipAdded";
const // (undocumented)
KEYTIP_REMOVED = "keytipRemoved";
const // (undocumented)
KEYTIP_UPDATED = "keytipUpdated";
const // (undocumented)
PERSISTED_KEYTIP_ADDED = "persistedKeytipAdded";
const // (undocumented)
PERSISTED_KEYTIP_REMOVED = "persistedKeytipRemoved";
const // (undocumented)
PERSISTED_KEYTIP_EXECUTE = "persistedKeytipExecute";
const // (undocumented)
ENTER_KEYTIP_MODE = "enterKeytipMode";
const // (undocumented)
EXIT_KEYTIP_MODE = "exitKeytipMode";
}
// @public (undocumented)
export const KeytipLayer: React_2.FunctionComponent<IKeytipLayerProps>;
// @public
export class KeytipLayerBase extends React_2.Component<IKeytipLayerProps, IKeytipLayerState> {
constructor(props: IKeytipLayerProps, context: any);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: IKeytipLayerProps;
// (undocumented)
getCurrentSequence(): string;
// Warning: (ae-forgotten-export) The symbol "KeytipTree" needs to be exported by the entry point index.d.ts
//
// (undocumented)
getKeytipTree(): KeytipTree;
processInput(key: string, ev?: React_2.KeyboardEvent<HTMLElement>): void;
processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React_2.KeyboardEvent<HTMLElement>): void;
// (undocumented)
render(): JSXElement;
showKeytips(ids: string[]): void;
}
// @public
export class KeytipManager {
addParentOverflow(keytipProps: IKeytipProps): IKeytipProps;
// (undocumented)
delayUpdatingKeytipChange: boolean;
enterKeytipMode(): void;
exitKeytipMode(): void;
static getInstance(): KeytipManager;
getKeytips(): IKeytipProps[];
init(delayUpdatingKeytipChange: boolean): void;
// (undocumented)
inKeytipMode: boolean;
// (undocumented)
keytips: {
[key: string]: IUniqueKeytip;
};
menuExecute(overflowButtonSequences: string[], keytipSequences: string[]): void;
// (undocumented)
persistedKeytips: {
[key: string]: IUniqueKeytip;
};
register(keytipProps: IKeytipProps, persisted?: boolean): string;
// (undocumented)
sequenceMapping: {
[key: string]: IKeytipProps;
};
// (undocumented)
shouldEnterKeytipMode: boolean;
unregister(keytipToRemove: IKeytipProps, uniqueID: string, persisted?: boolean): void;
update(keytipProps: IKeytipProps, uniqueID: string): void;
}
// @public (undocumented)
export type KeytipTransitionModifier = typeof KeyCodes.shift | typeof KeyCodes.ctrl | typeof KeyCodes.alt | typeof KeyCodes.leftWindow;
// @public (undocumented)
export const KTP_ARIA_SEPARATOR = ", ";
// @public (undocumented)
export const KTP_FULL_PREFIX: string;
// @public (undocumented)
export const KTP_LAYER_ID = "ktp-layer-id";
// @public (undocumented)
export const KTP_PREFIX = "ktp";
// @public (undocumented)
export const KTP_SEPARATOR = "-";
// @public
export function ktpTargetFromId(keytipId: string): string;
// @public
export function ktpTargetFromSequences(keySequences: string[]): string;
// @public (undocumented)
export const Label: React_2.FunctionComponent<ILabelProps>;
// @public (undocumented)
export class LabelBase extends React_2.Component<ILabelProps, {}> {
// (undocumented)
render(): JSXElement;
}
export { labelProperties }
// @public (undocumented)
export const Layer: React_2.FunctionComponent<ILayerProps>;
// @public (undocumented)
export const LayerBase: React_2.FunctionComponent<ILayerProps>;
// @public (undocumented)
export const LayerHost: React_2.FunctionComponent<ILayerHostProps>;
// @public (undocumented)
export const Link: React_2.FunctionComponent<ILinkProps>;
// @public (undocumented)
export const LinkBase: React_2.FunctionComponent<ILinkProps>;
export { liProperties }
// @public
export class List<T = any> extends React_2.Component<IListProps<T>, IListState<T>> implements IList {
constructor(props: IListProps<T>);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(previousProps: IListProps, previousState: IListState<T>): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: {
startIndex: number;
onRenderCell: (item: any, index: number, containsFocus: boolean) => JSXElement;
onRenderCellConditional: undefined;
renderedWindowsAhead: number;
renderedWindowsBehind: number;
};
// (undocumented)
forceUpdate(): void;
// (undocumented)
static getDerivedStateFromProps<U = any>(nextProps: IListProps<U>, previousState: IListState<U>): IListState<U>;
// (undocumented)
getStartItemIndexInView(measureItem?: (itemIndex: number) => number): number;
getTotalListHeight(): number;
// (undocumented)
get pageRefs(): Readonly<Record<string, unknown>>;
// (undocumented)
render(): JSXElement | null;
scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
// (undocumented)
shouldComponentUpdate(newProps: IListProps<T>, newState: IListState<T>): boolean;
}
// @public (undocumented)
export const ListPeoplePicker: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IPeoplePickerProps>>>;
// @public
export class ListPeoplePickerBase extends MemberListPeoplePicker {
static defaultProps: {
onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSXElement;
onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSXElement;
createGenericItem: typeof createGenericItem;
};
}
export { loadTheme }
export { LocalizedFontFamilies }
export { LocalizedFontNames }
// @public @deprecated
export function makeStyles<TStyleSet extends {
[key in keyof TStyleSet]: IStyle;
} = {
[key: string]: IStyle;
}>(styleOrFunction: TStyleSet | ((theme: Theme) => TStyleSet)): (options?: UseStylesOptions) => StylesClassMapping<TStyleSet>;
export { mapEnumByName }
// @public (undocumented)
export const MarqueeSelection: React_2.FunctionComponent<IMarqueeSelectionProps>;
// @public (undocumented)
export const MaskedTextField: React_2.FunctionComponent<IMaskedTextFieldProps>;
// @public (undocumented)
export const MAX_COLOR_ALPHA = 100;
// @public (undocumented)
export const MAX_COLOR_HUE = 359;
// @public (undocumented)
export const MAX_COLOR_RGB = 255;
// @public @deprecated (undocumented)
export const MAX_COLOR_RGBA = 255;
// @public (undocumented)
export const MAX_COLOR_SATURATION = 100;
// @public (undocumented)
export const MAX_COLOR_VALUE = 100;
// @public
export const MAX_HEX_LENGTH = 6;
// @public
export const MAX_RGBA_LENGTH = 3;
// @public (undocumented)
export const MeasuredContext: React_2.Context<{
isMeasured: boolean;
}>;
// @public (undocumented)
export class MemberListPeoplePicker extends BasePickerListBelow<IPersonaProps, IPeoplePickerProps> {
}
export { memoize }
export { memoizeFunction }
export { merge }
export { mergeAriaAttributeValues }
export { mergeCustomizations }
// @public
export function mergeOverflows(keySequences: string[], overflowKeySequences: string[]): string[];
export { mergeScopedSettings }
export { mergeSettings }
export { mergeStyles }
export { mergeStyleSets }
export { MergeStylesRootProvider }
export { MergeStylesShadowRootProvider }
export { mergeThemes }
// @public (undocumented)
export const MessageBar: React_2.FunctionComponent<IMessageBarProps>;
// @public (undocumented)
export const MessageBarBase: React_2.FunctionComponent<IMessageBarProps>;
// @public (undocumented)
export class MessageBarButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum MessageBarType {
blocked = 2,
error = 1,
info = 0,
severeWarning = 3,
success = 4,
warning = 5
}
// @public
export const MIN_HEX_LENGTH = 3;
// @public
export const MIN_RGBA_LENGTH = 1;
// @public (undocumented)
export const Modal: React_2.FunctionComponent<IModalProps>;
// @public (undocumented)
export const ModalBase: React_2.FunctionComponent<IModalProps>;
export { modalize }
export { MonthOfYear }
export { MotionAnimations }
export { MotionDurations }
export { MotionTimings }
// @public (undocumented)
export const Nav: React_2.FunctionComponent<INavProps>;
// @public (undocumented)
export class NavBase extends React_2.Component<INavProps, INavState> implements INav {
constructor(props: INavProps);
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: INavProps;
focus(forceIntoFirstElement?: boolean): boolean;
// (undocumented)
render(): JSXElement | null;
// (undocumented)
get selectedKey(): string | undefined;
}
export { NeutralColors }
export { normalize }
// @public (undocumented)
export const NormalPeoplePicker: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IPeoplePickerProps>>>;
// @public
export class NormalPeoplePickerBase extends BasePeoplePicker {
static defaultProps: {
onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSXElement;
onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSXElement;
createGenericItem: typeof createGenericItem;
};
}
// @public
export function notifyHostChanged(id: string): void;
export { noWrap }
export { nullRender }
export { olProperties }
export { omit }
export { Omit_2 as Omit }
export { on }
// @public (undocumented)
export enum OpenCardMode {
hotKey = 1,
hover = 0
}
export { optionProperties }
// @public (undocumented)
export enum OverflowButtonType {
descriptive = 1,
downArrow = 3,
more = 2,
none = 0
}
// @public (undocumented)
export const OverflowSet: React_2.FunctionComponent<IOverflowSetProps>;
// @public (undocumented)
export const OverflowSetBase: React_2.FunctionComponent<IOverflowSetProps>;
// @public (undocumented)
export const Overlay: React_2.FunctionComponent<IOverlayProps>;
// @public (undocumented)
export class OverlayBase extends React_2.Component<IOverlayProps, {}> {
constructor(props: IOverlayProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
render(): JSXElement;
}
// @public
export const Panel: React_2.FunctionComponent<IPanelProps>;
// Warning: (ae-forgotten-export) The symbol "IPanelState" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export class PanelBase extends React_2.Component<IPanelProps, IPanelState> implements IPanel {
constructor(props: IPanelProps);
// (undocumented)
close(): void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(previousProps: IPanelProps, previousState: IPanelState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: IPanelProps;
// (undocumented)
dismiss: (ev?: React_2.SyntheticEvent<HTMLElement> | KeyboardEvent) => void;
// (undocumented)
static getDerivedStateFromProps(nextProps: Readonly<IPanelProps>, prevState: Readonly<IPanelState>): Partial<IPanelState> | null;
get isActive(): boolean;
// (undocumented)
open(): void;
// (undocumented)
render(): JSXElement | null;
}
// @public (undocumented)
export enum PanelType {
custom = 7,
customNear = 8,
extraLarge = 6,
large = 4,
largeFixed = 5,
medium = 3,
smallFixedFar = 1,
smallFixedNear = 2,
smallFluid = 0
}
export { PartialTheme }
// @public (undocumented)
export const PeoplePickerItem: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IPeoplePickerItemSelectedProps>>>;
// @public (undocumented)
export const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSXElement;
// @public (undocumented)
export const PeoplePickerItemSuggestion: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<IPeoplePickerItemSuggestionProps>>>;
// @public (undocumented)
export const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSXElement;
// @public
export const Persona: React_2.FunctionComponent<IPersonaProps>;
// @public
export const PersonaBase: React_2.FunctionComponent<IPersonaProps>;
// @public
export const PersonaCoin: React_2.FunctionComponent<IPersonaCoinProps>;
// @public
export const PersonaCoinBase: React_2.FunctionComponent<IPersonaCoinProps>;
// @public (undocumented)
export enum PersonaInitialsColor {
// @deprecated (undocumented)
black = 11,
// (undocumented)
blue = 1,
// (undocumented)
burgundy = 19,
// (undocumented)
coolGray = 21,
// (undocumented)
cyan = 23,
// (undocumented)
darkBlue = 2,
// (undocumented)
darkGreen = 6,
// (undocumented)
darkRed = 14,
// (undocumented)
gold = 18,
gray = 22,
// (undocumented)
green = 5,
// (undocumented)
lightBlue = 0,
// (undocumented)
lightGreen = 4,
// (undocumented)
lightPink = 7,
// (undocumented)
lightRed = 17,
// (undocumented)
magenta = 9,
// (undocumented)
orange = 12,
// (undocumented)
pink = 8,
// (undocumented)
purple = 10,
// @deprecated (undocumented)
red = 13,
// (undocumented)
rust = 24,
// (undocumented)
teal = 3,
transparent = 15,
// (undocumented)
violet = 16,
// (undocumented)
warmGray = 20
}
// @public (undocumented)
export enum PersonaPresence {
// (undocumented)
away = 3,
// (undocumented)
blocked = 5,
// (undocumented)
busy = 6,
// (undocumented)
dnd = 4,
// (undocumented)
none = 0,
// (undocumented)
offline = 1,
// (undocumented)
online = 2
}
// @public (undocumented)
export namespace personaPresenceSize {
const // (undocumented)
size6 = "6px";
const // (undocumented)
size8 = "8px";
const // (undocumented)
size12 = "12px";
const // (undocumented)
size16 = "16px";
const // (undocumented)
size20 = "20px";
const // (undocumented)
size28 = "28px";
const // (undocumented)
size32 = "32px";
const // @deprecated (undocumented)
border = "2px";
}
// @public (undocumented)
export enum PersonaSize {
// @deprecated
extraExtraSmall = 1,
// @deprecated
extraLarge = 6,
// @deprecated
extraSmall = 2,
// @deprecated
large = 5,
// @deprecated
regular = 4,
// @deprecated
size10 = 9,
size100 = 15,
size120 = 18,
// @deprecated
size16 = 8,
size24 = 10,
// @deprecated
size28 = 7,
size32 = 11,
size40 = 12,
size48 = 13,
size56 = 16,
size72 = 14,
size8 = 17,
// @deprecated
small = 3,
// @deprecated
tiny = 0
}
// @public (undocumented)
export namespace personaSize {
const // (undocumented)
size8 = "20px";
const // (undocumented)
size10 = "20px";
const // (undocumented)
size16 = "16px";
const // (undocumented)
size24 = "24px";
const // (undocumented)
size28 = "28px";
const // (undocumented)
size32 = "32px";
const // (undocumented)
size40 = "40px";
const // (undocumented)
size48 = "48px";
const // (undocumented)
size56 = "56px";
const // (undocumented)
size72 = "72px";
const // (undocumented)
size100 = "100px";
const // (undocumented)
size120 = "120px";
}
// @public
export const Pivot: React_2.FunctionComponent<IPivotProps>;
// @public (undocumented)
export const PivotBase: React_2.FunctionComponent<IPivotProps>;
// @public (undocumented)
export class PivotItem extends React_2.Component<IPivotItemProps, {}> {
constructor(props: IPivotItemProps);
// (undocumented)
render(): JSXElement;
}
// @public @deprecated (undocumented)
export const enum PivotLinkFormat {
links = "links",
tabs = "tabs"
}
// @public
export type PivotLinkFormatType = 'links' | 'tabs';
// @public @deprecated (undocumented)
export const enum PivotLinkSize {
large = "large",
normal = "normal"
}
// @public
export type PivotLinkSizeType = 'normal' | 'large';
// @public (undocumented)
export const PlainCard: React_2.FunctionComponent<IPlainCardProps>;
// @public (undocumented)
export class PlainCardBase extends React_2.Component<IPlainCardProps, {}> {
constructor(props: IPlainCardProps);
// (undocumented)
render(): JSXElement;
}
export { Point }
// @public
export const Popup: React_2.FunctionComponent<IPopupProps>;
export { portalContainsElement }
// @public (undocumented)
export enum Position {
// (undocumented)
bottom = 1,
// (undocumented)
end = 3,
// (undocumented)
start = 2,
// (undocumented)
top = 0
}
// @public (undocumented)
export function positionCallout(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo, shouldScroll?: boolean, minimumScrollResizeHeight?: number, win?: Window): ICalloutPositionedInfo;
// @public (undocumented)
export function positionCard(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo, win?: Window): ICalloutPositionedInfo;
// @public
export function positionElement(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: IPositionedData, win?: Window): IPositionedData;
// @public (undocumented)
export const PositioningContainer: React_2.FunctionComponent<IPositioningContainerProps>;
export { precisionRound }
// @public (undocumented)
export const presenceBoolean: (presence: PersonaPresence) => {
isAvailable: boolean;
isAway: boolean;
isBlocked: boolean;
isBusy: boolean;
isDoNotDisturb: boolean;
isOffline: boolean;
};
// @public (undocumented)
export class PrimaryButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSXElement;
}
// @public
export const ProgressIndicator: React_2.FunctionComponent<IProgressIndicatorProps>;
// @public
export class ProgressIndicatorBase extends React_2.Component<IProgressIndicatorProps, {}> {
constructor(props: IProgressIndicatorProps);
// (undocumented)
static defaultProps: {
label: string;
description: string;
width: number;
};
// (undocumented)
render(): JSXElement;
}
export { PulsingBeaconAnimationStyles }
export { raiseClick }
// @public (undocumented)
export const Rating: React_2.FunctionComponent<IRatingProps>;
// @public (undocumented)
export const RatingBase: React_2.FunctionComponent<IRatingProps>;
// @public (undocumented)
export enum RatingSize {
// (undocumented)
Large = 1,
// (undocumented)
Small = 0
}
export { Rectangle }
// @public (undocumented)
export enum RectangleEdge {
// (undocumented)
bottom = -1,
// (undocumented)
left = 2,
// (undocumented)
right = -2,
// (undocumented)
top = 1
}
export { RefObject }
export { registerDefaultFontFaces }
export { registerIconAlias }
export { registerIcons }
// @public
export function registerLayer(hostId: string, callback: () => void): void;
// @public
export function registerLayerHost(hostId: string, layerHost: ILayerHost): void;
export { registerOnThemeChangeCallback }
export { removeDirectionalKeyCode }
export { removeIndex }
export { removeOnThemeChangeCallback }
export { replaceElement }
export { resetControlledWarnings }
export { resetIds }
export { resetMemoizations }
// @public (undocumented)
export const ResizeGroup: React_2.FunctionComponent<IResizeGroupProps>;
// @public (undocumented)
export const ResizeGroupBase: React_2.FunctionComponent<IResizeGroupProps>;
// @public (undocumented)
export enum ResizeGroupDirection {
// (undocumented)
horizontal = 0,
// (undocumented)
vertical = 1
}
// @public (undocumented)
export enum ResponsiveMode {
large = 2,
medium = 1,
small = 0,
// (undocumented)
unknown = 999,
xLarge = 3,
xxLarge = 4,
xxxLarge = 5
}
// @public
export function rgb2hex(r: number, g: number, b: number): string;
// @public
export function rgb2hsv(r: number, g: number, b: number): IHSV;
// @public
export const RGBA_REGEX: RegExp;
export { safeRequestAnimationFrame }
export { safeSetTimeout }
export { ScreenWidthMaxLarge }
export { ScreenWidthMaxMedium }
export { ScreenWidthMaxSmall }
export { ScreenWidthMaxXLarge }
export { ScreenWidthMaxXXLarge }
export { ScreenWidthMinLarge }
export { ScreenWidthMinMedium }
export { ScreenWidthMinSmall }
export { ScreenWidthMinUhfMobile }
export { ScreenWidthMinXLarge }
export { ScreenWidthMinXXLarge }
export { ScreenWidthMinXXXLarge }
// @public (undocumented)
export const ScrollablePane: React_2.FunctionComponent<IScrollablePaneProps>;
// @public (undocumented)
export class ScrollablePaneBase extends React_2.Component<IScrollablePaneProps, IScrollablePaneState> implements IScrollablePane {
constructor(props: IScrollablePaneProps);
// (undocumented)
addSticky: (sticky: Sticky) => void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: IScrollablePaneProps, prevState: IScrollablePaneState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
get contentContainer(): HTMLDivElement | null;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
forceLayoutUpdate(): void;
// (undocumented)
getScrollPosition: () => number;
// (undocumented)
notifySubscribers: () => void;
// (undocumented)
removeSticky: (sticky: Sticky) => void;
// (undocumented)
render(): JSXElement;
// (undocumented)
get root(): HTMLDivElement | null;
// (undocumented)
setStickiesDistanceFromTop(): void;
// (undocumented)
shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean;
// (undocumented)
sortSticky: (sticky: Sticky, sortAgain?: boolean) => void;
// (undocumented)
get stickyAbove(): HTMLDivElement | null;
// (undocumented)
get stickyBelow(): HTMLDivElement | null;
// (undocumented)
subscribe: (handler: Function) => void;
// (undocumented)
syncScrollSticky: (sticky: Sticky) => void;
// (undocumented)
unsubscribe: (handler: Function) => void;
// (undocumented)
updateStickyRefHeights: () => void;
}
// @public (undocumented)
export const ScrollablePaneContext: React_2.Context<IScrollablePaneContext>;
// @public (undocumented)
export const ScrollbarVisibility: {
auto: "auto";
always: "always";
};
// @public (undocumented)
export type ScrollbarVisibility = (typeof ScrollbarVisibility)[keyof typeof ScrollbarVisibility];
// @public (undocumented)
export const ScrollToMode: {
auto: 0;
top: 1;
bottom: 2;
center: 3;
};
// @public (undocumented)
export type ScrollToMode = (typeof ScrollToMode)[keyof typeof ScrollToMode];
// @public (undocumented)
export const SearchBox: React_2.FunctionComponent<ISearchBoxProps>;
// @public (undocumented)
export const SearchBoxBase: React_2.FunctionComponent<ISearchBoxProps>;
// @public (undocumented)
enum SelectableOptionMenuItemType {
// (undocumented)
Divider = 1,
// (undocumented)
Header = 2,
// (undocumented)
Normal = 0,
// (undocumented)
SelectAll = 3
}
export { SelectableOptionMenuItemType as DropdownMenuItemType }
export { SelectableOptionMenuItemType }
// @public (undocumented)
export enum SelectAllVisibility {
// (undocumented)
hidden = 1,
// (undocumented)
none = 0,
// (undocumented)
visible = 2
}
// @public
export class SelectedPeopleList extends BasePeopleSelectedItemsList {
// (undocumented)
static defaultProps: any;
// (undocumented)
protected renderItems: () => JSXElement[];
}
export { Selection_2 as Selection }
export { SELECTION_CHANGE }
export { SelectionDirection }
export { SelectionMode_2 as SelectionMode }
// @public (undocumented)
export class SelectionZone extends React_2.Component<ISelectionZoneProps, ISelectionZoneState> {
constructor(props: ISelectionZoneProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(previousProps: ISelectionZoneProps): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
static defaultProps: {
isSelectedOnFocus: boolean;
toggleWithoutModifierPressed: boolean;
selectionMode: SelectionMode_2;
selectionClearedOnEscapePress: boolean;
};
// (undocumented)
static getDerivedStateFromProps(nextProps: ISelectionZoneProps, prevState: ISelectionZoneState): ISelectionZoneState;
ignoreNextFocus: () => void;
// (undocumented)
render(): JSXElement;
}
export { selectProperties }
// @public (undocumented)
export enum SemanticColorSlots {
// (undocumented)
bodyBackground = 0,
// (undocumented)
bodyText = 1,
// (undocumented)
disabledBackground = 2,
// (undocumented)
disabledText = 3
}
// @public (undocumented)
export const Separator: React_2.FunctionComponent<ISeparatorProps>;
// @public (undocumented)
export const SeparatorBase: React_2.FunctionComponent<ISeparatorProps>;
// @public
export function sequencesToID(keySequences: string[]): string;
export { setBaseUrl }
export { setFocusVisibility }
export { setIconOptions }
export { setLanguage }
// @public
export function setLayerHostSelector(selector?: string): void;
export { setMemoizeWeakMap }
export { setMonth }
export { setPortalAttribute }
// @public
export function setResponsiveMode(responsiveMode: ResponsiveMode | undefined): void;
export { setRTL }
export { setSSR }
export { Settings }
export { SettingsFunction }
export { setVirtualParent }
export { setWarningCallback }
// @public
export enum Shade {
// (undocumented)
Shade1 = 1,
// (undocumented)
Shade2 = 2,
// (undocumented)
Shade3 = 3,
// (undocumented)
Shade4 = 4,
// (undocumented)
Shade5 = 5,
// (undocumented)
Shade6 = 6,
// (undocumented)
Shade7 = 7,
// (undocumented)
Shade8 = 8,
// (undocumented)
Unshaded = 0
}
export { shallowCompare }
export { SharedColors }
// @public (undocumented)
export const Shimmer: React_2.FunctionComponent<IShimmerProps>;
// @public (undocumented)
export const ShimmerBase: React_2.FunctionComponent<IShimmerProps>;
// @public (undocumented)
export const ShimmerCircle: React_2.FunctionComponent<IShimmerCircleProps>;
// @public (undocumented)
export const ShimmerCircleBase: React_2.FunctionComponent<IShimmerCircleProps>;
// @public (undocumented)
export const ShimmeredDetailsList: React_2.FunctionComponent<IShimmeredDetailsListProps>;
// @public (undocumented)
export class ShimmeredDetailsListBase extends React_2.Component<IShimmeredDetailsListProps, {}> {
constructor(props: IShimmeredDetailsListProps);
// (undocumented)
render(): JSXElement;
}
// @public
export enum ShimmerElementsDefaultHeights {
circle = 24,
gap = 16,
line = 16
}
// @public (undocumented)
export const ShimmerElementsGroup: React_2.FunctionComponent<IShimmerElementsGroupProps>;
// @public (undocumented)
export const ShimmerElementsGroupBase: React_2.FunctionComponent<IShimmerElementsGroupProps>;
// @public
export enum ShimmerElementType {
circle = 2,
gap = 3,
line = 1
}
// @public (undocumented)
export const ShimmerGap: React_2.FunctionComponent<IShimmerGapProps>;
// @public (undocumented)
export const ShimmerGapBase: React_2.FunctionComponent<IShimmerGapProps>;
// @public (undocumented)
export const ShimmerLine: React_2.FunctionComponent<IShimmerLineProps>;
// @public (undocumented)
export const ShimmerLineBase: React_2.FunctionComponent<IShimmerLineProps>;
export { shouldWrapFocus }
// @public (undocumented)
export const sizeBoolean: (size: PersonaSize) => {
isSize8: boolean;
isSize10: boolean;
isSize16: boolean;
isSize24: boolean;
isSize28: boolean;
isSize32: boolean;
isSize40: boolean;
isSize48: boolean;
isSize56: boolean;
isSize72: boolean;
isSize100: boolean;
isSize120: boolean;
};
// @public (undocumented)
export const sizeToPixels: {
[key: number]: number;
};
// @public (undocumented)
export const Slider: React_2.FunctionComponent<ISliderProps>;
// @public (undocumented)
export const SliderBase: React_2.FunctionComponent<ISliderProps>;
// @public
export const SpinButton: React_2.FunctionComponent<ISpinButtonProps>;
// @public (undocumented)
export const Spinner: React_2.FunctionComponent<ISpinnerProps>;
// @public (undocumented)
export class SpinnerBase extends React_2.Component<ISpinnerProps, any> {
// (undocumented)
static defaultProps: ISpinnerProps;
// (undocumented)
render(): JSXElement;
}
// @public
export type SpinnerLabelPosition = 'top' | 'right' | 'bottom' | 'left';
// @public
export enum SpinnerSize {
large = 3,
medium = 2,
small = 1,
xSmall = 0
}
// @public @deprecated (undocumented)
export enum SpinnerType {
// @deprecated (undocumented)
large = 1,
// @deprecated (undocumented)
normal = 0
}
// @public (undocumented)
export const Stack: React_2.FunctionComponent<IStackProps> & {
Item: React_2.FunctionComponent<IStackItemProps>;
};
// @public (undocumented)
export const StackItem: React_2.FunctionComponent<IStackItemProps>;
// @public (undocumented)
export class Sticky extends React_2.Component<IStickyProps, IStickyState> {
constructor(props: IStickyProps);
// (undocumented)
addSticky(stickyContent: HTMLDivElement): void;
// (undocumented)
get canStickyBottom(): boolean;
// (undocumented)
get canStickyTop(): boolean;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: IStickyProps, prevState: IStickyState): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<IScrollablePaneContext>;
// (undocumented)
static defaultProps: IStickyProps;
// (undocumented)
get nonStickyContent(): HTMLDivElement | null;
// (undocumented)
get placeholder(): HTMLDivElement | null;
// (undocumented)
render(): JSXElement;
// (undocumented)
resetSticky(): void;
// (undocumented)
get root(): HTMLDivElement | null;
// (undocumented)
setDistanceFromTop(container: HTMLDivElement): void;
// (undocumented)
shouldComponentUpdate(nextProps: IStickyProps, nextState: IStickyState): boolean;
// (undocumented)
get stickyContentBottom(): HTMLDivElement | null;
// (undocumented)
get stickyContentTop(): HTMLDivElement | null;
// (undocumented)
syncScroll: (container: HTMLElement) => void;
}
// @public (undocumented)
export enum StickyPositionType {
// (undocumented)
Both = 0,
// (undocumented)
Footer = 2,
// (undocumented)
Header = 1
}
export { styled }
export { StyleFunction }
// @public (undocumented)
export type StylesClassMapping<TStyleSet extends {
[key in keyof TStyleSet]: IStyle;
}> = {
[key in keyof TStyleSet]: string;
};
export { Stylesheet }
// @public
export enum SuggestionActionType {
forceResolve = 1,
none = 0,
searchMore = 2
}
// @public (undocumented)
export enum SuggestionItemType {
// (undocumented)
footer = 2,
// (undocumented)
header = 0,
// (undocumented)
suggestion = 1
}
// @public (undocumented)
export class Suggestions<T> extends React_2.Component<ISuggestionsProps<T>, ISuggestionsState> {
constructor(suggestionsProps: ISuggestionsProps<T>);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(): void;
// (undocumented)
executeSelectedAction(): void;
// (undocumented)
focusAboveSuggestions(): void;
// (undocumented)
focusBelowSuggestions(): void;
// (undocumented)
focusSearchForMoreButton(): void;
// (undocumented)
protected _forceResolveButton: React_2.RefObject<IButton | null>;
// (undocumented)
hasSuggestedAction(): boolean;
// (undocumented)
hasSuggestedActionSelected(): boolean;
// (undocumented)
render(): JSXElement;
// (undocumented)
protected _scrollContainer: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
scrollSelected(): void;
// (undocumented)
protected _searchForMoreButton: React_2.RefObject<IButton | null>;
// (undocumented)
protected _selectedElement: React_2.RefObject<HTMLDivElement | null>;
tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean;
}
// @public
export class SuggestionsControl<T extends {}> extends React_2.Component<ISuggestionsControlProps<T>, ISuggestionsControlState<T>> {
constructor(suggestionsProps: ISuggestionsControlProps<T>);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(oldProps: ISuggestionsControlProps<T>): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
get currentSuggestion(): ISuggestionModel<T> | undefined;
// (undocumented)
get currentSuggestionIndex(): number;
// (undocumented)
executeSelectedAction(): void;
// (undocumented)
protected _forceResolveButton: IButton;
handleKeyDown(keyCode: number): boolean;
// (undocumented)
hasSelection(): boolean;
// (undocumented)
hasSuggestionSelected(): boolean;
// (undocumented)
removeSuggestion(index?: number): void;
// (undocumented)
render(): JSXElement;
// (undocumented)
protected renderFooterItems(): JSXElement | null;
// (undocumented)
protected renderHeaderItems(): JSXElement | null;
// (undocumented)
protected _renderSuggestions(): JSXElement;
protected resetSelectedItem(): void;
// (undocumented)
scrollSelected(): void;
// (undocumented)
protected _searchForMoreButton: IButton;
// (undocumented)
get selectedElement(): HTMLDivElement | undefined;
// (undocumented)
protected _selectedElement: React_2.RefObject<HTMLDivElement | null>;
protected selectFirstItem(): void;
protected selectLastItem(): void;
protected selectNextItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void;
protected selectPreviousItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void;
// (undocumented)
protected _suggestions: React_2.RefObject<SuggestionsCore<T> | null>;
}
// @public (undocumented)
export class SuggestionsController<T> {
constructor();
// (undocumented)
convertSuggestionsToSuggestionItems(suggestions: Array<ISuggestionModel<T> | T>): ISuggestionModel<T>[];
// (undocumented)
createGenericSuggestion(itemToConvert: ISuggestionModel<T> | T): void;
// (undocumented)
currentIndex: number;
// (undocumented)
currentSuggestion: ISuggestionModel<T> | undefined;
// (undocumented)
deselectAllSuggestions(): void;
// (undocumented)
getCurrentItem(): ISuggestionModel<T>;
// (undocumented)
getSuggestionAtIndex(index: number): ISuggestionModel<T>;
// (undocumented)
getSuggestions(): ISuggestionModel<T>[];
// (undocumented)
hasSelectedSuggestion(): boolean;
nextSuggestion(): boolean;
previousSuggestion(): boolean;
// (undocumented)
removeSuggestion(index: number): void;
// (undocumented)
setSelectedSuggestion(index: number): void;
// (undocumented)
suggestions: ISuggestionModel<T>[];
// (undocumented)
updateSuggestions(newSuggestions: T[], selectedIndex?: number, maxCount?: number): void;
}
// @public
export class SuggestionsCore<T extends {}> extends React_2.Component<ISuggestionsCoreProps<T>, {}> {
constructor(suggestionsProps: ISuggestionsCoreProps<T>);
// (undocumented)
componentDidUpdate(): void;
// (undocumented)
currentIndex: number;
// (undocumented)
currentSuggestion: ISuggestionModel<T> | undefined;
// (undocumented)
deselectAllSuggestions(): void;
// (undocumented)
getCurrentItem(): ISuggestionModel<T>;
// (undocumented)
getSuggestionAtIndex(index: number): ISuggestionModel<T>;
// (undocumented)
hasSuggestionSelected(): boolean;
nextSuggestion(): boolean;
previousSuggestion(): boolean;
// (undocumented)
removeSuggestion(index: number): void;
// (undocumented)
render(): JSXElement;
// (undocumented)
scrollSelected(): void;
// (undocumented)
get selectedElement(): HTMLDivElement | undefined;
// (undocumented)
protected _selectedElement: React_2.RefObject<HTMLDivElement | null>;
// (undocumented)
setSelectedSuggestion(index: number): void;
}
// @public (undocumented)
export class SuggestionsHeaderFooterItem extends React_2.Component<ISuggestionsHeaderFooterItemProps, {}> {
constructor(props: ISuggestionsHeaderFooterItemProps);
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class SuggestionsItem<T> extends React_2.Component<ISuggestionItemProps<T>, {}> {
constructor(props: ISuggestionItemProps<T>);
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export class SuggestionsStore<T> {
constructor(options?: SuggestionsStoreOptions<T>);
// (undocumented)
convertSuggestionsToSuggestionItems(suggestions: Array<ISuggestionModel<T> | T>): ISuggestionModel<T>[];
// (undocumented)
getSuggestionAtIndex(index: number): ISuggestionModel<T>;
// (undocumented)
getSuggestions(): ISuggestionModel<T>[];
// (undocumented)
removeSuggestion(index: number): void;
// (undocumented)
suggestions: ISuggestionModel<T>[];
// (undocumented)
updateSuggestions(newSuggestions: T[]): void;
}
// @public (undocumented)
export type SuggestionsStoreOptions<T> = {
getAriaLabel?: (item: T) => string;
};
// @public (undocumented)
export const SwatchColorPicker: React_2.FunctionComponent<ISwatchColorPickerProps>;
// @public (undocumented)
export const SwatchColorPickerBase: React_2.FunctionComponent<ISwatchColorPickerProps>;
export { tableProperties }
// @public (undocumented)
export const TagItem: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<ITagItemProps>>>;
// @public (undocumented)
export const TagItemBase: (props: ITagItemProps) => JSXElement;
// @public (undocumented)
export const TagItemSuggestion: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<ITagItemSuggestionProps>>>;
// @public (undocumented)
export const TagItemSuggestionBase: (props: ITagItemSuggestionProps) => JSXElement;
// @public (undocumented)
export const TagPicker: React_2.FunctionComponent<React_2.PropsWithChildren<React_2.PropsWithChildren<ITagPickerProps>>>;
// @public (undocumented)
export class TagPickerBase extends BasePicker<ITag, ITagPickerProps> {
// (undocumented)
static defaultProps: {
onRenderItem: (props: ITagItemProps) => JSXElement;
onRenderSuggestionsItem: (props: ITag) => JSXElement;
};
}
export { Target }
export { tdProperties }
// @public (undocumented)
export const TeachingBubble: React_2.FunctionComponent<ITeachingBubbleProps>;
// @public (undocumented)
export const TeachingBubbleBase: React_2.FunctionComponent<ITeachingBubbleProps>;
// @public (undocumented)
export const TeachingBubbleContent: React_2.FunctionComponent<ITeachingBubbleProps>;
// @public (undocumented)
export const TeachingBubbleContentBase: React_2.FunctionComponent<ITeachingBubbleProps>;
// @public (undocumented)
const Text_2: React_2.FunctionComponent<ITextProps>;
export { Text_2 as Text }
export { textAreaProperties }
// @public (undocumented)
export const TextField: React_2.FunctionComponent<ITextFieldProps>;
// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldState" which is marked as @internal
// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldSnapshot" which is marked as @internal
//
// @public (undocumented)
export class TextFieldBase extends React_2.Component<ITextFieldProps, ITextFieldState, ITextFieldSnapshot> implements ITextField {
constructor(props: ITextFieldProps);
blur(): void;
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentDidUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState, snapshot: ITextFieldSnapshot): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
static defaultProps: ITextFieldProps;
focus(): void;
// (undocumented)
getSnapshotBeforeUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState): ITextFieldSnapshot | null;
// (undocumented)
render(): JSXElement;
select(): void;
get selectionEnd(): number | null;
get selectionStart(): number | null;
setSelectionEnd(value: number): void;
setSelectionRange(start: number, end: number): void;
setSelectionStart(value: number): void;
get value(): string | undefined;
}
// @public (undocumented)
export const TextStyles: ITextComponent['styles'];
// @public (undocumented)
export const TextView: ITextComponent['view'];
export { Theme }
// @public (undocumented)
export const ThemeContext: React_2.Context<Theme | undefined>;
// @public (undocumented)
export class ThemeGenerator {
static getThemeAsCode(slotRules: IThemeRules): any;
static getThemeAsCodeWithCreateTheme(slotRules: IThemeRules): any;
static getThemeAsJson(slotRules: IThemeRules): any;
static getThemeAsSass(slotRules: IThemeRules): any;
static getThemeForPowerShell(slotRules: IThemeRules): any;
static insureSlots(slotRules: IThemeRules, isInverted: boolean): void;
static setSlot(rule: IThemeSlotRule, color: string | IColor, isInverted?: boolean, isCustomization?: boolean, overwriteCustomColor?: boolean): void;
}
// @public
export const ThemeProvider: React_2.FunctionComponent<ThemeProviderProps>;
// @public
export interface ThemeProviderProps extends React_2.HTMLAttributes<HTMLDivElement> {
applyTo?: 'element' | 'body' | 'none';
as?: React_2.ElementType;
ref?: React_2.Ref<HTMLElement>;
theme?: PartialTheme | Theme;
}
// @public (undocumented)
export function themeRulesStandardCreator(): IThemeRules;
export { ThemeSettingName }
export { thProperties }
export { TimeConstants }
// @public (undocumented)
export const TimePicker: React_2.FunctionComponent<ITimePickerProps>;
// @public
export type TimePickerValidationResultData = {
errorMessage?: string;
};
// @public (undocumented)
export const Toggle: React_2.FunctionComponent<IToggleProps>;
// @public (undocumented)
export const ToggleBase: React_2.FunctionComponent<IToggleProps>;
export { toMatrix }
// @public (undocumented)
export const Tooltip: React_2.FunctionComponent<ITooltipProps>;
// @public (undocumented)
export class TooltipBase extends React_2.Component<ITooltipProps, any> {
// (undocumented)
static defaultProps: Partial<ITooltipProps>;
// (undocumented)
render(): JSXElement;
}
// @public (undocumented)
export enum TooltipDelay {
long = 2,
medium = 1,
// (undocumented)
zero = 0
}
// @public (undocumented)
export const TooltipHost: React_2.FunctionComponent<ITooltipHostProps>;
// @public (undocumented)
export class TooltipHostBase extends React_2.Component<ITooltipHostProps, ITooltipHostState> implements ITooltipHost {
constructor(props: ITooltipHostProps);
// (undocumented)
componentDidMount(): void;
// (undocumented)
componentWillUnmount(): void;
// (undocumented)
context: any;
// (undocumented)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
static defaultProps: {
delay: TooltipDelay;
};
// (undocumented)
dismiss: () => void;
// (undocumented)
render(): JSXElement;
// (undocumented)
show: () => void;
}
// @public (undocumented)
export enum TooltipOverflowMode {
Parent = 0,
Self = 1
}
// @public
export function transitionKeysAreEqual(key1: IKeytipTransitionKey, key2: IKeytipTransitionKey): boolean;
// @public
export function transitionKeysContain(keys: IKeytipTransitionKey[], key: IKeytipTransitionKey): boolean;
export { trProperties }
export { unhoistMethods }
export { unregisterIcons }
// @public
export function unregisterLayer(hostId: string, callback: () => void): void;
// @public
export function unregisterLayerHost(hostId: string, layerHost: ILayerHost): void;
// @public
export function updateA(color: IColor, a: number): IColor;
// @public
export function updateH(color: IColor, h: number): IColor;
// @public
export function updateRGB(color: IColor, component: keyof IRGB, value: number): IColor;
// @public
export function updateSV(color: IColor, s: number, v: number): IColor;
// @public
export function updateT(color: IColor, t: number): IColor;
export { useAdoptedStylesheet }
export { useAdoptedStylesheetEx }
export { useCustomizationSettings }
export { useDocument }
export { useFocusRects }
export { useHasMergeStylesShadowRootContext }
// @public (undocumented)
export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React_2.RefObject<HTMLDivElement | null>): number;
// @public
export function useKeytipRef<TElement extends HTMLElement = HTMLElement>(options: KeytipDataOptions): React_2.Ref<TElement>;
export { useMergeStylesHooks }
export { useMergeStylesRootStylesheets }
export { useMergeStylesShadowRootContext }
// @public
export const useResponsiveMode: (elementRef: React_2.RefObject<HTMLElement | null>, overrideResponsiveMode?: ResponsiveMode) => ResponsiveMode;
export { useShadowConfig }
export { useStyled }
// @public @deprecated
export type UseStylesOptions = {
theme?: Theme;
};
// @public
export const useTheme: () => Theme;
export { useWindow }
// @public
export enum ValidationState {
invalid = 2,
valid = 0,
warning = 1
}
export { values }
// @public (undocumented)
export const VerticalDivider: React_2.FunctionComponent<IVerticalDividerProps>;
export { videoProperties }
// @public (undocumented)
export class VirtualizedComboBox extends React_2.Component<IComboBoxProps, {}> implements IComboBox {
constructor(props: IComboBoxProps);
// (undocumented)
dismissMenu(): void;
// (undocumented)
focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): boolean;
// (undocumented)
protected _onRenderList: (props: IComboBoxProps) => JSXElement;
// (undocumented)
protected _onScrollToItem: (itemIndex: number) => void;
// (undocumented)
render(): JSXElement;
get selectedOptions(): IComboBoxOption[];
}
export { warn }
export { warnConditionallyRequiredProps }
export { warnControlledUsage }
export { warnDeprecations }
export { warnMutuallyExclusive }
// @public (undocumented)
export const WeeklyDayPicker: React_2.FunctionComponent<IWeeklyDayPickerProps>;
export { WindowContext }
export { WindowProvider }
export { WindowProviderProps }
// @public @deprecated (undocumented)
export function withResponsiveMode<TProps extends {
responsiveMode?: ResponsiveMode;
}, TState>(ComposedComponent: new (props: TProps, ...args: any[]) => React_2.Component<TProps, TState>): any;
// @public
export function withViewport<TProps extends {
viewport?: IViewport;
}, TState>(ComposedComponent: new (props: TProps, ...args: any[]) => React_2.Component<TProps, TState>): any;
export { ZIndexes }
// Warnings were encountered during analysis:
//
// lib/components/ColorPicker/ColorPicker.base.d.ts:12:9 - (ae-forgotten-export) The symbol "ColorComponent" needs to be exported by the entry point index.d.ts
// (No @packageDocumentation comment for this package)
```
Reference in New Issue View Git Blame Copy Permalink