@fluentui/react-utilities 9.0.0-rc.6 → 9.0.0-rc.9

package/lib-commonjs/compose/types.d.ts

@@ -1,161 +0,0 @@
-import * as React from 'react';
-export declare type SlotRenderFunction<Props> = (Component: React.ElementType<Props>, props: Omit<Props, 'children' | 'as'>) => React.ReactNode;
-/**
- * Matches any component's Slots type (such as ButtonSlots).
- *
- * This should ONLY be used in type templates as in `extends SlotPropsRecord`;
- * it shouldn't be used as a component's Slots type.
- */
-export declare type SlotPropsRecord = Record<string, UnknownSlotProps | SlotShorthandValue | null | undefined>;
-/**
- * The shorthand value of a slot allows specifying its child
- */
-export declare type SlotShorthandValue = React.ReactChild | React.ReactNodeArray | React.ReactPortal;
-/**
- * Matches any slot props type.
- *
- * This should ONLY be used in type templates as in `extends UnknownSlotProps`;
- * it shouldn't be used as the type of a slot.
- */
-export declare type UnknownSlotProps = Pick<React.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style'> & {
-    as?: keyof JSX.IntrinsicElements;
-};
-/**
- * Helper type for {@link Slot}. Adds shorthand types that are assignable to the slot's `children`.
- */
-declare type WithSlotShorthandValue<Props extends {
-    children?: unknown;
-}> = Props | Extract<SlotShorthandValue, Props['children']>;
-/**
- * Helper type for {@link Slot}. Takes the props we want to support for a slot and adds the ability for `children`
- * to be a render function that takes those props.
- */
-declare type WithSlotRenderFunction<Props extends {
-    children?: unknown;
-}> = Props & {
-    children?: Props['children'] | SlotRenderFunction<Props>;
-};
-/**
- * HTML element types that are not allowed to have children.
- *
- * Reference: https://developer.mozilla.org/en-US/docs/Glossary/Empty_element
- */
-declare type EmptyIntrisicElements = 'area' | 'base' | 'br' | 'col' | 'embed' | 'hr' | 'img' | 'input' | 'link' | 'meta' | 'param' | 'source' | 'track' | 'wbr';
-/**
- * Helper type for {@link Slot}. Modifies `JSX.IntrinsicElements[Type]`:
- * * Removes legacy string ref.
- * * Disallows children for empty tags like 'img'.
- */
-declare type IntrisicElementProps<Type extends keyof JSX.IntrinsicElements> = React.PropsWithRef<JSX.IntrinsicElements[Type]> & (Type extends EmptyIntrisicElements ? {
-    children?: never;
-} : {});
-/**
- * The props type and shorthand value for a slot. Type is either a single intrinsic element like `'div'`,
- * or a component like `typeof Button`.
- *
- * If a slot needs to support multiple intrinsic element types, use the `AlternateAs` param (see examples below).
- *
- * By default, slots can be set to `null` to prevent them from being rendered. If a slot must always be rendered,
- * wrap with `NonNullable` (see examples below).
- *
- * @example
- * ```
- * // Intrinsic element examples:
- * Slot<'div'> // Slot is always div
- * Slot<'button', 'a'> // Defaults to button, but allows as="a" with anchor-specific props
- * Slot<'span', 'div' | 'pre'> // Defaults to span, but allows as="div" or as="pre"
- * NonNullable<Slot<'div'>> // Slot that will always be rendered (can't be set to null by the user)
- *
- * // Component examples:
- * Slot<typeof Button> // Slot is always a Button, and accepts all of Button's Props
- * NonNullable<Slot<typeof Label>> // Slot is a Label and will always be rendered (can't be set to null by the user)
- * ```
- */
-export declare type Slot<Type extends keyof JSX.IntrinsicElements | React.ComponentType | UnknownSlotProps, AlternateAs extends keyof JSX.IntrinsicElements = never> = IsSingleton<Extract<Type, string>> extends true ? WithSlotShorthandValue<Type extends keyof JSX.IntrinsicElements ? {
-    as?: Type;
-} & WithSlotRenderFunction<IntrisicElementProps<Type>> : Type extends React.ComponentType<infer Props> ? WithSlotRenderFunction<Props> : Type> | {
-    [As in AlternateAs]: {
-        as: As;
-    } & WithSlotRenderFunction<IntrisicElementProps<As>>;
-}[AlternateAs] | null : 'Error: First parameter to Slot must not be not a union of types. See documentation of Slot type.';
-/**
- * Evaluates to true if the given type contains exactly one string, or false if it is a union of strings.
- *
- * ```
- * IsSingleton<'a'> // true
- * IsSingleton<'a' | 'b' | 'c'> // false
- * ```
- */
-export declare type IsSingleton<T extends string> = {
-    [K in T]: Exclude<T, K> extends never ? true : false;
-}[T];
-/**
- * Helper type for inferring the type of the as prop from a Props type.
- *
- * For example:
- * ```
- * type Example<T> = T extends AsIntrinsicElement<infer As> ? As : never;
- * ```
- */
-export declare type AsIntrinsicElement<As extends keyof JSX.IntrinsicElements> = {
-    as?: As;
-};
-/**
- * Converts a union type (`A | B | C`) to an intersection type (`A & B & C`)
- */
-export declare type UnionToIntersection<U> = (U extends unknown ? (x: U) => U : never) extends (x: infer I) => U ? I : never;
-/**
- * Removes the 'ref' prop from the given Props type, leaving unions intact (such as the discriminated union created by
- * IntrinsicSlotProps). This allows IntrinsicSlotProps to be used with React.forwardRef.
- *
- * The conditional "extends unknown" (always true) exploits a quirk in the way TypeScript handles conditional
- * types, to prevent unions from being expanded.
- */
-export declare type PropsWithoutRef<P> = 'ref' extends keyof P ? (P extends unknown ? Omit<P, 'ref'> : P) : P;
-/**
- * Removes SlotShorthandValue and null from the slot type, extracting just the slot's Props object.
- */
-export declare type ExtractSlotProps<S> = Exclude<S, SlotShorthandValue | null | undefined>;
-/**
- * Defines the Props type for a component given its slots and the definition of which one is the primary slot,
- * defaulting to root if one is not provided.
- */
-export declare type ComponentProps<Slots extends SlotPropsRecord, Primary extends keyof Slots = 'root'> = Omit<Slots, Primary & 'root'> & PropsWithoutRef<ExtractSlotProps<Slots[Primary]>>;
-/**
- * If type T includes `null`, remove it and add `undefined` instead.
- */
-export declare type ReplaceNullWithUndefined<T> = T extends null ? Exclude<T, null> | undefined : T;
-/**
- * Defines the State object of a component given its slots.
- */
-export declare type ComponentState<Slots extends SlotPropsRecord> = {
-    components: {
-        [Key in keyof Slots]-?: React.ComponentType<ExtractSlotProps<Slots[Key]>> | (ExtractSlotProps<Slots[Key]> extends AsIntrinsicElement<infer As> ? As : keyof JSX.IntrinsicElements);
-    };
-} & {
-    [Key in keyof Slots]: ReplaceNullWithUndefined<Exclude<Slots[Key], SlotShorthandValue | (Key extends 'root' ? null : never)>>;
-};
-/**
- * This is part of a hack to infer the element type from a native element *props* type.
- * The only place the original element is found in a native props type (at least that's workable
- * for inference) is in the event handlers, so some of the helper types use this event handler
- * name to infer the original element type.
- *
- * Notes:
- * - Using an extremely obscure event handler reduces the likelihood that its signature will be
- *   modified in any component's props.
- * - Inferring based on a single prop name instead of a larger type like `DOMAttributes<T>` should be
- *   less expensive for typescript to evaluate and is less likely to result in type expansion in .d.ts.
- */
-declare type ObscureEventName = 'onLostPointerCaptureCapture';
-/**
- * Return type for `React.forwardRef`, including inference of the proper typing for the ref.
- */
-export declare type ForwardRefComponent<Props> = ObscureEventName extends keyof Props ? Required<Props>[ObscureEventName] extends React.PointerEventHandler<infer Element> ? React.ForwardRefExoticComponent<Props & React.RefAttributes<Element>> : never : never;
-/**
- * Helper type to correctly define the slot class names object.
- */
-export declare type SlotClassNames<Slots> = {
-    [SlotName in keyof Slots]-?: string;
-};
-export {};

