@reactvision/react-viro 2.43.1 → 2.43.4

package/dist/fabric-interop/components/ViroSpatialSound.d.ts

@@ -1,27 +0,0 @@
-/**
- * ViroSpatialSound
- *
- * A component for playing 3D positioned audio in the scene.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroSpatialSoundProps extends ViroCommonProps {
-    source: {
-        uri: string;
-    } | number;
-    paused?: boolean;
-    volume?: number;
-    muted?: boolean;
-    loop?: boolean;
-    minDistance?: number;
-    maxDistance?: number;
-    rolloffModel?: "linear" | "exponential" | "logarithmic";
-    distanceRolloffFactor?: number;
-    onFinish?: () => void;
-    onError?: (error: string) => void;
-}
-/**
- * ViroSpatialSound is a component for playing 3D positioned audio in the scene.
- * It provides spatial audio that changes based on the listener's position relative to the sound source.
- */
-export declare const ViroSpatialSound: React.FC<ViroSpatialSoundProps>;

package/dist/fabric-interop/components/ViroSpatialSound.js

@@ -1,50 +0,0 @@
-"use strict";
-/**
- * ViroSpatialSound
- *
- * A component for playing 3D positioned audio in the scene.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroSpatialSound = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroSpatialSound is a component for playing 3D positioned audio in the scene.
- * It provides spatial audio that changes based on the listener's position relative to the sound source.
- */
-const ViroSpatialSound = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        source: props.source,
-        paused: props.paused,
-        volume: props.volume,
-        muted: props.muted,
-        loop: props.loop,
-        minDistance: props.minDistance,
-        maxDistance: props.maxDistance,
-        rolloffModel: props.rolloffModel,
-        distanceRolloffFactor: props.distanceRolloffFactor,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("spatialSound", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Component doesn't have children, so just return null
-    return null;
-};
-exports.ViroSpatialSound = ViroSpatialSound;

package/dist/fabric-interop/components/ViroSphere.d.ts

@@ -1,22 +0,0 @@
-/**
- * ViroSphere
- *
- * A 3D sphere component with customizable radius and materials.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroSphereProps extends ViroCommonProps {
-    radius?: number;
-    facesCount?: number;
-    segmentCount?: number;
-    widthSegmentCount?: number;
-    heightSegmentCount?: number;
-    materials?: string | string[];
-    lightReceivingBitMask?: number;
-    shadowCastingBitMask?: number;
-    highAccuracyEvents?: boolean;
-}
-/**
- * ViroSphere is a 3D sphere component with customizable radius and materials.
- */
-export declare const ViroSphere: React.FC<ViroSphereProps>;

package/dist/fabric-interop/components/ViroSphere.js

@@ -1,49 +0,0 @@
-"use strict";
-/**
- * ViroSphere
- *
- * A 3D sphere component with customizable radius and materials.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroSphere = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroSphere is a 3D sphere component with customizable radius and materials.
- */
-const ViroSphere = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        radius: props.radius ?? 1,
-        facesCount: props.facesCount,
-        segmentCount: props.segmentCount,
-        widthSegmentCount: props.widthSegmentCount,
-        heightSegmentCount: props.heightSegmentCount,
-        materials: props.materials,
-        lightReceivingBitMask: props.lightReceivingBitMask,
-        shadowCastingBitMask: props.shadowCastingBitMask,
-        highAccuracyEvents: props.highAccuracyEvents,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("sphere", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Sphere doesn't have children, so just return null
-    return null;
-};
-exports.ViroSphere = ViroSphere;

package/dist/fabric-interop/components/ViroSpinner.d.ts

@@ -1,18 +0,0 @@
-/**
- * ViroSpinner
- *
- * A component for displaying loading spinners in 3D space.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroSpinnerProps extends ViroCommonProps {
-    type?: "light" | "dark";
-    size?: "small" | "large";
-    lightReceivingBitMask?: number;
-    shadowCastingBitMask?: number;
-}
-/**
- * ViroSpinner is a component for displaying loading spinners in 3D space.
- * It provides visual feedback during loading operations.
- */
-export declare const ViroSpinner: React.FC<ViroSpinnerProps>;

package/dist/fabric-interop/components/ViroSpinner.js

@@ -1,45 +0,0 @@
-"use strict";
-/**
- * ViroSpinner
- *
- * A component for displaying loading spinners in 3D space.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroSpinner = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroSpinner is a component for displaying loading spinners in 3D space.
- * It provides visual feedback during loading operations.
- */
-const ViroSpinner = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        type: props.type,
-        size: props.size,
-        lightReceivingBitMask: props.lightReceivingBitMask,
-        shadowCastingBitMask: props.shadowCastingBitMask,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("image", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Component doesn't have children, so just return null
-    return null;
-};
-exports.ViroSpinner = ViroSpinner;

package/dist/fabric-interop/components/ViroSpotLight.d.ts

