@ringcentral/spring-ui 1.7.0

package/src/Tooltip/TooltipTrigger.type.d.ts

@@ -0,0 +1,59 @@
+import { ReactElement, ReactNode } from 'react';
+import { TooltipViewProps } from './TooltipView.type';
+export declare type TooltipTriggerProps = {
+    /**
+     * Tooltip reference element.
+     */
+    children: ReactElement;
+    /**
+     * render tooltip
+     */
+    renderTooltip: (open: boolean, getAnchorEl: () => Element | null, tooltipId: string) => ReactNode;
+    /**
+     * Callback fired when the component's open state changed.
+     * Only for uncontrolled mode.
+     */
+    onOpenStateChange?: (event: Event, isOpen: boolean) => void;
+    /**
+     * If `true`, the tooltip is shown.
+     */
+    open?: boolean;
+    /**
+     * If `true`, use a 1500ms delay.
+     * @default false
+     */
+    delay?: boolean | number;
+    /**
+     * Do not respond to focus-visible events.
+     */
+    disableFocusListener?: boolean;
+    /**
+     * If enabled, wraps the anchor element in a `span` to ensure the Tooltip
+     * can still be triggered even if the anchor element has pointer events disabled.
+     * Pass a `triggerWrapperProps` prop to override attributes of the wrapper element.
+     * @default false
+     */
+    triggerWhenDisabled?: boolean;
+    /**
+     * Attributes to be applied to the wrapper element used when
+     * `triggerWhenDisabled` is enabled.
+     */
+    triggerWrapperProps?: React.HTMLAttributes<HTMLSpanElement>;
+    /**
+     * The ID to use for the tooltip element and aria-describedby attribute.
+     * If not provided, a unique ID will be auto-generated using React.useId().
+     * This prop is managed by the parent Tooltip component
+     * @internal
+     */
+    tooltipId?: string;
+    /**
+     * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+     */
+    title?: TooltipViewProps['children'];
+    /**
+     * Set to `true` if the `title` acts as an accessible description.
+     * By default the `title` acts as an accessible label for the child.
+     * @default false
+     */
+    describeChild?: boolean;
+};

package/src/Tooltip/TooltipView.classes.d.ts

@@ -0,0 +1,8 @@
+import type { CamelCase } from 'type-fest';
+import type { TooltipSize } from './TooltipView.type';
+export declare type BaseTooltipViewClassesKey = 'root' | 'paper' | 'paper-content' | 'icon' | TooltipSize | 'content' | `content-${TooltipSize}` | 'neutral' | 'success' | 'danger' | 'force-hide' | 'inverted' | 'disable-interactions';
+export declare type TooltipViewClassesKey = CamelCase<BaseTooltipViewClassesKey>;
+export declare type TooltipViewClasses = {
+    name: 'tooltip-view';
+    classes: BaseTooltipViewClassesKey;
+};

package/src/Tooltip/TooltipView.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import tooltipViewStyle from './styles/TooltipView.css';
+declare const TooltipView: import("react").ForwardRefExoticComponent<import("@ringcentral/spring-base").ClassesProp<import("./TooltipView.classes").TooltipViewClassesKey> & {
+    children?: import("react").ReactNode;
+    color?: "neutral" | "success" | "danger" | "inverted" | undefined;
+    size?: import("./TooltipView.type").TooltipSize | undefined;
+    icon?: import("react").ComponentType<any> | undefined;
+    disableInteractions?: boolean | undefined;
+    PopperProps?: (Omit<import("../Popper").PopperProps, "className" | "anchorEl"> & import("@ringcentral/spring-base").HTMLDataAttribute) | undefined;
+    PopperPaperProps?: Partial<import("../PopperPaper").PopperPaperProps> | undefined;
+    motionProps?: import("framer-motion").MotionProps | null | undefined;
+    tooltipForceHide?: boolean | undefined;
+} & Pick<import("../Popper").PopperProps, "placement" | "anchorEl"> & {
+    className?: string | undefined;
+} & import("@ringcentral/spring-base").HTMLDataAttribute & import("react").RefAttributes<HTMLDivElement>>;
+export { TooltipView, tooltipViewStyle };

