@archbase/components 3.0.0

package/dist/image/editor/functions/croppr/box.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Box component
+ */
+export default class Box {
+    /**
+     * Creates a new Box instance.
+     * @constructor
+     * @param {Number} x1
+     * @param {Number} y1
+     * @param {Number} x2
+     * @param {Number} y2
+     */
+    x1: any;
+    y1: any;
+    x2: any;
+    y2: any;
+    constructor(x1: any, y1: any, x2: any, y2: any);
+    /**
+     * Sets the new dimensions of the box.
+     * @param {Number} x1
+     * @param {Number} y1
+     * @param {Number} x2
+     * @param {Number} y2
+     */
+    set(x1?: any, y1?: any, x2?: any, y2?: any): this;
+    /**
+     * Calculates the width of the box.
+     * @returns {Number}
+     */
+    width(): number;
+    /**
+     * Calculates the height of the box.
+     * @returns {Number}
+     */
+    height(): number;
+    /**
+     * Resizes the box to a new size.
+     * @param {Number} newWidth
+     * @param {Number} newHeight
+     * @param {Array} [origin] The origin point to resize from.
+     *      Defaults to [0, 0] (top left).
+     */
+    resize(newWidth: any, newHeight: any, origin?: number[]): this;
+    /**
+     * Scale the box by a factor.
+     * @param {Number} factor
+     * @param {Array} [origin] The origin point to resize from.
+     *      Defaults to [0, 0] (top left).
+     */
+    scale(factor: any, origin?: number[]): this;
+    /**
+     * Move the box to the specified coordinates.
+     */
+    move(x?: any, y?: any): this;
+    /**
+     * Get relative x and y coordinates of a given point within the box.
+     * @param {Array} point The x and y ratio position within the box.
+     * @returns {Array} The x and y coordinates [x, y].
+     */
+    getRelativePoint(point?: number[]): number[];
+    /**
+     * Get absolute x and y coordinates of a given point within the box.
+     * @param {Array} point The x and y ratio position within the box.
+     * @returns {Array} The x and y coordinates [x, y].
+     */
+    getAbsolutePoint(point?: number[]): any[];
+    /**
+     * Constrain the box to a fixed ratio.
+     * @param {Number} ratio
+     * @param {Array} [origin] The origin point to resize from.
+     *     Defaults to [0, 0] (top left).
+     * @param {String} [grow] The axis to grow to maintain the ratio.
+     *     Defaults to 'height'.
+     */
+    constrainToRatio(ratio: any, origin?: number[], grow?: string): this;
+    /**
+     * Constrain the box within a boundary.
+     * @param {Number} boundaryWidth
+     * @param {Number} boundaryHeight
+     * @param {Array} [origin] The origin point to resize from.
+     *     Defaults to [0, 0] (top left).
+     */
+    constrainToBoundary(boundaryWidth: any, boundaryHeight: any, origin?: number[]): this;
+    /**
+     * Constrain the box to a maximum/minimum size.
+     * @param {Number} [maxWidth]
+     * @param {Number} [maxHeight]
+     * @param {Number} [minWidth]
+     * @param {Number} [minHeight]
+     * @param {Array} [origin] The origin point to resize from.
+     *     Defaults to [0, 0] (top left).
+     * @param {Number} [ratio] Ratio to maintain.
+     */
+    constrainToSize(maxWidth?: any, maxHeight?: any, minWidth?: any, minHeight?: any, origin?: number[], ratio?: any): this;
+}

package/dist/image/editor/functions/croppr/core.d.ts

