reacthub-pixitweenjs 0.2.107-alpha.100 → 0.2.107-alpha.102

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 (12) hide show
  1. package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +1 -0
  2. package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +1 -0
  3. package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +1 -0
  4. package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +14 -0
  5. package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +149 -0
  6. package/dist/components/PixiLottieSprite/index.d.ts +1 -0
  7. package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +1 -0
  8. package/dist/index.es.js +1 -0
  9. package/dist/stories/Features/TimelineTest.stories.d.ts +0 -1
  10. package/dist/types/BaseProps.d.ts +0 -3
  11. package/package.json +7 -2
  12. package/dist/components/PixiGifSprite/PixiGifSprite.d.ts +0 -19
package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts CHANGED
@@ -9,6 +9,7 @@ type PixiAudioSpriteProps = {
9
9
  mute: boolean;
10
10
  speed: number;
11
11
  visible: boolean;
12
+ waveform?: boolean;
12
13
  };
13
14
  declare const PixiAudioSprite: React.FC<PixiAudioSpriteProps>;
14
15
  export default PixiAudioSprite;
package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts CHANGED
@@ -12,6 +12,7 @@ declare const meta: {
12
12
  mute: boolean;
13
13
  speed: number;
14
14
  visible: boolean;
15
+ waveform?: boolean | undefined;
15
16
  }>;
16
17
  decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
17
18
  tags: string[];
package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts CHANGED
@@ -145,6 +145,7 @@ declare const meta: {
145
145
  export default meta;
146
146
  type Story = StoryObj<typeof meta>;
147
147
  export declare const Normal: Story;
148
+ export declare const Multiple: Story;
148
149
  export declare const FadeIn: Story;
149
150
  export declare const Filters: Story;
150
151
  export declare const SplitPosition: Story;
package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
3
+ export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
4
+ uniqueId: string;
5
+ src: string;
6
+ startAt: number;
7
+ endAt: number;
8
+ frameStartAt: number;
9
+ frameEndAt: number;
10
+ locked: boolean;
11
+ loop: boolean;
12
+ }
13
+ declare const PixiLottieSprite: React.ForwardRefExoticComponent<PixiLottieSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
14
+ export default PixiLottieSprite;
package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts ADDED
@@ -0,0 +1,149 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from "@storybook/react";
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<import("./PixiLottieSprite").PixiLottieSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
6
+ decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
7
+ tags: string[];
8
+ argTypes: {
9
+ uniqueId: {
10
+ control: string;
11
+ description: string;
12
+ };
13
+ src: {
14
+ control: string;
15
+ description: string;
16
+ };
17
+ transformation: {
18
+ control: string;
19
+ description: string;
20
+ x: {
21
+ control: string;
22
+ description: string;
23
+ };
24
+ y: {
25
+ control: string;
26
+ description: string;
27
+ };
28
+ width: {
29
+ control: string;
30
+ description: string;
31
+ };
32
+ height: {
33
+ control: string;
34
+ description: string;
35
+ };
36
+ anchor: {
37
+ control: string;
38
+ description: string;
39
+ };
40
+ rotation: {
41
+ control: string;
42
+ description: string;
43
+ };
44
+ alpha: {
45
+ control: string;
46
+ min: number;
47
+ max: number;
48
+ description: string;
49
+ };
50
+ scale: {
51
+ control: string;
52
+ description: string;
53
+ };
54
+ tint: {
55
+ control: string;
56
+ description: string;
57
+ };
58
+ blendMode: {
59
+ control: string;
60
+ description: string;
61
+ };
62
+ colorCorrection: {
63
+ control: string;
64
+ description: string;
65
+ brightness: {
66
+ control: string;
67
+ description: string;
68
+ };
69
+ contrast: {
70
+ control: string;
71
+ description: string;
72
+ };
73
+ saturation: {
74
+ control: string;
75
+ description: string;
76
+ };
77
+ alpha: {
78
+ control: string;
79
+ description: string;
80
+ };
81
+ };
82
+ };
83
+ applyTransformer: {
84
+ control: string;
85
+ description: string;
86
+ };
87
+ startAt: {
88
+ control: string;
89
+ description: string;
90
+ };
91
+ endAt: {
92
+ control: string;
93
+ description: string;
94
+ };
95
+ frameStartAt: {
96
+ control: string;
97
+ description: string;
98
+ };
99
+ frameEndAt: {
100
+ control: string;
101
+ description: string;
102
+ };
103
+ visible: {
104
+ control: string;
105
+ description: string;
106
+ };
107
+ onAnchorTransformationEnd: {
108
+ action: string;
109
+ description: string;
110
+ };
111
+ pointerdown: {
112
+ action: string;
113
+ description: string;
114
+ };
115
+ pointerup: {
116
+ action: string;
117
+ description: string;
118
+ };
119
+ mousedown: {
120
+ action: string;
121
+ description: string;
122
+ };
123
+ mouseup: {
124
+ action: string;
125
+ description: string;
126
+ };
127
+ pointerover: {
128
+ action: string;
129
+ description: string;
130
+ };
131
+ mouseover: {
132
+ action: string;
133
+ description: string;
134
+ };
135
+ mouseout: {
136
+ action: string;
137
+ description: string;
138
+ };
139
+ pointerout: {
140
+ action: string;
141
+ description: string;
142
+ };
143
+ };
144
+ };
145
+ export default meta;
146
+ type Story = StoryObj<typeof meta>;
147
+ export declare const Normal: Story;
148
+ export declare const Filter: Story;
149
+ export declare const FadeIn: Story;
package/dist/components/PixiLottieSprite/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as PixiLottieSprite } from "./PixiLottieSprite";
package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts CHANGED
@@ -16,6 +16,7 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
16
16
  mouseout?: () => void;
