reacthub-pixitweenjs 0.2.107-alpha.10 → 0.2.107-alpha.101

package/README.md

@@ -37,4 +37,4 @@ PixiTweenJs is designed to help you build animated time-controlled canvas elemen
 
 ## Usage
 
-Visit the [storybook](https://64b9d71094fa7aed0c7291cf-vaocdrptkv.chromatic.com/)
+Visit the [storybook](https://64b9d71094fa7aed0c7291cf-bpnkkrlkgw.chromatic.com)

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

@@ -9,6 +9,7 @@ type PixiAudioSpriteProps = {
     mute: boolean;
     speed: number;
     visible: boolean;
+    waveform?: boolean;
 };
 declare const PixiAudioSprite: React.FC<PixiAudioSpriteProps>;
 export default PixiAudioSprite;

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

@@ -12,6 +12,7 @@ declare const meta: {
         mute: boolean;
         speed: number;
         visible: boolean;
+        waveform?: boolean | undefined;
     }>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];

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

@@ -2,7 +2,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./PixiGifSprite").PixiGifSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    component: import("react").ForwardRefExoticComponent<import("./PixiGifGsapSync").PixiGifSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
@@ -145,6 +145,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Normal: Story;
+export declare const Multiple: Story;
 export declare const FadeIn: Story;
 export declare const Filters: Story;
 export declare const SplitPosition: Story;

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

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

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

@@ -3,7 +3,7 @@ import type { StoryObj } from "@storybook/react";
 import { Effects } from "../../types/Effects";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("../..").PixiBaseSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    component: import("react").ForwardRefExoticComponent<import("../../types").PixiBaseSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
@@ -132,3 +132,5 @@ export declare const Filters: Story;
 export declare const FilterEffects: Story;
 export declare const Overlays: Story;
 export declare const PointerTests: Story;
+export declare const Animation: Story;
+export declare const PointerAnimation: Story;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    frameStartAt: number;
+    frameEndAt: number;
+    locked: boolean;
+    loop: boolean;
+}
+declare const PixiLottieSprite: React.ForwardRefExoticComponent<PixiLottieSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiLottieSprite;

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

@@ -1,6 +1,7 @@
 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;
@@ -17,7 +18,7 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
         scale?: number | [number, number];
         tint?: number;
         blendMode?: number;
-        animation?: string;
+        animation?: Animations;
         hexColor?: string;
         fill?: string;
         fontWeight?: string;
@@ -44,6 +45,8 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
             blue?: number;
             alpha?: number;
             scaleInput?: number;
+            vignette?: number;
+            noise?: number;
         };
         effect?: Effects;
     };

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

@@ -2,7 +2,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./PixiSvgPathSprite").PixiSvgPathSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    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: {

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

@@ -1,6 +1,7 @@
 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;
@@ -17,7 +18,7 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
         scale?: number | [number, number];
         tint?: number;
         blendMode?: number;
-        animation?: string;
+        animation?: Animations;
         fontWeight?: string;
         fontSize?: number;
         fontFamily?: string;

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

@@ -2,7 +2,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./PixiTextSprite").PixiTextSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    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: {
@@ -127,3 +127,4 @@ 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/PixiVideoSprite/PixiVideoCanvasSync.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 PixiVideoSpriteProps 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 PixiVideoCanvasSyncSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiVideoCanvasSyncSprite;

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

@@ -16,6 +16,7 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
     mouseout?: () => void;
     applyTransformer?: boolean;
     onAnchorTransformationEnd?: (endData: any) => void;
+    fps?: number;
 }
 declare const PixiVideoSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiVideoSprite;

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

@@ -2,7 +2,7 @@
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./PixiVideoSprite").PixiVideoSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    component: import("react").ForwardRefExoticComponent<import("./PixiVideoSprite").PixiVideoSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
@@ -120,6 +120,10 @@ declare const meta: {
             action: string;
             description: string;
         };
+        fps: {
+            control: string;
+            description: string;
+        };
     };
 };
 export default meta;
@@ -129,3 +133,4 @@ export declare const FadeIn: Story;
 export declare const Filters: Story;
 export declare const SplitPosition: Story;
 export declare const SplitStartPos: Story;
+export declare const VideoFps: Story;

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

@@ -1 +1,2 @@
 export { default as PixiVideoSprite } from "./PixiVideoSprite";
+export { default as PixiVideoCanvasSyncSprite } from "./PixiVideoCanvasSync";

package/dist/components/index.d.ts

@@ -6,3 +6,4 @@ export * from "./PixiTextSprite";
 export * from "./PixiVideoSprite";
 export * from "./PixiAnimatedSprite";
 export * from "./PixiSequence";
+export * from "./PixiRemotionSprite";

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./useGsapEffect";

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function useDebounce(value: any, delay?: number): any;
+export default useDebounce;

package/dist/hooks/useDeepEffect.d.ts

@@ -0,0 +1,2 @@
+declare const useDeepEffect: (effectFunc: any, deps: any[]) => void;
+export default useDeepEffect;

package/dist/hooks/useGsapEffect.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from "react";
-import * as PIXI from "pixi.js";
-export declare function useGsapEffect(target: RefObject<PIXI.Container>, effect: string, vars: any): undefined;
+export declare function useGsapEffect(): {
+    updateEffect: any;
+};

package/dist/hooks/withEffectsHook.d.ts

@@ -1,4 +1,5 @@
 import * as PIXI from "pixi.js";
 export declare const withEffectsHooks: () => {
     nightVisionFilter: PIXI.Filter;
+    vignetteFilter: PIXI.Filter;
 };

package/dist/hooks/withFiltersHook.d.ts

@@ -13,6 +13,10 @@ export interface FiltersProps {
     temperature?: number;
     hue?: number;
     sharpness?: number;
+    vignette?: number;
+    noise?: number;
+    outline?: number;
+    outlineColor?: number;
 }
 export declare const withFiltersHook: (props: FiltersProps) => {
     adjustmentFilter: PixiFilters.AdjustmentFilter;
@@ -20,4 +24,6 @@ export declare const withFiltersHook: (props: FiltersProps) => {
     hueFilter: PIXI.ColorMatrixFilter;
     sharpnessFilter: PixiFilters.ConvolutionFilter;
     temperatureFilter: PIXI.Filter;
+    vignetteFilter: PixiFilters.OldFilmFilter;
+    noiseFilter: PIXI.NoiseFilter;
 };

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from "./components";
 export * from "./providers";
 export * from "./types";
 export * from "./events";
+export * from "./hooks";