@@ -0,0 +1,121 @@
+/**
+ * CropprCore
+ * Here lies the main logic.
+ */
+import Box from "./box";
+/**
+ * Core class for Croppr containing most of its functional logic.
+ */
+export default class CropprCore {
+    options: any;
+    _initialized: any;
+    _restore: any;
+    cropperEl: any;
+    box: any;
+    containerEl: any;
+    imageEl: any;
+    eventBus: any;
+    imageClippedEl: any;
+    regionEl: HTMLElement;
+    overlayEl: any;
+    handles: any;
+    activeHandle: any;
+    currentMove: any;
+    constructor(element: any, options: any, deferred?: boolean);
+    /**
+     * Initialize the Croppr instance
+     */
+    initialize(element: any): void;
+    /**
+     * Create Croppr's DOM elements
+     */
+    createDOM(targetEl: any): void;
+    /**
+     * Changes the image src.
+     * @param {String} src
+     */
+    setImage(src: any): this;
+    /**
+     * Destroy the Croppr instance and replace with the original element.
+     */
+    destroy(): void;
+    /**
+     * Create a new box region with a set of options.
+     * @param {Object} opts The options.
+     * @returns {Box}
+     */
+    initializeBox(opts: any): Box;
+    /**
+     * Draw visuals (border, handles, etc) for the current box.
+     */
+    redraw(): void;
+    /**
+     * Attach listeners for events emitted by the handles.
+     * Enables resizing of the region element.
+     */
+    attachHandlerEvents(): void;
+    /**
+     * Attach event listeners for the crop region element.
+     * Enables dragging/moving of the region element.
+     */
+    attachRegionEvents(): void;
+    /**
+     * Attach event listeners for the overlay element.
+     * Enables the creation of a new selection by dragging an empty area.
+     */
+    attachOverlayEvents(): void;
+    /**
+     * EVENT HANDLER
+     * Executes when user begins dragging a handle.
+     */
+    onHandleMoveStart(e: any): void;
+    /**
+     * EVENT HANDLER
+     * Executes on handle move. Main logic to manage the movement of handles.
+     */
+    onHandleMoveMoving(e: any): void;
+    /**
+     * EVENT HANDLER
+     * Executes on handle move end.
+     */
+    onHandleMoveEnd(e: any): void;
+    /**
+     * EVENT HANDLER
+     * Executes when user starts moving the crop region.
+     */
+    onRegionMoveStart(e: any): void;
+    /**
+     * EVENT HANDLER
+     * Executes when user moves the crop region.
+     */
+    onRegionMoveMoving(e: any): void;
+    /**
+     * EVENT HANDLER
+     * Executes when user stops moving the crop region (mouse up).
+     */
+    onRegionMoveEnd(e: any): void;
+    /**
+     * Calculate the value of the crop region.
+     */
+    getValue(mode?: any): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Parse user options and set default values.
+     */
+    static parseOptions(opts: any): {
+        aspectRatio: any;
+        maxSize: any;
+        minSize: any;
+        startSize: any;
+        returnMode: any;
+        onInitialize: any;
+        onCropStart: any;
+        onCropMove: any;
+        onCropEnd: any;
+        convertToPixels: (this: any, container: any) => void;
+    };
+}

package/dist/image/editor/functions/croppr/croppr.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Croppr.js
+ * https://github.com/jamesssooi/Croppr.js
+ *
+ * A JavaScript image cropper that's lightweight, awesome, and has
+ * zero dependencies.
+ *
+ * (C) 2017 James Ooi. Released under the MIT License.
+ */
+import CropprCore from "./core";
+/**
+ * This class is a wrapper for CropprCore that merely implements the main
+ * interfaces for the Croppr instance. Look into CropprCore for all the
+ * main logic.
+ */
+export default class Croppr extends CropprCore {
+    /**
+     * @constructor
+     * Calls the CropprCore's constructor.
+     */
+    constructor(element: any, options: any, _deferred?: boolean);
+    /**
+     * Gets the value of the crop region.
+     * @param {String} [mode] Which mode of calculation to use: 'real', 'ratio' or
+     *      'raw'.
+     */
+    getValue(mode?: any): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Changes the image src.
+     * @param {String} src
+     */
+    setImage(src: any): this;
+    /**
+     * Destroys the Croppr instance
+     */
+    destroy(): void;
+    /**
+     * Moves the crop region to a specified coordinate.
+     * @param {Number} x
+     * @param {Number} y
+     */
+    moveTo(x: any, y: any): this;
+    /**
+     * Resizes the crop region to a specified width and height.
+     * @param {Number} width
+     * @param {Number} height
+     * @param {Array} origin The origin point to resize from.
+     *      Defaults to [0.5, 0.5] (center).
+     */
+    resizeTo(width: any, height: any, origin?: number[]): this;
+    /**
+     * Scale the crop region by a factor.
+     * @param {Number} factor
+     * @param {Array} origin The origin point to resize from.
+     *      Defaults to [0.5, 0.5] (center).
+     */
+    scaleBy(factor: any, origin?: number[]): this;
+    /**
+     * Resets the crop region to the initial settings.
+     */
+    reset(newOptions?: any): this;
+    enableVisibility(state: boolean): void;
+}

