v20.2.43 is released

Author: pipeline

README.md

@@ -34,7 +34,7 @@ export class Default extends SampleBase<{}, {}> {
 }
 
 ```
-Refer the  [sample](https://gitlab.syncfusion.com/essential-studio/development/src/grid/default.tsx ) for example sample component.
+Refer the  [sample](https://github.com/syncfusion/ej2-react-samples/blob/master/src/grid/default.tsx) for example sample component.
 
 Note: Do not use whitespace at any cause in file’s name. Use “-” instead of space.
 
@@ -66,7 +66,7 @@ To add  the "propertypane”  in the sample use tag `PropertyPane` from "common/
             </PropertyPane>
 
 ```
-Refer the  [PropertyPanesample](https://gitlab.syncfusion.com/essential-studio/development/src/grid/gridlines.tsx ) for propertyPane example.
+Refer the [PropertyPanesample](https://github.com/syncfusion/ej2-react-samples/blob/master/src/grid/adaptive.tsx) for propertyPane example.
 
 ## Add Routing for your sample
 
@@ -82,11 +82,15 @@ export const GridSampleOrder:Object = [
 
 **Fields Description:**
 
- path : Specifies the sample router path. Path must be same as "sampleFolderName/sampleFileName".
- component: Specifies the name of the sample component.
- name: Specifies the sample name to be displayed.
- order: Specifies the order in which sample to be displayed.
- category: Specifies the sample category.
+ * _path :_ Specifies the sample router path. Path must be same as "sampleFolderName/sampleFileName".
+  
+ * _component :_ Specifies the name of the sample component.
+  
+ * _name :_ Specifies the sample name to be displayed.
+  
+ * _order :_ Specifies the order in which sample to be displayed.
+  
+ * _category :_ Specifies the sample category.
 
 *Note: set **hideOnDevice** as true if you want to hide a sample in devices.*
 
@@ -210,4 +214,4 @@ To run your sample browser you can use any of the following command.
 
 ```
 gulp serve
-```
+```

config.json

@@ -124,6 +124,7 @@
 		"routes",
 		"online",
 		"editor",
-		"richtexteditor"
+		"richtexteditor",
+		null
 	]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-react-samples",
-  "version": "20.2.36",
+  "version": "20.2.43",
   "description": "Examples of React UI Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -74,7 +74,7 @@
     "graceful-fs": "^4.2.4",
     "gulp": "^4.0.2",
     "gulp-sass": "^3.1.0",
-    "gulp-typescript": "^3.1.6",
+    "gulp-typescript": "3.1.6",
     "gulp-webpack": "^1.5.0",
     "gulp4-run-sequence": "^1.0.1",
     "postcss-loader": "2.0.8",

src/circular-gauge/annotation.tsx

@@ -29,14 +29,14 @@ export class AnnotationsSample extends SampleBase<{}, {}> {
     public onResized(args: Object) {
         location.reload();
     }
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
     public calcTime(offset: string): Date {
         let date: Date = new Date();
         let localTime: number = date.getTime();

src/circular-gauge/apple-watch-rings.tsx

@@ -200,14 +200,14 @@ const SAMPLE_CSS = `
 
 export class AppleWatchGauge extends SampleBase<{}, {}> {
     private gauge: CircularGaugeComponent;
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
     public load1(args: ILoadedEventArgs): void {
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';

src/circular-gauge/arc-gauge.tsx

@@ -48,14 +48,15 @@ const SAMPLE_CSS = `
 export class ArcGauge extends SampleBase<{}, {}> {
     private gauge: CircularGaugeComponent;
     private sliderElement: SliderComponent;
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
+    
     render() {
         return (
             <div className='control-pane'>

src/circular-gauge/axes.tsx

@@ -22,14 +22,14 @@ export class Axes extends SampleBase<{}, {}> {
     private axisIndex: number = 0;
     private loaded: boolean = false;
     public axis: DropDownList; public direction: DropDownList;
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
     public onChartLoad(args: ILoadedEventArgs): void {
         let id: string = args.gauge.element.id;
         document.getElementById(id).setAttribute('title', '');

src/circular-gauge/customization.tsx

@@ -29,15 +29,15 @@ export class Customization extends SampleBase<{}, {}> {
     private loaded: boolean = false;
     private pointerValueElement: HTMLInputElement;
     public barColor: DropDownList; public rangeColor: DropDownList; public pointerColor: DropDownList;
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
         this.usageGauge.appendTo('#customization-container1');
+        // custom code end
     }
-    // custom code end
     public random(): void {
         if (this.isClicked) {
             this.gauge1.destroy();

src/circular-gauge/default.tsx

@@ -15,14 +15,15 @@ const SAMPLE_CSS = `
     }`;
 
 export class Default extends SampleBase<{}, {}> {
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
+    
     render() {
         return (
             <div className='control-pane'>

src/circular-gauge/direction.tsx

@@ -22,14 +22,15 @@ export class Direction extends SampleBase<{}, {}> {
     public onLabelRender(args: IAxisLabelRenderEventArgs): void {
         args.text = ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW', ''][args.value];
     };
-    // custom code start
     public load(args: ILoadedEventArgs): void {
+        // custom code start
         let selectedTheme: string = location.hash.split('/')[1];
         selectedTheme = selectedTheme ? selectedTheme : 'Material';
         args.gauge.theme = ((selectedTheme.charAt(0).toUpperCase() +
         selectedTheme.slice(1)).replace(/-dark/i, 'Dark').replace(/contrast/i, 'Contrast')) as GaugeTheme;
+        // custom code end
     }
-    // custom code end
+    
     // Code for Property Panel
     public onChartLoad(args: {}): void {
         if (!this.loaded) {