reacthub-pixitweenjs 0.2.11 → 0.2.13

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.
Files changed (48) hide show
  1. package/dist/App.d.ts +2 -0
  2. package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts +23 -0
  3. package/dist/components/PixiAnimatedSprite/index.d.ts +1 -0
  4. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +11 -0
  5. package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +44 -0
  6. package/dist/components/PixiAudioSprite/index.d.ts +1 -0
  7. package/dist/components/PixiGifSprite/PixiGifSprite.d.ts +61 -0
  8. package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +193 -0
  9. package/dist/components/PixiGifSprite/index.d.ts +2 -0
  10. package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +4 -0
  11. package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +125 -0
  12. package/dist/components/PixiImageSprite/index.d.ts +1 -0
  13. package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +61 -0
  14. package/dist/components/PixiSVGSprite/index.d.ts +1 -0
  15. package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +84 -0
  16. package/dist/components/PixiTextSprite/index.d.ts +1 -0
  17. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +57 -0
  18. package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +183 -0
  19. package/dist/components/PixiVideoSprite/index.d.ts +1 -0
  20. package/dist/components/index.d.ts +7 -0
  21. package/dist/declare.module.d.ts +0 -0
  22. package/dist/hocs/AbstractContainer.d.ts +4 -0
  23. package/dist/hocs/WithFilterContainer.d.ts +42 -0
  24. package/dist/index.d.ts +3 -0
  25. package/dist/index.es.js +3586 -3583
  26. package/dist/index.umd.js +78 -78
  27. package/dist/main.d.ts +0 -0
  28. package/dist/providers/GsapPixieContextProvider.d.ts +33 -0
  29. package/dist/providers/index.d.ts +1 -0
  30. package/dist/types/Animations.d.ts +40 -0
  31. package/dist/types/BaseProps.d.ts +56 -0
  32. package/dist/types/BlendModes.d.ts +19 -0
  33. package/dist/types/Effects.d.ts +11 -0
  34. package/dist/types/index.d.ts +4 -0
  35. package/dist/types/transformation.d.ts +12 -0
  36. package/dist/utils/AppStateProvider.d.ts +11 -0
  37. package/dist/utils/AppStateStage.d.ts +6 -0
  38. package/dist/utils/AppWrapper.d.ts +7 -0
  39. package/dist/utils/ContextBridge.d.ts +7 -0
  40. package/dist/utils/GsapAnim.d.ts +29 -0
  41. package/dist/utils/InteractionManager.d.ts +18 -0
  42. package/dist/utils/PixiStage.d.ts +9 -0
  43. package/dist/utils/PixiTransformer.d.ts +18 -0
  44. package/dist/utils/VideoSeekBar.d.ts +2 -0
  45. package/dist/utils/useDebounce.d.ts +1 -0
  46. package/dist/utils/useDeepEffect.d.ts +4 -0
  47. package/package.json +7 -5
  48. package/dist/vite.svg +0 -1
