reacthub-pixitweenjs 0.2.109-alpha.4 → 0.2.109-alpha.7

package/dist/components/PixiImageSprite/PixiImageSprite.d.ts

@@ -1,4 +1,8 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps';
 import * as React from "react";
-declare const PixiImageSprite: React.ForwardRefExoticComponent<PixiBaseSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+import * as PIXI from "pixi.js";
+declare const PixiImageSprite: React.ForwardRefExoticComponent<PixiBaseSpriteProps & {
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+} & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiImageSprite;

package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts

@@ -1,22 +1,27 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Effects } from '../../types/Effects';
 
+import * as React from "react";
+import * as PIXI from "pixi.js";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../types').PixiBaseSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('../..').PixiBaseSpriteProps & {
+        onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+        onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    } & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         src: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -91,25 +96,33 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
             action: string;
             description: string;
         };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
+            description: string;
+        };
         pointerdown: {
             action: string;
             description: string;
@@ -132,5 +145,6 @@ export declare const Filters: Story;
 export declare const FilterEffects: Story;
 export declare const Overlays: Story;
 export declare const PointerTests: Story;
+export declare const WithUnifiedTransformer: Story;
 export declare const Animation: Story;
 export declare const PointerAnimation: Story;

package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts

@@ -1,5 +1,6 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
     uniqueId: string;
     src: string;
@@ -9,6 +10,8 @@ export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
     frameEndAt: number;
     locked: boolean;
     loop: boolean;
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const PixiLottieSprite: React.ForwardRefExoticComponent<PixiLottieSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiLottieSprite;

package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts

@@ -1,21 +1,22 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
+import * as React from "react";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./PixiLottieSprite').PixiLottieSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('./PixiLottieSprite').PixiLottieSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         src: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -81,27 +82,27 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameStartAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameEndAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
@@ -140,6 +141,14 @@ declare const meta: {
             action: string;
             description: string;
         };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
+            description: string;
+        };
     };
 };
 export default meta;
@@ -147,3 +156,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Normal: Story;
 export declare const Filter: Story;
 export declare const FadeIn: Story;
+export declare const WithUnifiedTransformer: Story;

package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts

@@ -2,6 +2,7 @@ import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps
 import { Effects } from '../../types/Effects';
 import { Animations } from '../../types';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
     uniqueId: string;
     path: string;
@@ -59,6 +60,8 @@ export interface PixiSvgPathSpriteProps extends PixiBaseSpriteProps {
     mouseout?: () => void;
     applyTransformer?: boolean;
     onAnchorTransformationEnd?: (endData: any) => void;
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const PixiSvgPathSprite: React.ForwardRefExoticComponent<PixiSvgPathSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiSvgPathSprite;

package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts

@@ -1,21 +1,22 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
+import * as React from "react";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./PixiSvgPathSprite').PixiSvgPathSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('./PixiSvgPathSprite').PixiSvgPathSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         path: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -81,19 +82,19 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
@@ -112,6 +113,14 @@ declare const meta: {
             action: string;
             description: string;
         };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
+            description: string;
+        };
     };
 };
 export default meta;
@@ -119,3 +128,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Normal: Story;
 export declare const FadeIn: Story;
 export declare const Filters: Story;
+export declare const WithUnifiedTransformer: Story;

package/dist/components/PixiSequence/PixiSequence.stories.d.ts

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
 declare const meta: {
     title: string;
@@ -9,19 +9,19 @@ declare const meta: {
         children: {
             description: string;
             control: {
-                type: string;
+                type: "text";
             };
         };
         startAt: {
             description: string;
             control: {
-                type: string;
+                type: "number";
             };
         };
         endAt: {
             description: string;
             control: {
-                type: string;
+                type: "number";
             };
         };
     };

package/dist/components/PixiTextSprite/PixiTextSprite.d.ts

@@ -2,6 +2,7 @@ import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps
 import { Effects } from '../../types/Effects';
 import { Animations } from '../../types';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
     text: string;
     startAt: number;
@@ -81,6 +82,8 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
     onTextUpdate?: (data: any) => void;
     onAnchorTransformationEnd?: (endData: any) => void;
     onDobuleClick?: () => void;
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const PixiTextSprite: React.ForwardRefExoticComponent<PixiTextSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiTextSprite;

package/dist/components/PixiTextSprite/PixiTextSprite.stories.d.ts

@@ -1,21 +1,22 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
+import * as React from "react";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./PixiTextSprite').PixiTextSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('./PixiTextSprite').PixiTextSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         text: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -81,25 +82,33 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
             action: string;
             description: string;
         };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
