@fluentui/react
Version:
Reusable React components for building web experiences.
1,295 lines (1,136 loc) • 345 kB
Markdown
## 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 { 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 type { ReactNode } 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(): JSX.Element;
}
// @public (undocumented)
export class ActivityItem extends React_2.Component<IActivityItemProps, {}> {
constructor(props: IActivityItemProps);
// (undocumented)
render(): JSX.Element;
}
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(): JSX.Element;
}
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)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
get cursorLocation(): number | null;
// (undocumented)
static defaultProps: {
enableAutofillOnKeyPress: number[];
};
// (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(): JSX.Element;
// (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(): JSX.Element;
}
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>>>;
// (undocumented)
protected get floatingPickerProps(): IBaseFloatingPickerProps<T>;
// (undocumented)
focus(): void;
// (undocumented)
get highlightedItems(): T[];
// (undocumented)
protected input: React_2.RefObject<Autofill>;
// (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(): JSX.Element;
// (undocumented)
protected renderFloatingPicker(): JSX.Element;
// (undocumented)
protected renderSelectedItemsList(): JSX.Element;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement>;
// (undocumented)
selectedItemsList: React_2.RefObject<BaseSelectedItemsList<T, IBaseSelectedItemsListProps<T>>>;
// (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(): JSX.Element;
// (undocumented)
protected renderSuggestions(): JSX.Element | null;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement>;
// (undocumented)
protected selection: Selection;
// (undocumented)
showPicker: (updateValue?: boolean) => void;
// (undocumented)
get suggestions(): any[];
// (undocumented)
protected suggestionsControl: React_2.RefObject<SuggestionsControl<T>>;
// (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)
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>): {
items: any[];
} | null;
// @deprecated (undocumented)
protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined;
// (undocumented)
protected input: React_2.RefObject<IAutofill>;
// (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(): JSX.Element;
// (undocumented)
protected renderCustomAlert(alertClassName?: string): JSX.Element;
// (undocumented)
protected renderItems(): JSX.Element[];
// (undocumented)
protected renderSuggestions(): JSX.Element | null;
// (undocumented)
protected resetFocus(index?: number): void;
// (undocumented)
protected resolveNewValue(updatedValue: string, suggestions: T[]): void;
// (undocumented)
protected root: React_2.RefObject<HTMLDivElement>;
// (undocumented)
protected selection: Selection_2;
// @deprecated (undocumented)
protected _shouldFocusZoneEnterInnerZone: (ev: React_2.KeyboardEvent<HTMLElement>) => boolean;
// (undocumented)
protected suggestionElement: React_2.RefObject<ISuggestions<T>>;
// @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(): JSX.Element;
}
// @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)
static contextType: React_2.Context<WindowProviderProps>;
// (undocumented)
protected copyItems(items: T[]): void;
// (undocumented)
static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps<any>): {
items: 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: () => JSX.Element[];
// (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(): JSX.Element;
}
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(): JSX.Element;
}
// @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>) => JSX.Element;
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(): JSX.Element;
}
// @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(): JSX.Element;
}
// @public (undocumented)
export class CommandBarButton extends React_2.Component<IButtonProps, {}> {
// (undocumented)
render(): JSX.Element;
}
// @public (undocumented)
export const CommandButton: typeof ActionButton;
export { CommunicationColors }
// @public (undocumented)
export const CompactPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;
// @public
export class CompactPeoplePickerBase extends BasePeoplePicker {
static defaultProps: {
onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps) => JSX.Element;
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(): JSX.Element;
}
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(): JSX.Element;
}
// @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(): JSX.Element;
}
// @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(): JSX.Element;
}
// @public (undocumented)
export const DetailsHeader: React_2.FunctionComponent<IDetailsHeaderBaseProps>;
// @public (undocumented)
export class DetailsHeaderBase extends React_2.Component<IDetailsHeaderBaseProps, IDetailsHeaderState> implements IDetailsHeader {