package/lib-commonjs/hooks/index.d.ts

@@ -1,16 +0,0 @@
-export * from './useBoolean';
-export * from './useConst';
-export * from './useControllableState';
-export * from './useEventCallback';
-export * from './useFirstMount';
-export * from './useForceUpdate';
-export * from './useId';
-export * from './useIsomorphicLayoutEffect';
-export * from './useMergedEventCallbacks';
-export * from './useMergedRefs';
-export * from './useMount';
-export * from './useOnClickOutside';
-export * from './useOnScrollOutside';
-export * from './usePrevious';
-export * from './useTimeout';
-export * from './useUnmount';

package/lib-commonjs/hooks/useBoolean.d.ts

@@ -1,17 +0,0 @@
-/** Updater callbacks returned by `useBoolean`. */
-export declare type UseBooleanCallbacks = {
-    /** Set the value to true. Always has the same identity. */
-    setTrue: () => void;
-    /** Set the value to false. Always has the same identity. */
-    setFalse: () => void;
-    /** Toggle the value. Always has the same identity. */
-    toggle: () => void;
-};
-/**
- * Hook to store a value and generate callbacks for setting the value to true or false.
- * The identity of the callbacks will always stay the same.
- *
- * @param initialState - Initial value
- * @returns Array with the current value and an object containing the updater callbacks.
- */
-export declare function useBoolean(initialState: boolean): [boolean, UseBooleanCallbacks];