package/src/Tooltip/TooltipView.type.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { MotionProps } from 'framer-motion';
+import { HTMLDataAttribute, StandardProps } from '@ringcentral/spring-base';
+import { IconProps } from '../Icon';
+import { PopperProps } from '../Popper';
+import { PopperPaperProps } from '../PopperPaper';
+import { TooltipViewClassesKey } from './TooltipView.classes';
+export declare type TooltipSize = 'small' | 'medium';
+export declare type TooltipViewProps = StandardProps<{
+    /**
+     * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
+     */
+    children?: ReactNode;
+    /** color for tooltip */
+    color?: 'neutral' | 'danger' | 'success' | 'inverted';
+    /**
+     * The size of the tooltip.
+     * @default 'small'
+     */
+    size?: TooltipSize;
+    /** icon for tooltip */
+    icon?: IconProps['symbol'];
+    /**
+     * If `true`, interactions within the TooltipView will be disabled. This ensures that mouse events
+     * on the surrounding elements will not be blocked by the Tooltip. When controlling the `open` prop
+     * of the Tooltip component yourself, this prop will be implicitly set to `false`.
+     * @default true
+     */
+    disableInteractions?: boolean;
+    /**
+     * Props applied to Popper
+     */
+    PopperProps?: Omit<PopperProps, 'anchorEl' | 'className'> & HTMLDataAttribute;
+    /**
+     * Props passed to the underlying PopperPaper component.
+     */
+    PopperPaperProps?: Partial<PopperPaperProps>;
+    motionProps?: MotionProps | null;
+    /**
+     * If `true`, the tooltip will be hidden by setting css display to none.
+     * This is useful when you want to hide the tooltip while the mouse is still in the anchor element.
+     */
+    tooltipForceHide?: boolean;
+} & Pick<PopperProps, 'placement' | 'anchorEl'>, TooltipViewClassesKey>;

package/src/Tooltip/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Tooltip';
+export * from './Tooltip.type';
+export * from './TooltipTrigger';
+export * from './TooltipTrigger.type';
+export * from './TooltipView.classes';
+export * from './TooltipView';
+export * from './TooltipView.type';
+export * from './useTooltipForceHide';
+export * from './withTooltip';

package/src/Tooltip/useTooltipForceHide.d.ts

@@ -0,0 +1,8 @@
+/**
+ * store tooltip open state when forceHide is true and set tooltip open to false
+ * restore open state once forceHide changed to false
+ */
+export declare const useTooltipForceHide: (forceHide: boolean) => {
+    open: boolean;
+    onOpenStateChange: (event: Event, isOpen: boolean) => void;
+};

package/src/Tooltip/withTooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './withTooltip';

package/src/Tooltip/withTooltip/withTooltip.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentType } from 'react';
+import { TooltipProps } from '../Tooltip.type';
+export declare type WithTooltipProps<P extends {} = {}> = P & {
+    TooltipProps?: Omit<TooltipProps, 'children'>;
+};
+export declare function withTooltip<T extends {}>(Component: ComponentType<T>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithTooltipProps<T>> & React.RefAttributes<unknown>>;

package/src/Tray/Tray.classes.d.ts

@@ -0,0 +1,13 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseTrayClassesKey = 'root';
+export declare type TrayClassesKey = CamelCase<BaseTrayClassesKey>;
+export declare type TrayClasses = {
+    name: 'tray';
+    classes: BaseTrayClassesKey;
+};
+export declare type BaseTrayPanelClassesKey = 'root' | 'activated';
+export declare type TrayPanelClassesKey = CamelCase<BaseTrayPanelClassesKey>;
+export declare type TrayPanelClasses = {
+    name: 'tray-panel';
+    classes: BaseTrayPanelClassesKey;
+};

package/src/Tray/Tray.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import trayStyle from './styles/Tray.css';
+import { TrayProps } from './Tray.type';
+declare const Tray: import("react").ForwardRefExoticComponent<Pick<TrayProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "actions"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Tray, trayStyle };

