nzk-react-components 0.4.0 → 0.4.1

package/dist/components/DrawingTool/lib/SketchModel.d.ts

@@ -1,65 +0,0 @@
-import SketchStrokeModel, { SketchPoint, SketchStrokeModelData, SketchStrokeType } from './SketchStrokeModel';
-export declare type SketchActionType = 'STROKE' | 'IMAGE_MERGE';
-export interface SketchActionMergeData {
-    image?: HTMLImageElement;
-    imageSrc?: string;
-    x: number;
-    y: number;
-    origin: number[];
-    height: number;
-    width: number;
-    rotation: number;
-}
-export interface SketchAction {
-    type: SketchActionType;
-    data?: SketchStrokeModelData | SketchActionMergeData;
-    model?: SketchStrokeModel;
-}
-export interface SketchModelData {
-    colour: number[];
-    opacity: number;
-    size: number;
-    lastActionIndex: number;
-    actions: SketchAction[];
-    currentStroke: null | SketchStrokeModelData;
-}
-interface Props {
-    pixelRatioScale: number;
-}
-export default class SketchModel {
-    colour: number[];
-    eraser: boolean;
-    fill: boolean;
-    opacity: number;
-    size: number;
-    pixelRatioScale: number;
-    actions: SketchAction[];
-    lastActionIndex: number;
-    currentStroke: null | SketchStrokeModel;
-    constructor(props: Props);
-    generateStyleType(): SketchStrokeType;
-    getStyle(): {
-        opacity: number;
-        colour: number[];
-        eraser: boolean;
-        size: number;
-        type: SketchStrokeType;
-    };
-    initStroke(newPoint: SketchPoint): void;
-    continueStroke(newPoint: SketchPoint): void;
-    saveStroke(): void;
-    saveMergeImage(mergeParams: SketchActionMergeData): void;
-    canUndo(): boolean;
-    canRedo(): boolean;
-    reset(): void;
-    serialize(): {
-        colour: number[];
-        opacity: number;
-        size: number;
-        lastActionIndex: number;
-        actions: SketchAction[];
-        currentStroke: SketchStrokeModelData | null;
-    };
-    deserialize(serialized: SketchModelData): void;
-}
-export {};

package/dist/components/DrawingTool/lib/SketchModel.js