package/lib-commonjs/hooks/useConst.d.ts

@@ -1,12 +0,0 @@
-/**
- * Hook to initialize and return a constant value. Unlike `React.useMemo`, this is guaranteed to
- * always return the same value (and if the initializer is a function, only call it once).
- * This is similar to setting a private member in a class constructor.
- *
- * If the value should ever change based on dependencies, use `React.useMemo` instead.
- *
- * @param initialValue - Initial value, or function to get the initial value. Similar to `useState`,
- * only the value/function passed in the first time this is called is respected.
- * @returns The value. The identity of this value will always be the same.
- */
-export declare function useConst<T>(initialValue: T | (() => T)): T;

package/lib-commonjs/hooks/useControllableState.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-export declare type UseControllableStateOptions<State> = {
-    /**
-     * User-provided default state or initializer, for uncontrolled usage.
-     */
-    defaultState?: State | (() => State);
-    /**
-     * User-provided controlled state. `undefined` means internal state will be used.
-     */
-    state: State | undefined;
-    /**
-     * Used as the initial state if `state` and `defaultState` are both `undefined`.
-     * If `undefined` is the correct initial state, pass that here.
-     */
-    initialState: State;
-};
-/**
- * A `useState`-like hook to manage a value that could be either controlled or uncontrolled,
- * such as a checked state or text input string.
- *
- * Unlike `setState`, it's okay to call the returned updater (dispatch) function for either a
- * controlled or uncontrolled component. Calls will only be respected if the component is uncontrolled.
- *
- * @returns Same as [`useState`](https://reactjs.org/docs/hooks-reference.html#usestate): an array
- * of the current value and an updater (dispatch) function. The updater function is referentially
- * stable (won't change during the component's lifecycle). It can take either a new value, or a
- * function which is passed the previous value and returns the new value. Unlike `setState`, calls
- * to the updater function will only be respected if the component is uncontrolled.
- * @see https://reactjs.org/docs/uncontrolled-components.html
- */
-export declare const useControllableState: <State>(options: UseControllableStateOptions<State>) => [State, React.Dispatch<React.SetStateAction<State>>];

