customized-fabric 1.2.0 → 1.2.1

package/lib/ClipartObject/index.d.ts

@@ -2,6 +2,7 @@ import { fabric } from "fabric";
 import { IClipartOptions } from "./interfaces";
 import { ObjectId } from "../utils/objectId";
 export declare const toClipartObject: (clipartObject: Clipart) => {
+    _id: ObjectId | undefined;
     id: ObjectId | undefined;
     personalizeId: number | undefined;
     layerId: number | undefined;

package/lib/ClipartObject/index.js

@@ -122,11 +122,12 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
 });
 const toClipartObject = (clipartObject) => {
     return {
-        id: clipartObject._id,
-        personalizeId: clipartObject.layerId,
-        layerId: clipartObject.layerId,
-        name: clipartObject.name,
-        locked: clipartObject.locked,
+        _id: clipartObject?._id,
+        id: clipartObject?._id,
+        personalizeId: clipartObject?.layerId,
+        layerId: clipartObject?.layerId,
+        name: clipartObject?.name,
+        locked: clipartObject?.locked,
         isAdditional: clipartObject?.isAdditional,
         clipartUrl: clipartObject?.clipartUrl,
         clipartFile: clipartObject?.clipartFile,

package/lib/ImagePlaceholderObject/index.d.ts

@@ -2,6 +2,7 @@ import { fabric } from "fabric";
 import { IImagePlaceholderOptions } from "./interfaces";
 import { ObjectId } from "../utils/objectId";
 export declare const toImagePlaceholderObject: (imagePlaceholderObject: ImagePlaceholder) => {
+    _id: ObjectId | undefined;
     id: ObjectId | undefined;
     personalizeId: number | undefined;
     layerId: number | undefined;

package/lib/ImagePlaceholderObject/index.js

@@ -186,11 +186,12 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
 });
 const toImagePlaceholderObject = (imagePlaceholderObject) => {
     return {
-        id: imagePlaceholderObject._id,
-        personalizeId: imagePlaceholderObject.layerId,
-        layerId: imagePlaceholderObject.layerId,
-        name: imagePlaceholderObject.name,
-        locked: imagePlaceholderObject.locked,
+        _id: imagePlaceholderObject?._id,
+        id: imagePlaceholderObject?._id,
+        personalizeId: imagePlaceholderObject?.layerId,
+        layerId: imagePlaceholderObject?.layerId,
+        name: imagePlaceholderObject?.name,
+        locked: imagePlaceholderObject?.locked,
         isAdditional: imagePlaceholderObject?.isAdditional,
     };
 };

package/lib/TextInputObject/index.d.ts

@@ -2,6 +2,7 @@ import { fabric } from "fabric";
 import { ITextInputOptions } from "./interfaces";
 import { ObjectId } from "../utils/objectId";
 export declare const toTextInputObject: (textInputObject: TextInput) => {
+    _id: ObjectId | undefined;
     id: ObjectId | undefined;
     personalizeId: number | undefined;
     layerId: number | undefined;
@@ -23,6 +24,9 @@ export declare const toTextInputObject: (textInputObject: TextInput) => {
         maxFontSize: any;
         stroke: string | undefined;
         strokeWidth: number | undefined;
+        prefix: any;
+        infix: any;
+        suffix: any;
     };
 };
 export default class TextInput extends fabric.Group {
@@ -35,6 +39,9 @@ export default class TextInput extends fabric.Group {
     fontUrl?: string;
     isAdditional?: boolean;
     setText?: (text: string) => void;
+    setPrefix?: (text: string) => void;
+    setInfix?: (text: string) => void;
+    setSuffix?: (text: string) => void;
     setMaxFontSize?: (fontSize: string) => void;
     setFontFamily?: (fontName: string, fontUrl?: string) => void;
     setTextAttributes?: (options: fabric.ITextOptions) => void;

package/lib/TextInputObject/index.js

@@ -94,6 +94,28 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
         });
         this.canvas?.renderAll?.();
     },
+    setPrefix: function (text) {
+        this.textObject.set({
+            prefix: text,
+        });
+        this.getText();
+    },
+    setInfix: function (text) {
+        this.textObject.set({
+            infix: text,
+        });
+        this.getText();
+    },
+    setSuffix: function (text) {
+        this.textObject.set({
+            suffix: text,
+        });
+        this.getText();
+    },
+    getText: function () {
+        const { prefix = "", infix = "", suffix = "" } = this.textObject;
+        this.setText(infix?.length > 0 ? prefix + infix + suffix : "");
+    },
     setMaxFontSize: function (fontSize) {
         this.textObject.set({
             fontSize,
@@ -154,6 +176,7 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
 const toTextInputObject = (textInputObject) => {
     const textObject = textInputObject.textObject;
     return {
+        _id: textInputObject?._id,
         id: textInputObject?._id,
         personalizeId: textInputObject?.layerId,
         layerId: textInputObject?.layerId,
@@ -175,6 +198,9 @@ const toTextInputObject = (textInputObject) => {
             maxFontSize: textObject?.maxFontSize,
             stroke: textObject?.stroke,
             strokeWidth: textObject?.strokeWidth,
+            prefix: textObject?.prefix,
+            infix: textObject?.infix,
+            suffix: textObject?.suffix,
         },
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customized-fabric",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",