package/dist/image/editor/functions/croppr/handle.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Handle component
+ */
+export default class Handle {
+    /**
+     * Creates a new Handle instance.
+     * @constructor
+     * @param {Array} position The x and y ratio position of the handle
+     *      within the crop region. Accepts a value between 0 to 1 in the order
+     *      of [X, Y].
+     * @param {Array} constraints Define the side of the crop region that
+     *      is to be affected by this handle. Accepts a value of 0 or 1 in the
+     *      order of [TOP, RIGHT, BOTTOM, LEFT].
+     * @param {String} cursor The CSS cursor of this handle.
+     * @param {Element} eventBus The element to dispatch events to.
+     */
+    position: any;
+    constraints: any;
+    cursor: any;
+    eventBus: any;
+    el: any;
+    constructor(position: any, constraints: any, cursor: any, eventBus: any);
+}

package/dist/image/editor/functions/croppr/index.d.ts

@@ -0,0 +1,2 @@
+import Croppr from './croppr';
+export default Croppr;

package/dist/image/editor/functions/croppr/touch.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Croppr Touch
+ * Enables support for touch devices by translating touch events to
+ * mouse events.
+ */
+/**
+ * Binds an element's touch events to be simulated as mouse events.
+ * @param {Element} element
+ */
+export default function enableTouch(element: any): void;

package/dist/image/editor/functions/image-processing.d.ts

@@ -0,0 +1,11 @@
+import { IState } from '../models/index.models';
+export declare const MAX_BUFFER_UNDO_MEMORY = 25;
+export declare const convertImageUsingCanvas: (dataSrc: string, changeHeight: boolean, state: IState, options?: {
+    getDimFromImage?: boolean;
+    rotate?: number;
+}) => Promise<{
+    imageUri: string;
+    state: any;
+}>;
+export declare const dragElement: (element: any) => void;
+export declare const saveState: (state: IState, lastImage?: string) => IState;

package/dist/image/editor/index.d.ts

@@ -0,0 +1,12 @@
+import { ActionIconVariant } from '@mantine/core';
+import React from 'react';
+import './image_editor_styles.scss';
+import { ArchbaseImagePickerConf } from './models/index.models';
+export * from './models/index.models';
+export declare const ArchbaseImagePickerEditor: React.MemoExoticComponent<({ config, imageSrcProp, color, imageChanged, variant, }: {
+    config: ArchbaseImagePickerConf;
+    imageSrcProp?: string;
+    color?: string;
+    imageChanged?: Function;
+    variant?: ActionIconVariant;
+}) => import("react/jsx-runtime").JSX.Element>;

package/dist/image/editor/models/index.models.d.ts

@@ -0,0 +1,45 @@
+export interface ArchbaseImagePickerConf {
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    aspectRatio?: number | null;
+    objectFit?: "cover" | "contain" | "fill" | "revert" | "scale-down";
+    compressInitial?: number | undefined | null;
+    hideDeleteBtn?: boolean;
+    hideDownloadBtn?: boolean;
+    hideEditBtn?: boolean;
+    hideAddBtn?: boolean;
+    showImageSize?: boolean;
+    onChangeImage?: (image: string | undefined) => void;
+    imageBackgroundColor?: string;
+}
+export interface IState {
+    quality: number;
+    maxHeight: number;
+    maxWidth: number;
+    cropHeight: number;
+    cropWidth: number;
+    maintainAspectRatio: boolean;
+    format: string;
+    arrayCopiedImages: Array<ICacheData>;
+    originImageSrc: string | null | undefined;
+    basicFilters?: IBasicFilterState;
+}
+export interface ICacheData {
+    lastImage: string;
+    originImageSrc: string;
+    width: number;
+    height: number;
+    quality: number;
+    format: string;
+    basicFilters?: IBasicFilterState | null | undefined;
+}
+export interface IBasicFilterState {
+    contrast: number;
+    blur: number;
+    brightness: number;
+    grayscale: number;
+    invert: number;
+    saturate: number;
+    sepia: number;
+}

package/dist/image/index.d.ts

