Refactor #1951 - For AutoComplete

primefaces · Apr 12, 2021 · a42b128 · a42b128
1 parent 8c081f3
commit a42b128
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/src/components/autocomplete/AutoComplete.d.ts b/src/components/autocomplete/AutoComplete.d.ts
@@ -92,6 +92,8 @@ interface AutoCompleteProps {
     onKeyPress?(event: React.KeyboardEvent<HTMLInputElement>): void;
     onContextMenu?(event: React.MouseEvent<HTMLElement>): void;
     onClear?(event: React.SyntheticEvent): void;
+    onShow?(): void;
+    onHide?(): void;
 }
 
 export class AutoComplete extends React.Component<AutoCompleteProps, any> { }
diff --git a/src/components/autocomplete/AutoComplete.js b/src/components/autocomplete/AutoComplete.js
@@ -67,7 +67,9 @@ export class AutoComplete extends Component {
         onKeyUp: null,
         onKeyPress: null,
         onContextMenu: null,
-        onClear: null
+        onClear: null,
+        onShow: null,
+        onHide: null
     }
 
     static propTypes = {
@@ -123,7 +125,9 @@ export class AutoComplete extends Component {
         onKeyUp: PropTypes.func,
         onKeyPress: PropTypes.func,
         onContextMenu: PropTypes.func,
-        onClear: PropTypes.func
+        onClear: PropTypes.func,
+        onShow: PropTypes.func,
+        onHide: PropTypes.func
     };
 
     constructor(props) {
@@ -299,6 +303,8 @@ export class AutoComplete extends Component {
         this.bindDocumentClickListener();
         this.bindScrollListener();
         this.bindResizeListener();
+
+        this.props.onShow && this.props.onShow();
     }
 
     onOverlayExit() {
@@ -309,6 +315,8 @@ export class AutoComplete extends Component {
 
     onOverlayExited() {
         ZIndexUtils.clear(this.overlayRef.current);
+
+        this.props.onHide && this.props.onHide();
     }
 
     alignOverlay() {

diff --git a/src/showcase/autocomplete/AutoCompleteDoc.js b/src/showcase/autocomplete/AutoCompleteDoc.js
@@ -861,6 +861,16 @@ itemTemplate(item) {
                                         <td>event: Browser event</td>
                                         <td>Callback to invoke when input is cleared by the user.</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>