feat(filterable-select): add tooltipPosition prop to interface

Sage · Aug 16, 2021 · 327e96b · 327e96b
1 parent a7f3e9a
commit 327e96b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/select/filterable-select/filterable-select.component.js b/src/components/select/filterable-select/filterable-select.component.js
@@ -38,6 +38,7 @@ const FilterableSelect = React.forwardRef(
       onListScrollBottom,
       tableHeader,
       multiColumn,
+      tooltipPosition,
       ...textboxProps
     },
     inputRef
@@ -452,6 +453,7 @@ const FilterableSelect = React.forwardRef(
         onKeyDown: handleTextboxKeydown,
         onChange: handleTextboxChange,
         onMouseDown: handleTextboxMouseDown,
+        tooltipPosition,
         ...textboxProps,
       };
     }
@@ -546,6 +548,8 @@ FilterableSelect.propTypes = {
   isLoading: PropTypes.bool,
   /** A callback that is triggered when a user scrolls to the bottom of the list */
   onListScrollBottom: PropTypes.func,
+  /** Overrides the default tooltip position */
+  tooltipPosition: PropTypes.oneOf(["top", "bottom", "left", "right"]),
 };
 
 export default FilterableSelect;
diff --git a/src/components/select/filterable-select/filterable-select.d.ts b/src/components/select/filterable-select/filterable-select.d.ts
@@ -35,6 +35,8 @@ export interface FilterableSelectProps extends FormInputPropTypes {
   tableHeader?: React.ReactNode;
   /** The selected value(s), when the component is operating in controlled mode */
   value?: string | object;
+  /** Overrides the default tooltip position */
+  tooltipPosition?: "top" | "bottom" | "left" | "right";
 }
 
 declare function FilterableSelect(props: FilterableSelectProps & React.RefAttributes<HTMLInputElement>): JSX.Element;