Fix primefaces#4716: TreeSelect showClear and clearIcon

components/lib/dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import PrimeReact, { FilterService } from '../api/Api';
-import { PrimeReactContext } from '../api/Api';
+import PrimeReact, { FilterService, PrimeReactContext } from '../api/Api';
+import { useHandleStyle } from '../componentbase/ComponentBase';
 import { useMountEffect, useOverlayListener, useUnmountEffect, useUpdateEffect } from '../hooks/Hooks';
 import { ChevronDownIcon } from '../icons/chevrondown';
 import { TimesIcon } from '../icons/times';
@@ -9,7 +9,6 @@ import { Tooltip } from '../tooltip/Tooltip';
 import { DomHandler, IconUtils, ObjectUtils, ZIndexUtils, mergeProps } from '../utils/Utils';
 import { DropdownBase } from './DropdownBase';
 import { DropdownPanel } from './DropdownPanel';
-import { useHandleStyle } from '../componentbase/ComponentBase';
 
 export const Dropdown = React.memo(
     React.forwardRef((inProps, ref) => {
@@ -624,6 +623,7 @@ export const Dropdown = React.memo(
             props,
             show,
             hide,
+            clear,
             focus: () => DomHandler.focus(focusInputRef.current),
             getElement: () => elementRef.current,
             getOverlay: () => overlayRef.current,

components/lib/dropdown/dropdown.d.ts

@@ -508,6 +508,18 @@ export declare class Dropdown extends React.Component<DropdownProps, any> {
      * Used to focus the component.
      */
     public focus(): void;
+    /**
+     * Clear the currently selected value.
+     */
+    public clear(): void;
+    /**
+     * Show the dropdown overlay panel.
+     */
+    public show(): void;
+    /**
+     * Hide the dropdown overlay panel.
+     */
+    public hide(): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element

components/lib/treeselect/TreeSelect.js

@@ -344,6 +344,9 @@ export const TreeSelect = React.memo(
 
         React.useImperativeHandle(ref, () => ({
             props,
+            clear,
+            show,
+            hide,
             focus: () => DomHandler.focus(focusInputRef.current),
             getElement: () => elementRef.current
         }));

components/lib/treeselect/treeselect.d.ts

@@ -533,6 +533,18 @@ export declare class TreeSelect extends React.Component<TreeSelectProps, any> {
      * Used to focus the component.
      */
     public focus(): void;
+    /**
+     * Clear the currently selected value.
+     */
+    public clear(): void;
+    /**
+     * Show the dropdown overlay panel.
+     */
+    public show(): void;
+    /**
+     * Hide the dropdown overlay panel.
+     */
+    public hide(): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element