@@ -1,137 +0,0 @@
-'use strict';
-
-var SketchStrokeModel = require('./SketchStrokeModel.js');
-
-var SketchModel = (function () {
-    function SketchModel(props) {
-        this.colour = [0, 0, 0];
-        this.eraser = false;
-        this.fill = false;
-        this.opacity = 1.0;
-        this.size = 7;
-        this.pixelRatioScale = 1;
-        this.actions = [];
-        this.lastActionIndex = -1;
-        this.currentStroke = null;
-        this.pixelRatioScale = props.pixelRatioScale;
-    }
-    SketchModel.prototype.generateStyleType = function () {
-        return "" + (this.eraser || this.opacity === 1.0 ? 'opaque' : 'transparent') + (this.eraser ? 'Eraser' : 'Colour') + (this.fill ? 'Fill' : 'Stroke');
-    };
-    SketchModel.prototype.getStyle = function () {
-        return {
-            opacity: this.opacity,
-            colour: this.colour,
-            eraser: this.eraser,
-            size: this.size * this.pixelRatioScale,
-            type: this.generateStyleType()
-        };
-    };
-    SketchModel.prototype.initStroke = function (newPoint) {
-        if (this.canRedo()) {
-            if (this.lastActionIndex === -1) {
-                this.actions = [];
-            }
-            else {
-                this.actions = this.actions.slice(0, this.lastActionIndex + 1);
-            }
-        }
-        this.currentStroke = new SketchStrokeModel(this.getStyle(), newPoint);
-    };
-    SketchModel.prototype.continueStroke = function (newPoint) {
-        if (this.currentStroke) {
-            this.currentStroke.addPoint(newPoint);
-        }
-    };
-    SketchModel.prototype.saveStroke = function () {
-        if (this.currentStroke) {
-            this.actions.push({
-                type: 'STROKE',
-                model: this.currentStroke
-            });
-            this.currentStroke = null;
-            this.lastActionIndex += 1;
-        }
-    };
-    SketchModel.prototype.saveMergeImage = function (mergeParams) {
-        this.currentStroke = null;
-        this.lastActionIndex += 1;
-        this.actions.push({
-            type: 'IMAGE_MERGE',
-            data: mergeParams
-        });
-    };
-    SketchModel.prototype.canUndo = function () {
-        return this.lastActionIndex > -1;
-    };
-    SketchModel.prototype.canRedo = function () {
-        return this.lastActionIndex < this.actions.length - 1;
-    };
-    SketchModel.prototype.reset = function () {
-        this.actions = [];
-        this.lastActionIndex = -1;
-        if (this.currentStroke) {
-            this.currentStroke = null;
-        }
-    };
-    SketchModel.prototype.serialize = function () {
-        var serialized = {
-            colour: this.colour,
-            opacity: this.opacity,
-            size: this.size,
-            lastActionIndex: this.lastActionIndex,
-            actions: [],
-            currentStroke: null
-        };
-        this.actions.forEach(function (action) {
-            var serializedObject;
-            if (action.type === 'STROKE') {
-                serializedObject = action.model ? action.model.serialize() : action.data || {};
-            }
-            else if (action.type === 'IMAGE_MERGE') {
-                serializedObject = action.data;
-                if (serializedObject.image) {
-                    serializedObject.imageSrc = serializedObject.image.src;
-                    serializedObject.image = undefined;
-                }
-            }
-            serialized.actions.push({
-                type: action.type,
-                data: serializedObject
-            });
-        });
-        if (this.currentStroke) {
-            serialized.currentStroke = this.currentStroke.serialize();
-        }
-        return serialized;
-    };
-    SketchModel.prototype.deserialize = function (serialized) {
-        var _this = this;
-        this.colour = serialized.colour;
-        this.opacity = serialized.opacity;
-        this.size = serialized.size;
-        this.lastActionIndex = serialized.lastActionIndex;
-        this.actions = [];
-        serialized.actions.forEach(function (action) {
-            var deserializedAction = {
-                type: action.type,
-                data: action.data,
-                model: null
-            };
-            if (action.type === 'STROKE' && action.data) {
-                var stroke = new SketchStrokeModel();
-                stroke.deserialize(action.data);
-                deserializedAction.model = stroke;
-            }
-            _this.actions.push(deserializedAction);
-        });
-        if (serialized.currentStroke !== undefined) {
-            this.currentStroke = new SketchStrokeModel();
-            this.currentStroke.deserialize(serialized.currentStroke);
-        }
-    };
-    return SketchModel;
-}());
-
-module.exports = SketchModel;
-//# sourceMappingURL=SketchModel.js.map

package/dist/components/DrawingTool/lib/SketchModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SketchModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DrawingTool/lib/SketchStrokeModel.d.ts

@@ -1,33 +0,0 @@
-export interface SketchPoint {
-    x: number;
-    y: number;
-}
-export declare type SketchStrokeType = 'transparentEraserFill' | 'transparentEraserStroke' | 'transparentColourFill' | 'transparentColourStroke' | 'opaqueEraserFill' | 'opaqueEraserStroke' | 'opaqueColourFill' | 'opaqueColourStroke' | 'cut';
-export interface SketchStrokeStyle {
-    opacity: number;
-    colour: number[];
-    eraser: boolean;
-    size: number;
-    type: SketchStrokeType;
-}
-export interface SketchStrokeModelPoint {
-    s: SketchPoint;
-    h: SketchPoint | null;
-}
-export interface SketchStrokeModelData {
-    style?: SketchStrokeStyle;
-    points: SketchStrokeModelPoint[];
-}
-export default class SketchStrokeModel {
-    style?: SketchStrokeStyle;
-    points: SketchStrokeModelPoint[];
-    constructor(style?: SketchStrokeStyle, firstPoint?: SketchPoint);
-    length(): number;
-    lastPoint(): SketchPoint;
-    addPoint(newPoint: any): number;
-    serialize(): {
-        points: SketchStrokeModelPoint[];
-        style: SketchStrokeStyle | undefined;
-    };
-    deserialize(serialized: any): void;
-}

