reacthub-pixitweenjs 0.2.107-alpha.7 → 0.2.107-alpha.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +1 -1
- package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +3 -1
- package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +26 -0
- package/dist/components/PixiRemotionSprite/index.d.ts +1 -0
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +4 -1
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts +1 -1
- package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +2 -1
- package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +26 -0
- package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +6 -1
- package/dist/components/PixiVideoSprite/index.d.ts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/hooks/useDebounce.d.ts +2 -0
- package/dist/hooks/useDeepEffect.d.ts +2 -0
- package/dist/hooks/useGsapEffect.d.ts +3 -3
- package/dist/hooks/withEffectsHook.d.ts +1 -0
- package/dist/hooks/withFiltersHook.d.ts +6 -0
- package/dist/index.es.js +7313 -6619
- package/dist/index.umd.js +124 -94
- package/dist/providers/GsapPixieContextProvider.d.ts +2 -0
- package/dist/stories/Features/TimelineAnimations.d.ts +15 -0
- package/dist/stories/Features/TimelineTest.stories.d.ts +1 -0
- package/dist/types/Animations.d.ts +32 -0
- package/dist/types/BaseProps.d.ts +7 -1
- package/dist/types/Effects.d.ts +1 -0
- package/dist/utils/GsapAnims.d.ts +2 -0
- package/package.json +2 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from "@storybook/react";
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("./PixiGifSprite").PixiGifSpriteProps & import("react").RefAttributes<import("
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<import("./PixiGifSprite").PixiGifSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
|
|
6
6
|
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
tags: string[];
|
|
8
8
|
argTypes: {
|
|
@@ -3,7 +3,7 @@ import type { StoryObj } from "@storybook/react";
|
|
|
3
3
|
import { Effects } from "../../types/Effects";
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: import("react").ForwardRefExoticComponent<import("
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<import("../../types").PixiBaseSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
|
|
7
7
|
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
8
8
|
tags: string[];
|
|
9
9
|
argTypes: {
|
|
@@ -132,3 +132,5 @@ export declare const Filters: Story;
|
|
|
132
132
|
export declare const FilterEffects: Story;
|
|
133
133
|
export declare const Overlays: Story;
|
|
134
134
|
export declare const PointerTests: Story;
|
|
135
|
+
export declare const Animation: Story;
|
|
136
|
+
export declare const PointerAnimation: Story;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as PIXI from "pixi.js";
|
|
3
|
+
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
4
|
+
export interface CanvasImageProps {
|
|
5
|
+
getCanvas: () => PIXI.TextureSource | PIXI.TextureSource[];
|
|
6
|
+
}
|
|
7
|
+
export interface PixiRemotionSpriteProps extends PixiBaseSpriteProps {
|
|
8
|
+
uniqueId: string;
|
|
9
|
+
src: string;
|
|
10
|
+
frameStartAt: number;
|
|
11
|
+
frameEndAt: number;
|
|
12
|
+
mute: boolean;
|
|
13
|
+
locked: boolean;
|
|
14
|
+
pointerdown?: () => void;
|
|
15
|
+
pointerup?: () => void;
|
|
16
|
+
mousedown?: () => void;
|
|
17
|
+
mouseup?: () => void;
|
|
18
|
+
pointerover?: () => void;
|
|
19
|
+
mouseover?: () => void;
|
|
20
|
+
mouseout?: () => void;
|
|
21
|
+
applyTransformer?: boolean;
|
|
22
|
+
onAnchorTransformationEnd?: (endData: any) => void;
|
|
23
|
+
canvasImageRef?: CanvasImageProps;
|
|
24
|
+
}
|
|
25
|
+
declare const PixiRemotionSprite: React.ForwardRefExoticComponent<PixiRemotionSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
26
|
+
export default PixiRemotionSprite;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PixiRemotionSprite } from "./PixiRemotionSprite";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
3
3
|
import { Effects } from "../../types/Effects";
|
|
4
|
+
import { Animations } from "../../types";
|
|
4
5
|
export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
|
|
5
6
|
uniqueId: string;
|
|
6
7
|
path: string;
|
|
@@ -17,7 +18,7 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
|
|
|
17
18
|
scale?: number | [number, number];
|
|
18
19
|
tint?: number;
|
|
19
20
|
blendMode?: number;
|
|
20
|
-
animation?:
|
|
21
|
+
animation?: Animations;
|
|
21
22
|
hexColor?: string;
|
|
22
23
|
fill?: string;
|
|
23
24
|
fontWeight?: string;
|
|
@@ -44,6 +45,8 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
|
|
|
44
45
|
blue?: number;
|
|
45
46
|
alpha?: number;
|
|
46
47
|
scaleInput?: number;
|
|
48
|
+
vignette?: number;
|
|
49
|
+
noise?: number;
|
|
47
50
|
};
|
|
48
51
|
effect?: Effects;
|
|
49
52
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from "@storybook/react";
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("./PixiSvgPathSprite").PixiSvgPathSpriteProps & import("react").RefAttributes<import("
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<import("./PixiSvgPathSprite").PixiSvgPathSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
|
|
6
6
|
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
tags: string[];
|
|
8
8
|
argTypes: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
3
3
|
import { Effects } from "../../types/Effects";
|
|
4
|
+
import { Animations } from "../../types";
|
|
4
5
|
export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
5
6
|
text: string;
|
|
6
7
|
startAt: number;
|
|
@@ -17,7 +18,7 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
|
17
18
|
scale?: number | [number, number];
|
|
18
19
|
tint?: number;
|
|
19
20
|
blendMode?: number;
|
|
20
|
-
animation?:
|
|
21
|
+
animation?: Animations;
|
|
21
22
|
fontWeight?: string;
|
|
22
23
|
fontSize?: number;
|
|
23
24
|
fontFamily?: string;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as PIXI from "pixi.js";
|
|
3
|
+
import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
|
|
4
|
+
export interface CanvasImageProps {
|
|
5
|
+
getCanvas: () => PIXI.TextureSource | PIXI.TextureSource[];
|
|
6
|
+
}
|
|
7
|
+
export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
|
|
8
|
+
uniqueId: string;
|
|
9
|
+
src: string;
|
|
10
|
+
frameStartAt: number;
|
|
11
|
+
frameEndAt: number;
|
|
12
|
+
mute: boolean;
|
|
13
|
+
locked: boolean;
|
|
14
|
+
pointerdown?: () => void;
|
|
15
|
+
pointerup?: () => void;
|
|
16
|
+
mousedown?: () => void;
|
|
17
|
+
mouseup?: () => void;
|
|
18
|
+
pointerover?: () => void;
|
|
19
|
+
mouseover?: () => void;
|
|
20
|
+
mouseout?: () => void;
|
|
21
|
+
applyTransformer?: boolean;
|
|
22
|
+
onAnchorTransformationEnd?: (endData: any) => void;
|
|
23
|
+
canvasImageRef?: CanvasImageProps;
|
|
24
|
+
}
|
|
25
|
+
declare const PixiVideoCanvasSyncSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
|
|
26
|
+
export default PixiVideoCanvasSyncSprite;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from "@storybook/react";
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("./PixiVideoSprite").PixiVideoSpriteProps & import("react").RefAttributes<import("
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<import("./PixiVideoSprite").PixiVideoSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
|
|
6
6
|
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
7
7
|
tags: string[];
|
|
8
8
|
argTypes: {
|
|
@@ -120,6 +120,10 @@ declare const meta: {
|
|
|
120
120
|
action: string;
|
|
121
121
|
description: string;
|
|
122
122
|
};
|
|
123
|
+
fps: {
|
|
124
|
+
control: string;
|
|
125
|
+
description: string;
|
|
126
|
+
};
|
|
123
127
|
};
|
|
124
128
|
};
|
|
125
129
|
export default meta;
|
|
@@ -129,3 +133,4 @@ export declare const FadeIn: Story;
|
|
|
129
133
|
export declare const Filters: Story;
|
|
130
134
|
export declare const SplitPosition: Story;
|
|
131
135
|
export declare const SplitStartPos: Story;
|
|
136
|
+
export declare const VideoFps: Story;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare function useGsapEffect(): {
|
|
2
|
+
updateEffect: any;
|
|
3
|
+
};
|
|
@@ -13,6 +13,10 @@ export interface FiltersProps {
|
|
|
13
13
|
temperature?: number;
|
|
14
14
|
hue?: number;
|
|
15
15
|
sharpness?: number;
|
|
16
|
+
vignette?: number;
|
|
17
|
+
noise?: number;
|
|
18
|
+
outline?: number;
|
|
19
|
+
outlineColor?: number;
|
|
16
20
|
}
|
|
17
21
|
export declare const withFiltersHook: (props: FiltersProps) => {
|
|
18
22
|
adjustmentFilter: PixiFilters.AdjustmentFilter;
|
|
@@ -20,4 +24,6 @@ export declare const withFiltersHook: (props: FiltersProps) => {
|
|
|
20
24
|
hueFilter: PIXI.ColorMatrixFilter;
|
|
21
25
|
sharpnessFilter: PixiFilters.ConvolutionFilter;
|
|
22
26
|
temperatureFilter: PIXI.Filter;
|
|
27
|
+
vignetteFilter: PixiFilters.OldFilmFilter;
|
|
28
|
+
noiseFilter: PIXI.NoiseFilter;
|
|
23
29
|
};
|