reacthub-pixitweenjs 0.2.107-alpha.108 → 0.2.107-alpha.109

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

@@ -0,0 +1,149 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./PixiLottieSprite").PixiLottieSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    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;
+        };
+        frameStartAt: {
+            control: string;
+            description: string;
+        };
+        frameEndAt: {
+            control: string;
+            description: string;
+        };
+        visible: {
+            control: string;
+            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 Filter: Story;
+export declare const FadeIn: Story;

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

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

package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as PIXI from "pixi.js";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface CanvasImageProps {
+    getCanvas: () => PIXI.TextureSource | PIXI.TextureSource[];
+}
+export interface PixiRemotionSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    frameStartAt: number;
+    frameEndAt: number;
+    mute: boolean;
+    locked: boolean;
+    pointerdown?: () => void;
+    pointerup?: () => void;
+    mousedown?: () => void;
+    mouseup?: () => void;
+    pointerover?: () => void;
+    mouseover?: () => void;
+    mouseout?: () => void;
+    applyTransformer?: boolean;
+    onAnchorTransformationEnd?: (endData: any) => void;
+    canvasImageRef?: CanvasImageProps;
+}
+declare const PixiRemotionSprite: React.ForwardRefExoticComponent<PixiRemotionSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiRemotionSprite;

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

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

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

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+import { Effects } from "../../types/Effects";
+import { Animations } from "../../types";
+export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    path: string;
+    startAt: number;
+    endAt: 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?: Animations;
+        hexColor?: 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;
+            vignette?: number;
+            noise?: 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.ForwardRefExoticComponent<PixiSvgPathSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiSvgPathSprite;

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

@@ -0,0 +1,121 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./PixiSvgPathSprite").PixiSvgPathSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        path: {
+            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;
+        };
+        visible: {
+            control: string;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+        pointerout: {
+            action: string;
+            description: string;
+        };
+        pointerover: {
+            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;

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

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

package/dist/components/PixiSequence/PixiSeqenceWrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface PixiSequenceWrapperProps {
+    children: React.ReactNode;
+    /** start time of the total sequence in seconds */
+    startAt: number;
+    /** end time of the last sequence in seconds. It is end of global timeline seconds */
+    endAt: number;
+}
+export declare const PixiSequenceWrapper: (props: PixiSequenceWrapperProps) => React.ReactNode;

package/dist/components/PixiSequence/PixiSequence.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface PixiSequenceProps {
+    children: React.ReactNode;
+    /** start time of the sequence in seconds */
+    startAt: number;
+    /** end time of the sequence in seconds */
+    endAt: number;
+    /** unique id */
+    uniqueId?: string;
+}
+export declare const PixiSequence: (props: PixiSequenceProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: (props: import("./PixiSequence").PixiSequenceProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        startAt: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        endAt: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const GifSequence: Story;
+export declare const VideoSequence: Story;

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

@@ -0,0 +1,2 @@
+export * from "./PixiSequence";
+export * from "./PixiSeqenceWrapper";

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

@@ -0,0 +1,85 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+import { Effects } from "../../types/Effects";
+import { Animations } from "../../types";
+export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
+    text: string;
+    startAt: number;
+    endAt: number;
+    disabled?: 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?: Animations;
+        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;
+    onDobuleClick?: () => void;
+}
+declare const PixiTextSprite: React.ForwardRefExoticComponent<PixiTextSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiTextSprite;

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

@@ -0,0 +1,130 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./PixiTextSprite").PixiTextSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        text: {
+            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;
+        };
+        visible: {
+            control: string;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerup: {
+            action: string;
+            description: string;
+        };
+        onTextUpdate: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+        pointerout: {
+            action: string;
+            description: string;
+        };
+        pointerover: {
+            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 Draggable: Story;

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

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

package/dist/components/PixiTransformer/PixiTransformer.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+type PixiTransformerProps = {
+    pixiTransformerRef: React.MutableRefObject<any>;
+    imageRef: React.MutableRefObject<any>;
+    isMounted: boolean;
+    transformCommit?: (data: any) => void;
+    transformChange?: (data: any) => void;
+    mouseoverEvent?: (flag: boolean) => void;
+    onDoubleClick?: () => void;
+    uniqueId?: string;
+    isText?: boolean;
+};
+/**
+ * Initialize PixiTransformer to transform the image
+ * @param param0
+ * @returns
+ */
+declare const PixiTransformer: ({ pixiTransformerRef, imageRef, isMounted, transformCommit, transformChange, mouseoverEvent, onDoubleClick, uniqueId, isText, }: PixiTransformerProps) => import("react/jsx-runtime").JSX.Element;
+export default PixiTransformer;