package/lib-commonjs/hooks/useEventCallback.d.ts

@@ -1,13 +0,0 @@
-/**
- * https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
- *
- * Modified `useCallback` that can be used when dependencies change too frequently. Can occur when
- * e.g. user props are dependencies which could change on every render
- * e.g. volatile values (i.e. useState/useDispatch) are dependencies which could change frequently
- *
- * This should not be used often, but can be a useful re-render optimization since the callback is a ref and
- * will not be invalidated between re-renders
- *
- * @param fn - The callback function that will be used
- */
-export declare const useEventCallback: <Args extends unknown[], Return>(fn: (...args: Args) => Return) => (...args: Args) => Return;

package/lib-commonjs/hooks/useFirstMount.d.ts

@@ -1,11 +0,0 @@
-/**
- * Checks if components was mounted the first time.
- * Since concurrent mode will be released in the future this needs to be verified
- * Currently (React 17) will always render the initial mount once
- * https://codesandbox.io/s/heuristic-brook-s4w0q?file=/src/App.jsx
- * https://codesandbox.io/s/holy-grass-8nieu?file=/src/App.jsx
- *
- * @example
- * const isFirstMount = useFirstMount();
- */
-export declare function useFirstMount(): boolean;

package/lib-commonjs/hooks/useForceUpdate.d.ts

@@ -1,4 +0,0 @@
-/**
- * Forces a re-render, similar to `forceUpdate` in class components.
- */
-export declare function useForceUpdate(): import("react").DispatchWithoutAction;

package/lib-commonjs/hooks/useId.d.ts

@@ -1,15 +0,0 @@
-/**
- * Resets generated IDs, should be used only in tests.
- *
- * @private
- */
-export declare function resetIdsForTests(): void;
-/**
- * Hook to generate a unique ID.
- *
- * @param prefix - Optional prefix for the ID. Defaults to 'fui-'.
- * @param providedId - Optional id provided by a parent component. Defaults to the provided value if present,
- *  without conditioning the hook call
- * @returns The ID
- */
-export declare function useId(prefix?: string, providedId?: string): string;

package/lib-commonjs/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-/**
- * React currently throws a warning when using useLayoutEffect on the server. To get around it, we can conditionally
- * useEffect on the server (no-op) and useLayoutEffect in the browser. We occasionally need useLayoutEffect to
- * ensure we don't get a render flash for certain operations, but we may also need affected components to render on
- * the server.
- *
- * https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
- * https://github.com/reduxjs/react-redux/blob/master/src/utils/useIsomorphicLayoutEffect.js
- */
-export declare const useIsomorphicLayoutEffect: typeof React.useEffect;

package/lib-commonjs/hooks/useMergedEventCallbacks.d.ts

@@ -1,18 +0,0 @@
-/**
- * Combine two event callbacks into a single callback function that calls each one in order.
- *
- * This is useful to add an event listener to an existing element without overwriting the current listener, if any.
- *
- * For example:
- * ```ts
- * state.slot.onChange = useMergedCallbacks(state.slot.onChange, ev => {
- *   // Handle onChange
- * });
- * ```
- *
- * @param callback1 - The first callback to be called
- * @param callback2 - The second callback to be called
- *
- * @returns An event callback that calls the callbacks in order, and is stable between renders
- */
-export declare function useMergedEventCallbacks<Args extends unknown[]>(callback1: ((...args: Args) => void) | undefined, callback2: ((...args: Args) => void) | undefined): (...args: Args) => void;

package/lib-commonjs/hooks/useMergedRefs.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-/**
- * A Ref function which can be treated like a ref object in that it has an attached
- * current property, which will be updated as the ref is evaluated.
- */
-export declare type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);
-/**
- * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
- * updates all provided refs
- * @param refs - Refs to collectively update with one ref value.
- * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
- */
-export declare function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T>;

package/lib-commonjs/hooks/useMount.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook which asynchronously executes a callback once the component has been mounted.
- *
- * @param callback - Function to call before mount.
- */
-export declare const useMount: (callback: () => void) => void;

