fix typeExpr implementation in CustomShapesWithTemplates

Author: markallenramirez

apps/demos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts

@@ -44,8 +44,13 @@ export class AppComponent {
     });
   }
 
-  itemTypeExpr(obj) {
-    return `employee${obj.ID}`;
+  itemTypeExpr(obj, value) {
+    if (value) {
+      obj.type = value;
+    } else {
+      return `employee${obj.ID}`;
+    }
+    return null;
   }
 
   showInfo(employee) {

apps/demos/Demos/Diagram/CustomShapesWithTemplates/React/App.tsx

@@ -11,8 +11,13 @@ const dataSource = new ArrayStore({
   data: employees,
 });
 
-function itemTypeExpr(obj: { ID: number; }) {
-  return `employee${obj.ID}`;
+function itemTypeExpr(obj: { ID: number; type: string; }, value: string) {
+  if (value) {
+    obj.type = value;
+  } else {
+    return `employee${obj.ID}`;
+  }
+  return null;
 }
 
 export default function App() {

apps/demos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/App.js

@@ -10,8 +10,13 @@ const dataSource = new ArrayStore({
   key: 'ID',
   data: employees,
 });
-function itemTypeExpr(obj) {
-  return `employee${obj.ID}`;
+function itemTypeExpr(obj, value) {
+  if (value) {
+    obj.type = value;
+  } else {
+    return `employee${obj.ID}`;
+  }
+  return null;
 }
 export default function App() {
   const [currentEmployee, setCurrentEmployee] = useState({});

apps/demos/Demos/Diagram/CustomShapesWithTemplates/Vue/App.vue

@@ -67,7 +67,14 @@ const dataSource = new ArrayStore({
 });
 const currentEmployee = ref({} as Record<string, any>);
 const popupVisible = ref(false);
-const itemTypeExpr = ({ ID }: any) => `employee${ID}`;
+const itemTypeExpr = (obj: { ID: number; type: string; }, value: string) => {
+  if (value) {
+      obj.type = value;
+    } else {
+      return `employee${obj.ID}`;
+    }
+    return null;
+};
 
 function showInfo(employee: any) {
   currentEmployee.value = employee;

apps/demos/Demos/Diagram/CustomShapesWithTemplates/jQuery/index.js

@@ -29,7 +29,14 @@ $(() => {
         data: employees,
       }),
       keyExpr: 'ID',
-      typeExpr(obj) { return `employee${obj.ID}`; },
+      typeExpr(obj, value) {
+        if (value) {
+          obj.type = value;
+        } else {
+          return `employee${obj.ID}`;
+        }
+        return null;
+      },
       parentKeyExpr: 'Head_ID',
       autoLayout: {
         type: 'tree',