package/dist/components/DrawingTool/lib/SketchStrokeModel.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var SketchStrokeModel = (function () {
-    function SketchStrokeModel(style, firstPoint) {
-        if (style) {
-            this.style = style;
-        }
-        this.points = [];
-        if (firstPoint) {
-            this.points.push({
-                s: firstPoint,
-                h: null
-            });
-        }
-    }
-    SketchStrokeModel.prototype.length = function () {
-        return this.points.length;
-    };
-    SketchStrokeModel.prototype.lastPoint = function () {
-        return this.points[this.points.length - 1].s;
-    };
-    SketchStrokeModel.prototype.addPoint = function (newPoint) {
-        this.points[this.points.length - 1].h = {
-            x: (this.points[this.points.length - 1].s.x + newPoint.x) / 2,
-            y: (this.points[this.points.length - 1].s.y + newPoint.y) / 2
-        };
-        return this.points.push({
-            s: newPoint,
-            h: null
-        });
-    };
-    SketchStrokeModel.prototype.serialize = function () {
-        return {
-            points: this.points,
-            style: this.style
-        };
-    };
-    SketchStrokeModel.prototype.deserialize = function (serialized) {
-        if (!serialized)
-            return;
-        this.style = serialized.style;
-        this.points = serialized.points || [];
-    };
-    return SketchStrokeModel;
-}());
-
-module.exports = SketchStrokeModel;
-//# sourceMappingURL=SketchStrokeModel.js.map

package/dist/components/DrawingTool/lib/SketchStrokeModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SketchStrokeModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DrawingTool/lib/createInteractionSurface.d.ts

@@ -1,16 +0,0 @@
-export interface Point {
-    x: number;
-    y: number;
-}
-interface Props {
-    width: number;
-    height: number;
-    scale: number;
-    onTouchStart?: (point: Point) => void;
-    onTouchMove?: (point: Point) => void;
-    onTouchEnd?: (point: Point) => void;
-    onTouchLeave?: (point: Point) => void;
-    onTouchEnter?: (point: Point) => void;
-}
-declare const _default: (props: Props) => HTMLDivElement;
-export default _default;