package/lib-commonjs/hooks/useOnClickOutside.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-export declare type UseOnClickOrScrollOutsideOptions = {
-    /**
-     * The element to listen for the click event
-     */
-    element: Document | undefined;
-    /**
-     * Refs to elements that check if the click is outside
-     */
-    refs: React.MutableRefObject<HTMLElement | undefined | null>[];
-    /**
-     * By default uses element.contains, but custom contain function can be provided
-     * @param parentRef - provided parent ref
-     * @param child - event target element
-     */
-    contains?(parent: HTMLElement | null, child: HTMLElement): boolean;
-    /**
-     * Disables event listeners
-     */
-    disabled?: boolean;
-    /**
-     * Called if the click is outside the element refs
-     */
-    callback: (ev: MouseEvent | TouchEvent) => void;
-};
-/**
- * Utility to perform checks where a click/touch event was made outside a component
- */
-export declare const useOnClickOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

package/lib-commonjs/hooks/useOnScrollOutside.d.ts

@@ -1,5 +0,0 @@
-import type { UseOnClickOrScrollOutsideOptions } from './useOnClickOutside';
-/**
- * Utility to perform checks where a click/touch event was made outside a component
- */
-export declare const useOnScrollOutside: (options: UseOnClickOrScrollOutsideOptions) => void;

package/lib-commonjs/hooks/usePrevious.d.ts

@@ -1 +0,0 @@
-export declare const usePrevious: <ValueType = unknown>(value: ValueType) => ValueType | null;

package/lib-commonjs/hooks/useTimeout.d.ts

@@ -1,8 +0,0 @@
-/**
- * Helper to manage a browser timeout.
- * Ensures that the timeout isn't set multiple times at once,
- * and is cleaned up when the component is unloaded.
- *
- * @returns A pair of [setTimeout, clearTimeout] that are stable between renders.
- */
-export declare function useTimeout(): readonly [(fn: () => void, delay: number) => void, () => void];

package/lib-commonjs/hooks/useUnmount.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook which synchronously executes a callback when the component is about to unmount.
- *
- * @param callback - Function to call during unmount.
- */
-export declare const useUnmount: (callback: () => void) => void;

package/lib-commonjs/index.d.ts

@@ -1,8 +0,0 @@
-export { getSlots, resolveShorthand } from './compose/index';
-export type { AsIntrinsicElement, ComponentProps, ComponentState, ExtractSlotProps, ForwardRefComponent, IsSingleton, PropsWithoutRef, ReplaceNullWithUndefined, ResolveShorthandFunction, ResolveShorthandOptions, Slot, Slots, SlotClassNames, SlotPropsRecord, SlotRenderFunction, SlotShorthandValue, UnionToIntersection, UnknownSlotProps, } from './compose/index';
-export { resetIdsForTests, useBoolean, useConst, useControllableState, useEventCallback, useFirstMount, useForceUpdate, useId, useIsomorphicLayoutEffect, useMergedEventCallbacks, useMergedRefs, useMount, useOnClickOutside, useOnScrollOutside, usePrevious, useTimeout, useUnmount, } from './hooks/index';
-export type { RefObjectFunction, UseBooleanCallbacks, UseControllableStateOptions, UseOnClickOrScrollOutsideOptions, } from './hooks/index';
-export { canUseDOM, defaultSSRContextValue, useIsSSR, useSSRContext, SSRContext, SSRProvider } from './ssr/index';
-export type { SSRContextValue } from './ssr/index';
-export { anchorProperties, applyTriggerPropsToChildren, audioProperties, baseElementEvents, baseElementProperties, buttonProperties, clamp, colGroupProperties, colProperties, divProperties, fieldsetProperties, formProperties, getNativeElementProps, getNativeProps, getPartitionedNativeProps, getRTLSafeKey, getTriggerChild, htmlElementProperties, iframeProperties, imageProperties, imgProperties, inputProperties, isFluentTrigger, labelProperties, liProperties, olProperties, omit, optionProperties, selectProperties, shouldPreventDefaultOnKeyDown, tableProperties, tdProperties, textAreaProperties, thProperties, trProperties, videoProperties, } from './utils/index';
-export type { FluentTriggerComponent } from './utils/index';

