reacthub-pixitweenjs 0.2.107-prealpha.0 → 0.2.107-prealpha.1

package/README.md

@@ -34,7 +34,7 @@ PixiTweenJs is designed to help you build animated time-controlled canvas elemen
 
 ## Usage
 
-Visit the [storybook](https://64b9d71094fa7aed0c7291cf-bpnkkrlkgw.chromatic.com)
+Visit the [storybook](https://pixitweenjs.xyz/)
 
 ## Documentation
 

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

@@ -47,6 +47,7 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
         align?: string;
         textBaseline?: string;
         trim?: boolean;
+        backgroundColor?: string;
         colorCorrection?: {
             enabled?: boolean;
             temperature?: number;

package/dist/components/PixiTransformer/MenuIcons.d.ts

@@ -0,0 +1,40 @@
+declare const MENUS_ICONS: {
+    ARROW_DOWN: string;
+    ARROW_UP: string;
+    COLOR: string;
+    COPY: string;
+    DELETE: string;
+    TRASH: string;
+    EYE: string;
+    EYE_SLASH: string;
+    LOCK: string;
+    UNLOCK: string;
+    PASTE: string;
+    PENCIL: string;
+    PLUS: string;
+    MINUS: string;
+    ROTATE: string;
+    SCALE: string;
+    SAVE: string;
+    RESET: string;
+    SETTINGS: string;
+    ZOOM_IN: string;
+    ZOOM_OUT: string;
+    ALIGN_LEFT: string;
+    ALIGN_CENTER: string;
+    ALIGN_RIGHT: string;
+    DISTRIBUTE_HORIZONTALLY: string;
+    DISTRIBUTE_VERTICALLY: string;
+    FLIP_HORIZONTAL: string;
+    FLIP_VERTICAL: string;
+    ROTATE_LEFT: string;
+    ROTATE_RIGHT: string;
+    SCALE_DOWN: string;
+    SCALE_UP: string;
+    ADJUST_EQUALISER: string;
+    ADJUST_EQUALISER_SLIDERS: string;
+    ADJUST_HORIZONTAL_SLIDERS: string;
+    COLOR_FILL: string;
+};
+declare const MAX_RECENT_COLORS = 10;
+export { MENUS_ICONS, MAX_RECENT_COLORS };

package/dist/components/PixiTransformer/MenuUtils.d.ts

@@ -0,0 +1,2 @@
+import * as PIXI from "pixi.js";
+export declare const createColorPreviewGraphics: (color: string, size: number) => PIXI.Graphics;

package/dist/components/PixiTransformer/PixiColorPicker.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface Position {
+    x: number;
+    y: number;
+}
+interface ColorPickerPortalProps {
+    position: Position;
+    color: string;
+    onChange: (color: string) => void;
+    onClose: () => void;
+    recentColors?: string[];
+}
+declare const ColorPickerPortal: ({ position, color, onChange, onClose, }: ColorPickerPortalProps) => React.ReactPortal;
+export default ColorPickerPortal;

package/dist/components/PixiTransformer/PixiDropdownMenu.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import * as PIXI from "pixi.js";
+interface AlignmentOption {
+    icon: string;
+    label: string;
+    action: () => void;
+}
+interface DropdownPosition {
+    x: number;
+    y: number;
+}
+declare const useDropDownMenu: (setShowAlignmentDropdown: (show: boolean) => void) => {
+    createMenu: (showAlignmentDropdown: boolean, alignmentOptions: AlignmentOption[], dropdownPosition: DropdownPosition) => (() => void) | undefined;
+    dropdownRef: import("react").MutableRefObject<PIXI.Container<PIXI.DisplayObject> | null>;
+};
+export default useDropDownMenu;

package/dist/components/PixiTransformer/PixiMenuText.d.ts

@@ -0,0 +1,2 @@
+import * as PIXI from "pixi.js";
+export declare const style: PIXI.TextStyle;

package/dist/components/PixiTransformer/PixiTransformer.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
+import { Transformer } from "reacthub-react-bindings";
 type PixiTransformerProps = {
-    pixiTransformerRef: React.MutableRefObject<any>;
+    pixiTransformerRef: React.MutableRefObject<Transformer>;
     imageRef: React.MutableRefObject<any>;
     isMounted: boolean;
     transformCommit?: (data: any) => void;

package/dist/components/PixiTransformer/PixiTransformerMenu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Transformer } from "@pixi-essentials/transformer";
+interface TransformerMenuProps {
+    PixiTransformer: React.MutableRefObject<Transformer>;
+    uniqueId: string;
+    isText: boolean;
+}
+export declare const TransformerMenu: ({ PixiTransformer }: TransformerMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/hocs/AbstractContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PixiBaseSpriteProps, ForwardedRefResponse } from "../types/BaseProps";
+import { PixiBaseSpriteProps, ForwardedRefResponse, containerScale } from "../types/BaseProps";
 interface AbstractContainerProps extends PixiBaseSpriteProps {
     ignoreTlForVideo?: boolean;
     isText?: boolean;
@@ -7,6 +7,8 @@ interface AbstractContainerProps extends PixiBaseSpriteProps {
     isGif?: boolean;
     onDoubleClick?: () => void;
     isTextEditMode?: boolean;
+    handleDragWordWrap?: (width: number, containerScale: containerScale) => void;
+    handleDragFontSize?: (width: number, fontSize: number, containerScale: containerScale) => void;
 }
 declare const AbstractContainer: React.ForwardRefExoticComponent<AbstractContainerProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default AbstractContainer;

package/dist/hooks/useGsapEffect.d.ts

@@ -1,3 +1,15 @@
-export declare function useGsapEffect(): {
-    updateEffect: any;
-};
+import * as PIXI from "pixi.js";
+interface GsapEffectVars {
+    immediateRender?: boolean;
+    x?: number;
+    y?: number;
+    overwrite?: boolean;
+    maxX?: number;
+    maxY?: number;
+    [key: string]: any;
+}
+interface GsapEffectResult {
+    updateEffect: (target: PIXI.Container | null, effect: string, vars: GsapEffectVars) => gsap.core.Tween | gsap.core.Timeline;
+}
+export declare function useGsapEffect(): GsapEffectResult;
+export {};