@yorab/react-paint 0.15.0 → 0.16.0

package/dist/canvas/utils/shapes/text.d.ts

@@ -1,7 +1,8 @@
 import type { UtilsSettings } from './../../../canvas/constants/app';
 import type { SelectionModeResize } from './../../../common/types/Mode';
-import type { DrawableShape, Point, Rect, ShapeEntity, Text } from './../../../common/types/Shapes';
+import type { DrawableShape, Point, Rect, SelectionType, ShapeEntity, Text } from './../../../common/types/Shapes';
 import type { ToolsSettingsType } from './../../../common/types/tools';
+import { type GroupResizeContext } from './group';
 export declare const getComputedText: (text: DrawableShape<"text">, settings: UtilsSettings) => {
     borders: Rect;
     outerBorders: Rect;
@@ -19,6 +20,8 @@ export declare const createText: (ctx: CanvasRenderingContext2D, shape: {
 }, cursorPosition: Point, settings: UtilsSettings) => ShapeEntity<"text">;
 export declare const drawText: (ctx: CanvasRenderingContext2D, text: DrawableShape<"text">) => void;
 export declare const getTextBorder: (text: Text, settings: Pick<UtilsSettings, "selectionPadding">) => Rect;
-export declare const translateText: (cursorPosition: Point, originalShape: ShapeEntity<"text">, originalCursorPosition: Point, settings: UtilsSettings, singleAxis: boolean) => ShapeEntity<"text">;
 export declare const resizeText: (ctx: CanvasRenderingContext2D, cursorPosition: Point, originalShape: ShapeEntity<"text">, selectionMode: SelectionModeResize, settings: UtilsSettings, resizeFromCenter: boolean) => ShapeEntity<"text">;
+export declare const resizeTextInGroup: (canvasCtx: CanvasRenderingContext2D, shape: ShapeEntity<"text">, group: SelectionType & {
+    type: "group";
+}, groupCtx: GroupResizeContext) => ShapeEntity<"text">;
 export declare const resizeTextShapeWithNewContent: (ctx: CanvasRenderingContext2D, shape: ShapeEntity<"text">, newValue: string[], settings: UtilsSettings) => ShapeEntity<"text">;

package/dist/common/types/Mode.d.ts

@@ -31,6 +31,7 @@ export type SelectionModeTranslate = {
     mode: 'translate';
     cursorStartPosition: Point;
     originalShape: SelectionType;
+    hasBeenDuplicated: boolean;
     dateStart: number;
 };
 export type SelectionModeData<AnchorType extends Point | number> = SelectionModeDefault | SelectionModeSelectionFrame | SelectionModeBrush | SelectionModeResize<AnchorType> | SelectionModeRotate | SelectionModeTranslate | SelectionModeEditText | SelectionModePreview;

package/dist/common/types/Shapes.d.ts

@@ -75,8 +75,12 @@ export type DrawableShape<T extends ShapeType = ShapeType> = {
     type: 'line';
 } : T extends 'picture' ? Picture & {
     img: HTMLImageElement;
+    flipX?: boolean;
+    flipY?: boolean;
     type: 'picture';
 } : T extends 'text' ? Text & {
+    flipX?: boolean;
+    flipY?: boolean;
     type: 'text';
 } : T extends 'rect' ? Rect & {
     type: 'rect';

package/dist/common/utils/object.d.ts

@@ -1,4 +1,4 @@
-export declare const omit: <T extends Record<string, unknown>>(keys: string[], obj: T) => T;
+export declare const omit: <T extends Record<string, unknown>>(keys: (string | [string, unknown[]])[], obj: T) => T;
 export declare const set: <T extends Record<string, any> | unknown[]>(path: string | number | (string | number)[], value: unknown, obj: T) => T;
 export declare const mergeWith: (customMergeFn: (objValue: unknown, srcValue: unknown, key: string) => unknown, target: unknown, source: unknown) => unknown;
 export declare const isEqual: (a: unknown, b: unknown) => boolean;

package/dist/editor/components/settings/RangeField.d.ts

@@ -12,7 +12,8 @@ type ShapeStyleColorType = {
     step?: number;
     unity?: string;
     value?: number | undefined;
+    saveShapes: () => void;
     valueChanged: (field: string, value: string | number, needHistorySave?: boolean) => void;
 };
-declare const RangeField: ({ selectedSettings, setSelectedSettings, title, icon, disabled, field, value, min, max, step, unity, valueChanged }: ShapeStyleColorType) => import("react/jsx-runtime").JSX.Element | null;
+declare const RangeField: ({ selectedSettings, setSelectedSettings, title, icon, disabled, field, value, min, max, step, unity, valueChanged, saveShapes }: ShapeStyleColorType) => import("react/jsx-runtime").JSX.Element | null;
 export default RangeField;

package/dist/editor/components/settings/SettingsBar.d.ts

@@ -18,6 +18,7 @@ type SettingsBarType = {
     isZoomPanelShown: boolean;
     setIsZoomPanelShown: React.Dispatch<React.SetStateAction<boolean>>;
     setCanvasZoom: (action: 'unzoom' | 'zoom' | 'default') => void;
+    saveShapes: () => void;
 };
-declare const SettingsBar: ({ width, availableTools, updateToolSettings, layersManipulation, toggleLayoutPanel, activeTool, selectedShape, canvas, settings, updateShape, removeShape, isZoomPanelShown, setIsZoomPanelShown }: SettingsBarType) => import("react/jsx-runtime").JSX.Element;
+declare const SettingsBar: ({ width, availableTools, updateToolSettings, layersManipulation, toggleLayoutPanel, activeTool, saveShapes, selectedShape, canvas, settings, updateShape, removeShape, isZoomPanelShown, setIsZoomPanelShown }: SettingsBarType) => import("react/jsx-runtime").JSX.Element;
 export default SettingsBar;