package/lib-commonjs/ssr/SSRContext.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-/**
- * To support SSR, the auto incrementing id counter is stored in a context. This allows it to be reset on every request
- * to ensure the client and server are consistent.
- *
- * @internal
- */
-export declare type SSRContextValue = {
-    current: number;
-};
-/**
- * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
- *
- * @internal
- */
-export declare const defaultSSRContextValue: SSRContextValue;
-export declare const SSRContext: React.Context<SSRContextValue>;
-/**
- * @internal
- */
-export declare function useSSRContext(): SSRContextValue;
-/**
- * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids
- * are consistent between the client and server.
- *
- * @public
- */
-export declare const SSRProvider: React.FC;
-/**
- * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay
- * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.
- */
-export declare function useIsSSR(): boolean;

package/lib-commonjs/ssr/canUseDOM.d.ts

@@ -1,4 +0,0 @@
-/**
- * Verifies if an application can use DOM.
- */
-export declare function canUseDOM(): boolean;

package/lib-commonjs/ssr/index.d.ts

@@ -1,2 +0,0 @@
-export * from './canUseDOM';
-export * from './SSRContext';

package/lib-commonjs/utils/applyTriggerPropsToChildren.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Apply the trigger props to the children, either by calling the render function, or cloning with the new props.
- */
-export declare const applyTriggerPropsToChildren: <TTriggerProps>(children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((props: TTriggerProps) => React.ReactElement | null) | null | undefined, triggerProps: TTriggerProps) => React.ReactElement | null;

package/lib-commonjs/utils/clamp.d.ts

@@ -1,8 +0,0 @@
-/**
- * Clamps `value` to a number between the min and max.
- *
- * @param value - the value to be clamped
- * @param min - the lowest valid value
- * @param max - the highest valid value
- */
-export declare const clamp: (value: number, min: number, max: number) => number;

package/lib-commonjs/utils/getNativeElementProps.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-/**
- * Given an element tagname and user props, filters the props to only allowed props for the given
- * element type.
- * @param tagName - Tag name (e.g. "div")
- * @param props - Props object
- * @param excludedPropNames - List of props to disallow
- */
-export declare function getNativeElementProps<TAttributes extends React.HTMLAttributes<any>>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes;
-/**
- * Splits the native props into ones that go to the `root` slot, and ones that go to the primary slot.
- *
- * This function is only for use with components that have a primary slot other than `root`.
- * Most components should use {@link getNativeElementProps} for their root slot if it is the primary slot.
- *
- * @returns An object containing the native props for the `root` and primary slots.
- */
-export declare const getPartitionedNativeProps: <Props extends Pick<React.HTMLAttributes<HTMLElement>, "style" | "className">, ExcludedPropKeys extends Extract<keyof Props, string> = never>({ primarySlotTagName, props, excludedPropNames, }: {
-    /** The primary slot's element type (e.g. 'div') */
-    primarySlotTagName: keyof JSX.IntrinsicElements;
-    /** The component's props object */
-    props: Props;
-    /** List of native props to exclude from the returned value */
-    excludedPropNames?: ExcludedPropKeys[] | undefined;
-}) => {
-    root: {
-        style: React.CSSProperties | undefined;
-        className: string | undefined;
-    };
-    primary: Omit<Props, ExcludedPropKeys>;
-};

package/lib-commonjs/utils/getRTLSafeKey.d.ts

@@ -1,4 +0,0 @@
-/**
- * Finds and swaps a provided key for it's right to left format.
- */
-export declare const getRTLSafeKey: (key: string, dir: 'ltr' | 'rtl') => string;

