imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update dependency typescript to v5.5.2 (#12688)

Browse source 
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
renovate[bot] 2024-06-25 16:59:07 +01:00 • committed by GitHub
parent 8c3cc6159e
commit 4bf8766885
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 45 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/views/dialogs/spotlight/TooltipOption.tsx
View file

@ -15,18 +15,23 @@ limitations under the License.
*/
import classNames from "classnames";
import React, { ComponentProps, ReactNode } from "react";
import React, { ReactNode } from "react";
import { useRovingTabIndex } from "../../../../accessibility/RovingTabIndex";
import AccessibleButton from "../../elements/AccessibleButton";
import AccessibleButton, { ButtonProps } from "../../elements/AccessibleButton";
import { Ref } from "../../../../accessibility/roving/types";
interface TooltipOptionProps extends ComponentProps<typeof AccessibleButton> {
type TooltipOptionProps<T extends keyof JSX.IntrinsicElements> = ButtonProps<T> & {
endAdornment?: ReactNode;
inputRef?: Ref;
}
};
export const TooltipOption: React.FC<TooltipOptionProps> = ({ inputRef, className, ...props }) => {
export const TooltipOption = <T extends keyof JSX.IntrinsicElements>({
inputRef,
className,
element,
...props
}: TooltipOptionProps<T>): JSX.Element => {
const [onFocus, isActive, ref] = useRovingTabIndex(inputRef);
return (
<AccessibleButton
@ -37,6 +42,7 @@ export const TooltipOption: React.FC<TooltipOptionProps> = ({ inputRef, classNam
tabIndex={-1}
aria-selected={isActive}
role="option"
element={element as keyof JSX.IntrinsicElements}
/>
);
};