@visns-studio/visns-components 4.10.47 → 5.0.0

package/src/components/crm/sketch/rectangle.jsx

@@ -1,76 +0,0 @@
-import FabricCanvasTool from './fabrictool';
-import { Rect as FabricRect } from 'fabric'; // Import Rect specifically for Fabric v6
-
-class Rectangle extends FabricCanvasTool {
-    configureCanvas(props) {
-        const canvas = this._canvas;
-
-        // Disable drawing mode and selection for other objects
-        canvas.isDrawingMode = false;
-        canvas.selection = false;
-        canvas.forEachObject((o) => {
-            o.selectable = false;
-            o.evented = false;
-        });
-
-        // Set rectangle drawing properties
-        this._width = props.lineWidth || 1;
-        this._color = props.lineColor || 'black';
-        this._fill = props.fillColor || 'transparent';
-    }
-
-    doMouseDown(o) {
-        const canvas = this._canvas;
-        this.isDown = true;
-
-        // Get initial pointer position for rectangle start
-        const pointer = canvas.getPointer(o.e);
-        this.startX = pointer.x;
-        this.startY = pointer.y;
-
-        // Create a new rectangle at the start position
-        this.rect = new FabricRect({
-            left: this.startX,
-            top: this.startY,
-            originX: 'left',
-            originY: 'top',
-            width: 0, // Initial width, will expand in doMouseMove
-            height: 0, // Initial height, will expand in doMouseMove
-            stroke: this._color,
-            strokeWidth: this._width,
-            fill: this._fill,
-            transparentCorners: false,
-            selectable: false,
-            evented: false,
-            strokeUniform: true,
-        });
-
-        // Add rectangle to the canvas
-        canvas.add(this.rect);
-    }
-
-    doMouseMove(o) {
-        if (!this.isDown) return;
-        const canvas = this._canvas;
-        const pointer = canvas.getPointer(o.e);
-
-        // Set rectangle dimensions based on pointer movement
-        this.rect.set({
-            left: Math.min(this.startX, pointer.x),
-            top: Math.min(this.startY, pointer.y),
-            width: Math.abs(this.startX - pointer.x),
-            height: Math.abs(this.startY - pointer.y),
-        });
-
-        this.rect.setCoords();
-
-        // Render the canvas to show the updated rectangle
-        canvas.requestRenderAll();
-    }
-
-    doMouseUp() {
-        this.isDown = false;
-    }
-}
-
-export default Rectangle;

package/src/components/crm/sketch/select.jsx

@@ -1,16 +0,0 @@
-/*eslint no-unused-vars: 0*/
-
-import FabricCanvasTool from './fabrictool';
-
-class Select extends FabricCanvasTool {
-    configureCanvas(props) {
-        let canvas = this._canvas;
-        canvas.isDrawingMode = false;
-        canvas.selection = true;
-        canvas.forEachObject((o) => {
-            o.selectable = o.evented = true;
-        });
-    }
-}
-
-export default Select;

package/src/components/crm/sketch/tools.jsx

@@ -1,11 +0,0 @@
-export default {
-    Circle: 'circle',
-    Line: 'line',
-    Arrow: 'arrow',
-    Pencil: 'pencil',
-    Rectangle: 'rectangle',
-    RectangleLabel: 'rectangle-label',
-    Select: 'select',
-    Pan: 'pan',
-    DefaultTool: 'default-tool',
-};

package/src/components/crm/sketch/utils.jsx

@@ -1,67 +0,0 @@
-/**
- * Determine the mouse position
- *
- * @param event the canvas event
- * @returns *[] tuple of position x,y
- * @private
- */
-export const pointerPosition = (event) => {
-    event = event || window.event;
-    var target = event.target || event.srcElement,
-        style = target.currentStyle || window.getComputedStyle(target, null),
-        borderLeftWidth = parseInt(style['borderLeftWidth'], 10),
-        borderTopWidth = parseInt(style['borderTopWidth'], 10),
-        rect = target.getBoundingClientRect(),
-        _x = event.clientX - borderLeftWidth - rect.left,
-        _y = event.clientY - borderTopWidth - rect.top,
-        _touchX = event.changedTouches
-            ? event.changedTouches[0].clientX - borderLeftWidth - rect.left
-            : null,
-        _touchY = event.changedTouches
-            ? event.changedTouches[0].clientY - borderTopWidth - rect.top
-            : null;
-    return [_x || _touchX, _y || _touchY];
-};
-
-/**
- * Calculate the distance of two x,y points
- *
- * @param point1 an object with x,y attributes representing the start point
- * @param point2 an object with x,y attributes representing the end point
- *
- * @returns {number}
- */
-export const linearDistance = (point1, point2) => {
-    let xs = point2.x - point1.x;
-    let ys = point2.y - point1.y;
-    return Math.sqrt(xs * xs + ys * ys);
-};
-
-/**
- * Return a random uuid of the form xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx
- * @returns {string}
- */
-export const uuid4 = () => {
-    let uuid = '',
-        ii;
-    for (ii = 0; ii < 32; ii += 1) {
-        switch (ii) {
-            case 8:
-            case 20:
-                uuid += '-';
-                uuid += ((Math.random() * 16) | 0).toString(16);
-                break;
-            case 12:
-                uuid += '-';
-                uuid += '4';
-                break;
-            case 16:
-                uuid += '-';
-                uuid += ((Math.random() * 4) | 8).toString(16);
-                break;
-            default:
-                uuid += ((Math.random() * 16) | 0).toString(16);
-        }
-    }
-    return uuid;
-};