reacthub-pixitweenjs 0.2.91 → 0.2.93

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.
@@ -12,6 +12,9 @@ interface GsapPixieContextProps {
12
12
  handleRepeat: () => void;
13
13
  playerTimeRef: React.MutableRefObject<number>;
14
14
  getTimelineDuration: () => number;
15
+ totalDuration?: number;
16
+ setTotalDuration?: React.Dispatch<React.SetStateAction<number>>;
17
+ isInReverseMode: boolean;
15
18
  }
16
19
  declare const GsapPixieContext: React.Context<GsapPixieContextProps>;
17
20
  declare const Events: {
@@ -1,4 +1,4 @@
1
- import { PixiBaseSpriteProps } from "../../types";
1
+ import * as React from "react";
2
2
  export declare enum SpriteType {
3
3
  Image = "Image",
4
4
  Gif = "Gif",
@@ -7,7 +7,9 @@ export declare enum SpriteType {
7
7
  export interface TimelineTestProps {
8
8
  startAt: number;
9
9
  endAt: number;
10
- spriteType: SpriteType;
11
- pixiBaseProps?: PixiBaseSpriteProps;
12
10
  }
13
- export declare const TimelineTest: () => import("react/jsx-runtime").JSX.Element;
11
+ export interface TimelineProps {
12
+ children?: React.ReactNode;
13
+ sequences: TimelineTestProps[];
14
+ }
15
+ export declare const TimelineTest: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,31 +1,10 @@
1
1
  import type { StoryObj } from "@storybook/react";
2
- import { SpriteType } from "./TimelineTest";
3
2
  declare const meta: {
4
3
  title: string;
5
- component: () => import("react/jsx-runtime").JSX.Element;
4
+ component: (props: import("./TimelineTest").TimelineProps) => import("react/jsx-runtime").JSX.Element;
6
5
  tags: string[];
7
6
  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: {
7
+ sequences: {
29
8
  description: string;
30
9
  control: {
31
10
  type: string;
@@ -37,3 +16,4 @@ export default meta;
37
16
  type Story = StoryObj<typeof meta>;
38
17
  export declare const Normal: Story;
39
18
  export declare const GifTest: Story;
19
+ export declare const VideoTest: Story;
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
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
+ }
11
+ export interface TimelineProps {
12
+ children?: React.ReactNode;
13
+ sequences: TimelineTestProps[];
14
+ }
15
+ export declare const TimelineTestVideos: (props: TimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -10,4 +10,10 @@ export interface TimelineTestProps {
10
10
  spriteType: SpriteType;
11
11
  pixiBaseProps?: PixiBaseSpriteProps;
12
12
  }
13
- export declare const TimelineWithGif: (props: TimelineTestProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const TimelineWithGif: {
14
+ (props: TimelineTestProps): import("react/jsx-runtime").JSX.Element;
15
+ whyDidYouRender: {
16
+ logOnDifferentValues: boolean;
17
+ customName: string;
18
+ };
19
+ };
@@ -43,3 +43,28 @@ export declare const GifProps: {
43
43
  };
44
44
  initialAlpha: number;
45
45
  };
46
+ export declare const videoProps: {
47
+ uniqueId: string;
48
+ src: string;
49
+ transformation: {
50
+ x: number;
51
+ y: number;
52
+ width: number;
53
+ height: number;
54
+ anchor: number;
55
+ rotation: number;
56
+ alpha: number;
57
+ scale: number;
58
+ tint: number;
59
+ blendMode: number;
60
+ colorCorrection: {};
61
+ };
62
+ applyTransformer: boolean;
63
+ startAt: number;
64
+ endAt: number;
65
+ frameStartAt: number;
66
+ frameEndAt: number;
67
+ initialAlpha: number;
68
+ mute: boolean;
69
+ locked: boolean;
70
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reacthub-pixitweenjs",
3
- "version": "0.2.91",
3
+ "version": "0.2.93",
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",