beesoft-components 0.12.0-0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.12.0-0",
+  "version": "0.12.0",
   "private": false,
   "type": "module",
   "author": {

package/types/index.d.ts

@@ -24,6 +24,62 @@ import { TypeOrArray } from '@beesoft/common';
 
 export declare function applyBeeSoftTheme(theme: Record<string, unknown>): void;
 
+export declare const AvatarEditor: ({ width, height, label, source, showPreviewOnFileLoad, cropRadius, cropColor, closeColor, shadingColor, shadingOpacity, onEdit, onRemove }: AvatarEditorProps) => JSX_2.Element;
+
+declare interface AvatarEditorProps {
+    /**
+     * The visible width of the display area; this will be used to resize the loaded image to a viewable size. If width is
+     * set do not set the height.
+     */
+    width?: number;
+    /**
+     * The visible height of the display area; this will be used to resize the loaded image to a viewable size. If height
+     * is set do not set the width.
+     */
+    height?: number;
+    /**
+     * The text to display when no file is loaded.
+     */
+    label?: string;
+    /**
+     * The base64 encoded image to show in the editor.
+     */
+    source?: string;
+    /**
+     * When true (the default) a preview cropped image is created when the file first loads.
+     */
+    showPreviewOnFileLoad?: boolean;
+    /**
+     * The default size of the crop radius circle.
+     */
+    cropRadius?: number;
+    /**
+     * The color of the crop circle and adjustment icon (default gray).
+     */
+    cropColor?: string;
+    /**
+     * The color of the close/remove icon (default gray).
+     */
+    closeColor?: string;
+    /**
+     * The color of the non-cropped part of the image (default gray).
+     */
+    shadingColor?: string;
+    /**
+     * The opacity level applied to the shader (default 0.4).
+     */
+    shadingOpacity?: number;
+    /**
+     * Event fired when an edit operation is performed.
+     * @param data {string} - The resulting image as a Base64 string.
+     */
+    onEdit?: (data?: string) => void;
+    /**
+     * Event fired when the loaded image is removed.
+     */
+    onRemove?: () => void;
+}
+
 declare interface BeeSoftContextProps {
     overlayKeepOnScreen?: boolean;
     useAnimations?: boolean;