@rpcbase/client 0.401.0 → 0.402.0

package/dist/spatial-nav/SpatialNavigation.d.ts

@@ -0,0 +1,310 @@
+import { default as WritingDirection } from './WritingDirection';
+export type Direction = "up" | "down" | "left" | "right";
+type DistanceCalculationMethod = "center" | "edges" | "corners";
+type DistanceCalculationFunction = (refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean, distanceCalculationMethod: DistanceCalculationMethod) => number;
+export declare const ROOT_FOCUS_KEY = "SN:ROOT";
+export interface FocusableComponentLayout {
+    left: number;
+    top: number;
+    readonly right: number;
+    readonly bottom: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    node: HTMLElement | null;
+}
+interface FocusableComponentConfig {
+    focusKey: string;
+    node: HTMLElement | null;
+    parentFocusKey: string | undefined;
+    onEnterPress: (details?: KeyPressDetails) => void;
+    onEnterRelease: () => void;
+    onArrowPress: (direction: string, details: KeyPressDetails) => boolean;
+    onArrowRelease: (direction: string) => void;
+    onFocus: (layout: FocusableComponentLayout, details: FocusDetails) => void;
+    onBlur: (layout: FocusableComponentLayout, details: FocusDetails) => void;
+    onUpdateFocus: (focused: boolean) => void;
+    onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+    saveLastFocusedChild: boolean;
+    trackChildren: boolean;
+    preferredChildFocusKey?: string;
+    focusable: boolean;
+    isFocusBoundary: boolean;
+    focusBoundaryDirections?: Direction[];
+    autoRestoreFocus: boolean;
+    forceFocus: boolean;
+}
+interface FocusableComponent extends FocusableComponentConfig {
+    lastFocusedChildKey: string | null;
+    layout: FocusableComponentLayout;
+    layoutUpdated: boolean;
+}
+interface FocusableComponentUpdatePayload {
+    node: HTMLElement | null;
+    parentFocusKey: string | undefined;
+    preferredChildFocusKey?: string;
+    saveLastFocusedChild: boolean;
+    trackChildren: boolean;
+    focusable: boolean;
+    isFocusBoundary: boolean;
+    focusBoundaryDirections?: Direction[];
+    autoRestoreFocus: boolean;
+    forceFocus: boolean;
+    onEnterPress: (details?: KeyPressDetails) => void;
+    onEnterRelease: () => void;
+    onArrowPress: (direction: string, details: KeyPressDetails) => boolean;
+    onArrowRelease: (direction: string) => void;
+    onFocus: (layout: FocusableComponentLayout, details: FocusDetails) => void;
+    onBlur: (layout: FocusableComponentLayout, details: FocusDetails) => void;
+}
+interface FocusableComponentRemovePayload {
+    focusKey: string;
+    skipFocusRestoration?: boolean;
+}
+interface CornerCoordinates {
+    x: number;
+    y: number;
+}
+interface Corners {
+    a: CornerCoordinates;
+    b: CornerCoordinates;
+}
+export type PressedKeys = {
+    [index: string]: number;
+};
+/**
+ * Extra details about pressed keys passed on the key events
+ */
+export interface KeyPressDetails {
+    pressedKeys: PressedKeys;
+}
+/**
+ * Extra details passed from outside to be bounced back on other callbacks
+ */
+export interface FocusDetails {
+    event?: Event;
+    nativeEvent?: Event;
+    [key: string]: unknown;
+}
+export type BackwardsCompatibleKeyMap = {
+    [index: string]: string | number | (number | string)[];
+};
+export type KeyMap = {
+    [index: string]: (string | number)[];
+};
+export interface InitOptions {
+    debug?: boolean;
+    visualDebug?: boolean;
+    nativeMode?: boolean;
+    throttle?: number;
+    throttleKeypresses?: boolean;
+    useGetBoundingClientRect?: boolean;
+    shouldFocusDOMNode?: boolean;
+    /**
+     * Preferred alias for shouldFocusDOMNode. Enabled by default for browser-native focus support.
+     */
+    nativeFocus?: boolean;
+    domNodeFocusOptions?: FocusOptions;
+    shouldUseNativeEvents?: boolean;
+    rtl?: boolean;
+    distanceCalculationMethod?: DistanceCalculationMethod;
+    customDistanceCalculationFunction?: DistanceCalculationFunction;
+    /**
+     * Keep focus state in sync when browser focus changes through Tab/click/programmatic focus.
+     */
+    trackNativeFocus?: boolean;
+    /**
+     * When enabled, keyboard navigation is not intercepted while a form control owns focus.
+     */
+    blockNavigationOutOfFormFields?: boolean;
+}
+declare class SpatialNavigationService {
+    private focusableComponents;
+    private visualDebugger;
+    private visualDebugAnimationFrame;
+    private visualDebugEnabled;
+    /**
+     * Focus key of the currently focused element
+     */
+    private focusKey;
+    private shouldFocusDOMNode;
+    private shouldUseNativeEvents;
+    private trackNativeFocus;
+    private blockNavigationOutOfFormFields;
+    /**
+     * This collection contains focus keys of the elements that are having a child focused
+     * Might be handy for styling of certain parent components if their child is focused.
+     */
+    private parentsHavingFocusedChild;
+    /**
+     * When shouldFocusDOMNode is true, this prop specifies the focus options that should be passed to the element being focused.
+     */
+    private domNodeFocusOptions;
+    private enabled;
+    /**
+     * Used in the React Native environment
+     * In this mode, the library works as a "read-only" helper to sync focused
+     * states for the components when they are focused by the native focus engine
+     */
+    private nativeMode;
+    /**
+     * Throttling delay for key presses in milliseconds
+     */
+    private throttle;
+    /**
+     * Enables/disables throttling feature
+     */
+    private throttleKeypresses;
+    /**
+     * Storing pressed keys counter by the eventType
+     */
+    private pressedKeys;
+    /**
+     * Flag used to block key events from this service
+     */
+    private paused;
+    /**
+     * Enables/disables getBoundingClientRect
+     */
+    private useGetBoundingClientRect;
+    private keyDownEventListener;
+    private keyDownEventListenerThrottled;
+    private keyUpEventListener;
+    private focusInEventListener;
+    private keyMap;
+    private debug;
+    private logIndex;
+    private setFocusDebounced;
+    private writingDirection;
+    private distanceCalculationMethod;
+    private customDistanceCalculationFunction?;
+    /**
+     * Used to determine the coordinate that will be used to filter items that are over the "edge"
+     */
+    static getCutoffCoordinate(isVertical: boolean, isIncremental: boolean, isSibling: boolean, layout: FocusableComponentLayout, writingDirection: WritingDirection): number;
+    /**
+     * Returns two corners (a and b) coordinates that are used as a reference points
+     * Where "a" is always leftmost and topmost corner, and "b" is rightmost bottommost corner
+     */
+    static getRefCorners(direction: string, isSibling: boolean, layout: FocusableComponentLayout): {
+        a: {
+            x: number;
+            y: number;
+        };
+        b: {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * Calculates if the sibling node is intersecting enough with the ref node by the secondary coordinate
+     */
+    static getAdjacentSliceMetrics(refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean): {
+        refLength: number;
+        siblingLength: number;
+        intersectionLength: number;
+    };
+    static isAdjacentSlice(refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean): boolean;
+    static getAdjacentSliceWeight(refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean): number;
+    static getPrimaryAxisDistance(refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean): number;
+    static getSecondaryAxisDistance(refCorners: Corners, siblingCorners: Corners, isVerticalDirection: boolean, distanceCalculationMethod: DistanceCalculationMethod, customDistanceCalculationFunction?: DistanceCalculationFunction): number;
+    /**
+     * Inspired by: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS_for_TV/TV_remote_control_navigation#Algorithm_design
+     * Ref Corners are the 2 corners of the current component in the direction of navigation
+     * They are used as a base to measure adjacent slices
+     */
+    sortSiblingsByPriority(siblings: FocusableComponent[], currentLayout: FocusableComponentLayout, direction: string, focusKey: string): FocusableComponent[];
+    constructor();
+    init({ debug, visualDebug, nativeMode, throttle: throttleParam, throttleKeypresses, useGetBoundingClientRect, shouldFocusDOMNode, nativeFocus, domNodeFocusOptions, shouldUseNativeEvents, trackNativeFocus, blockNavigationOutOfFormFields, rtl, distanceCalculationMethod, customDistanceCalculationFunction }?: InitOptions): void;
+    private startVisualDebugLoop;
+    private stopVisualDebugLoop;
+    setVisualDebug(visualDebug: boolean): void;
+    setThrottle({ throttle: throttleParam, throttleKeypresses }?: {
+        throttle?: number | undefined;
+        throttleKeypresses?: boolean | undefined;
+    }): void;
+    destroy(): void;
+    getEventType(keyCode: number | string): string | undefined;
+    static getKeyCode(event: KeyboardEvent): string | number;
+    static isDirectionalEventType(eventType: string): eventType is "right" | "left" | "up" | "down";
+    shouldBypassSpatialNavigationForTarget(target: EventTarget | null, eventType: string): boolean;
+    makeNodeProgrammaticallyFocusable(component: FocusableComponent): void;
+    getLayoutReferenceNode(node: HTMLElement | null): HTMLElement | null;
+    findNativeFocusedComponent(target: EventTarget | null): FocusableComponent | null | undefined;
+    syncNativeFocus(event: FocusEvent): void;
+    bindEventHandlers(): void;
+    unbindEventHandlers(): void;
+    onEnterPress(keysDetails: KeyPressDetails): void;
+    onEnterRelease(): void;
+    onArrowPress(direction: string, keysDetails: KeyPressDetails): boolean | undefined;
+    onArrowRelease(direction: string): void;
+    /**
+     * Move focus by direction, if you can't use buttons or focusing by key.
+     *
+     * @example
+     * navigateByDirection('right') // The focus is moved to right
+     */
+    navigateByDirection(direction: string, focusDetails: FocusDetails): void;
+    /**
+     * This function navigates between siblings OR goes up by the Tree
+     * Based on the Direction
+     */
+    smartNavigate(direction: string, fromParentFocusKey: string | null, focusDetails: FocusDetails): void;
+    saveLastFocusedChildKey(component: FocusableComponent, focusKey: string): void;
+    log(functionName: string, debugString: string, ...rest: unknown[]): void;
+    /**
+     * Returns the current focus key
+     */
+    getCurrentFocusKey(): string;
+    /**
+     * Returns the focus key to which focus can be forced if there are force-focusable components.
+     * A component closest to the top left viewport corner (0,0) is returned.
+     */
+    getForcedFocusKey(): string | undefined;
+    /**
+     * This function tries to determine the next component to Focus
+     * It's either the target node OR the one down by the Tree if node has children components
+     * Based on "targetFocusKey" which means the "intended component to focus"
+     */
+    getNextFocusKey(targetFocusKey: string): string;
+    addFocusable({ focusKey, node, parentFocusKey, onEnterPress, onEnterRelease, onArrowPress, onArrowRelease, onFocus, onBlur, saveLastFocusedChild, trackChildren, onUpdateFocus, onUpdateHasFocusedChild, preferredChildFocusKey, autoRestoreFocus, forceFocus, focusable, isFocusBoundary, focusBoundaryDirections }: FocusableComponentConfig): void;
+    removeFocusable({ focusKey, skipFocusRestoration }: FocusableComponentRemovePayload): void;
+    getNodeLayoutByFocusKey(focusKey: string): FocusableComponentLayout | null;
+    setCurrentFocusedKey(newFocusKey: string, focusDetails: FocusDetails): void;
+    updateParentsHasFocusedChild(focusKey: string, focusDetails: FocusDetails): void;
+    updateParentsLastFocusedChild(focusKey: string): void;
+    getKeyMap(): KeyMap;
+    setKeyMap(keyMap: BackwardsCompatibleKeyMap): void;
+    isFocusableComponent(focusKey: string): boolean;
+    /**
+     * Checks whether the focusableComponent is actually participating in spatial navigation (in other words, is a
+     * 'focusable' focusableComponent). Seems less confusing than calling it isFocusableFocusableComponent()
+     */
+    isParticipatingFocusableComponent(focusKey: string): boolean;
+    onIntermediateNodeBecameFocused(focusKey: string, focusDetails: FocusDetails): void;
+    onIntermediateNodeBecameBlurred(focusKey: string, focusDetails: FocusDetails): void;
+    pause(): void;
+    resume(): void;
+    setFocus(focusKey: string, focusDetails?: FocusDetails): void;
+    updateAllLayouts(): void;
+    updateLayout(focusKey: string): void;
+    updateFocusable(focusKey: string, { node, parentFocusKey, preferredChildFocusKey, saveLastFocusedChild, trackChildren, focusable, isFocusBoundary, focusBoundaryDirections, autoRestoreFocus, forceFocus, onEnterPress, onEnterRelease, onArrowPress, onArrowRelease, onFocus, onBlur }: FocusableComponentUpdatePayload): void;
+    isNativeMode(): boolean;
+    doesFocusableExist(focusKey: string): boolean;
+    /**
+     * This function updates the writing direction
+     * @param rtl whether the writing direction is right-to-left
+     */
+    updateRtl(rtl: boolean): void;
+}
+/**
+ * Export singleton
+ */
+export declare const SpatialNavigation: SpatialNavigationService;
+export declare const init: ({ debug, visualDebug, nativeMode, throttle: throttleParam, throttleKeypresses, useGetBoundingClientRect, shouldFocusDOMNode, nativeFocus, domNodeFocusOptions, shouldUseNativeEvents, trackNativeFocus, blockNavigationOutOfFormFields, rtl, distanceCalculationMethod, customDistanceCalculationFunction }?: InitOptions) => void, setThrottle: ({ throttle: throttleParam, throttleKeypresses }?: {
+    throttle?: number | undefined;
+    throttleKeypresses?: boolean | undefined;
+}) => void, setVisualDebug: (visualDebug: boolean) => void, destroy: () => void, setKeyMap: (keyMap: BackwardsCompatibleKeyMap) => void, setFocus: (focusKey: string, focusDetails?: FocusDetails) => void, navigateByDirection: (direction: string, focusDetails: FocusDetails) => void, pause: () => void, resume: () => void, updateAllLayouts: () => void, getCurrentFocusKey: () => string, doesFocusableExist: (focusKey: string) => boolean, updateRtl: (rtl: boolean) => void;
+export {};
+//# sourceMappingURL=SpatialNavigation.d.ts.map

package/dist/spatial-nav/SpatialNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpatialNavigation.d.ts","sourceRoot":"","sources":["../../src/spatial-nav/SpatialNavigation.ts"],"names":[],"mappings":"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"}

package/dist/spatial-nav/VisualDebugger.d.ts

@@ -0,0 +1,34 @@
+import { default as WritingDirection } from './WritingDirection';
+interface NodeLayout {
+    left: number;
+    top: number;
+    readonly right: number;
+    readonly bottom: number;
+    width: number;
+    height: number;
+}
+declare class VisualDebugger {
+    private debugCtx;
+    private layoutsCtx;
+    private writingDirection;
+    private useViewportCoordinates;
+    constructor(writingDirection: WritingDirection, useViewportCoordinates?: boolean);
+    static getViewportSize(): {
+        width: number;
+        height: number;
+    };
+    static getPixelRatio(): number;
+    static configureCanvas(canvas: HTMLCanvasElement, ctx: CanvasRenderingContext2D): void;
+    syncCanvasSizes(): void;
+    getViewportOffset(): {
+        x: number;
+        y: number;
+    };
+    static createCanvas(id: string, zIndex: string, writingDirection: WritingDirection): CanvasRenderingContext2D | null;
+    clear(): void;
+    clearLayouts(): void;
+    drawLayout(layout: NodeLayout, focusKey: string, parentFocusKey?: string): void;
+    drawPoint(x: number, y: number, color?: string, size?: number): void;
+}
+export default VisualDebugger;
+//# sourceMappingURL=VisualDebugger.d.ts.map

package/dist/spatial-nav/VisualDebugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualDebugger.d.ts","sourceRoot":"","sources":["../../src/spatial-nav/VisualDebugger.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAOjD,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,cAAM,cAAc;IAClB,OAAO,CAAC,QAAQ,CAAiC;IAEjD,OAAO,CAAC,UAAU,CAAiC;IAEnD,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,OAAO,CAAC,sBAAsB,CAAS;gBAGrC,gBAAgB,EAAE,gBAAgB,EAClC,sBAAsB,UAAQ;IAuBhC,MAAM,CAAC,eAAe;;;;IAOtB,MAAM,CAAC,aAAa;IAKpB,MAAM,CAAC,eAAe,CACpB,MAAM,EAAE,iBAAiB,EACzB,GAAG,EAAE,wBAAwB;IAsB/B,eAAe;IASf,iBAAiB;;;;IAWjB,MAAM,CAAC,YAAY,CACjB,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB;IA+BpC,KAAK;IAUL,YAAY;IAUZ,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM;IA0CxE,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,SAAS,EAAE,IAAI,SAAK;CAmB1D;AAED,eAAe,cAAc,CAAA"}

package/dist/spatial-nav/WritingDirection.d.ts

@@ -0,0 +1,6 @@
+declare enum WritingDirection {
+    LTR = 0,
+    RTL = 1
+}
+export default WritingDirection;
+//# sourceMappingURL=WritingDirection.d.ts.map

package/dist/spatial-nav/WritingDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WritingDirection.d.ts","sourceRoot":"","sources":["../../src/spatial-nav/WritingDirection.ts"],"names":[],"mappings":"AAAA,aAAK,gBAAgB;IACnB,GAAG,IAAA;IACH,GAAG,IAAA;CACJ;AAED,eAAe,gBAAgB,CAAA"}

package/dist/spatial-nav/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useFocusable';
+export * from './useFocusContext';
+export * from './SpatialNavigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/spatial-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spatial-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA"}