reacthub-pixitweenjs 0.2.12 → 0.2.13

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as PIXI from "pixi.js";
+type PixiAnimatedSpriteProps = {
+    forwardRef: any;
+    isPlaying: boolean;
+    images?: string[] | undefined;
+    initialFrame?: number | undefined;
+    scale?: number | [number, number];
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    anchor?: number;
+    rotation?: number;
+    alpha?: number;
+    animationSpeed?: number;
+    textures?: PIXI.Texture[] | undefined;
+    loop?: boolean;
+    onComplete?: () => void;
+    onFrameChange?: (currentFrame: number) => void;
+};
+declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) => import("react/jsx-runtime").JSX.Element>;
+export default PixiAnimatedSprite;

package/dist/components/PixiAnimatedSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiAnimatedSprite } from "./PixiAnimatedSprite";

package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+type PixiAudioSpriteProps = {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    mute: boolean;
+    speed: number;
+};
+declare const PixiAudioSprite: React.FC<PixiAudioSpriteProps>;
+export default PixiAudioSprite;

package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<{
+        uniqueId: string;
+        src: string;
+        startAt: number;
+        endAt: number;
+        mute: boolean;
+        speed: number;
+    }>;
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        mute: {
+            control: string;
+            description: string;
+        };
+        speed: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Customized: Story;

package/dist/components/PixiAudioSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiAudioSprite } from "./PixiAudioSprite";

package/dist/components/PixiGifSprite/PixiGifSprite.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+type PixiGifSpriteProps = {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    initialAlpha: number;
+    locked: boolean;
+    loop: boolean;
+    transformation: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        anchor: number;
+        rotation?: number;
+        alpha?: number;
+        scale?: number | [number, number];
+        tint?: number;
+        blendMode?: number;
+        animation?: string;
+        colorCorrection?: {
+            enabled?: boolean;
+            temperature?: number;
+            hue?: number;
+            contrast?: number;
+            saturation?: number;
+            exposure?: number;
+            reset?: boolean;
+            sharpness?: number;
+            value?: number;
+            levels?: number;
+            luminance?: number;
+            enhance?: number;
+            blurRadius?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+            alpha?: number;
+            scaleInput?: number;
+        };
+        effect?: string;
+    };
+    pointerdown?: () => void;
+    pointerup?: () => void;
+    mousedown?: () => void;
+    mouseup?: () => void;
+    pointerover?: () => void;
+    mouseover?: () => void;
+    mouseout?: () => void;
+    pointerout?: () => void;
+    applyTransformer?: boolean;
+    onAnchorTransformationEnd?: (endData: any) => void;
+};
+/**
+ * PixiGifSprite Component is used to render gif image
+ * @param props Gif Sprite props
+ * @returns
+ */
+declare const PixiGifSprite: React.FC<PixiGifSpriteProps>;
+export default PixiGifSprite;

package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts

@@ -0,0 +1,193 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<{
+        uniqueId: string;
+        src: string;
+        startAt: number;
+        endAt: number;
+        initialAlpha: number;
+        locked: boolean;
+        loop: boolean;
+        transformation: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            anchor: number;
+            rotation?: number | undefined;
+            alpha?: number | undefined;
+            scale?: number | [number, number] | undefined;
+            tint?: number | undefined;
+            blendMode?: number | undefined;
+            animation?: string | undefined;
+            colorCorrection?: {
+                enabled?: boolean | undefined;
+                temperature?: number | undefined;
+                hue?: number | undefined;
+                contrast?: number | undefined;
+                saturation?: number | undefined;
+                exposure?: number | undefined;
+                reset?: boolean | undefined;
+                sharpness?: number | undefined;
+                value?: number | undefined;
+                levels?: number | undefined;
+                luminance?: number | undefined;
+                enhance?: number | undefined;
+                blurRadius?: number | undefined;
+                red?: number | undefined;
+                green?: number | undefined;
+                blue?: number | undefined;
+                alpha?: number | undefined;
+                scaleInput?: number | undefined;
+            } | undefined;
+            effect?: string | undefined;
+        };
+        pointerdown?: (() => void) | undefined;
+        pointerup?: (() => void) | undefined;
+        mousedown?: (() => void) | undefined;
+        mouseup?: (() => void) | undefined;
+        pointerover?: (() => void) | undefined;
+        mouseover?: (() => void) | undefined;
+        mouseout?: (() => void) | undefined;
+        pointerout?: (() => void) | undefined;
+        applyTransformer?: boolean | undefined;
+        onAnchorTransformationEnd?: ((endData: any) => void) | undefined;
+    }>;
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        transformation: {
+            control: string;
+            description: string;
+            x: {
+                control: string;
+                description: string;
+            };
+            y: {
+                control: string;
+                description: string;
+            };
+            width: {
+                control: string;
+                description: string;
+            };
+            height: {
+                control: string;
+                description: string;
+            };
+            anchor: {
+                control: string;
+                description: string;
+            };
+            rotation: {
+                control: string;
+                description: string;
+            };
+            alpha: {
+                control: string;
+                min: number;
+                max: number;
+                description: string;
+            };
+            scale: {
+                control: string;
+                description: string;
+            };
+            tint: {
+                control: string;
+                description: string;
+            };
+            blendMode: {
+                control: string;
+                description: string;
+            };
+            colorCorrection: {
+                control: string;
+                description: string;
+                brightness: {
+                    control: string;
+                    description: string;
+                };
+                contrast: {
+                    control: string;
+                    description: string;
+                };
+                saturation: {
+                    control: string;
+                    description: string;
+                };
+                alpha: {
+                    control: string;
+                    description: string;
+                };
+            };
+        };
+        applyTransformer: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        initialAlpha: {
+            control: string;
+            min: number;
+            max: number;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+        pointerup: {
+            action: string;
+            description: string;
+        };
+        mousedown: {
+            action: string;
+            description: string;
+        };
+        mouseup: {
+            action: string;
+            description: string;
+        };
+        pointerover: {
+            action: string;
+            description: string;
+        };
+        mouseover: {
+            action: string;
+            description: string;
+        };
+        mouseout: {
+            action: string;
+            description: string;
+        };
+        pointerout: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Filters: Story;

package/dist/components/PixiGifSprite/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PixiGifSprite } from "./PixiGifSprite";
+export * from "./PixiGifSprite";

package/dist/components/PixiImageSprite/PixiImageSprite.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { PixiBaseSpriteProps } from "../../types/BaseProps";
+declare const PixiImageSprite: React.FC<PixiBaseSpriteProps>;
+export default PixiImageSprite;

package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts

@@ -0,0 +1,125 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { Effects } from "../../types/Effects";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../..").PixiBaseSpriteProps>;
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        transformation: {
+            control: string;
+            description: string;
+            x: {
+                control: string;
+                description: string;
+            };
+            y: {
+                control: string;
+                description: string;
+            };
+            width: {
+                control: string;
+                description: string;
+            };
+            height: {
+                control: string;
+                description: string;
+            };
+            anchor: {
+                control: string;
+                description: string;
+            };
+            rotation: {
+                control: string;
+                description: string;
+            };
+            alpha: {
+                control: string;
+                min: number;
+                max: number;
+                description: string;
+            };
+            scale: {
+                control: string;
+                description: string;
+            };
+            tint: {
+                control: string;
+                description: string;
+            };
+            blendMode: {
+                control: string;
+                description: string;
+            };
+            effects: {
+                type: string;
+                options: Effects[];
+                description: string;
+            };
+            colorCorrection: {
+                control: string;
+                description: string;
+                enabled: {
+                    control: string;
+                    description: string;
+                };
+                brightness: {
+                    control: string;
+                    description: string;
+                };
+                contrast: {
+                    control: string;
+                    description: string;
+                };
+                saturation: {
+                    control: string;
+                    description: string;
+                };
+                alpha: {
+                    control: string;
+                    description: string;
+                };
+            };
+        };
+        applyTransformer: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        initialAlpha: {
+            control: string;
+            min: number;
+            max: number;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const FadeIn: Story;
+export declare const Filters: Story;
+export declare const FilterEffects: Story;

package/dist/components/PixiImageSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiImageSprite } from "./PixiImageSprite";

package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { PixiBaseSpriteProps } from "../../types/BaseProps";
+import { Effects } from "../../types/Effects";
+interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    path: string;
+    startAt: number;
+    endAt: number;
+    initialAlpha: number;
+    transformation: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        anchor: number;
+        rotation?: number;
+        alpha?: number;
+        scale?: number | [number, number];
+        tint?: number;
+        blendMode?: number;
+        animation?: string;
+        fill?: string;
+        fontWeight?: string;
+        fontStyle?: string;
+        stroke?: string;
+        strokeWidth?: number;
+        blurRadius?: number;
+        colorCorrection?: {
+            enabled?: boolean;
+            temperature?: number;
+            hue?: number;
+            contrast?: number;
+            saturation?: number;
+            exposure?: number;
+            reset?: boolean;
+            sharpness?: number;
+            value?: number;
+            levels?: number;
+            luminance?: number;
+            enhance?: number;
+            blurRadius?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+            alpha?: number;
+            scaleInput?: number;
+        };
+        effect?: Effects;
+    };
+    pointerdown?: () => void;
+    pointerup?: () => void;
+    mousedown?: () => void;
+    mouseup?: () => void;
+    pointerover?: () => void;
+    mouseover?: () => void;
+    mouseout?: () => void;
+    applyTransformer?: boolean;
+    onAnchorTransformationEnd?: (endData: any) => void;
+}
+declare const PixiSvgPathSprite: React.FC<PixiSvgPathSpriteProps>;
+export default PixiSvgPathSprite;