package/lib-commonjs/utils/getReactCallbackName.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-interface ReactSyntheticEvent extends React.SyntheticEvent<unknown> {
-    _reactName?: string;
-    dispatchConfig?: {
-        registrationName: string;
-        phasedRegistrationNames: {
-            bubbled: string;
-            captured: string;
-        };
-    };
-}
-declare type NonUndefined<A> = A extends undefined ? never : A;
-declare type FunctionKeys<T extends object> = {
-    [K in keyof T]-?: NonUndefined<T[K]> extends Function ? K : never;
-}[keyof T];
-export declare type ReactCallbackName = FunctionKeys<React.DOMAttributes<unknown>>;
-/**
- * React.SyntheticEvent contains name of a callback that should be fired, this function returns it.
- *
- * Ideally, it should also distinguish regular and "capture" callbacks, but it's possible only with React 17 as
- * ".eventPhase" there has proper value, see https://github.com/facebook/react/pull/19244. In React 16 all events
- * are handled in bubble phase.
- */
-export declare function getReactCallbackName(event: ReactSyntheticEvent): ReactCallbackName | undefined;
-export {};

package/lib-commonjs/utils/getTriggerChild.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * Gets the trigger element of a FluentTriggerComponent (such as Tooltip or MenuTrigger).
- *
- * In the case where the immediate child is itself a FluentTriggerComponent and/or React Fragment,
- * it returns the first descendant that is _not_ a FluentTriggerComponent or Fragment.
- * This allows multiple triggers to be stacked, and still apply their props to the actual trigger element.
- *
- * For example, the following returns `<div id="child" />`:
- * ```jsx
- * getTriggerChild(
- *   <Tooltip>
- *     <MenuTrigger>
- *       <div id="child" />
- *     </MenuTrigger>
- *   </Tooltip>
- * );
- * ```
- */
-export declare const getTriggerChild: (children: React.ReactNode) => React.ReactElement & {
-    ref?: React.Ref<unknown>;
-};

package/lib-commonjs/utils/index.d.ts

@@ -1,9 +0,0 @@
-export * from './applyTriggerPropsToChildren';
-export * from './clamp';
-export * from './getNativeElementProps';
-export * from './getRTLSafeKey';
-export * from './getTriggerChild';
-export * from './isFluentTrigger';
-export * from './omit';
-export * from './properties';
-export * from './shouldPreventDefaultOnKeyDown';

package/lib-commonjs/utils/isFluentTrigger.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * Allows a component to be tagged as a FluentUI trigger component.
- *
- * Triggers are special-case components: they attach event listeners and other props on their child,
- * and use them to trigger another component to show. Examples include `MenuTrigger` and `Tooltip`.
- *
- * A component can be tagged as a trigger as follows:
- * ```ts
- * const MyComponent: React.FC<MyComponentProps> & FluentTriggerComponent = ...;
- *
- * MyComponent.isFluentTriggerComponent = true; // MUST also set this to true
- * ```
- */
-export declare type FluentTriggerComponent = {
-    isFluentTriggerComponent?: boolean;
-};
-/**
- * Checks if a given element is a FluentUI trigger (e.g. `MenuTrigger` or `Tooltip`).
- * See the {@link FluentTriggerComponent} type for more info.
- */
-export declare const isFluentTrigger: (element: React.ReactElement) => boolean | undefined;

package/lib-commonjs/utils/omit.d.ts

@@ -1,14 +0,0 @@
-/**
- * Tiny helper to do the minimal amount of work in duplicating an object but omitting some
- * props. This ends up faster than using object ...rest or reduce to filter.
- *
- * This behaves very much like filteredAssign, but does not merge many objects together,
- * uses an exclusion object map, and avoids spreads all for optimal performance.
- *
- * See perf test for background:
- * https://jsperf.com/omit-vs-rest-vs-reduce/1
- *
- * @param obj - The object to clone
- * @param exclusions - The array of keys to exclude
- */
-export declare function omit<TObj extends Record<string, any>, Exclusions extends (keyof TObj)[]>(obj: TObj, exclusions: Exclusions): Omit<TObj, Exclusions[number]>;