;
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.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('div', this.getDefaultAttributes(), this.props.children);
+ return React.createElement('div', this.getDefaultAttributes(),[].concat(this.props.children,this.portals));
}
}
}
-applyMixins(DocumentEditorComponent, [ComponentBase, React.PureComponent]);
+applyMixins(DocumentEditorComponent, [ComponentBase, React.Component]);
diff --git a/components/documenteditor/src/index.ts b/components/documenteditor/src/index.ts
index c3f8dff25..d9a373a57 100644
--- a/components/documenteditor/src/index.ts
+++ b/components/documenteditor/src/index.ts
@@ -1,3 +1,4 @@
export * from './document-editor';
+export * from './document-editor-container';
export { Inject } from '@syncfusion/ej2-react-base';
export * from '@syncfusion/ej2-documenteditor';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bds-lite.scss b/components/documenteditor/styles/bds-lite.scss
new file mode 100644
index 000000000..782c79a5c
--- /dev/null
+++ b/components/documenteditor/styles/bds-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bds-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bds.scss b/components/documenteditor/styles/bds.scss
new file mode 100644
index 000000000..96633248d
--- /dev/null
+++ b/components/documenteditor/styles/bds.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bds.scss';
+@import 'document-editor-container/bds.scss';
diff --git a/components/documenteditor/styles/bootstrap-dark-lite.scss b/components/documenteditor/styles/bootstrap-dark-lite.scss
new file mode 100644
index 000000000..66c93b87b
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap-dark.scss b/components/documenteditor/styles/bootstrap-dark.scss
new file mode 100644
index 000000000..f999a32d3
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap-dark.scss';
+@import 'document-editor-container/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/bootstrap-lite.scss b/components/documenteditor/styles/bootstrap-lite.scss
new file mode 100644
index 000000000..5967c7c69
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap.scss b/components/documenteditor/styles/bootstrap.scss
index 9aea137bb..b2e85fd90 100644
--- a/components/documenteditor/styles/bootstrap.scss
+++ b/components/documenteditor/styles/bootstrap.scss
@@ -1 +1,2 @@
@import 'document-editor/bootstrap.scss';
+@import 'document-editor-container/bootstrap.scss';
diff --git a/components/documenteditor/styles/bootstrap4-lite.scss b/components/documenteditor/styles/bootstrap4-lite.scss
new file mode 100644
index 000000000..19b51ec6a
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap4-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap4-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap4.scss b/components/documenteditor/styles/bootstrap4.scss
new file mode 100644
index 000000000..569031e93
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap4.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap4.scss';
+@import 'document-editor-container/bootstrap4.scss';
diff --git a/components/documenteditor/styles/bootstrap5-dark-lite.scss b/components/documenteditor/styles/bootstrap5-dark-lite.scss
new file mode 100644
index 000000000..eb6729045
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5-dark.scss b/components/documenteditor/styles/bootstrap5-dark.scss
new file mode 100644
index 000000000..cdaa78beb
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5-dark.scss';
+@import 'document-editor-container/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/bootstrap5-lite.scss b/components/documenteditor/styles/bootstrap5-lite.scss
new file mode 100644
index 000000000..20a4ce4ed
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5.3-lite.scss b/components/documenteditor/styles/bootstrap5.3-lite.scss
new file mode 100644
index 000000000..8c0040c42
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/bootstrap5.3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/bootstrap5.3.scss b/components/documenteditor/styles/bootstrap5.3.scss
new file mode 100644
index 000000000..3e8d94cc5
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.3.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5.3.scss';
+@import 'document-editor-container/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/bootstrap5.scss b/components/documenteditor/styles/bootstrap5.scss
new file mode 100644
index 000000000..9bc452ee9
--- /dev/null
+++ b/components/documenteditor/styles/bootstrap5.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/bootstrap5.scss';
+@import 'document-editor-container/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bds.scss b/components/documenteditor/styles/document-editor-container/bds.scss
new file mode 100644
index 000000000..6cad28556
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bds.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss b/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss
new file mode 100644
index 000000000..c5ee57d47
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap.scss b/components/documenteditor/styles/document-editor-container/bootstrap.scss
new file mode 100644
index 000000000..f317c743e
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap4.scss b/components/documenteditor/styles/document-editor-container/bootstrap4.scss
new file mode 100644
index 000000000..6cc91d83b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap4.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss b/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss
new file mode 100644
index 000000000..2e67a19dd
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss b/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss
new file mode 100644
index 000000000..ea1c8caac
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/document-editor-container/bootstrap5.scss b/components/documenteditor/styles/document-editor-container/bootstrap5.scss
new file mode 100644
index 000000000..bf7c55cb2
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fabric-dark.scss b/components/documenteditor/styles/document-editor-container/fabric-dark.scss
new file mode 100644
index 000000000..450142137
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fabric-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fabric.scss b/components/documenteditor/styles/document-editor-container/fabric.scss
new file mode 100644
index 000000000..60d43527b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fabric.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fabric.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent-dark.scss b/components/documenteditor/styles/document-editor-container/fluent-dark.scss
new file mode 100644
index 000000000..eddb08f0b
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent.scss b/components/documenteditor/styles/document-editor-container/fluent.scss
new file mode 100644
index 000000000..47db6ea20
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent.scss';
diff --git a/components/documenteditor/styles/document-editor-container/fluent2.scss b/components/documenteditor/styles/document-editor-container/fluent2.scss
new file mode 100644
index 000000000..fb508cbdf
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/fluent2.scss';
diff --git a/components/documenteditor/styles/document-editor-container/highcontrast-light.scss b/components/documenteditor/styles/document-editor-container/highcontrast-light.scss
new file mode 100644
index 000000000..4625c7fce
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/document-editor-container/highcontrast.scss b/components/documenteditor/styles/document-editor-container/highcontrast.scss
new file mode 100644
index 000000000..40a093380
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/highcontrast.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/highcontrast.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material-dark.scss b/components/documenteditor/styles/document-editor-container/material-dark.scss
new file mode 100644
index 000000000..597f08b32
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/material-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material.scss b/components/documenteditor/styles/document-editor-container/material.scss
new file mode 100644
index 000000000..a0042dd26
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/material.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material3-dark.scss b/components/documenteditor/styles/document-editor-container/material3-dark.scss
new file mode 100644
index 000000000..5d2ff8fc2
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/material3-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/material3.scss b/components/documenteditor/styles/document-editor-container/material3.scss
new file mode 100644
index 000000000..49faa3c17
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-documenteditor/styles/document-editor-container/material3.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind-dark.scss b/components/documenteditor/styles/document-editor-container/tailwind-dark.scss
new file mode 100644
index 000000000..63ba849a6
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind.scss b/components/documenteditor/styles/document-editor-container/tailwind.scss
new file mode 100644
index 000000000..de9ecc915
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind.scss';
diff --git a/components/documenteditor/styles/document-editor-container/tailwind3.scss b/components/documenteditor/styles/document-editor-container/tailwind3.scss
new file mode 100644
index 000000000..93c2ab6a0
--- /dev/null
+++ b/components/documenteditor/styles/document-editor-container/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor-container/tailwind3.scss';
diff --git a/components/documenteditor/styles/document-editor/bds.scss b/components/documenteditor/styles/document-editor/bds.scss
new file mode 100644
index 000000000..fff1819d1
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bds.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bds.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap-dark.scss b/components/documenteditor/styles/document-editor/bootstrap-dark.scss
new file mode 100644
index 000000000..c687f1bbb
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap4.scss b/components/documenteditor/styles/document-editor/bootstrap4.scss
new file mode 100644
index 000000000..cc9c21931
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap4.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap4.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5-dark.scss b/components/documenteditor/styles/document-editor/bootstrap5-dark.scss
new file mode 100644
index 000000000..2abffd993
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5.3.scss b/components/documenteditor/styles/document-editor/bootstrap5.3.scss
new file mode 100644
index 000000000..d0a47b125
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5.3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5.3.scss';
diff --git a/components/documenteditor/styles/document-editor/bootstrap5.scss b/components/documenteditor/styles/document-editor/bootstrap5.scss
new file mode 100644
index 000000000..bdce32f1d
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/bootstrap5.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/bootstrap5.scss';
diff --git a/components/documenteditor/styles/document-editor/fabric-dark.scss b/components/documenteditor/styles/document-editor/fabric-dark.scss
new file mode 100644
index 000000000..aba6cdcd3
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fabric-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fabric-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent-dark.scss b/components/documenteditor/styles/document-editor/fluent-dark.scss
new file mode 100644
index 000000000..ca4d7e7bb
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent.scss b/components/documenteditor/styles/document-editor/fluent.scss
new file mode 100644
index 000000000..c2a1e1655
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent.scss';
diff --git a/components/documenteditor/styles/document-editor/fluent2.scss b/components/documenteditor/styles/document-editor/fluent2.scss
new file mode 100644
index 000000000..ee47078ba
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/fluent2.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/fluent2.scss';
diff --git a/components/documenteditor/styles/document-editor/highcontrast-light.scss b/components/documenteditor/styles/document-editor/highcontrast-light.scss
new file mode 100644
index 000000000..82c4188a9
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/highcontrast-light.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/document-editor/material-dark.scss b/components/documenteditor/styles/document-editor/material-dark.scss
new file mode 100644
index 000000000..5833743b4
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/material-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/material3-dark.scss b/components/documenteditor/styles/document-editor/material3-dark.scss
new file mode 100644
index 000000000..d471042ba
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material3-dark.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-documenteditor/styles/document-editor/material3-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/material3.scss b/components/documenteditor/styles/document-editor/material3.scss
new file mode 100644
index 000000000..1626d83e5
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/material3.scss
@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-documenteditor/styles/document-editor/material3.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind-dark.scss b/components/documenteditor/styles/document-editor/tailwind-dark.scss
new file mode 100644
index 000000000..1cd05e24f
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind-dark.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind.scss b/components/documenteditor/styles/document-editor/tailwind.scss
new file mode 100644
index 000000000..0b9326754
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind.scss';
diff --git a/components/documenteditor/styles/document-editor/tailwind3.scss b/components/documenteditor/styles/document-editor/tailwind3.scss
new file mode 100644
index 000000000..6cb951ee5
--- /dev/null
+++ b/components/documenteditor/styles/document-editor/tailwind3.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/document-editor/tailwind3.scss';
diff --git a/components/documenteditor/styles/fabric-dark-lite.scss b/components/documenteditor/styles/fabric-dark-lite.scss
new file mode 100644
index 000000000..e7c09127a
--- /dev/null
+++ b/components/documenteditor/styles/fabric-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fabric-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fabric-dark.scss b/components/documenteditor/styles/fabric-dark.scss
new file mode 100644
index 000000000..6953a7f3d
--- /dev/null
+++ b/components/documenteditor/styles/fabric-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fabric-dark.scss';
+@import 'document-editor-container/fabric-dark.scss';
diff --git a/components/documenteditor/styles/fabric-lite.scss b/components/documenteditor/styles/fabric-lite.scss
new file mode 100644
index 000000000..b9d50289e
--- /dev/null
+++ b/components/documenteditor/styles/fabric-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fabric-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fabric.scss b/components/documenteditor/styles/fabric.scss
index 79b535014..aca03629c 100644
--- a/components/documenteditor/styles/fabric.scss
+++ b/components/documenteditor/styles/fabric.scss
@@ -1 +1,2 @@
@import 'document-editor/fabric.scss';
+@import 'document-editor-container/fabric.scss';
diff --git a/components/documenteditor/styles/fluent-dark-lite.scss b/components/documenteditor/styles/fluent-dark-lite.scss
new file mode 100644
index 000000000..a37e6bc8e
--- /dev/null
+++ b/components/documenteditor/styles/fluent-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent-dark.scss b/components/documenteditor/styles/fluent-dark.scss
new file mode 100644
index 000000000..4bdd684b7
--- /dev/null
+++ b/components/documenteditor/styles/fluent-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent-dark.scss';
+@import 'document-editor-container/fluent-dark.scss';
diff --git a/components/documenteditor/styles/fluent-lite.scss b/components/documenteditor/styles/fluent-lite.scss
new file mode 100644
index 000000000..70ed4923b
--- /dev/null
+++ b/components/documenteditor/styles/fluent-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent.scss b/components/documenteditor/styles/fluent.scss
new file mode 100644
index 000000000..0756b5f56
--- /dev/null
+++ b/components/documenteditor/styles/fluent.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent.scss';
+@import 'document-editor-container/fluent.scss';
diff --git a/components/documenteditor/styles/fluent2-lite.scss b/components/documenteditor/styles/fluent2-lite.scss
new file mode 100644
index 000000000..5397f3ccb
--- /dev/null
+++ b/components/documenteditor/styles/fluent2-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/fluent2-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/fluent2.scss b/components/documenteditor/styles/fluent2.scss
new file mode 100644
index 000000000..4136e3ad4
--- /dev/null
+++ b/components/documenteditor/styles/fluent2.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/fluent2.scss';
+@import 'document-editor-container/fluent2.scss';
diff --git a/components/documenteditor/styles/highcontrast-light-lite.scss b/components/documenteditor/styles/highcontrast-light-lite.scss
new file mode 100644
index 000000000..2a94728d4
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-light-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/highcontrast-light-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/highcontrast-light.scss b/components/documenteditor/styles/highcontrast-light.scss
new file mode 100644
index 000000000..099f4fd56
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-light.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/highcontrast-light.scss';
+@import 'document-editor-container/highcontrast-light.scss';
diff --git a/components/documenteditor/styles/highcontrast-lite.scss b/components/documenteditor/styles/highcontrast-lite.scss
new file mode 100644
index 000000000..7bf7f2564
--- /dev/null
+++ b/components/documenteditor/styles/highcontrast-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/highcontrast-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/highcontrast.scss b/components/documenteditor/styles/highcontrast.scss
index 4856d97e9..4b569157d 100644
--- a/components/documenteditor/styles/highcontrast.scss
+++ b/components/documenteditor/styles/highcontrast.scss
@@ -1 +1,2 @@
@import 'document-editor/highcontrast.scss';
+@import 'document-editor-container/highcontrast.scss';
diff --git a/components/documenteditor/styles/material-dark-lite.scss b/components/documenteditor/styles/material-dark-lite.scss
new file mode 100644
index 000000000..63b59dc0f
--- /dev/null
+++ b/components/documenteditor/styles/material-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material-dark.scss b/components/documenteditor/styles/material-dark.scss
new file mode 100644
index 000000000..6884b8077
--- /dev/null
+++ b/components/documenteditor/styles/material-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/material-dark.scss';
+@import 'document-editor-container/material-dark.scss';
diff --git a/components/documenteditor/styles/material-lite.scss b/components/documenteditor/styles/material-lite.scss
new file mode 100644
index 000000000..6be722d89
--- /dev/null
+++ b/components/documenteditor/styles/material-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material.scss b/components/documenteditor/styles/material.scss
index dbbe4fd94..64cadb16e 100644
--- a/components/documenteditor/styles/material.scss
+++ b/components/documenteditor/styles/material.scss
@@ -1 +1,2 @@
@import 'document-editor/material.scss';
+@import 'document-editor-container/material.scss';
diff --git a/components/documenteditor/styles/material3-dark-lite.scss b/components/documenteditor/styles/material3-dark-lite.scss
new file mode 100644
index 000000000..f4fd34d2b
--- /dev/null
+++ b/components/documenteditor/styles/material3-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material3-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material3-dark.scss b/components/documenteditor/styles/material3-dark.scss
new file mode 100644
index 000000000..125e5ef8e
--- /dev/null
+++ b/components/documenteditor/styles/material3-dark.scss
@@ -0,0 +1,3 @@
+
+@import 'document-editor/material3-dark.scss';
+@import 'document-editor-container/material3-dark.scss';
diff --git a/components/documenteditor/styles/material3-lite.scss b/components/documenteditor/styles/material3-lite.scss
new file mode 100644
index 000000000..a974dc8f5
--- /dev/null
+++ b/components/documenteditor/styles/material3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/material3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/material3.scss b/components/documenteditor/styles/material3.scss
new file mode 100644
index 000000000..f8229b301
--- /dev/null
+++ b/components/documenteditor/styles/material3.scss
@@ -0,0 +1,3 @@
+
+@import 'document-editor/material3.scss';
+@import 'document-editor-container/material3.scss';
diff --git a/components/documenteditor/styles/tailwind-dark-lite.scss b/components/documenteditor/styles/tailwind-dark-lite.scss
new file mode 100644
index 000000000..c95fbdc5f
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-dark-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind-dark-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind-dark.scss b/components/documenteditor/styles/tailwind-dark.scss
new file mode 100644
index 000000000..7d412993b
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-dark.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind-dark.scss';
+@import 'document-editor-container/tailwind-dark.scss';
diff --git a/components/documenteditor/styles/tailwind-lite.scss b/components/documenteditor/styles/tailwind-lite.scss
new file mode 100644
index 000000000..3e110dafc
--- /dev/null
+++ b/components/documenteditor/styles/tailwind-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind.scss b/components/documenteditor/styles/tailwind.scss
new file mode 100644
index 000000000..00c13b74d
--- /dev/null
+++ b/components/documenteditor/styles/tailwind.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind.scss';
+@import 'document-editor-container/tailwind.scss';
diff --git a/components/documenteditor/styles/tailwind3-lite.scss b/components/documenteditor/styles/tailwind3-lite.scss
new file mode 100644
index 000000000..ddd5902c8
--- /dev/null
+++ b/components/documenteditor/styles/tailwind3-lite.scss
@@ -0,0 +1 @@
+@import 'ej2-documenteditor/styles/tailwind3-lite.scss';
\ No newline at end of file
diff --git a/components/documenteditor/styles/tailwind3.scss b/components/documenteditor/styles/tailwind3.scss
new file mode 100644
index 000000000..51dee20d6
--- /dev/null
+++ b/components/documenteditor/styles/tailwind3.scss
@@ -0,0 +1,2 @@
+@import 'document-editor/tailwind3.scss';
+@import 'document-editor-container/tailwind3.scss';
diff --git a/components/documenteditor/tsconfig.json b/components/documenteditor/tsconfig.json
index 587eaf479..51a7cd44f 100644
--- a/components/documenteditor/tsconfig.json
+++ b/components/documenteditor/tsconfig.json
@@ -19,7 +19,8 @@
"allowJs": false,
"noEmitOnError":true,
"forceConsistentCasingInFileNames": true,
- "moduleResolution": "node"
+ "moduleResolution": "node",
+ "types": ["jasmine", "jasmine-ajax", "requirejs", "chai", "es6-promise"]
},
"exclude": [
"node_modules",
diff --git a/components/dropdowns/CHANGELOG.md b/components/dropdowns/CHANGELOG.md
index f0f3ee83f..821db4da1 100644
--- a/components/dropdowns/CHANGELOG.md
+++ b/components/dropdowns/CHANGELOG.md
@@ -2,6 +2,1610 @@
## [Unreleased]
+## 30.1.40 (2025-07-15)
+
+### MultiSelect
+
+#### Bug fixes
+
+- `#I732169` - Fixed an issue where focus was not applied to the custom value when the Sort Order property was enabled.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I729413` - Fixed an issue where the toolbar settings buttons are enabled when no item is selected if the refresh method is called.
+
+## 30.1.39 (2025-07-08)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I734293` - Fixed Dropdown Tree popup misalignment issue at 100% display scale on windows.
+
+- `#I737384` - Fixed the alignment issue in the input content of the Dropdown Tree Component in both the material3 and bootstrap5 themes.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I734116` - Fixed an issue where the Item Template with a Combo Box caused virtualization rendering problems in the dropdown.
+
+## 28.2.9 (2025-03-04)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I683160` - Fixed the issue where an itemTemplate element not render while opens ComboBox popup twice when filtering enabled.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I687522` - Issue with "Filtering data not properly displayed while filter with diacritic characters in Listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I694022` - Fixed an issue where the `ValueTemplate` was not functioning correctly for the preselected value when virtualization was enabled.
+
+- `#I688364` - Fixed an issue with the positioning issue of the Multi select component popup while enabling the RTL mode.
+
+## 28.2.7 (2025-02-25)
+
+### Mention
+
+#### Bug Fixes
+
+- `#I688683` - Fixed an issue where the search method was not functioning correctly.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I689744` - The issue with chip item removal in the Dropdown Tree Component has been resolved.
+
+- `#I689346` - Resolved alignment and font size theme issues within the Dropdown Tree component.
+
+- `#I682703` - The issue where focus remained highlighted when reopening the Dropdown Tree multiple times has been resolved.
+
+## 28.2.6 (2025-02-18)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I683160` - Fixed the issue where an ComboBox makes the page unresponsive after filtering with no result.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I682127` - Resolved an issue where the checkbox state was not maintained properly during custom filtering operations in the Dropdown Tree component.
+
+- `#I682703`, `#I691872` - An Focusing issues in Dropdown Tree component when `showSelectAll` property is true has been resolved.
+
+## 28.2.5 (2025-02-11)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I685229` - Fixed the issue where an extra space appears when using the allowResize with height properties.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I684184` - An issue when using value property as two way binding and selecting a filtered node has been resolved.
+
+- `#I681976` - An issue with value property when updating a data source dynamically in Dropdown Tree component has been resolved.
+
+- `#I682748` - An issue Tab focus occurs when navigating a disabled Dropdown Tree component has been resolved.
+
+- `#I682703` - An Focusing issues in Dropdown Tree component when `showSelectAll` property is true has been resolved.
+
+## 28.2.4 (2025-02-04)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I679000` - An issue with react Dropdown Tree `CustomTemplate` when the state updates in the change event has been resolved.
+
+- `#I681727` - An issue with selection and `CustomTemplate` not updating after filtering in Dropdown Tree component has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I681861` - Fixed an issue where the popup would detach from the control when virtualization was enabled during filtering.
+
+## 28.2.3 (2025-01-29)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I933368` - Issue with "Filter input loss focus if the last letter is removed using backspace in listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I679387` - Fixed an issue where no records were found in the popup after selecting all items.
+
+## 28.1.41 (2025-01-21)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I679101` - Fixed the issue where an error was encountered when filtering in the ComboBox with custom values disabled and virtualization enabled.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I678070` - The issue change event is not triggered when checking SelectAll checkbox after dynamically selecting any node in the Dropdown Tree component has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I662148` - Fixed an issue where the value was not bound to the Multiselect component.
+
+## 28.1.39 (2024-01-14)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I933368` - Issue with "Filter input loss focus if the last letter is removed using backspace in listbox" has been resolved.
+
+### Mention
+
+#### Bug Fixes
+
+- `#FB64462` - Resolved an issue where the `readonly` feature was not functioning correctly when integrating the Rich Text Editor with the mention functionality.
+
+## 28.1.38 (2025-01-07)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I668573` - The issue pop-up does not stick to the target after filtering is performed in the Dropdown Tree component has been resolved.
+
+## 28.1.37 (2024-12-31)
+
+### Mention
+
+#### Bug Fixes
+
+- `#I666283` - Fixed an issue where the `Select` event did not trigger when using the `Tab` key for selection.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I664927` - Fixed a console error that occurred when attempting to filter data using pasted text.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I584660` - Fixed a console error that occurred when using the `getTextByValue` method without a dataset.
+
+- `#I661577` - Fixed the issue where the placeholder was not displayed after clearing the value.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I662775` - Resolved the empty chip element creation when setting empty string for value property in Dropdown Tree component.
+
+## 28.1.36 (2024-12-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I663752` - The issue where the "No records found" template was displayed when closing and opening the popup has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I929759` - Issue with "Correction in Ctrl + A key down action for single mode selection of listbox component" has been resolved.
+- `#I664408` - Changing the type of value property of ListboxChangeEvents arguments from (number | string | boolean) to (number[] | string[] | boolean[]) in listbox.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I665182` - The issue with skipping last child items in tree navigation in Dropdown Tree when custom filtering is applied has been resolved.
+- `#I659157`, `#I659195` - Resolved the change event incorrect argument value issue during the node selection in Dropdown Tree component.
+
+## 28.1.35 (2024-12-18)
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I660279` - The issue of being unable to close the parent Dropdown Tree using the document click action after dynamically removing the child Dropdown Tree component has been resolved.
+- `#I662309` - Issue with inconsistent selection behavior when using `selectAll` API on Dropdown Tree component initial render has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I660915` - Fixed an issue where an empty popup was displayed when opening the popup manually.
+
+## 28.1.33 (2024-12-12)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F43705` - Issue with "Dropping selected items does not work correctly while enabling the checkbox in listbox component." has been resolved.
+
+### DropDownTree
+
+#### Bug Fixes
+
+- `#I591637` - The close event is now triggered when the popup begins closing, and a cancel option is provided to prevent the close action if needed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I451885` - Resolved the performance issue when multiselect component is rendered with large number of data.
+
+### DropdownList
+
+#### Bug Fixes
+
+- `#I472623` - Resolved an issue when the window is resizing the popup position is misaligned
+
+## 21.2.5 (2023-05-16)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template in angular platform" has been resolved.
+- `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
+- `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template" has been resolved.
+- `#I445397` - Issue with "Script error thrown when navigate the listbox item in grouping listbox through keyboard navigation" has been resolved.
+- `#I442262` - Issue with "Script error thrown while using destroy method in change event of list box" has been resolved.
+- `#F38636` - Issue with "`selectItems` function doesn't work in listbox when values contain backslashes" has been resolved.
+- `#F424252` - Issue with "Data source not update properly when we filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#I423072` - Issue with "`actionBegin` event argument not passes the filtered item properly while filtering and clicking move All button in listbox toolbar sample" has been resolved.
+- `#F37860` - Issue with "Command button not working properly for multiselect in ListBox in Mac" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I397894` - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.
+
+## 20.3.47 (2022-09-29)
+
+### Mention
+
+- The `@Mention` component can be used to display a pop-up suggestion list whenever the designated mention key character is entered into a text box, rich text editor, or other editable element.
+
+**Key features**:
+
+- **Data binding**: Binds the list of items from local and remote data sources such as JSON, OData, WCF, and RESTful web services.
+
+- **Grouping**: Groups the logically related items under a single or specific category.
+
+- **Filtering**: Filters the list items based on a character typed in the component.
+
+- **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
+
+- **Highlight search**: Highlights the typed text in the suggestion list.
+
+- **Templates**: Customize the list item, display value, no records, and spinner loading content.
+
+- **Accessibility**: Built-in accessibility support that helps to access all the Mention component features using the keyboard, on-screen readers, or other assistive technology devices.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I383114` - Issue with "Drop event argument not passes the selected item properly, while drag and drop the multiple item of listbox" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#FB31100` - Issue with "popup is not opened while changing the `popupHeight` dynamically in the `beforeOpen` event" has been resolved.
+
+- `#I355272` - Issue with "wrong popup item get selected when popup has duplicate text with item template and change the text property dynamically" has been resolved.
+
+## 19.3.56 (2021-12-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I343860` - Issue with "list items are not read by the NVDA screen reader" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I342745` - The performance issue that occurred when selecting a node that was rendered with a huge data source has been resolved.
+
+## 19.3.55 (2021-11-23)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#I343913` - Issue with "exception throws while preventing the request to the server in the `actionBegin` event" has been resolved.
+
+## 19.3.53 (2021-11-12)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I345378` - The issue with "The interaction value is not updated properly in the select event while selecting via Select All checkbox" has been resolved.
+
+## 19.3.48 (2021-11-02)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I344723` - The issue with "The selected value is not removed from the Dropdown Tree while using the value property as two-way binding" has been resolved.
+
+## 19.3.47 (2021-10-26)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I343096` - The issue with "The Dropdown Tree item getting unselected when clicking the text content of the input element" has been fixed.
+
+## 19.3.46 (2021-10-19)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#F169190` - The issue with "The Dropdown tree is not focused while pressing single tab key" has been resolved.
+
+- `#I341135` - The issue with "The Dropdown Tree selected items are misaligned while adding the `e-outline` and `e-filled` CSS classes" has been resolved.
+
+## 19.3.45 (2021-10-12)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I343666` - Issue with "data list is not updated to the popup while changing the query property on dynamically with filtering mode" has been resolved.
+
+## 19.3.44 (2021-10-05)
+
+### Dropdown Tree
+
+#### New Features
+
+- `#I301222` - Provided support to display custom selected values template in the Dropdown Tree component.
+
+#### Bug Fixes
+
+- `#I342360`, `#I342351` - The issue with "The Dropdown Tree component is not rendered when providing an id that starts with an integer type" has been resolved.
+
+- `I341114` - Issue with "When listbox is selected with checkbox, drag and drop is not working properly" has been resolved.
+
+## 19.2.62 (2021-09-14)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I341137` - Issue with "fixed grouping headers are not updated while scrolling the popup after set the grouping dynamically" has been resolved.
+
+## 19.2.55 (2021-08-11)
+
+### ListBox
+
+#### New Features
+
+- Provided No Record Template support.
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with "incremental search is not working properly while destroying and rendering the component again" has been resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `I335313` - Issue with "select element is displayed while rendering the component with floating label" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#F167371` - The performance issue that occurred when destroying the Dropdown Tree with a huge data source and CheckBox support has been resolved.
+
+## 19.2.51 (2021-08-03)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I336382` - The issue with getDataList not updated properly after removing the items has been fixed.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#FB25687` - The issue with "The popup is not opened for the second time in the Dropdown Tree component when it is rendered inside the Accordion" has been resolved.
+
+## 19.2.49 (2021-07-27)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#FB26653` - Issue with "placeholder is not updated properly while updating the placeholder value with special characters" has been resolved.
+
+- `#F166950` - Issue with "page scrolls in the safari browser while closing the popup" has been resolved.
+
+## 19.2.48 (2021-07-20)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#I333351` - The issue with item template not works while using drag and drop issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I331063`, `#I335590` - Issue with "popup is not opened while rendering the component with HTML select tag and `dataSource` property" has been resolved.
+
+- `#I335674` - Issue with "filtering list item is reset to the popup while scrolling the popup item using mouse" has been resolved.
+
+- `#FB26670` - Issue with "`GroupTemplate` is not displayed while opening the popup at first time" has been resolved.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#I333505` - The issue with "When placing the button in the header and footer templates of the Dropdown Tree, the button's click event is not triggered" has been resolved.
+- `#I304231` - Improved the item selection performance with large items in the Dropdown Tree component.
+
+## 19.2.47 (2021-07-13)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I331063` - Issue with "popup is not opened while rendering component with HTML select tag and dynamically changing the data source" has been resolved.
+
+## 19.1.65 (2021-05-25)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with "Improper data source values are loaded in the popup while modifying query property" has been resolved.
+
+## 19.1.59 (2021-05-04)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#317293` - Listbox event properties descriptions added.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I323182` - Issue with "grouping headers are duplicated and overlapped with popup items while scrolling the popup after selecting the first popup item" has been resolved.
+
+## 19.1.57 (2021-04-20)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#311323` - Issue with 'No Records Found' text occurred twice has been resolved.
+
+## 19.1.56 (2021-04-13)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#316046` - Action complete event not triggered when sort order property is given issue is fixed.
+
+- `#311323` - DataSource missing while filtering is applied issue has been resolved.
+
+- `#163935` - Previous index is wrong in drag and drop event has been fixed.
+
+## 19.1.54 (2021-03-30)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+`#317088` - The issue with "The popup is not opened for the second time in the Dropdown Tree component when it is rendered inside the Dialog" has been resolved.
+
+## 18.4.47 (2021-03-09)
+
+### MultiSelect
+
+#### Bug Fixes
+
+`#317598` - Issue with "selected values are not posted properly while clicking on the select all option with predefined value" has been resolved.
+
+## 18.4.44 (2021-02-23)
+
+### MultiSelect
+
+#### New Features
+
+- `#283275`, `#289148`, `#296652` - Now, selection and deselection performance is improved while providing the large data to the component.
+
+## 18.4.43 (2021-02-16)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#310244` - The issue on changing the `treeSettings.autoCheck` property dynamically in the `Box` mode has been resolved in the Dropdown Tree component.
+
+## 18.4.35 (2021-01-19)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#310665` - Issue with "`select` event is triggered twice while preventing the value selection" has been resolved.
+
+## 18.4.34 (2021-01-12)
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with remote data has been fixed.
+
+## 18.4.32 (2020-12-29)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#308003` - Issue with 'highlight search is not working while rendering component along with `iconCss` property' has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#304837` - Issue with "value property is not updated properly while rendering dropdown with select tag and list has empty string as field value" has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#306780` - Issue with "Input element value clears on changing the datasource dynamically" has been resolved.
+
+## 18.4.31 (2020-12-22)
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'drag and drop' has been fixed.
+- Issue with toolbar option has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#242307` - Issue with "filter event is not triggered when clear the value using clear icon " has been resolved.
+
+## 18.3.52 (2020-12-01)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'removeItem' method has been fixed.
+
+## 18.3.44 (2020-10-27)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#292479` - Issue with "beforeOpen event is triggered while rendering the component with initial value" has been resolved.
+
+## 18.3.42 (2020-10-20)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `F155642` - The issue with "the two-way binding is not working while enabling checkbox support in the Dropdown Tree component" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'dragStart' event has been fixed.
+
+## 18.3.40 (2020-10-13)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#291884` - Issue with "clear icon overlaps the selected value" has been resolved.
+
+## 18.3.35 (2020-10-01)
+
+### ListBox
+
+#### Bug Fixes
+
+- compatibility issues with EJ1 has been fixed.
+
+## 18.2.58 (2020-09-15)
+
+### ListBox
+
+#### Bug Fixes
+
+- 'moveAll' is not working after applied grouping has been fixed.
+
+## 18.2.54 (2020-08-18)
+
+### Dropdown Tree
+
+#### Breaking Changes
+
+- `#273325` - Provided the option to customize the Dropdown Tree’s input height when the content is increased.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#275308` - Performance issue will no longer occurs when render the multiselect with checkbox.
+
+## 18.2.48 (2020-08-04)
+
+### ListBox
+
+#### New Features
+
+- `#285392` - Enable / disable list items based on unique value support provided.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- The accessibility issue with “The Dropdown Tree text is not reading properly when enabling the multi-selection support” has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+`#285164`, `#277294` - Issue with "First list item got selected while pressing space key in the MultiSelect along with checkbox mode and remote data" has been resolved.
+
+## 18.2.47 (2020-07-28)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#277503` - Issue with "sort order is not working for filtering dropdown after adding new item using addItem method" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Filtering is not working in IE browser has been fixed.
+
+## 18.1.59 (2020-06-23)
+
+### MultiSelect
+
+#### Bug Fixes
+
+-`#F154635` - Issue with "floating label is not floated properly while rendering with filter and outline theme appearance" has been resolved.
+
+- `#277827` - Issue with "typed custom value alone present in the popup after typing the custom value and focus out then again open the popup" has been resolved.
+
+## 18.1.57 (2020-06-16)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#279216` - Now, you can set empty data source dynamically.
+
+## 18.1.56 (2020-06-09)
+
+### ComboBox
+
+#### Bug Fixes
+
+- Issue with "select event is not triggered while doing first selection with autofill" has been resolved.
+
+## 18.1.55 (2020-06-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+-`#273796` - Now, e-outline class is added to the filter input
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#276800` - The issue with “The selected item is maintained in DOM after clearing the item using clear icon in the Dropdown Tree component” has been resolved.
+
+- `#278072` - The issue with “The Dropdown Tree selected values are not received in the form post back” has been resolved.
+
+- `#274468` - The issue with “The Dropdown Tree popup element is incorrectly positioned when it is rendered inside the Bootstrap dialog” has been fixed.
+
+#### New Features
+
+- `#277378` - Provided the support to reset the values in the Dropdown Tree component when the form reset method is called.
+
+## 18.1.53 (2020-05-19)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#273796` - Now, filtering works properly when paste the value in the input element.
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- `#274351` - The issue with "The Dropdown Tree initialized value which is not getting it in the form post" has been resolved.
+
+### ListBox
+
+#### New Features
+
+- Provided Placeholder support to filterbar in listbox.
+
+#### Bug Fixes
+
+- Move to and move from throws script error when listbox rendered with item template issue fixed.
+
+## 18.1.52 (2020-05-13)
+
+### ListBox
+
+#### Bug Fixes
+
+- Move to and move from throws script error when listbox rendered with item template issue fixed.
+
+## 18.1.48 (2020-05-05)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#273796` - Issue with clear icon misalignment in the material outline has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with drag and drop in empty listbox has been fixed.
+
+## 18.1.46 (2020-04-28)
+
+### Dropdown Tree
+
+#### Bug Fixes
+
+- The issue with `The Dropdown Tree placeholder hides while opening the popup, when enabling the checkbox support` has been fixed.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with 'enabled' properly when listbox have toolbar option has been fixed.
+- Issue with Filter element when the scrolling has enabled in listbox.
+
+## 18.1.43 (2020-04-07)
+
+### ListBox
+
+#### Bug Fixes
+
+- `moveTo` method is not working properly when listbox have disabled items has been fixed.
+
+## 18.1.36-beta (2020-03-19)
+
+### Common
+
+#### Breaking Changes
+
+The newly added `Dropdown Tree` component in dropdowns package requires `Navigations` dependency, so now it is mandatory to include the `ej2-navigations.umd.min.js` in `system.js` configuration if you are using the system.js module loader.
+Update the system.js configuration while going with this version and above.
+
+### Dropdown Tree
+
+The Dropdown Tree control allows you to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values. The available key features are
+
+- **Data binding** - Bind and access a hierarchical list of items from a local or server-side data source.
+
+- **Check boxes** - Select more than one item in the Dropdown Tree control without affecting the UI appearance.
+
+- **Multiple selection** - Select more than one item in the control.
+
+- **Sorting** - Display the Dropdown Tree items in ascending or descending order.
+
+- **Template** - Customize the Dropdown Tree items, header, footer, action failure content, and no records content.
+
+- **Accessibility** - Provide access to all the Dropdown Tree control features through keyboard interaction, on-screen readers, and other assistive technology devices.
+
+### ListBox
+
+#### Bug Fixes
+
+- Dynamic show checkBox not working in grouping has been fixed.
+
+## 17.4.51 (2020-02-25)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#263579` - Issue with "the performance issue while clear the selected items using clear button" issue has been resolved.
+
+## 17.4.50 (2020-02-18)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#261827` - Issue when ListBox and menu component in a same page has been resolved.
+
+## 17.4.49 (2020-02-11)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#261901` - Issue with "cascade dropdown previous value maintained while enabled the filtering" has been resolved.
+
+## 17.4.47 (2020-02-05)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F151029` - Checkbox selection not updated on initial load, while rendering the ListBox with `iconCss` issue fixed.
+- Provided 'actionBegin' and 'actionComplete' event when moving items.
+
+## 17.4.46 (2020-01-30)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#261574` - Now, `isInteracted` argument updated properly in the change event while focusout.
+
+## 17.4.44 (2021-01-21)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#260635` - Sorted datasource not updated properly in ListBox has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#258436` - Issue with "Duplicate value added in multiselect input while updating the value using setState method in the select event" has been resolved.
+
+## 17.4.43 (2020-01-14)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F150435` - Script error occurs during disabled toolbar button click has been resolved.
+
+## 17.4.41 (2020-01-07)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#255830` - filter and grouping are not working on drag and drop and toolbar button states not updated properly has been resolved.
+
+## 17.4.40 (2019-12-24)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#255255` - Issue with "JAWS screen reader does not read the pre-selected value" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- Issue with Drag and Drop is fixed.
+
+## 17.4.39 (2019-12-17)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#256098` - The mobile device ENTER key selection issue in the focused item issue has resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#255765` - Issue with "dynamically added item not displayed initially in box mode when control in focus state" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#256908` - Issue with "script error throws while pressing the escape key after filter the items in the popup" has been resolved.
+
+### ListBox
+
+#### New Features
+
+- Provided public methods for `toolbar` actions.
+- Provided `getDataByValues` method for getting array of data objects.
+
+#### Bug Fixes
+
+- `#252496` - Checkbox selection not maintained after removing filter has been fixed.
+- `#F147087` - script error "contains of undefined in ListBox" while rendering the ListBox and multi select in the same router page has been fixed.
+
+## 17.3.29 (2019-11-26)
+
+### AutoComplete
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### ComboBox
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### DropDownList
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+### MultiSelect
+
+#### New Features
+
+- `#254473` - Now, you can clear the selected values using `clear` method.
+
+## 17.3.28 (2019-11-19)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F148867` , `#254713` - The issue with "rendering the `itemTemplate` when value is bound to the control" has been resolved.
+
+## 17.3.21 (2019-10-30)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+- `#251650` - Issue with 'filtered list item is not getting focused when set filter type as contains' has been resolved.
+
+- `#251325` - Issue with "once combobox popup open is prevented by setting args.cancel as true in open event then you can't remove the prevent a popup opening using open event" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#251466` - Now, you can set width property in `em` unit.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#F147087` - script error "class List of undefined" while grouping has been fixed.
+- `#F147408` - Move To toolbar button not working when loading the list box using `remote data` has been resolved.
+- `#249771` - script error while performing the toolbar actions in dual ListBox with `data manager` in `EJ2 MVC` has been resolved
+
+## 17.3.19 (2019-10-22)
+
+### ListBox
+
+- Drag Event returns null value issue is fixed
+
+## 17.3.17 (2019-10-15)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#250710` - Now, you can filter the data while render the component using `select` element.
+
+- `#248601` - Issue with "selected items hidden from popup when set hideSelectedItem as false" has been resolved.## 17.3.16 (2019-10-09)
+
+### ListBox
+
+#### Bug Fixes
+
+- Adding common cssClass for wrapper.
+
+### MultiSelect
+
+#### New Features
+
+- Provided `Material2 outline layout` for multiselect.
+
+## 17.3.14 (2019-10-03)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#248193` - Issue with "once autocomplete popup open is prevented by setting args.cancel as true in beforeOpen event then you can't remove the prevent a popup opening using beforeOpen event" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#248288` - Issue with "console error thrown when set the openOnClick property as false in checkbox mode" has been resolved.
+
+## 17.2.49 (2019-09-04)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#245849` - Issue with "Dropdown popup moves down while initial value selection on popup" has been resolved.
+
+## 17.2.46 (2019-08-22)
+
+### ListBox
+
+#### New Features
+
+- `#237694` - provided maximum selection limit option for ListBox.
+
+## 17.2.41 (2019-08-14)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#144756`- Issue with "custom value added to the list after args.cancel is set to true in custom value section event" has been resolved.
+
+## 17.2.40 (2019-08-06)
+
+### MultiSelect
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+### ComboBox
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+### DropDownList
+
+#### New Features
+
+- `#F146233` - Now, you can specify type of filter using `filterType` property.
+
+## 17.2.39 (2019-07-30)
+
+### ListBox
+
+#### Bug Fixes
+
+- `#240597` - Dual ListBox causes an error when filtering is activated and disable the checkbox selection settings issue is fixed.
+
+- `#240594` - Form submit occurs while click toolbar item issue is fixed.
+
+## 17.2.36 (2019-07-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#241578` - Issue with “Checkbox selection is not updated properly in the popup list items when set filtering as false” has been resolved.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- `#F146110` - Now, Resolved the console error thrown when first character is type using `MinLength` property.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#F146110` - Now, Resolved the console error thrown when first character is type using `MinLength` property.
+
+## 17.2.34 (2019-07-11)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#233488`, `#239802` - Issue with "throws error while set the field value as null" has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#226512` - Now, SelectAll checkbox shows when more than one items present in the filtered list.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#239351` - Now, Select event triggers when selecting the value through interaction.
+
+- `#F145367` - Issue with "filtering is not working with item template" has been resolved.
+
+### ListBox
+
+#### Bug Fixes
+
+- `#240594` - Form submit occurs while click toolbar item issue is fixed.
+
+## 17.2.28-beta (2019-06-27)
+
+### ListBox
+
+#### New Features
+
+- Checkbox position support provided.
+- Filter support provided.
+- #234507 - Provided support for drag and dropping the single list item when more than one list item is selected by setting `false` to `dragSelected` argument in `dragStart` event.
+
+#### Bug Fixes
+
+- #236715 - Drag and dropping the list item is not sorted when `sortOrder` enabled issue is fixed.
+
+#### Breaking Changes
+
+- Event `select` is removed instead `change` event is provided.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #235631 - Issue with "updating default value after form reset" has been resolved.
+
+- #239136 - Now, you can change `allowFiltering` property value dynamically.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #235699 - Change event not happening after the control has lost focus issue has been fixed.
+
+#### New Features
+
+- `#F142089`, `#225476`, `#231094`, `#234377` - Now, you can render grouping with checkbox using enableGroupCheckBox property.
+
+## 17.1.49 (2019-05-29)
+
+### MultiSelect
+
+#### New Features
+
+- #236816 - Provided method for `focusIn` and `focusOut`.
+
+#### Bug Fixes
+
+- #231920 - In IE browser, script error throws when calling getItems method has been fixed.
+
+## 17.1.48 (2019-05-21)
+
+### ListBox
+
+#### New Features
+
+- Provided change event for ListBox.
+
+## 17.1.44 (2019-05-07)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #235167 - Multiselect dropdown jump down when the `showDropDownIcon` is set to true issue has been resolved.
+
+- #209393 - Change event not fired during tab key navigation issue has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #234846 - The popup collision issue has been resolved while enable the filtering.
+
+## 17.1.43 (2019-04-30)
+
+### ComboBox
+
+#### Bug Fixes
+
+- #233483 - The List not generated properly while clear the value using clear button issue has been resolved.
+
+- #234100 - The search not working on enabling read only in the control initialization issue has been resolved.
+
+- #233137 - The combobox is not focused when click the tab key at single time issue has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #231680 - The data source is observable using Async Pipe with pre select value not updated issue has been resolved.
+
+- #230651 - Eval function security issue has been resolved.
+
+## 17.1.42 (2019-04-23)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #232673 - Issue with prevent the first value when clear value using clear button has been fixed.
+
+- #233432 - The group template text not updated while enable the allow filtering issue has been fixed.
+
+## 17.1.41 (2019-04-16)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- #232673 - Issue with browser freeze when clear value using clear button has been fixed.
+
+- #231997 - Issue with duplicate placeholder on multiselect issue has been fixed.
+
+- #232218 - The popup open downward when select the items after scroll the page issue has been resolved.
+
+- #231920 - The Custom value with pre select value not updated when set empty data source issue has been resolved.
+
+- F143612 - Dropdown icon disappeared when set the lengthy placeholder issue has been fixed.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #142944 - Item template not loaded, when change the datasource dynamically issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- #225254, #227938 - Template interpolated data not updated while filtering issue has been resolved.
+
+## 17.1.40 (2019-04-09)
+
+### ListBox
+
+#### Bug Fixes
+
+- Value property passed on form submit issue fixed.
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with value selection on disabled dropdown using incremental search has been fixed.
+
+- Clear icon shown when change the value dynamically issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when unselect all the value issue has been resolved.
+
+## 17.1.38 (2019-03-29)
+
+### ListBox
+
+The ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items. The available key features are:
+
+- **Data binding**: Binds and accesses the list of items from local or server-side data source.
+
+- **Dual ListBox**: Allows transferring and reordering the list item between two ListBoxes.
+
+- **Drag and Drop**: Allows drag and drop the list item with the same/multiple ListBox.
+
+- **Grouping**: Groups the logically related items under a single or specific category.
+
+- **Templates**: Customizes the list items.
+
+- **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
+
+- **Accessibility**: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when removed the value issue has been resolved.
+
+## 17.1.32-beta (2019-03-13)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with change event trigger multiple times when clear value using clear button has been fixed.
+
+### MultiSelect
+
+#### New Features
+
+- Provided customized filtering support for checkbox mode also.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Filtered value is not maintained while using model value issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- List's selection is not removed when remove a selected value using clear button issue has been resolved.
+
+## 16.4.55 (2019-02-27)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Pre-select value is not selected when its not present in the list issue fixed.
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- List selection throws exception while using quotes within string data issue has been resolved.
+
+- Select all operation's performance issue has been resolved.
+
+## 16.4.54 (2019-02-19)
+
+### DropDownList
+
+#### Bug Fixes
+
+- When page scroll, grouping template is hiding issue has been resolved.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Now, you can enter special characters inside MultiSelect using virtual keyboard.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+## 16.4.53 (2019-02-13)
+
+### DropDownList
+
+- ItemData parameter supports `object` collection in select and change event.
+
+- Filtering is not working when rendered control by using select element issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Lengthy placeholder breaks UI issue has been resolved.
+
+- Values are not cleared in mobile devices issue has been resolved.
+
+- Values are not selected based on selected attribute in select element rendering issue has been resolved.
+
+## 16.4.52 (2019-02-05)
+
+### ComboBox
+
+#### Bug Fixes
+
+- The model value is not updated by selecting a value using tab key with autofill combination issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Blur event prevents other actions issue has been resolved.
+
+## 16.4.48 (2019-01-22)
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Custom value is not maintain after reload the data issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `en-US` locale JSON file not generated issue has been resolved.
+
+## 16.4.47 (2019-01-16)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- server side validation is not working issue has been resolved.
+
+## 16.4.46 (2019-01-08)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Value is updated in reverse while using select all option in checkbox selection issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Change event is not trigger when focus out the control using tab key issue has been resolved.
+
+## 16.4.44 (2018-12-24)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Item template with checkbox combination is not working issue has been resolved.
+
+- Value update with checkbox selection issue in reactive form has been resolved.
+
+## 16.3.34 (2018-11-21)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Checkbox's selection is not removed when uncheck the `selectAll` checkbox issue has been resolved.
+
+## 16.3.33 (2018-11-20)
+
+### DropDownList
+
+#### Bug Fixes
+
+- DropDownList locale added in `config Json` file.
+
+## 16.3.32 (2018-11-13)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Data related attributes are added to input element instead of select element has been fixed.
+
+- Console error thrown as maximum call stack when set the empty `dataSource` that issue has been fixed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Original event argument does not get in `selectedAll` event argument that issue has been fixed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- ComboBox `focus` event argument issue has been resolved.
+
+## 16.3.29 (2018-10-31)
+
### MultiSelect
#### Bug Fixes
@@ -111,7 +1715,7 @@
#### Bug Fixes
-- Improved the MultiSelect performance in IE11 browser.
+- create input method addition argument added.
### DropDownList
@@ -132,12 +1736,6 @@
- create input method addition argument added.
-### MultiSelect
-
-#### Bug Fixes
-
-- create input method addition argument added.
-
## 16.2.47 (2018-08-07)
### DropDownList
@@ -205,14 +1803,6 @@
- Multiselect restore value not maintained in `IE` issue has been resolved.
- Multiselect popup not open when update a data via update data.
-## 16.2.44 (2018-07-10)
-
-### AutoComplete
-
-#### Bug Fixes
-
-- Html elements are shown during filtering when highlight property is set to true.
-
## 16.2.43 (2018-07-03)
### MultiSelect
@@ -522,15 +2112,9 @@
#### Bug Fixes
-- Space key not allowed in DropDownList filtering, this issue has been fixed.
-
-### MultiSelect
-
-#### Bug Fixes
-
- Popup repositions not worked while scroll on the fixed element, this has been fixed.
-### DropDownList
+### MultiSelect
#### Bug Fixes
@@ -552,9 +2136,11 @@
### MultiSelect
-#### Breaking Changes
+#### Bug Fixes
-- Home and End key behaviour changes.
+- Popup left and right collision issue fixed.
+
+- MultiSelect custom value with template issue fixed.
### AutoComplete
@@ -568,14 +2154,6 @@
- Home and End key behaviour changes.
-### MultiSelect
-
-#### Bug Fixes
-
-- Popup left and right collision issue fixed.
-
-- MultiSelect custom value with template issue fixed.
-
## 15.4.20-preview (2017-12-01)
### Common
@@ -674,4 +2252,79 @@ DropDownList component contains a list of predefined values from which a single
- **Templates** - Allows customizing the list items, selected value, header, footer, category group header, and no records content.
-- **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
+- **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.## 29.1.33 (2025-03-25)
+
+### Mention
+
+#### New Features
+
+- `#I645793` - Now, the Mention component supports triggering the suggestion popup without requiring a leading space. When `requireLeadingSpace` is set to false, the popup appears as the mention character is typed continuously, enhancing flexibility in user input. By default, the suggestion popup appears only when there is a leading space before typing the mention character.
+
+## 19.4.38 (2021-12-17)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I342476` - Issue with "ItemTemplate is not rendered properly when preselected item is cleared immediately after render" has been resolved.
+
+- `#I349117` - Issue with "checkbox is not rendered in the group header while rendering component with group checkbox and group template" has been resolved.
+
+## 19.2.59 (2021-08-31)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F166649` - Issue with "previously selected chip value is changed while selecting the custom value from popup" has been resolved.
+
+## 19.2.57 (2021-08-24)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I339171`, `#F165604` - Issue with "selected value is not updated to the react hook form controller" has been resolved.
+
+## 19.1.69 (2021-06-15)
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#F166223` - Issue with "`NoRecordsTemplate` is not rendered with provided template" has been resolved.
+
+## 19.1.55 (2021-04-06)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#F163516` - Issue with "`itemData` returns as null in the removed event argument when provide the integer data and remove the selected custom value" has been resolved.
+
+## 18.4.46 (2021-03-02)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#316915` - Issue with "deselecting the selected items is not working when provide the data source with integer value" has been resolved.
+
+## 18.4.41 (2021-02-02)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#299892` - Issue with "Null reference exception throws while destroying the component" has been resolved.
+
+## 18.3.53 (2020-12-08)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#301242` - Issue with "count template is updated with wrong count value when disable the clear icon" has been resolved.
+
+- `#304600` - Issue with "SelectAll checkbox is not displayed while changing the data source dynamically" has been resolved.
+
diff --git a/components/dropdowns/README.md b/components/dropdowns/README.md
new file mode 100644
index 000000000..fb9eef942
--- /dev/null
+++ b/components/dropdowns/README.md
@@ -0,0 +1,215 @@
+# React DropDowns Components
+
+Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
+
+## What's Included in the React DropDown Package
+
+The React DropDown package includes the following list of components.
+
+### React DropDownList
+
+The [React DropdownList](https://www.syncfusion.com/react-components/react-dropdown-list?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding) - Binds and accesses the list of items from the local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/drop-down-list#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering) - Filters the list items based on a character typed in the search box.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility) - Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
+
+### React DropDownTree
+
+The [React DropDownTree](https://www.syncfusion.com/react-components/react-dropdown-tree?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a textbox control that allows the user to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/local-data) - Binds and accesses the list of items from the local or remote data source.
+* [Checkbox](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/checkbox) - Built-in support for checkboxes, allowing users to select single or multiple items.
+* [Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/template) - To change the appearance of the selection pop-up for tree items, plus the header and footer of the pop-up tree.
+* [Filtering](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/drop-down-tree/filtering) - Filters the list items based on a character typed in the search box.
+
+### React Mention
+
+The [React Mention](https://www.syncfusion.com/react-components/react-mention?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is an autocomplete-like control to tag or select a user/group from the suggestion list. The control opens the suggestion list when a user starts typing with the character ‘@’ in popular social media sites such as Facebook, Twitter, and more. It supports several out-of-the-box features: Data binding, grouping, UI customization, accessibility, and more.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Sorting](https://ej2.syncfusion.com/react/documentation/mention/sorting) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/documentation/mention/filtering-data) - Filters the list items based on a character typed in the search box.
+
+### React ComboBox
+
+The [React ComboBox](https://www.syncfusion.com/react-components/react-combobox?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a drop-down list with editable textbox that also allows users to choose an option from a predefined pop-up list.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value) - Sets user-defined values that is not in the pop-up list.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/combo-box#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering) - Filters the list items based on a character typed in the component.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility) - Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+### React AutoComplete
+
+The [React AutoComplete](https://www.syncfusion.com/react-components/react-autocomplete?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a textbox control that provides a list of suggestions to select from as the user types. It has several out-of-the-box features such as data binding, filtering, grouping, UI customization, accessibility, and more.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/auto-complete#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight) - Highlights the typed text in the suggestion list.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template) - Customizes the list item, header, footer, category group header, no records, and action failure content.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility) - Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
+
+### React MultiSelect
+
+The [React MultiSelect Dropdown](https://www.syncfusion.com/react-components/react-multiselect-dropdown?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a quick replacement for the HTML select tag for selecting multiple values. HTML MultiSelect Dropdown is a textbox control that allows the user to type or select multiple values from a list of predefined options.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/api/multi-select#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering) - Filters the list items based on a character typed in the search box.
+* [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/custom-value) - Allows users to select a new custom value.
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility) - Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
+
+### React ListBox
+
+The [React ListBox](https://www.syncfusion.com/react-components/react-listbox?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm) component is a graphical user interface for displaying a list of items with multi-selection options. It has a rich appearance and allows users to select one or more items from the list using checkboxes or keyboard interactions.
+
+
+ Getting Started .
+ Online demos .
+ Learn more
+
+
+
+
+
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/react/documentation/list-box/data-binding) - Binds and accesses the list of items from local or server-side data source.
+* [Dual listbox](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/dual-list-box) - Allows transferring and reordering the list item between two ListBoxes.
+* [Drag and drop](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/drag-and-drop) - Allows drag and drop the list item with the same/multiple ListBox.
+* [Grouping](https://ej2.syncfusion.com/react/documentation/list-box/sorting-and-grouping#grouping) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm#/bootstrap5/list-box/template) - Customizes the list items.
+* [Sorting](https://ej2.syncfusion.com/react/documentation/list-box/sorting-and-grouping) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Accessibility](https://ej2.syncfusion.com/react/documentation/list-box/accessibility) - Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+
+Trusted by the world's leading companies
+
+ 
+
+
+
+## Setup
+
+To install `dropdowns` and its dependent packages, use the following command.
+
+```
+npm install @syncfusion/ej2-react-dropdowns
+```
+
+## Supported frameworks
+
+DropDown components are also offered in the following list of frameworks.
+
+| [
](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)
[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
[ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [
](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
[ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
+
+* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-navigation-npm#/default)
+
+## Support
+
+Product support is available through the following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-dropdown-npm)
+* Live chat
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/dropdowns/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown) for more info.
+
+© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
\ No newline at end of file
diff --git a/components/dropdowns/ReadMe.md b/components/dropdowns/ReadMe.md
deleted file mode 100644
index e7ffa5914..000000000
--- a/components/dropdowns/ReadMe.md
+++ /dev/null
@@ -1,104 +0,0 @@
-# ej2-react-dropdowns
-
-Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
-
-
-
->Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
->A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
-
-## 1. Setup To install this package and its dependent packages, use the following command
-
-Use the following command to install drop-down components and its dependent packages
-
-```
-npm install @syncfusion/ej2-react-dropdowns
-```
-
-## 2. Components included
-
-* DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/drop-down-list/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/default)
- * [Product Page](https://www.syncfusion.com/products/react/dropdownlist)
-* ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/combo-box/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/combo-box/default)
- * [Product Page](https://www.syncfusion.com/products/react/combobox)
-* Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/default)
- * [Product Page](https://www.syncfusion.com/products/react/autocomplete)
-* MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
- * [GettingStarted](https://ej2.syncfusion.com/react/documentation/multi-select/getting-started.html)
- * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/multi-select/default)
- * [Product Page](https://www.syncfusion.com/products/react/multiselect)
-
-## 3. Supported frameworks
-
-Drop-down components also supports the following frameworks:
-1. [TypeScript](https://ej2.syncfusion.com/demos/#/material)
-2. [Angular](https://ej2.syncfusion.com/angular/demos/#/material)
-3. [Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com)
-5. [ASP.NET MVC](http://aspnetmvc.syncfusion.com)
-6. [JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
-
-## 4. Use-case samples / Showcase samples
-
-* Expanse Tracker ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
-* Loan Calculator ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
-* Web Mail ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
-
-* DropDownList
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/drop-down-list/api-dropDownList.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility.html?lang=typescript): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
-
-
-* ComboBox
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/databinding.html): Binds and accesses the list of items from local or server-side data source.
- * [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/combo-box/api-comboBox.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
-
-
-* AutoComplete
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/databinding.html): Binds and accesses the list of items from local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/auto-complete/api-autoComplete.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
-
-
-* MultiSelect
- * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
- * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping.html): Groups the logically related items under a single or specific category.
- * [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
- * [Sorting](https://ej2.syncfusion.com/react/documentation/multi-select/api-multiSelect.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
- * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
- * [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/customtag.html): Allows users to select a new custom value.
- * [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
-
-## 6. Support
-Product support can be obtained through the following mediums:
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
-* New [GitHub issue.](https://github.com/syncfusion/ej2-dropdowns/issues/new)
-* Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
-
-
-## 7. License
-Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
-
-## 8. Change log
- Check the changelog [here](https://github.com/syncfusion/ej2-react-dropdowns/blob/master/CHANGELOG.md)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
diff --git a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js b/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js
deleted file mode 100644
index 7a2b8fdaf..000000000
--- a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
-* filename: ej2-react-dropdowns.umd.min.js
-* version : 16.3.27
-* Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
-* Use of this code is subject to the terms of our license.
-* A copy of the current license can be obtained at any time by e-mailing
-* licensing@syncfusion.com. Any infringement will be prosecuted under
-* applicable laws.
-*/
-
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-dropdowns","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Dropdowns,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.DropDownList);r.applyMixins(i,[r.ComponentBase,e.PureComponent]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),u=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ComboBox);r.applyMixins(u,[r.ComponentBase,e.PureComponent]);var s=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.AutoComplete);r.applyMixins(p,[r.ComponentBase,e.PureComponent]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return e.createElement("input",this.getDefaultAttributes());t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MultiSelect);r.applyMixins(f,[r.ComponentBase,e.PureComponent]),t.Inject=r.Inject,t.DropDownListComponent=i,t.ComboBoxComponent=u,t.AutoCompleteComponent=p,t.MultiSelectComponent=f,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
-//# sourceMappingURL=ej2-react-dropdowns.umd.min.js.map
diff --git a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map b/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map
deleted file mode 100644
index 0699fd459..000000000
--- a/components/dropdowns/dist/ej2-react-dropdowns.umd.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ej2-react-dropdowns.umd.min.js","sources":["../src/drop-down-list/dropdownlist.component.js","../src/combo-box/combobox.component.js","../src/auto-complete/autocomplete.component.js","../src/multi-select/multiselect.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { DropDownList } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * The DropDownList component contains a list of predefined values, from which the user can choose a single value.\n * ```\n * \n * ```\n */\nvar DropDownListComponent = /** @class */ (function (_super) {\n __extends(DropDownListComponent, _super);\n function DropDownListComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n DropDownListComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return DropDownListComponent;\n}(DropDownList));\nexport { DropDownListComponent };\napplyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { ComboBox } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.\n * ```\n * \n * ```\n */\nvar ComboBoxComponent = /** @class */ (function (_super) {\n __extends(ComboBoxComponent, _super);\n function ComboBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n ComboBoxComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return ComboBoxComponent;\n}(ComboBox));\nexport { ComboBoxComponent };\napplyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { AutoComplete } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.\n * ```\n * \n * ```\n */\nvar AutoCompleteComponent = /** @class */ (function (_super) {\n __extends(AutoCompleteComponent, _super);\n function AutoCompleteComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n return _this;\n }\n AutoCompleteComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return AutoCompleteComponent;\n}(AutoComplete));\nexport { AutoCompleteComponent };\napplyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n }\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { MultiSelect } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n* The MultiSelect allows the user to pick a values from the predefined list of values.\n * ```\n * \n * ```\n */\nvar MultiSelectComponent = /** @class */ (function (_super) {\n __extends(MultiSelectComponent, _super);\n function MultiSelectComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n return _this;\n }\n MultiSelectComponent.prototype.render = function () {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n };\n return MultiSelectComponent;\n}(MultiSelect));\nexport { MultiSelectComponent };\napplyMixins(MultiSelectComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","DropDownListComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","render","element","refreshing","React.createElement","getDefaultAttributes","DropDownList","ej2ReactBase","ComponentBase","React.PureComponent","ComboBoxComponent","ComboBox","AutoCompleteComponent","AutoComplete","MultiSelectComponent","MultiSelect"],"mappings":"8XAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAuC,SAAUC,GAEjD,SAASD,EAAsBE,GAC3B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUe,EAAuBC,GAOjCD,EAAsBF,UAAUS,OAAS,WACrC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTY,gBACFC,cACYb,GAAwBc,gBAAeC,kBC1CnD,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCqB,EAAmC,SAAUf,GAE7C,SAASe,EAAkBd,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAU+B,EAAmBf,GAO7Be,EAAkBlB,UAAUS,OAAS,WACjC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBW,GACTC,YACFJ,cACYG,GAAoBF,gBAAeC,kBC1C/C,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCuB,EAAuC,SAAUjB,GAEjD,SAASiB,EAAsBhB,GAC3B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUiC,EAAuBjB,GAOjCiB,EAAsBpB,UAAUS,OAAS,WACrC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBa,GACTC,gBACFN,cACYK,GAAwBJ,gBAAeC,kBC1CnD,IAAI9B,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCyB,EAAsC,SAAUnB,GAEhD,SAASmB,EAAqBlB,GAC1B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUmC,EAAsBnB,GAOhCmB,EAAqBtB,UAAUS,OAAS,WACpC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,QAASd,KAAKe,wBAJzCV,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBe,GACTC,eACFR,cACYO,GAAuBN,gBAAeC"}
\ No newline at end of file
diff --git a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js b/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js
deleted file mode 100644
index 83e3bc6dc..000000000
--- a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import { PureComponent, createElement } from 'react';
-import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
-import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-
-/**
- * The DropDownList component contains a list of predefined values, from which the user can choose a single value.
- * ```
- *
- * ```
- */
-class DropDownListComponent extends DropDownList {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(DropDownListComponent, [ComponentBase, PureComponent]);
-
-/**
- *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
- * ```
- *
- * ```
- */
-class ComboBoxComponent extends ComboBox {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(ComboBoxComponent, [ComponentBase, PureComponent]);
-
-/**
- *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
- * ```
- *
- * ```
- */
-class AutoCompleteComponent extends AutoComplete {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = false;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(AutoCompleteComponent, [ComponentBase, PureComponent]);
-
-/**
-* The MultiSelect allows the user to pick a values from the predefined list of values.
- * ```
- *
- * ```
- */
-class MultiSelectComponent extends MultiSelect {
- constructor(props) {
- super(props);
- this.initRenderCalled = false;
- this.checkInjectedModules = true;
- }
- render() {
- if ((this.element && !this.initRenderCalled) || this.refreshing) {
- super.render();
- this.initRenderCalled = true;
- }
- else {
- return createElement('input', this.getDefaultAttributes());
- }
- }
-}
-applyMixins(MultiSelectComponent, [ComponentBase, PureComponent]);
-
-export { DropDownListComponent, ComboBoxComponent, AutoCompleteComponent, MultiSelectComponent };
-export * from '@syncfusion/ej2-dropdowns';
-export { Inject } from '@syncfusion/ej2-react-base';
-//# sourceMappingURL=ej2-react-dropdowns.es2015.js.map
diff --git a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map b/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map
deleted file mode 100644
index 343b3efb4..000000000
--- a/components/dropdowns/dist/es6/ej2-react-dropdowns.es2015.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"ej2-react-dropdowns.es2015.js","sources":["../src/es6/drop-down-list/dropdownlist.component.js","../src/es6/combo-box/combobox.component.js","../src/es6/auto-complete/autocomplete.component.js","../src/es6/multi-select/multiselect.component.js"],"sourcesContent":["import * as React from 'react';\nimport { DropDownList } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * The DropDownList component contains a list of predefined values, from which the user can choose a single value.\n * ```\n * \n * ```\n */\nexport class DropDownListComponent extends DropDownList {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { ComboBox } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The ComboBox component allows the user to type a value or choose an option from the list of predefined options.\n * ```\n * \n * ```\n */\nexport class ComboBoxComponent extends ComboBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { AutoComplete } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n *The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.\n * ```\n * \n * ```\n */\nexport class AutoCompleteComponent extends AutoComplete {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);\n","import * as React from 'react';\nimport { MultiSelect } from '@syncfusion/ej2-dropdowns';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n* The MultiSelect allows the user to pick a values from the predefined list of values.\n * ```\n * \n * ```\n */\nexport class MultiSelectComponent extends MultiSelect {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n }\n render() {\n if ((this.element && !this.initRenderCalled) || this.refreshing) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('input', this.getDefaultAttributes());\n }\n }\n}\napplyMixins(MultiSelectComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBzE;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBrE;;;;;;AAMA,AAAO,MAAM,qBAAqB,SAAS,YAAY,CAAC;IACpD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACrC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,qBAAqB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;ACtBzE;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;KACpC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACpE;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}
\ No newline at end of file
diff --git a/components/dropdowns/gulpfile.js b/components/dropdowns/gulpfile.js
index 0876f90c6..22ed28d7e 100644
--- a/components/dropdowns/gulpfile.js
+++ b/components/dropdowns/gulpfile.js
@@ -5,7 +5,7 @@ var gulp = require('gulp');
/**
* Build ts and scss files
*/
-gulp.task('build', ['scripts', 'styles']);
+gulp.task('build', gulp.series('scripts', 'styles'));
/**
* Compile ts files
diff --git a/components/dropdowns/package.json b/components/dropdowns/package.json
index b74ee1578..190ad0f8a 100644
--- a/components/dropdowns/package.json
+++ b/components/dropdowns/package.json
@@ -1,25 +1,18 @@
{
"name": "@syncfusion/ej2-react-dropdowns",
- "version": "16.3.27",
+ "version": "30.1.39",
"description": "Essential JS 2 DropDown Components for React",
"author": "Syncfusion Inc.",
"license": "SEE LICENSE IN license",
"keywords": [
- "ej2",
- "Syncfusion",
- "web-components",
- "dropdownlist",
- "autocomplete",
- "multiselect",
- "combobox",
- "select",
"react",
"react-dropdowns",
"ej2-react-dropdown",
"react-dropdownlist",
"react-autocomplete",
"react-multiselect",
- "react-combobox"
+ "react-combobox",
+ "react-dropdowntree"
],
"repository": {
"type": "git",
@@ -35,15 +28,13 @@
"@syncfusion/ej2-dropdowns": "*"
},
"devDependencies": {
- "awesome-typescript-loader": "^3.1.3",
- "source-map-loader": "^0.2.1",
- "@types/chai": "^3.4.28",
- "@types/es6-promise": "0.0.28",
- "@types/jasmine": "^2.2.29",
- "@types/jasmine-ajax": "^3.1.27",
- "@types/react": "^15.0.24",
- "@types/react-dom": "^15.5.0",
- "@types/requirejs": "^2.1.26",
+ "@types/chai": "3.5.2",
+ "@types/es6-promise": "0.0.33",
+ "@types/jasmine": "2.8.22",
+ "@types/jasmine-ajax": "3.3.5",
+ "@types/react": "16.4.7",
+ "@types/react-dom": "16.9.7",
+ "@types/requirejs": "2.1.37",
"es6-promise": "^3.2.1",
"gulp": "^3.9.1",
"gulp-sass": "^3.1.0",
diff --git a/components/dropdowns/src/auto-complete/autocomplete.component.tsx b/components/dropdowns/src/auto-complete/autocomplete.component.tsx
index 155a113aa..eefa72907 100644
--- a/components/dropdowns/src/auto-complete/autocomplete.component.tsx
+++ b/components/dropdowns/src/auto-complete/autocomplete.component.tsx
@@ -4,10 +4,10 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface AutoCompleteTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
*The AutoComplete component provides the matched suggestion list when type into the input, from which the user can select one.
@@ -17,33 +17,38 @@ export interface AutoCompleteTypecast {
*/
export class AutoCompleteComponent extends AutoComplete {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
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.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(AutoCompleteComponent, [ComponentBase, React.PureComponent]);
+applyMixins(AutoCompleteComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/combo-box/combobox.component.tsx b/components/dropdowns/src/combo-box/combobox.component.tsx
index 7a70b2cbe..935f71ca2 100644
--- a/components/dropdowns/src/combo-box/combobox.component.tsx
+++ b/components/dropdowns/src/combo-box/combobox.component.tsx
@@ -4,10 +4,10 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface ComboBoxTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
*The ComboBox component allows the user to type a value or choose an option from the list of predefined options.
@@ -17,33 +17,38 @@ export interface ComboBoxTypecast {
*/
export class ComboBoxComponent extends ComboBox {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
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.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(ComboBoxComponent, [ComponentBase, React.PureComponent]);
+applyMixins(ComboBoxComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx b/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
index 8cd533085..c0276337f 100644
--- a/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
+++ b/components/dropdowns/src/drop-down-list/dropdownlist.component.tsx
@@ -4,11 +4,11 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface DropDownListTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- valueTemplate?: string | Function;
- groupTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
}
/**
* The DropDownList component contains a list of predefined values, from which the user can choose a single value.
@@ -18,33 +18,38 @@ export interface DropDownListTypecast {
*/
export class DropDownListComponent extends DropDownList {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
- private checkInjectedModules: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
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.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
super.render();
this.initRenderCalled = true;
} else {
- return React.createElement('input', this.getDefaultAttributes());
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
}
}
}
-applyMixins(DropDownListComponent, [ComponentBase, React.PureComponent]);
+applyMixins(DropDownListComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx b/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx
new file mode 100644
index 000000000..68e926239
--- /dev/null
+++ b/components/dropdowns/src/drop-down-tree/dropdowntree.component.tsx
@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { DropDownTree, DropDownTreeModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface DropDownTreeTypecast {
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+}
+/**
+ *The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
+ * ```
+ *
+ * ```
+ */
+export class DropDownTreeComponent extends DropDownTree {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = false;
+ private statelessTemplateProps: string[] = null;
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ 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 {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
+ }
+
+ }
+}
+
+applyMixins(DropDownTreeComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/drop-down-tree/index.ts b/components/dropdowns/src/drop-down-tree/index.ts
new file mode 100644
index 000000000..5aaf61cfc
--- /dev/null
+++ b/components/dropdowns/src/drop-down-tree/index.ts
@@ -0,0 +1 @@
+export * from './dropdowntree.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/index.ts b/components/dropdowns/src/index.ts
index 8a1bcf434..3c824d94a 100644
--- a/components/dropdowns/src/index.ts
+++ b/components/dropdowns/src/index.ts
@@ -2,5 +2,8 @@ export * from './drop-down-list';
export * from './combo-box';
export * from './auto-complete';
export * from './multi-select';
+export * from './list-box';
+export * from './drop-down-tree';
+export * from './mention';
export { Inject } from '@syncfusion/ej2-react-base';
export * from '@syncfusion/ej2-dropdowns';
\ No newline at end of file
diff --git a/components/dropdowns/src/list-box/index.ts b/components/dropdowns/src/list-box/index.ts
new file mode 100644
index 000000000..5878a73e9
--- /dev/null
+++ b/components/dropdowns/src/list-box/index.ts
@@ -0,0 +1 @@
+export * from './listbox.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/list-box/listbox.component.tsx b/components/dropdowns/src/list-box/listbox.component.tsx
new file mode 100644
index 000000000..fe46edaa8
--- /dev/null
+++ b/components/dropdowns/src/list-box/listbox.component.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { ListBox, ListBoxModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface ListBoxTypecast {
+ itemTemplate?: string | Function | any;
+}
+/**
+* The ListBox allows the user to select values from the predefined list of values.
+ * ```
+ *
+ * ```
+ */
+export class ListBoxComponent extends ListBox {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = null;
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ 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 {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement((React as any).Fragment, null,[].concat(React.createElement("input", this.getDefaultAttributes()),this.portals));
+ }
+
+ }
+}
+
+applyMixins(ListBoxComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/mention/index.ts b/components/dropdowns/src/mention/index.ts
new file mode 100644
index 000000000..d0fd5e73d
--- /dev/null
+++ b/components/dropdowns/src/mention/index.ts
@@ -0,0 +1 @@
+export * from './mention.component';
\ No newline at end of file
diff --git a/components/dropdowns/src/mention/mention.component.tsx b/components/dropdowns/src/mention/mention.component.tsx
new file mode 100644
index 000000000..3902b45a1
--- /dev/null
+++ b/components/dropdowns/src/mention/mention.component.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Mention, MentionModel } from '@syncfusion/ej2-dropdowns';
+import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+
+
+export interface MentionTypecast {
+ displayTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+ spinnerTemplate?: string | Function | any;
+}
+/**
+ * The Mention component contains a list of predefined values, from which the user can choose a single value.
+ * ```
+ *
+ * ```
+ */
+export class MentionComponent extends Mention {
+ public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ public setState: any;
+ private getDefaultAttributes: Function;
+ public initRenderCalled: boolean = false;
+ private checkInjectedModules: boolean = false;
+ private statelessTemplateProps: string[] = ["itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
+ public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
+ & Readonly;
+ 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 {
+ this.isReactMock = false;
+ if (((this.element && !this.initRenderCalled) || this.refreshing) && !(this as any).isReactForeceUpdate) {
+ super.render();
+ this.initRenderCalled = true;
+ } else {
+ return React.createElement('div', this.getDefaultAttributes(),[].concat(this.props.children,this.portals));
+ }
+
+ }
+}
+
+applyMixins(MentionComponent, [ComponentBase, React.Component]);
diff --git a/components/dropdowns/src/multi-select/multiselect.component.tsx b/components/dropdowns/src/multi-select/multiselect.component.tsx
index 170ca5d33..9c9812729 100644
--- a/components/dropdowns/src/multi-select/multiselect.component.tsx
+++ b/components/dropdowns/src/multi-select/multiselect.component.tsx
@@ -4,10 +4,11 @@ import { ComponentBase, applyMixins, DefaultHtmlAttributes } from '@syncfusion/e
export interface MultiSelectTypecast {
- footerTemplate?: string | Function;
- headerTemplate?: string | Function;
- valueTemplate?: string | Function;
- itemTemplate?: string | Function;
+ footerTemplate?: string | Function | any;
+ headerTemplate?: string | Function | any;
+ valueTemplate?: string | Function | any;
+ itemTemplate?: string | Function | any;
+ groupTemplate?: string | Function | any;
}
/**
* The MultiSelect allows the user to pick a values from the predefined list of values.
@@ -17,33 +18,38 @@ export interface MultiSelectTypecast {
*/
export class MultiSelectComponent extends MultiSelect {
public state: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly;
+ & Readonly;
public setState: any;
private getDefaultAttributes: Function;
public initRenderCalled: boolean = false;
private checkInjectedModules: boolean = true;
+ private statelessTemplateProps: string[] = ["headerTemplate","valueTemplate","itemTemplate"];
+ private templateProps: string[] = null;
+ private immediateRender: boolean = false;
+ private isReactMock: boolean = true;
public props: Readonly<{ children?: React.ReactNode | React.ReactNode[] }>
- & Readonly
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
