From 8c081f3eae527a9ce879a6f8f097bfabdcf3da64 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Mon, 12 Apr 2021 13:48:18 +0300
Subject: [PATCH] Refactor #1891

---
 src/components/multiselect/MultiSelect.d.ts |  4 ++--
 src/components/multiselect/MultiSelect.js   | 12 ++++++------
 src/showcase/multiselect/MultiSelectDoc.js  | 10 ++++++++++
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts
index 00ad8c3f96..35038f98bf 100755
--- a/src/components/multiselect/MultiSelect.d.ts
+++ b/src/components/multiselect/MultiSelect.d.ts
@@ -94,8 +94,8 @@ interface MultiSelectProps {
     onChange?(e: ChangeParams): void;
     onFocus?(event: React.FormEvent<HTMLInputElement>): void;
     onBlur?(event: React.FormEvent<HTMLInputElement>): void;
-    onPanelShow?(): void;
-    onPanelHide?(): void;
+    onShow?(): void;
+    onHide?(): void;
 }
 
 export class MultiSelect extends React.Component<MultiSelectProps, any> { }
diff --git a/src/components/multiselect/MultiSelect.js b/src/components/multiselect/MultiSelect.js
index 497c86fb4b..530fb58f45 100644
--- a/src/components/multiselect/MultiSelect.js
+++ b/src/components/multiselect/MultiSelect.js
@@ -62,8 +62,8 @@ export class MultiSelect extends Component {
         onChange: null,
         onFocus: null,
         onBlur: null,
-        onPanelShow: null,
-        onPanelHide: null
+        onShow: null,
+        onHide: null
     };
 
     static propTypes = {
@@ -114,8 +114,8 @@ export class MultiSelect extends Component {
         onChange: PropTypes.func,
         onFocus: PropTypes.func,
         onBlur: PropTypes.func,
-        onPanelShow: PropTypes.func,
-        onPanelHide: PropTypes.func
+        onShow: PropTypes.func,
+        onHide: PropTypes.func
     };
 
     constructor(props) {
@@ -334,13 +334,13 @@ export class MultiSelect extends Component {
 
     show() {
         this.setState({ overlayVisible: true }, () => {
-            this.props.onPanelShow && this.props.onPanelShow();
+            this.props.onShow && this.props.onShow();
         });
     }
 
     hide() {
         this.setState({ overlayVisible: false }, () => {
-            this.props.onPanelHide && this.props.onPanelHide();
+            this.props.onHide && this.props.onHide();
         });
     }
 
diff --git a/src/showcase/multiselect/MultiSelectDoc.js b/src/showcase/multiselect/MultiSelectDoc.js
index bff53f4099..7c99270ef0 100644
--- a/src/showcase/multiselect/MultiSelectDoc.js
+++ b/src/showcase/multiselect/MultiSelectDoc.js
@@ -959,6 +959,16 @@ const groupedCities = [
                             <td>event: Browser event.</td>
                             <td>Callback to invoke when the element loses focus.</td>
                         </tr>
+                        <tr>
+                            <td>onShow</td>
+                            <td>-</td>
+                            <td>Callback to invoke when overlay panel becomes visible.</td>
+                        </tr>
+                        <tr>
+                            <td>onHide</td>
+                            <td>-</td>
+                            <td>Callback to invoke when overlay panel becomes hidden.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>