17
17
  applyTransformer?: boolean;
18
18
  onAnchorTransformationEnd?: (endData: any) => void;
19
+ fps?: number;
19
20
  }
20
21
  declare const PixiVideoSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
21
22
  export default PixiVideoSprite;
package/dist/index.es.js CHANGED
@@ -16437,6 +16437,7 @@ const o2 = (t) => {
16437
16437
  audioStartAt: m,
16438
16438
  audioEndAt: v,
16439
16439
  visible: g
16440
+ /// waveform = false,
16440
16441
  } = t;
16441
16442
  Le(Te.PAUSE, () => {
16442
16443
  var w;
package/dist/stories/Features/TimelineTest.stories.d.ts CHANGED
@@ -18,5 +18,4 @@ export declare const Normal: Story;
18
18
  export declare const GifTest: Story;
19
19
  export declare const VideoTest: Story;
20
20
  export declare const AudioTest: Story;
21
- export declare const HowlerAudioTest: Story;
22
21
  export declare const Animations: Story;
package/dist/types/BaseProps.d.ts CHANGED
@@ -6,8 +6,6 @@ export interface PixiBaseSpriteProps {
6
6
  children?: React.ReactNode;
7
7
  uniqueId: string;
8
8
  src?: string;
9
- path?: string;
10
- text?: string;
11
9
  startAt: number;
12
10
  endAt: number;
13
11
  visible: boolean;
@@ -64,7 +62,6 @@ export interface PixiBaseSpriteProps {
64
62
  mouseout?: () => void;
65
63
  applyTransformer?: boolean;
66
64
  onAnchorTransformationEnd?: (endData: any) => void;
67
- fps?: number;
68
65
  }
69
66
  export interface ForwardedRefResponse {
70
67
  getIsTransformerDragging: () => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reacthub-pixitweenjs",
3
- "version": "0.2.107-alpha.100",
3
+ "version": "0.2.107-alpha.102",
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",
@@ -99,6 +99,7 @@
99
99
  "howler": "^2.2.3",
100
100
  "jsdom": "^21.1.2",
101
101
  "lodash": "4.17.21",
102
+ "lottie-web": "^5.10.2",
102
103
  "msw": "^1.2.1",
103
104
  "msw-storybook-addon": "^1.8.0",
104
105
  "pixi-filters": "^5.2.1",
@@ -123,6 +124,10 @@
123
124
  "vite-plugin-dts": "^3.5.2",
124
125
  "vite-plugin-environment": "^1.1.3",
125
126
  "vite-plugin-stylelint": "^4.3.0",
126
- "vitest": "^0.30.1"
127
+ "vitest": "^0.30.1",
128
+ "wavesurfer.js": "^7.4.6"
129
+ },
130
+ "dependencies": {
131
+ "@storybook/addon-storysource": "^7.5.3"
127
132
  }
128
133
  }
package/dist/components/PixiGifSprite/PixiGifSprite.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import * as React from "react";
2
- import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
3
- export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
4
- uniqueId: string;
5
- src: string;
6
- startAt: number;
7
- endAt: number;
8
- frameStartAt: number;
9
- frameEndAt: number;
10
- locked: boolean;
11
- loop: boolean;
12
- }
13
- /**
14
- * PixiGifSprite Component is used to render gif image
15
- * @param props Gif Sprite props
16
- * @returns
17
- */
18
- declare const PixiGifSprite: React.ForwardRefExoticComponent<PixiGifSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
19
- export default PixiGifSprite;