package/dist/components/DrawingTool/lib/createInteractionSurface.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var createInteractionSurface = (function (props) {
-    var el = document.createElement('div');
-    el.style.width = props.width + "px";
-    el.style.height = props.height + "px";
-    el.style.position = 'absolute';
-    el.style.left = '0px';
-    el.style.top = '0px';
-    var getMousePoint = function (ev) {
-        var rect = el.getBoundingClientRect();
-        return {
-            x: (ev.clientX - rect.left) * props.scale,
-            y: (ev.clientY - rect.top) * props.scale
-        };
-    };
-    var getTouchPoint = function (ev) {
-        var rect = el.getBoundingClientRect();
-        return {
-            x: (ev.touches[0].clientX - rect.left) * props.scale,
-            y: (ev.touches[0].clientY - rect.top) * props.scale
-        };
-    };
-    var wrapMouseEvent = function (ev, handler) {
-        ev.preventDefault();
-        ev.stopPropagation();
-        handler(getMousePoint(ev));
-    };
-    var wrapTouchEvent = function (ev, handler) {
-        ev.preventDefault();
-        ev.stopPropagation();
-        if (ev.touches[0]) {
-            handler(getTouchPoint(ev));
-        }
-        else {
-            handler();
-        }
-    };
-    el.addEventListener("mousedown", function (ev) { return wrapMouseEvent(ev, props.onTouchStart); });
-    el.addEventListener("mousemove", function (ev) { return wrapMouseEvent(ev, props.onTouchMove); });
-    el.addEventListener("mouseup", function (ev) { return wrapMouseEvent(ev, props.onTouchEnd); });
-    el.addEventListener("mouseleave", function (ev) { return wrapMouseEvent(ev, props.onTouchLeave); });
-    el.addEventListener("mouseenter", function (ev) {
-        if (ev.buttons > 0) {
-            wrapMouseEvent(ev, props.onTouchStart);
-        }
-    });
-    el.addEventListener("touchstart", function (ev) { return wrapTouchEvent(ev, props.onTouchStart); });
-    el.addEventListener("touchmove", function (ev) { return wrapTouchEvent(ev, props.onTouchMove); });
-    el.addEventListener("touchend", function (ev) { return wrapTouchEvent(ev, props.onTouchEnd); });
-    el.addEventListener("touchcancel", function (ev) { return wrapTouchEvent(ev, props.onTouchEnd); });
-    return el;
-});
-
-module.exports = createInteractionSurface;
-//# sourceMappingURL=createInteractionSurface.js.map

package/dist/components/DrawingTool/lib/createInteractionSurface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createInteractionSurface.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DrawingTool/lib/trace.d.ts

@@ -1,3 +0,0 @@
-import SketchStrokeModel from "./SketchStrokeModel";
-declare const _default: (stroke: SketchStrokeModel, ctx: CanvasRenderingContext2D) => void;
-export default _default;

package/dist/components/DrawingTool/lib/trace.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var trace = (function (stroke, ctx) {
-    var nbPoints = stroke.length();
-    ctx.beginPath();
-    if (nbPoints < 3) {
-        ctx.moveTo(stroke.points[0].s.x, stroke.points[0].s.y);
-        ctx.lineTo(stroke.points[nbPoints - 1].s.x + 0.001, stroke.points[nbPoints - 1].s.y + 0.001);
-    }
-    else {
-        ctx.moveTo(stroke.points[0].s.x, stroke.points[0].s.y);
-        var i = void 0;
-        var len = void 0;
-        var move = void 0;
-        var ref = stroke.points.slice(1, +(nbPoints - 2) + 1 || 9e9);
-        for (i = 0, len = ref.length; i < len; i += 1) {
-            move = ref[i];
-            ctx.quadraticCurveTo(move.s.x, move.s.y, move.h.x, move.h.y);
-        }
-    }
-});
-
-module.exports = trace;
-//# sourceMappingURL=trace.js.map

package/dist/components/DrawingTool/lib/trace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trace.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DrawingTool/lib/trimCanvas.d.ts

@@ -1,2 +0,0 @@
-declare function _default(canvas: any): any;
-export default _default;

package/dist/components/DrawingTool/lib/trimCanvas.js

@@ -1,42 +0,0 @@
-'use strict';
-
-const rowBlank = (imageData, width, y) => {
-  for (let x = 0; x < width; x+=1) {
-    if (imageData.data[y * width * 4 + x * 4 + 3] !== 0) return false
-  }
-  return true
-};
-
-const columnBlank = (imageData, width, x, top, bottom) => {
-  for (let y = top; y < bottom; y+=1) {
-    if (imageData.data[y * width * 4 + x * 4 + 3] !== 0) return false
-  }
-  return true
-};
-
-var trimCanvas = (canvas) => {
-  const ctx = canvas.getContext("2d");
-
-  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-  let top = 0;
-  let bottom = imageData.height;
-  let left = 0;
-  let right = imageData.width;
-
-  while (top < bottom && rowBlank(imageData, canvas.width, top)) top+=1;
-  while (bottom - 1 > top && rowBlank(imageData, canvas.width, bottom - 1)) bottom-=1;
-  while (left < right && columnBlank(imageData, canvas.width, left, top, bottom)) left+=1;
-  while (right - 1 > left && columnBlank(imageData, canvas.width, right - 1, top, bottom)) right-=1;
-
-  const trimmed = ctx.getImageData(left, top, right - left, bottom - top);
-  const copy = canvas.ownerDocument.createElement("canvas");
-  const copyCtx = copy.getContext("2d");
-  copy.width = trimmed.width;
-  copy.height = trimmed.height;
-  copyCtx.putImageData(trimmed, 0, 0);
-
-  return copy
-};
-
-module.exports = trimCanvas;
-//# sourceMappingURL=trimCanvas.js.map