package/src/Tray/Tray.type.d.ts

@@ -0,0 +1,26 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { Ref } from 'react';
+import { TrayClassesKey } from './Tray.classes';
+import { TrayNavigateValue, TrayValue } from './types';
+export declare type TrayActions = {
+    navigateTo: (value: TrayNavigateValue) => void;
+};
+export declare type TrayProps = StandardProps<{
+    /**
+     * The value of the currently selected `TrayPanel`.
+     */
+    value?: TrayValue;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: TrayValue;
+    /**
+     * Callback invoked when new value is being set.
+     */
+    onChange?: (event: React.SyntheticEvent | null, value: TrayValue) => void;
+    /**
+     * A ref with imperative actions.
+     * It allows to navigate to other panel
+     */
+    actions?: Ref<TrayActions>;
+}, TrayClassesKey, 'div'>;

package/src/Tray/TrayContext.d.ts

@@ -0,0 +1,14 @@
+import { RefObject, SyntheticEvent } from 'react';
+import { TrayNavigateValue } from './types';
+export declare type TrayContextValue = {
+    value: string | number;
+    navigateTo: (value: TrayNavigateValue, event: SyntheticEvent | null) => void;
+    /**
+     * The direction from which the TrayPanel will slide in.
+     * @default 'right'
+     */
+    direction: 'left' | 'right';
+    containerRef: RefObject<HTMLDivElement>;
+};
+export declare const TrayContext: import("react").Context<TrayContextValue | null>;
+export declare const useTrayContext: () => TrayContextValue | null;

package/src/Tray/TrayPanel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { StandardProps } from '@ringcentral/spring-base';
+import { UseTrayPanelParameters } from './hooks/useTrayPanel';
+import { TrayPanelClassesKey } from './Tray.classes';
+export declare type TrayPanelProps = StandardProps<UseTrayPanelParameters, TrayPanelClassesKey, 'div'>;
+declare const TrayPanel: import("react").ForwardRefExoticComponent<Pick<TrayPanelProps, "value" | "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export { TrayPanel };

package/src/Tray/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useTray';
+export * from './useTrayNavigate';
+export * from './useTrayPanel';

package/src/Tray/hooks/useTray.d.ts

@@ -0,0 +1,33 @@
+import { RefObject, SyntheticEvent } from 'react';
+import { TrayNavigateValue, TrayValue } from '../types';
+export declare type UseTrayParameters = {
+    /**
+     * The value of the currently selected `TrayPanel`.
+     */
+    value?: TrayValue;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: TrayValue;
+    /**
+     * Callback invoked when new value is being set.
+     */
+    onChange?: (event: SyntheticEvent | null, value: TrayValue) => void;
+    containerRef: RefObject<HTMLDivElement>;
+};
+export declare type UseTray = (parameters: UseTrayParameters) => {
+    trayContextValue: {
+        value: TrayValue;
+        /**
+         * @param newValue If null, back to previous panel
+         */
+        navigateTo: (value: TrayNavigateValue, event?: SyntheticEvent | null) => void;
+        /**
+         * The direction from which the TrayPanel will slide in.
+         * @default 'right'
+         */
+        direction: 'left' | 'right';
+        containerRef: RefObject<HTMLDivElement>;
+    };
+};
+export declare const useTray: UseTray;

package/src/Tray/hooks/useTrayNavigate.d.ts

@@ -0,0 +1,5 @@
+import { SyntheticEvent } from 'react';
+export declare const useTrayNavigate: () => {
+    navigateTo: (value: import("..").TrayNavigateValue, event: SyntheticEvent<Element, Event> | null) => void;
+    back: (event?: SyntheticEvent | null) => void;
+};

