reacthub-pixitweenjs 0.2.85 → 0.2.90
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/PixiGsapAnims/FadeIn.d.ts +11 -0
- package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts +9 -0
- package/dist/components/PixiSequence/PixiSequence.d.ts +7 -0
- package/dist/components/PixiSequence/PixiSequence.stories.d.ts +31 -0
- package/dist/components/PixiSequence/index.d.ts +1 -0
- package/dist/hooks/useGsapEffect.d.ts +3 -0
- package/dist/index.es.js +5994 -6010
- package/dist/index.umd.js +116 -116
- package/dist/stories/Features/TimelineTest.d.ts +13 -0
- package/dist/stories/Features/TimelineTest.stories.d.ts +38 -0
- package/dist/stories/Features/common.tests.d.ts +20 -0
- package/dist/utils/AppStateSequenceProvider.d.ts +11 -0
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PixiBaseSpriteProps } from "../../types";
|
|
2
|
+
export declare enum SpriteType {
|
|
3
|
+
Image = "Image",
|
|
4
|
+
Gif = "Gif",
|
|
5
|
+
Video = "Video"
|
|
6
|
+
}
|
|
7
|
+
export interface TimelineTestProps {
|
|
8
|
+
startAt: number;
|
|
9
|
+
endAt: number;
|
|
10
|
+
spriteType: SpriteType;
|
|
11
|
+
pixiBaseProps?: PixiBaseSpriteProps;
|
|
12
|
+
}
|
|
13
|
+
export declare const TimelineTest: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { SpriteType } from "./TimelineTest";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
argTypes: {
|
|
8
|
+
startAt: {
|
|
9
|
+
description: string;
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
endAt: {
|
|
15
|
+
description: string;
|
|
16
|
+
control: {
|
|
17
|
+
type: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
spriteType: {
|
|
21
|
+
description: string;
|
|
22
|
+
control: {
|
|
23
|
+
type: string;
|
|
24
|
+
options: SpriteType[];
|
|
25
|
+
description: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
pixiBaseProps: {
|
|
29
|
+
description: string;
|
|
30
|
+
control: {
|
|
31
|
+
type: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default meta;
|
|
37
|
+
type Story = StoryObj<typeof meta>;
|
|
38
|
+
export declare const Normal: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const ImageProps: {
|
|
2
|
+
uniqueId: string;
|
|
3
|
+
src: string;
|
|
4
|
+
applyTransformer: boolean;
|
|
5
|
+
startAt: number;
|
|
6
|
+
endAt: number;
|
|
7
|
+
transformation: {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
anchor: number;
|
|
13
|
+
rotation: number;
|
|
14
|
+
alpha: number;
|
|
15
|
+
scale: number;
|
|
16
|
+
tint: number;
|
|
17
|
+
blendMode: number;
|
|
18
|
+
};
|
|
19
|
+
initialAlpha: number;
|
|
20
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface AppState {
|
|
3
|
+
transformation: {
|
|
4
|
+
[key: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface AppStateContextProviderProps extends AppState {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const AppStateSequenceProvider: React.FC<AppStateContextProviderProps>;
|
|
11
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "reacthub-pixitweenjs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.90",
|
|
4
4
|
"description": "reacthub-pixitweenjs is a library that provides a powerful combination of React, PixiJS, GSAP, and image manipulation capabilities in a timeline sequence. With this library, you can easily create stunning animations and interactive graphics for your React applications",
|
|
5
5
|
"author": "khanzzirfan <reacthub.ai@gmail.com>",
|
|
6
6
|
"main": "dist/index.es.js",
|