+            description: string;
+        };
         pointerup: {
             action: string;
             description: string;
@@ -128,3 +137,4 @@ export declare const Normal: Story;
 export declare const FadeIn: Story;
 export declare const Filters: Story;
 export declare const Draggable: Story;
+export declare const WithUnifiedTransformer: Story;

package/dist/components/PixiUnifiedTransformer/PixiUnifiedTransformer.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as PIXI from "pixi.js";
+type RefsMap = Record<string, React.MutableRefObject<PIXI.Container | null>>;
+type PixiUnifiedTransformerProps = {
+    selectedElementIds: string[];
+    containerRefsMap: RefsMap;
+    spriteHelperRef?: React.MutableRefObject<any>;
+    mouseOverTransformerRef?: React.MutableRefObject<{
+        isMouseOver?: boolean;
+        isDragging?: boolean;
+        dragType?: string | null;
+    } | null>;
+    isMultiSelect?: boolean;
+    selectedGroupId?: string | null;
+    selectedElementIdInGroup?: string | null;
+    getElementTimeRange?: (uniqueId: string) => {
+        start: number;
+        end: number;
+    } | undefined;
+    getRotationByElementId?: (uniqueId: string) => number | undefined;
+    onDoubleClickElement?: (uniqueId: string) => void;
+    onTransformChange?: (uniqueId: string) => void;
+    onTransformCommit?: (uniqueId: string, endData: any) => void;
+};
+declare const PixiUnifiedTransformer: React.FC<PixiUnifiedTransformerProps>;
+export default PixiUnifiedTransformer;

package/dist/components/PixiUnifiedTransformer/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiUnifiedTransformer } from './PixiUnifiedTransformer';

package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts

@@ -1,5 +1,6 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
     uniqueId: string;
     src: string;
@@ -17,6 +18,8 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
     applyTransformer?: boolean;
     onAnchorTransformationEnd?: (endData: any) => void;
     fps?: number;
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const PixiVideoSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiVideoSprite;

package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts

@@ -1,21 +1,22 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
+import * as React from "react";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./PixiVideoSprite').PixiVideoSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('./PixiVideoSprite').PixiVideoSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         src: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -81,35 +82,35 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameStartAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameEndAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         mute: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         locked: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
@@ -121,7 +122,15 @@ declare const meta: {
             description: string;
         };
         fps: {
-            control: string;
+            control: "number";
+            description: string;
+        };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
             description: string;
         };
     };
@@ -134,3 +143,4 @@ export declare const Filters: Story;
 export declare const SplitPosition: Story;
 export declare const SplitStartPos: Story;
 export declare const VideoFps: Story;
+export declare const WithUnifiedTransformer: Story;

package/dist/components/index.d.ts

@@ -8,3 +8,4 @@ export * from './PixiAnimatedSprite';
 export * from './PixiSequence';
 export * from './PixiRemotionSprite';
 export * from './PixiLottieSprite';
+export * from './PixiUnifiedTransformer';

package/dist/favicon.svg

@@ -0,0 +1,41 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Gradient for the favicon -->
+    <linearGradient id="faviconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4FC3F7;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0288D1;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="url(#faviconGradient)"/>
+  
+  <!-- Film strip simplified -->
+  <g>
+    <!-- Main frame -->
+    <rect x="6" y="8" width="20" height="16" rx="2" fill="white" opacity="0.9"/>
+    
+    <!-- Film holes - top -->
+    <rect x="7" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="11" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="15" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="19" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="23" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    
+    <!-- Film holes - bottom -->
+    <rect x="7" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="11" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="15" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="19" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="23" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    
+    <!-- Timeline bars inside -->
+    <rect x="8" y="13" width="6" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    <rect x="8" y="15.5" width="8" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    <rect x="8" y="18" width="5" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    
+    <!-- Play button -->
+    <circle cx="20" cy="16" r="4" fill="url(#faviconGradient)" opacity="0.9"/>
+    <polygon points="19,14 19,18 23,16" fill="white"/>
+  </g>
+</svg>

package/dist/hocs/AbstractContainer.d.ts

@@ -1,5 +1,6 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse, containerScale } from '../types/BaseProps';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 interface AbstractContainerProps extends PixiBaseSpriteProps {
     ignoreTlForVideo?: boolean;
     isText?: boolean;
@@ -9,6 +10,21 @@ interface AbstractContainerProps extends PixiBaseSpriteProps {
     isTextEditMode?: boolean;
     handleDragWordWrap?: (width: number, containerScale: containerScale) => void;
     handleDragFontSize?: (width: number, fontSize: number, containerScale: containerScale) => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    onBringToFront?: () => void;
+    onSendToBack?: () => void;
+    onLock?: () => void;
+    onUnlock?: () => void;
+    /**
+     * Called when the PIXI container ref is ready. Allows higher-level overlay transformers
+     * to target this element via its `uniqueId`.
+     */
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    /**
+     * Called when the inner content group ref is ready (useful for text elements).
+     */
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const AbstractContainer: React.ForwardRefExoticComponent<AbstractContainerProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default AbstractContainer;