@@ -1,30 +0,0 @@
-/**
- * ViroSpotLight
- *
- * A component for adding spot lighting to a scene.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroSpotLightProps extends ViroCommonProps {
-    color?: string;
-    intensity?: number;
-    temperature?: number;
-    direction?: [number, number, number];
-    innerAngle?: number;
-    outerAngle?: number;
-    attenuationStartDistance?: number;
-    attenuationEndDistance?: number;
-    influenceBitMask?: number;
-    castsShadow?: boolean;
-    shadowOpacity?: number;
-    shadowMapSize?: number;
-    shadowBias?: number;
-    shadowNearZ?: number;
-    shadowFarZ?: number;
-}
-/**
- * ViroSpotLight is a component for adding spot lighting to a scene.
- * Spot light is a type of light that illuminates objects in a cone-shaped area,
- * similar to a flashlight or stage spotlight.
- */
-export declare const ViroSpotLight: React.FC<ViroSpotLightProps>;

package/dist/fabric-interop/components/ViroSpotLight.js

@@ -1,57 +0,0 @@
-"use strict";
-/**
- * ViroSpotLight
- *
- * A component for adding spot lighting to a scene.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroSpotLight = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroSpotLight is a component for adding spot lighting to a scene.
- * Spot light is a type of light that illuminates objects in a cone-shaped area,
- * similar to a flashlight or stage spotlight.
- */
-const ViroSpotLight = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        color: props.color,
-        intensity: props.intensity,
-        temperature: props.temperature,
-        direction: props.direction,
-        innerAngle: props.innerAngle,
-        outerAngle: props.outerAngle,
-        attenuationStartDistance: props.attenuationStartDistance,
-        attenuationEndDistance: props.attenuationEndDistance,
-        influenceBitMask: props.influenceBitMask,
-        castsShadow: props.castsShadow,
-        shadowOpacity: props.shadowOpacity,
-        shadowMapSize: props.shadowMapSize,
-        shadowBias: props.shadowBias,
-        shadowNearZ: props.shadowNearZ,
-        shadowFarZ: props.shadowFarZ,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("spotLight", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Component doesn't have children, so just return null
-    return null;
-};
-exports.ViroSpotLight = ViroSpotLight;

package/dist/fabric-interop/components/ViroSurface.d.ts

@@ -1,38 +0,0 @@
-/**
- * ViroSurface
- *
- * A component for rendering a flat surface in 3D space.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroSurfaceProps extends ViroCommonProps {
-    width?: number;
-    height?: number;
-    uvCoordinates?: [
-        [
-            number,
-            number
-        ],
-        [
-            number,
-            number
-        ],
-        [
-            number,
-            number
-        ],
-        [
-            number,
-            number
-        ]
-    ];
-    materials?: string | string[];
-    lightReceivingBitMask?: number;
-    shadowCastingBitMask?: number;
-    arShadowReceiver?: boolean;
-}
-/**
- * ViroSurface is a component for rendering a flat surface in 3D space.
- * It's similar to ViroQuad but with additional properties for more flexibility.
- */
-export declare const ViroSurface: React.FC<ViroSurfaceProps>;

package/dist/fabric-interop/components/ViroSurface.js

@@ -1,48 +0,0 @@
-"use strict";
-/**
- * ViroSurface
- *
- * A component for rendering a flat surface in 3D space.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroSurface = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroSurface is a component for rendering a flat surface in 3D space.
- * It's similar to ViroQuad but with additional properties for more flexibility.
- */
-const ViroSurface = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        width: props.width ?? 1,
-        height: props.height ?? 1,
-        uvCoordinates: props.uvCoordinates,
-        materials: props.materials,
-        lightReceivingBitMask: props.lightReceivingBitMask,
-        shadowCastingBitMask: props.shadowCastingBitMask,
-        arShadowReceiver: props.arShadowReceiver,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("surface", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Component doesn't have children, so just return null
-    return null;
-};
-exports.ViroSurface = ViroSurface;

package/dist/fabric-interop/components/ViroText.d.ts

@@ -1,36 +0,0 @@
-/**
- * ViroText
- *
- * A component for rendering 3D text in the Viro scene.
- */
-import React from "react";
-import { ViroCommonProps } from "./ViroUtils";
-export interface ViroTextProps extends ViroCommonProps {
-    text: string;
-    color?: string;
-    fontFamily?: string;
-    fontSize?: number;
-    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "normal" | "bold";
-    fontStyle?: "normal" | "italic";
-    textAlign?: "left" | "center" | "right";
-    textAlignVertical?: "top" | "center" | "bottom";
-    textLineBreakMode?: "wordwrap" | "charwrap" | "justify" | "none";
-    textClipMode?: "none" | "clipToBounds";
-    width?: number;
-    height?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    materials?: string | string[];
-    extrusionDepth?: number;
-    outerStroke?: {
-        type?: string;
-        width?: number;
-        color?: string;
-    };
-    lightReceivingBitMask?: number;
-    shadowCastingBitMask?: number;
-}
-/**
- * ViroText is a component for rendering 3D text in the Viro scene.
- */
-export declare const ViroText: React.FC<ViroTextProps>;