package/dist/components/PixiSVGSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiSvgPathSprite } from "./PixiSvgPathSprite";

package/dist/components/PixiTextSprite/PixiTextSprite.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { PixiBaseSpriteProps } from "../../types/BaseProps";
+import { Effects } from "../../types/Effects";
+interface PixiTextSpriteProps extends PixiBaseSpriteProps {
+    text: string;
+    startAt: number;
+    endAt: number;
+    initialAlpha: number;
+    locked: boolean;
+    transformation: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        anchor: number;
+        rotation?: number;
+        alpha?: number;
+        scale?: number | [number, number];
+        tint?: number;
+        blendMode?: number;
+        animation?: string;
+        fontWeight?: string;
+        fontSize?: number;
+        fontFamily?: string;
+        fontStyle?: string;
+        fontColor?: string;
+        fontVariant?: string;
+        lineHeight?: number;
+        letterSpacing?: number;
+        textDecoration?: string;
+        wordWrap?: boolean;
+        wordWrapWidth?: number;
+        leading?: number;
+        padding?: number;
+        border?: string;
+        dropShadow?: boolean;
+        dropShadowColor?: string | number;
+        shadowOffsetX?: number;
+        shadowOffsetY?: number;
+        dropShadowBlur?: number;
+        blurEnabled?: boolean;
+        blurRadius?: number;
+        fill: string | number;
+        stroke?: string | number;
+        strokeThickness?: number;
+        zIndex?: number;
+        align?: string;
+        textBaseline?: string;
+        trim?: boolean;
+        colorCorrection?: {
+            enabled?: boolean;
+            temperature?: number;
+            hue?: number;
+            contrast?: number;
+            saturation?: number;
+            exposure?: number;
+            reset?: boolean;
+            sharpness?: number;
+            value?: number;
+            levels?: number;
+            luminance?: number;
+            enhance?: number;
+            blurRadius?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+            alpha?: number;
+            scaleInput?: number;
+        };
+        effect?: Effects;
+    };
+    pointerdown?: () => void;
+    pointerup?: () => void;
+    mousedown?: () => void;
+    mouseup?: () => void;
+    pointerover?: () => void;
+    mouseover?: () => void;
+    mouseout?: () => void;
+    applyTransformer?: boolean;
+    onTextUpdate?: (data: any) => void;
+    onAnchorTransformationEnd?: (endData: any) => void;
+}
+declare const PixiTextSprite: React.FC<PixiTextSpriteProps>;
+export default PixiTextSprite;

package/dist/components/PixiTextSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiTextSprite } from "./PixiTextSprite";

package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+type PixiVideoSpriteProps = {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    frameStartAt: number;
+    frameEndAt: number;
+    mute: boolean;
+    locked: boolean;
+    initialAlpha: number;
+    transformation: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        anchor: number;
+        rotation?: number;
+        alpha?: number;
+        scale?: number | [number, number];
+        tint?: number;
+        blendMode?: number;
+        animation?: string;
+        colorCorrection?: {
+            enabled?: boolean;
+            temperature?: number;
+            hue?: number;
+            contrast?: number;
+            saturation?: number;
+            exposure?: number;
+            reset?: boolean;
+            sharpness?: number;
+            value?: number;
+            levels?: number;
+            luminance?: number;
+            enhance?: number;
+            blurRadius?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+            alpha?: number;
+            scaleInput?: number;
+        };
+        effect?: string;
+    };
+    pointerdown?: () => void;
+    pointerup?: () => void;
+    mousedown?: () => void;
+    mouseup?: () => void;
+    pointerover?: () => void;
+    mouseover?: () => void;
+    mouseout?: () => void;
+    applyTransformer?: boolean;
+    onAnchorTransformationEnd?: (endData: any) => void;
+};
+declare const PixiVideoSprite: React.FC<PixiVideoSpriteProps>;
+export default PixiVideoSprite;