package/src/Tray/hooks/useTrayPanel.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+import { TrayValue } from '../types';
+export declare type UseTrayPanelParameters = {
+    /**
+     * Unique id of this TrayPanel
+     */
+    value: TrayValue;
+};
+export declare type UseTrayPanel = (parameters: UseTrayPanelParameters) => {
+    activated: boolean;
+    containerRef: RefObject<HTMLDivElement>;
+    direction: 'left' | 'right';
+};
+export declare const useTrayPanel: UseTrayPanel;

package/src/Tray/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Tray.classes';
+export * from './Tray';
+export * from './Tray.type';
+export * from './TrayContext';
+export * from './TrayPanel';
+export * from './hooks';
+export * from './types';

package/src/Tray/types.d.ts

@@ -0,0 +1,2 @@
+export declare type TrayValue = string | number;
+export declare type TrayNavigateValue = TrayValue | null;

package/src/TrayMenu/TrayMenu.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TrayMenuProps } from './TrayMenu.type';
+declare const TrayMenu: import("react").ForwardRefExoticComponent<Pick<TrayMenuProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "shadow" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "variant" | "placement" | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps" | "transformOrigin" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock" | "anchorEl" | "actions" | "PopperProps" | "PopperPaperProps" | "bordered" | "onAvailableHeightChange" | "popperRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export { TrayMenu };

package/src/TrayMenu/TrayMenu.type.d.ts

@@ -0,0 +1,3 @@
+import { MenuProps } from '../Menu';
+import { TrayProps } from '../Tray';
+export declare type TrayMenuProps = Omit<MenuProps, 'autoFocus'> & Pick<TrayProps, 'value' | 'defaultValue' | 'onChange'>;

package/src/TrayMenu/TrayMenuItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuItemProps } from '../MenuItem';
+import { TrayNavigateValue } from '../Tray';
+declare type TrayMenuItemProps = {
+    value: TrayNavigateValue;
+} & Omit<MenuItemProps, 'autoClose'>;
+declare const TrayMenuItem: import("react").ForwardRefExoticComponent<Pick<TrayMenuItemProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "focused" | "selected" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "autoFocus" | "highlighted" | "disableFocusOnHover"> & import("react").RefAttributes<HTMLDivElement>>;
+export { TrayMenuItem };
+export type { TrayMenuItemProps };

package/src/TrayMenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TrayMenu';
+export * from './TrayMenu.type';
+export * from './TrayMenuItem';

package/src/VirtualizedList/VirtualizedItemPropsContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ItemProps } from 'react-virtuoso';
+export declare type VirtualizedItemPropsContextValue<D> = Omit<Partial<ItemProps<D>>, 'children'>;
+export declare const VirtualizedItemPropsContext: import("react").Context<VirtualizedItemPropsContextValue<unknown> | null>;
+export declare const useVirtualizedItemPropsContext: () => VirtualizedItemPropsContextValue<unknown> | null;

package/src/VirtualizedList/VirtualizedList.d.ts

@@ -0,0 +1,3 @@
+import { VirtualizedListComponent } from './VirtualizedList.type';
+declare const VirtualizedList: VirtualizedListComponent;
+export { VirtualizedList };

package/src/VirtualizedList/VirtualizedList.type.d.ts

