reacthub-pixitweenjs 0.2.107-alpha.9 → 0.2.107-alpha.91

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    frameStartAt: number;
+    frameEndAt: number;
+    locked: boolean;
+    loop: boolean;
+}
+/**
+ * PixiGifSprite Component is used to render gif image
+ * @param props Gif Sprite props
+ * @returns
+ */
+declare const PixiGifSprite: React.ForwardRefExoticComponent<PixiGifSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiGifSprite;

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: {

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/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.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";