v20.3.47 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-base",
-	"version": "20.2.36",
+	"version": "17.15.0",
 	"description": "A common package of Essential JS 2 React base, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/package.json

@@ -289,7 +289,7 @@
                      if(!this.isDestroyed) {
                          this.modelObserver.notify(eventName, eventProp, successHandler);    
                      }
-                 })
+                 }, 10)
              } else {
              this.modelObserver.notify(eventName, eventProp, successHandler);
              }
@@ -359,7 +359,7 @@
                          } 
                      }
                  }
-                 else if (newProp[i] === oldProp[i]) {
+                 else if (newProps[i] === oldProps[i]) {
                     status = true;
                  }
                  else {

components/base/src/component-base.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-buttons",
-	"version": "20.2.46",
+	"version": "18.44.0",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -28,13 +28,20 @@
 		"form control",
 		"form controls",
 		"input",
+		"fab",
+		"floating button",
+		"floating action button",
+		"speeddial",
+		"floating menu",
 		"react",
 		"reactjs",
 		"ej2-react-buttons",
 		"react-button",
 		"react-checkbox",
 		"react-radiobutton",
-		"react-switch"
+		"react-switch",
+		"react-fab",
+		"react-speeddial"
 	],
 	"repository": {
 		"type": "git",

components/buttons/CHANGELOG.md

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Fab, FabModel } from '@syncfusion/ej2-buttons';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+
+/**
+ * `FabComponent` represents the react Fab Component.
+ * ```ts
+ * <FabComponent></FabComponent>
+ * ```
+ */
+export class FabComponent extends Fab {
+    public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }> 
+    & Readonly<FabModel & DefaultHtmlAttributes>;
+    public setState: any;
+    private getDefaultAttributes: Function;
+    public initRenderCalled: boolean = false;
+    private checkInjectedModules: boolean = false;
+    private immediateRender: boolean = true;
+    public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+     & Readonly<FabModel & DefaultHtmlAttributes>;
+    public forceUpdate: (callBack?: () => any) => void;
+    public context: Object;
+    public portals: any = [];
+    public isReactComponent: Object;
+    public refs: {
+        [key: string]: React.ReactInstance
+    };
+    constructor(props: any) {
+        super(props);
+    }
+
+    public render(): any {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        } else {
+            return React.createElement('button', this.getDefaultAttributes(),[].concat(this.props.children,this.portals));
+        }
+
+    }
+}
+
+applyMixins(FabComponent, [ComponentBase, React.Component]);

components/buttons/package.json

@@ -0,0 +1 @@
+export * from './fab.component';

components/buttons/src/floating-action-button/fab.component.tsx

@@ -3,4 +3,6 @@ export * from './check-box';
 export * from './radio-button';
 export * from './switch';
 export * from './chips';
+export * from './floating-action-button';
+export * from './speed-dial';
 export * from '@syncfusion/ej2-buttons';

components/buttons/src/floating-action-button/index.ts

@@ -0,0 +1,2 @@
+export * from './items-directive';
+export * from './speeddial.component';

components/buttons/src/index.ts

@@ -0,0 +1,24 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { SpeedDialItemModel } from '@syncfusion/ej2-buttons';
+
+
+/**
+ * `SpeedDialItemDirective` represent a item of the React SpeedDial. 
+ * It must be contained in a SpeedDial component(`SpeedDialComponent`). 
+ * ```tsx
+ * <SpeedDialComponent> 
+ *   <SpeedDialItemsDirective>
+ *    <SpeedDialItemDirective text='Cut'></SpeedDialItemDirective>
+ *    <SpeedDialItemDirective text='Copy'></SpeedDialItemDirective>
+ *   <SpeedDialItemsDirective>
+ * </SpeedDialComponent>
+ * ```
+ */
+export class SpeedDialItemDirective extends ComplexBase<SpeedDialItemModel & { children?: React.ReactNode }, SpeedDialItemModel> {
+    public static moduleName: string = 'speedDialItem';
+}
+
+export class SpeedDialItemsDirective extends ComplexBase<{}, {}> {
+    public static propertyName: string = 'items';
+    public static moduleName: string = 'speedDialItems';
+}