package/dist/components/DrawingTool/lib/trimCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trimCanvas.js","sources":["../../../../src/components/DrawingTool/lib/trimCanvas.js"],"sourcesContent":["const rowBlank = (imageData, width, y) => {\n  for (let x = 0; x < width; x+=1) {\n    if (imageData.data[y * width * 4 + x * 4 + 3] !== 0) return false\n  }\n  return true\n}\n\nconst columnBlank = (imageData, width, x, top, bottom) => {\n  for (let y = top; y < bottom; y+=1) {\n    if (imageData.data[y * width * 4 + x * 4 + 3] !== 0) return false\n  }\n  return true\n}\n\nexport default (canvas) => {\n  const ctx = canvas.getContext(\"2d\")\n\n  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height)\n  let top = 0\n  let bottom = imageData.height\n  let left = 0\n  let right = imageData.width\n\n  while (top < bottom && rowBlank(imageData, canvas.width, top)) top+=1\n  while (bottom - 1 > top && rowBlank(imageData, canvas.width, bottom - 1)) bottom-=1\n  while (left < right && columnBlank(imageData, canvas.width, left, top, bottom)) left+=1\n  while (right - 1 > left && columnBlank(imageData, canvas.width, right - 1, top, bottom)) right-=1\n\n  const trimmed = ctx.getImageData(left, top, right - left, bottom - top)\n  const copy = canvas.ownerDocument.createElement(\"canvas\")\n  const copyCtx = copy.getContext(\"2d\")\n  copy.width = trimmed.width\n  copy.height = trimmed.height\n  copyCtx.putImageData(trimmed, 0, 0)\n\n  return copy\n}\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,KAAK;AAC1C,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;AACnC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK;AACrE,GAAG;AACH,EAAE,OAAO,IAAI;AACb,EAAC;AACD;AACA,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK;AAC1D,EAAE,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE;AACtC,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK;AACrE,GAAG;AACH,EAAE,OAAO,IAAI;AACb,EAAC;AACD;AACA,iBAAe,CAAC,MAAM,KAAK;AAC3B,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAC;AACrC;AACA,EAAE,MAAM,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAC;AACvE,EAAE,IAAI,GAAG,GAAG,EAAC;AACb,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,OAAM;AAC/B,EAAE,IAAI,IAAI,GAAG,EAAC;AACd,EAAE,IAAI,KAAK,GAAG,SAAS,CAAC,MAAK;AAC7B;AACA,EAAE,OAAO,GAAG,GAAG,MAAM,IAAI,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,EAAC;AACvE,EAAE,OAAO,MAAM,GAAG,CAAC,GAAG,GAAG,IAAI,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAC;AACrF,EAAE,OAAO,IAAI,GAAG,KAAK,IAAI,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,EAAC;AACzF,EAAE,OAAO,KAAK,GAAG,CAAC,GAAG,IAAI,IAAI,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,EAAC;AACnG;AACA,EAAE,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,GAAG,EAAC;AACzE,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,EAAC;AAC3D,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,EAAC;AACvC,EAAE,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,MAAK;AAC5B,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,OAAM;AAC9B,EAAE,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAC;AACrC;AACA,EAAE,OAAO,IAAI;AACb;;;;"}