@@ -0,0 +1,183 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").FC<{
6
+ uniqueId: string;
7
+ src: string;
8
+ startAt: number;
9
+ endAt: number;
10
+ frameStartAt: number;
11
+ frameEndAt: number;
12
+ mute: boolean;
13
+ locked: boolean;
14
+ initialAlpha: number;
15
+ transformation: {
16
+ x: number;
17
+ y: number;
18
+ width: number;
19
+ height: number;
20
+ anchor: number;
21
+ rotation?: number | undefined;
22
+ alpha?: number | undefined;
23
+ scale?: number | [number, number] | undefined;
24
+ tint?: number | undefined;
25
+ blendMode?: number | undefined;
26
+ animation?: string | undefined;
27
+ colorCorrection?: {
28
+ enabled?: boolean | undefined;
29
+ temperature?: number | undefined;
30
+ hue?: number | undefined;
31
+ contrast?: number | undefined;
32
+ saturation?: number | undefined;
33
+ exposure?: number | undefined;
34
+ reset?: boolean | undefined;
35
+ sharpness?: number | undefined;
36
+ value?: number | undefined;
37
+ levels?: number | undefined;
38
+ luminance?: number | undefined;
39
+ enhance?: number | undefined;
40
+ blurRadius?: number | undefined;
41
+ red?: number | undefined;
42
+ green?: number | undefined;
43
+ blue?: number | undefined;
44
+ alpha?: number | undefined;
45
+ scaleInput?: number | undefined;
46
+ } | undefined;
47
+ effect?: string | undefined;
48
+ };
49
+ pointerdown?: (() => void) | undefined;
50
+ pointerup?: (() => void) | undefined;
51
+ mousedown?: (() => void) | undefined;
52
+ mouseup?: (() => void) | undefined;
53
+ pointerover?: (() => void) | undefined;
54
+ mouseover?: (() => void) | undefined;
55
+ mouseout?: (() => void) | undefined;
56
+ applyTransformer?: boolean | undefined;
57
+ onAnchorTransformationEnd?: ((endData: any) => void) | undefined;
58
+ }>;
59
+ tags: string[];
60
+ argTypes: {
61
+ uniqueId: {
62
+ control: string;
63
+ description: string;
64
+ };
65
+ src: {
66
+ control: string;
67
+ description: string;
68
+ };
69
+ transformation: {
70
+ control: string;
71
+ description: string;
72
+ x: {
73
+ control: string;
74
+ description: string;
75
+ };
76
+ y: {
77
+ control: string;
78
+ description: string;
79
+ };
80
+ width: {
81
+ control: string;
82
+ description: string;
83
+ };
84
+ height: {
85
+ control: string;
86
+ description: string;
87
+ };
88
+ anchor: {
89
+ control: string;
90
+ description: string;
91
+ };
92
+ rotation: {
93
+ control: string;
94
+ description: string;
95
+ };
96
+ alpha: {
97
+ control: string;
98
+ min: number;
99
+ max: number;
100
+ description: string;
101
+ };
102
+ scale: {
103
+ control: string;
104
+ description: string;
105
+ };
106
+ tint: {
107
+ control: string;
108
+ description: string;
109
+ };
110
+ blendMode: {
111
+ control: string;
112
+ description: string;
113
+ };
114
+ colorCorrection: {
115
+ control: string;
116
+ description: string;
117
+ brightness: {
118
+ control: string;
119
+ description: string;
120
+ };
121
+ contrast: {
122
+ control: string;
123
+ description: string;
124
+ };
125
+ saturation: {
126
+ control: string;
127
+ description: string;
128
+ };
129
+ alpha: {
130
+ control: string;
131
+ description: string;
132
+ };
133
+ };
134
+ };
135
+ applyTransformer: {
136
+ control: string;
137
+ description: string;
138
+ };
139
+ startAt: {
140
+ control: string;
141
+ description: string;
142
+ };
143
+ endAt: {
144
+ control: string;
145
+ description: string;
146
+ };
147
+ frameStartAt: {
148
+ control: string;
149
+ description: string;
150
+ };
151
+ frameEndAt: {
152
+ control: string;
153
+ description: string;
154
+ };
155
+ mute: {
156
+ control: string;
157
+ description: string;
158
+ };
159
+ locked: {
160
+ control: string;
161
+ description: string;
162
+ };
163
+ initialAlpha: {
164
+ control: string;
165
+ min: number;
166
+ max: number;
167
+ description: string;
168
+ };
169
+ onAnchorTransformationEnd: {
170
+ action: string;
171
+ description: string;
172
+ };
173
+ pointerdown: {
174
+ action: string;
175
+ description: string;
176
+ };
177
+ };
178
+ };
179
+ export default meta;
180
+ type Story = StoryObj<typeof meta>;
181
+ export declare const Normal: Story;
182
+ export declare const FadeIn: Story;
183
+ export declare const Filters: Story;
@@ -0,0 +1 @@
1
+ export { default as PixiVideoSprite } from "./PixiVideoSprite";
@@ -0,0 +1,7 @@
1
+ export * from "./PixiImageSprite";
2
+ export * from "./PixiSVGSprite";
3
+ export * from "./PixiAudioSprite";
4
+ export * from "./PixiGifSprite";
5
+ export * from "./PixiTextSprite";
6
+ export * from "./PixiVideoSprite";
7
+ export * from "./PixiAnimatedSprite";
File without changes
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { PixiBaseSpriteProps } from "../types/BaseProps";
3
+ declare const AbstractContainer: React.FC<PixiBaseSpriteProps>;
4
+ export default AbstractContainer;
@@ -0,0 +1,42 @@
1
+ import * as React from "react";
2
+ import { Container } from "@pixi/react";
3
+ import * as PIXI from "pixi.js";
4
+ import { PixiBaseSpriteProps } from "../types/BaseProps";
5
+ import { TransformationEnd } from "../types/transformation";
6
+ declare const withFilterContainer: <P extends object>(WrappedComponent: React.ComponentType<P & PixiBaseSpriteProps>) => {
7
+ new (props: P & PixiBaseSpriteProps): {
8
+ imageRef: React.RefObject<PIXI.Sprite>;
9
+ containerRef: React.RefObject<PIXI.Container<PIXI.DisplayObject>>;
10
+ parentNode: React.RefObject<PIXI.Container<PIXI.DisplayObject>>;
11
+ imgGroupRef: React.RefObject<PIXI.Container<PIXI.DisplayObject>>;
12
+ transformerRef: React.RefObject<PIXI.Container<PIXI.DisplayObject>>;
13
+ isMounted: React.RefObject<boolean>;
14
+ componentDidMount(): void;
15
+ componentWillUnmount(): void;
16
+ /** handle on tranformer onchange */
17
+ handleOnTransformChange: () => void;
18
+ handleOnTransformEnd: (endData: TransformationEnd) => void;
19
+ setIsMouseOverTransformer: (isMouseOverTransformer: boolean) => void;
20
+ render(): import("react/jsx-runtime").JSX.Element;
21
+ context: unknown;
22
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & PixiBaseSpriteProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
23
+ forceUpdate(callback?: (() => void) | undefined): void;
24
+ readonly props: Readonly<P & PixiBaseSpriteProps>;
25
+ state: Readonly<{}>;
26
+ refs: {
27
+ [key: string]: React.ReactInstance;
28
+ };
29
+ shouldComponentUpdate?(nextProps: Readonly<P & PixiBaseSpriteProps>, nextState: Readonly<{}>, nextContext: any): boolean;
30
+ componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
31
+ getSnapshotBeforeUpdate?(prevProps: Readonly<P & PixiBaseSpriteProps>, prevState: Readonly<{}>): any;
32
+ componentDidUpdate?(prevProps: Readonly<P & PixiBaseSpriteProps>, prevState: Readonly<{}>, snapshot?: any): void;
33
+ componentWillMount?(): void;
34
+ UNSAFE_componentWillMount?(): void;
35
+ componentWillReceiveProps?(nextProps: Readonly<P & PixiBaseSpriteProps>, nextContext: any): void;
36
+ UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & PixiBaseSpriteProps>, nextContext: any): void;
37
+ componentWillUpdate?(nextProps: Readonly<P & PixiBaseSpriteProps>, nextState: Readonly<{}>, nextContext: any): void;
38
+ UNSAFE_componentWillUpdate?(nextProps: Readonly<P & PixiBaseSpriteProps>, nextState: Readonly<{}>, nextContext: any): void;
39
+ };
40
+ contextType?: React.Context<any> | undefined;
41
+ };
42
+ export default withFilterContainer;
@@ -0,0 +1,3 @@
1
+ export * from "./components";
2
+ export * from "./providers";
3
+ export * from "./types";