@@ -0,0 +1,51 @@
+import { VirtuosoHandle, VirtuosoProps } from 'react-virtuoso';
+import { ReactElement, ReactNode, Ref } from 'react';
+import { ListProps } from '../List';
+import { UseListNavigationActions } from '../ListNavigation';
+import { VirtuosoContextType } from './VirtuosoContextType';
+export declare type VirtualizedListActions = {
+    /**
+     * Focus to target item. If it is not focusable, will focus to list.
+     */
+    focusByIndex: (index: number) => void;
+} & UseListNavigationActions;
+export declare type VirtualizedListProps<D = unknown, C = {}> = {
+    /**
+     * Flag to indicate if the VirtualizedList is ready and can process actions. If set to `false`
+     * and the `focusByIndex` action is called, the component will wait for the `isReady` flag to be
+     * true before processing the action.
+     *
+     * @default true
+     */
+    isReady?: boolean;
+    /**
+     * If true, will disable some keyboard navigation logic that cannot implement in infinite list
+     */
+    infinite?: boolean;
+    /**
+     * A ref with virtuoso actions
+     */
+    virtuosoActions?: Ref<VirtuosoHandle>;
+    /**
+     * A ref with virtualized list actions
+     */
+    actions?: Ref<VirtualizedListActions>;
+    /**
+     * An array of indexes to make certain items don't be unmount.
+     * This prop must be used with prop `computeItemKey`.
+     */
+    keepInvisibleItems?: number[];
+    isItemDisabled?: (index: number) => boolean;
+    children: (index: number, data: D) => ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    ListProps?: ListProps;
+    /**
+     * The index of the item to automatically focus on when the list is focused.
+     * @default 0
+     */
+    firstFocusIndex?: number;
+} & Omit<VirtuosoProps<D, Omit<C, keyof VirtuosoContextType> & VirtuosoContextType>, 'itemContent' | 'children'>;
+export interface VirtualizedListComponent {
+    <D = unknown, C = {}>(props: VirtualizedListProps<D, C>): ReactElement;
+    displayName?: string;
+}

package/src/VirtualizedList/VirtuosoComponents.d.ts

@@ -0,0 +1,16 @@
+import { ItemProps } from 'react-virtuoso';
+import { FunctionComponent } from 'react';
+import { VirtuosoContextType } from './VirtuosoContextType';
+export declare const VirtuosoComponents: {
+    Item: FunctionComponent<ItemProps<unknown>>;
+    Scroller: import("react").ForwardRefExoticComponent<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        context?: VirtuosoContextType | undefined;
+    }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "context"> & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<Pick<import("@ringcentral/spring-base").ClassesProp<"root"> & import("..").UseListNavigationProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "" | "classes" | keyof import("..").UseListNavigationProps> & {
+        context?: VirtuosoContextType | undefined;
+    }, "classes" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("..").UseListNavigationProps | "context"> & import("react").RefAttributes<HTMLDivElement>>;
+};

package/src/VirtualizedList/VirtuosoContextType.d.ts

@@ -0,0 +1,14 @@
+import { Key, ReactNode, Ref } from 'react';
+import { ListProps } from '../List';
+import { UseListNavigationActions, UseListNavigationProps } from '../ListNavigation';
+export declare type VirtuosoContextType = {
+    isScrolling: boolean;
+    scrollerRef: Ref<HTMLDivElement>;
+    listRef: Ref<HTMLDivElement>;
+    listActions?: Ref<UseListNavigationActions>;
+    ListProps?: ListProps;
+    data: readonly unknown[] | undefined;
+    computeItemKey?: (index: number, item: unknown, context: unknown) => Key;
+    itemContentRenderer: (index: number, data: unknown, context: unknown) => ReactNode;
+    keepInvisibleItems?: number[];
+} & Pick<UseListNavigationProps, 'searchAndFocusItemHandler'>;

package/src/VirtualizedList/index.d.ts

@@ -0,0 +1,5 @@
+export * from './VirtualizedItemPropsContext';
+export * from './VirtualizedList';
+export * from './VirtualizedList.type';
+export * from './VirtuosoComponents';
+export * from './VirtuosoContextType';

package/src/VirtualizedMenu/VirtualizedMenu.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseVirtualizedMenuClassesKey = 'root' | 'paper' | 'paper-content-container';
+export declare type VirtualizedMenuClassesKey = CamelCase<BaseVirtualizedMenuClassesKey>;
+export declare type VirtualizedMenuClasses = {
+    name: 'virtualized-menu';
+    classes: BaseVirtualizedMenuClassesKey;
+};

package/src/VirtualizedMenu/VirtualizedMenu.context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type VirtualizedMenuContextValue = {
+    open: boolean;
+};
+export declare const VirtualizedMenuContext: import("react").Context<VirtualizedMenuContextValue | null>;
+export declare const useVirtualizedMenuContext: () => VirtualizedMenuContextValue | null;