@@ -0,0 +1,7 @@
+export { ArchbaseImage } from './ArchbaseImage';
+export type { ArchbaseImageProps } from './ArchbaseImage';
+export type { ArchbaseImagePickerConf } from './editor';
+export { ArchbaseImagePickerEditor } from './editor';
+export { ArchbaseMicrosoftAvatar, DEFAULT_AVATAR } from './ArchbaseMicrosoftAvatar';
+export type { ArchbaseMicrosoftAvatarProps } from './ArchbaseMicrosoftAvatar';
+export { languages } from './languages';

package/dist/image/languages.d.ts

@@ -0,0 +1,299 @@
+export declare const languages: {
+    pt_br: {
+        name: string;
+        save: string;
+        saveAs: string;
+        back: string;
+        loading: string;
+        resetOperations: string;
+        changesLoseConfirmation: string;
+        changesLoseConfirmationHint: string;
+        cancel: string;
+        continue: string;
+        undoTitle: string;
+        redoTitle: string;
+        showImageTitle: string;
+        zoomInTitle: string;
+        zoomOutTitle: string;
+        toggleZoomMenuTitle: string;
+        adjustTab: string;
+        finetuneTab: string;
+        filtersTab: string;
+        watermarkTab: string;
+        annotateTab: string;
+        resize: string;
+        resizeTab: string;
+        invalidImageError: string;
+        uploadImageError: string;
+        areNotImages: string;
+        isNotImage: string;
+        toBeUploaded: string;
+        cropTool: string;
+        original: string;
+        custom: string;
+        square: string;
+        landscape: string;
+        portrait: string;
+        ellipse: string;
+        classicTv: string;
+        cinemascope: string;
+        arrowTool: string;
+        blurTool: string;
+        brightnessTool: string;
+        contrastTool: string;
+        ellipseTool: string;
+        unFlipX: string;
+        flipX: string;
+        unFlipY: string;
+        flipY: string;
+        hsvTool: string;
+        hue: string;
+        saturation: string;
+        value: string;
+        imageTool: string;
+        importing: string;
+        addImage: string;
+        uploadImage: string;
+        fromGallery: string;
+        lineTool: string;
+        penTool: string;
+        polygonTool: string;
+        sides: string;
+        rectangleTool: string;
+        cornerRadius: string;
+        resizeWidthTitle: string;
+        resizeHeightTitle: string;
+        toggleRatioLockTitle: string;
+        reset: string;
+        resetSize: string;
+        rotateTool: string;
+        textTool: string;
+        textSpacings: string;
+        textAlignment: string;
+        fontFamily: string;
+        size: string;
+        letterSpacing: string;
+        lineHeight: string;
+        warmthTool: string;
+        addWatermark: string;
+        addTextWatermark: string;
+        addWatermarkTitle: string;
+        uploadWatermark: string;
+        addWatermarkAsText: string;
+        padding: string;
+        shadow: string;
+        horizontal: string;
+        vertical: string;
+        blur: string;
+        opacity: string;
+        position: string;
+        stroke: string;
+        saveAsModalLabel: string;
+        extension: string;
+        nameIsRequired: string;
+        quality: string;
+        imageDimensionsHoverTitle: string;
+        cropSizeLowerThanResizedWarning: string;
+        actualSize: string;
+        fitSize: string;
+        addImageTitle: string;
+    };
+    en: {
+        name: string;
+        save: string;
+        saveAs: string;
+        back: string;
+        loading: string;
+        resetOperations: string;
+        changesLoseConfirmation: string;
+        changesLoseConfirmationHint: string;
+        cancel: string;
+        continue: string;
+        undoTitle: string;
+        redoTitle: string;
+        showImageTitle: string;
+        zoomInTitle: string;
+        zoomOutTitle: string;
+        toggleZoomMenuTitle: string;
+        adjustTab: string;
+        finetuneTab: string;
+        filtersTab: string;
+        watermarkTab: string;
+        annotateTab: string;
+        resize: string;
+        resizeTab: string;
+        invalidImageError: string;
+        uploadImageError: string;
+        areNotImages: string;
+        isNotImage: string;
+        toBeUploaded: string;
+        cropTool: string;
+        original: string;
+        custom: string;
+        square: string;
+        landscape: string;
+        portrait: string;
+        ellipse: string;
+        classicTv: string;
+        cinemascope: string;
+        arrowTool: string;
+        blurTool: string;
+        brightnessTool: string;
+        contrastTool: string;
+        ellipseTool: string;
+        unFlipX: string;
+        flipX: string;
+        unFlipY: string;
+        flipY: string;
+        hsvTool: string;
+        hue: string;
+        saturation: string;
+        value: string;
+        imageTool: string;
+        importing: string;
+        addImage: string;
+        uploadImage: string;
+        fromGallery: string;
+        lineTool: string;
+        penTool: string;
+        polygonTool: string;
+        sides: string;
+        rectangleTool: string;
+        cornerRadius: string;
+        resizeWidthTitle: string;
+        resizeHeightTitle: string;
+        toggleRatioLockTitle: string;
+        reset: string;
+        resetSize: string;
+        rotateTool: string;
+        textTool: string;
+        textSpacings: string;
+        textAlignment: string;
+        fontFamily: string;
+        size: string;
+        letterSpacing: string;
+        lineHeight: string;
+        warmthTool: string;
+        addWatermark: string;
+        addTextWatermark: string;
+        addWatermarkTitle: string;
+        uploadWatermark: string;
+        addWatermarkAsText: string;
+        padding: string;
+        shadow: string;
+        horizontal: string;
+        vertical: string;
+        blur: string;
+        opacity: string;
+        position: string;
+        stroke: string;
+        saveAsModalLabel: string;
+        extension: string;
+        nameIsRequired: string;
+        quality: string;
+        imageDimensionsHoverTitle: string;
+        cropSizeLowerThanResizedWarning: string;
+        actualSize: string;
+        fitSize: string;
+        addImageTitle: string;
+    };
+    es: {
+        name: string;
+        save: string;
+        saveAs: string;
+        back: string;
+        loading: string;
+        resetOperations: string;
+        changesLoseConfirmation: string;
+        changesLoseConfirmationHint: string;
+        cancel: string;
+        continue: string;
+        undoTitle: string;
+        redoTitle: string;
+        showImageTitle: string;
+        zoomInTitle: string;
+        zoomOutTitle: string;
+        toggleZoomMenuTitle: string;
+        adjustTab: string;
+        finetuneTab: string;
+        filtersTab: string;
+        watermarkTab: string;
+        annotateTab: string;
+        resize: string;
+        resizeTab: string;
+        invalidImageError: string;
+        uploadImageError: string;
+        areNotImages: string;
+        isNotImage: string;
+        toBeUploaded: string;
+        cropTool: string;
+        original: string;
+        personalizado: string;
+        cuadrado: string;
+        paisaje: string;
+        retrato: string;
+        elipse: string;
+        classicTv: string;
+        cinemascope: string;
+        arrowTool: string;
+        blurTool: string;
+        brightnessTool: string;
+        contrastTool: string;
+        ellipseTool: string;
+        unFlipX: string;
+        flipX: string;
+        unFlipY: string;
+        flipY: string;
+        hsvTool: string;
+        hue: string;
+        saturation: string;
+        value: string;
+        imageTool: string;
+        importing: string;
+        addImage: string;
+        uploadImage: string;
+        fromGallery: string;
+        lineTool: string;
+        penTool: string;
+        polygonTool: string;
+        sides: string;
+        rectangleTool: string;
+        cornerRadius: string;
+        resizeWidthTitle: string;
+        resizeHeightTitle: string;
+        toggleRatioLockTitle: string;
+        reset: string;
+        resetSize: string;
+        rotateTool: string;
+        textTool: string;
+        textSpacings: string;
+        textAlignment: string;
+        fontFamily: string;
+        size: string;
+        letterSpacing: string;
+        lineHeight: string;
+        warmthTool: string;
+        addWatermark: string;
+        addTextWatermark: string;
+        addWatermarkTitle: string;
+        uploadWatermark: string;
+        addWatermarkAsText: string;
+        padding: string;
+        shadow: string;
+        horizontal: string;
+        vertical: string;
+        blur: string;
+        opacity: string;
+        position: string;
+        stroke: string;
+        saveAsModalLabel: string;
+        extension: string;
+        nameIsRequired: string;
+        quality: string;
+        imageDimensionsHoverTitle: string;
+        cropSizeLowerThanResizedWarning: string;
+        actualSize: string;
+        fitSize: string;
+        addImageTitle: string;
+    };
+};