package/dist/fabric-interop/components/ViroText.js

@@ -1,59 +0,0 @@
-"use strict";
-/**
- * ViroText
- *
- * A component for rendering 3D text in the Viro scene.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViroText = void 0;
-const ViroUtils_1 = require("./ViroUtils");
-/**
- * ViroText is a component for rendering 3D text in the Viro scene.
- */
-const ViroText = (props) => {
-    // Convert common props to the format expected by the native code
-    const nativeProps = {
-        ...(0, ViroUtils_1.convertCommonProps)(props),
-        text: props.text,
-        color: props.color,
-        fontFamily: props.fontFamily,
-        fontSize: props.fontSize,
-        fontWeight: props.fontWeight,
-        fontStyle: props.fontStyle,
-        textAlign: props.textAlign,
-        textAlignVertical: props.textAlignVertical,
-        textLineBreakMode: props.textLineBreakMode,
-        textClipMode: props.textClipMode,
-        width: props.width,
-        height: props.height,
-        maxWidth: props.maxWidth,
-        maxHeight: props.maxHeight,
-        materials: props.materials,
-        extrusionDepth: props.extrusionDepth,
-        outerStroke: props.outerStroke,
-        lightReceivingBitMask: props.lightReceivingBitMask,
-        shadowCastingBitMask: props.shadowCastingBitMask,
-    };
-    // Create the node (parent will be determined by context)
-    const nodeId = (0, ViroUtils_1.useViroNode)("text", nativeProps);
-    // Register event handlers using our new event system
-    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
-        onHover: props.onHover,
-        onClick: props.onClick,
-        onClickState: props.onClickState,
-        onTouch: props.onTouch,
-        onScroll: props.onScroll,
-        onSwipe: props.onSwipe,
-        onDrag: props.onDrag,
-        onPinch: props.onPinch,
-        onRotate: props.onRotate,
-        onFuse: typeof props.onFuse === "function"
-            ? props.onFuse
-            : props.onFuse?.callback,
-        onCollision: props.onCollision,
-        onTransformUpdate: props.onTransformUpdate,
-    });
-    // Text doesn't have children, so just return null
-    return null;
-};
-exports.ViroText = ViroText;

package/dist/fabric-interop/components/ViroUtils.d.ts

@@ -1,63 +0,0 @@
-/**
- * ViroUtils
- *
- * Common utility functions and hooks for Viro components.
- */
-import React from "react";
-import { ViroNodeProps, ViroNodeType } from "../NativeViro";
-export declare const ViroContext: React.Context<string>;
-export declare const useViroParent: () => string;
-export declare function useViroNode(nodeType: ViroNodeType, props: ViroNodeProps, explicitParentId?: string): string;
-export declare function useViroChildren(nodeId: string, children: React.ReactNode): React.ReactNode;
-export type ViroEventHandler = (event: any, ...args: any[]) => void;
-export type ViroPosition = [number, number, number];
-export type ViroRotation = [number, number, number];
-export type ViroScale = [number, number, number] | number;
-export interface ViroCommonProps {
-    position?: ViroPosition;
-    rotation?: ViroRotation;
-    scale?: ViroScale;
-    transformBehaviors?: string[];
-    opacity?: number;
-    visible?: boolean;
-    animation?: {
-        name?: string;
-        delay?: number;
-        loop?: boolean;
-        onStart?: () => void;
-        onFinish?: () => void;
-        run?: boolean;
-        interruptible?: boolean;
-    };
-    canClick?: boolean;
-    canHover?: boolean;
-    canTouch?: boolean;
-    canScroll?: boolean;
-    canSwipe?: boolean;
-    canDrag?: boolean;
-    canFuse?: boolean;
-    canPinch?: boolean;
-    canRotate?: boolean;
-    timeToFuse?: number;
-    onHover?: ViroEventHandler;
-    onClick?: ViroEventHandler;
-    onClickState?: ViroEventHandler;
-    onTouch?: ViroEventHandler;
-    onScroll?: ViroEventHandler;
-    onSwipe?: ViroEventHandler;
-    onDrag?: ViroEventHandler;
-    onPinch?: ViroEventHandler;
-    onRotate?: ViroEventHandler;
-    onFuse?: ViroEventHandler | {
-        callback: ViroEventHandler;
-        timeToFuse?: number;
-    };
-    onCollision?: ViroEventHandler;
-    onTransformUpdate?: ViroEventHandler;
-}
-export declare function convertCommonProps(props: ViroCommonProps): ViroNodeProps;
-export declare function useViroEventListeners(nodeId: string, eventHandlers: Record<string, ViroEventHandler | undefined>): void;
-export declare const ViroContextProvider: ({ value, children, }: {
-    value: string;
-    children: React.ReactNode;
-}) => React.FunctionComponentElement<React.ProviderProps<string>>;