package/src/VirtualizedMenu/VirtualizedMenu.d.ts

@@ -0,0 +1,4 @@
+import virtualizedMenuStyle from './styles/VirtualizedMenu.css';
+import { VirtualizedMenuComponent } from './VirtualizedMenu.type';
+declare const VirtualizedMenu: VirtualizedMenuComponent;
+export { VirtualizedMenu, virtualizedMenuStyle };

package/src/VirtualizedMenu/VirtualizedMenu.type.d.ts

@@ -0,0 +1,35 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ReactElement, Ref } from 'react';
+import { Popover } from '../Popover';
+import { PopperActions } from '../Popper';
+import { VirtualizedMenuClassesKey } from './VirtualizedMenu.classes';
+import { VirtualizedMenuListProps } from './VirtualizedMenuList';
+export declare type VirtualizedMenuProps<D = unknown> = StandardProps<{
+    /**
+     * The maximum height of the Menu list. If no value is provided, the Menu will
+     * not have a max height. The underlying Popover component will take care of
+     * ensuring the Menu is resized to fit within the available space in the viewport.
+     * @default undefined
+     */
+    maxHeight?: number;
+    /**
+     * Triggered when focus leaves the menu and the menu should close.
+     */
+    onClose?: () => void;
+    /**
+     * Controls whether the menu is displayed.
+     */
+    open: boolean;
+    /**
+     * If true, focus first focusable item. If no focusable item, focus to list.
+     * If number, focus item by index. If it is no focusable, focus to list.
+     * If function, like others, but get index lazy.
+     */
+    initialFocus?: number | boolean | (() => number | boolean);
+    VirtualizedListProps?: Omit<VirtualizedMenuListProps<D>, 'maxHeight' | 'initialFocus' | 'children'>;
+    popperActions?: Ref<PopperActions>;
+} & Pick<VirtualizedMenuListProps<D>, 'totalCount' | 'data' | 'children' | 'isItemDisabled' | 'actions'>, VirtualizedMenuClassesKey, typeof Popover>;
+export interface VirtualizedMenuComponent {
+    <D = unknown>(props: VirtualizedMenuProps<D>): ReactElement;
+    displayName?: string;
+}

package/src/VirtualizedMenu/VirtualizedMenuList.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { VirtualizedListProps } from '../VirtualizedList';
+export declare type VirtualizedMenuListProps<D = unknown> = {
+    initialFocus: number | boolean | (() => number | boolean);
+} & VirtualizedListProps<D>;
+export declare const VirtualizedMenuList: FunctionComponent<VirtualizedMenuListProps>;

package/src/VirtualizedMenu/index.d.ts

@@ -0,0 +1,5 @@
+export * from './VirtualizedMenu.classes';
+export * from './VirtualizedMenu.context';
+export * from './VirtualizedMenu';
+export * from './VirtualizedMenu.type';
+export * from './VirtualizedMenuList';

package/src/VisuallyHidden/VisuallyHidden.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseVisuallyHiddenClassesKey = 'root';
+export declare type VisuallyHiddenClassesKey = CamelCase<BaseVisuallyHiddenClassesKey>;
+export declare type VisuallyHiddenClasses = {
+    name: 'visually-hidden';
+    classes: BaseVisuallyHiddenClassesKey;
+};

package/src/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import visuallyHiddenStyle from './styles/VisuallyHidden.css';
+import { VisuallyHiddenProps } from './VisuallyHidden.type';
+declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Pick<VisuallyHiddenProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden, visuallyHiddenStyle };

package/src/VisuallyHidden/VisuallyHidden.type.d.ts

@@ -0,0 +1,3 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { VisuallyHiddenClassesKey } from './VisuallyHidden.classes';
+export declare type VisuallyHiddenProps = StandardProps<{}, VisuallyHiddenClassesKey, 'span'>;

package/src/VisuallyHidden/index.d.ts

@@ -0,0 +1,3 @@
+export * from './VisuallyHidden.classes';
+export * from './VisuallyHidden';
+export * from './VisuallyHidden.type';