UNPKG

1.53 kBTypeScriptView Raw
1/*
2 * Copyright 2020 Adobe. All rights reserved.
3 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License. You may obtain a copy
5 * of the License at http://www.apache.org/licenses/LICENSE-2.0
6 *
7 * Unless required by applicable law or agreed to in writing, software distributed under
8 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9 * OF ANY KIND, either express or implied. See the License for the specific language
10 * governing permissions and limitations under the License.
11 */
12
13import {DOMPropsResponderContext} from './DOMPropsContext';
14import {HoverProps} from './useHover';
15import React, {ReactNode, RefObject, useEffect, useRef} from 'react';
16
17interface DOMPropsResponderProps extends HoverProps {
18 children: ReactNode
19}
20
21export const DOMPropsResponder = React.forwardRef(({children, ...props}: DOMPropsResponderProps, ref: RefObject<Element>) => {
22 let isRegistered = useRef(false);
23 let context = {
24 ...props,
25 ref,
26 register() {
27 isRegistered.current = true;
28 }
29 };
30
31 // TODO: Think of a more generic message when this replaces the PressResponder as well
32 useEffect(() => {
33 if (!isRegistered.current) {
34 console.warn(
35 'A DOMPropsResponder was ultilized without a hoverable DOM node.'
36 );
37 }
38 }, []);
39
40 return (
41 <DOMPropsResponderContext.Provider value={context}>
42 {children}
43 </DOMPropsResponderContext.Provider>
44 );
45});