commit d3e37527045722f78d816ccf3941727ec1f9e798 · kitten.sh/use-interactions

src/index.ts

···

       1
       1
       +
       export * from './types';

     

       1
       2
        
       export * from './useModalFocus';

     

       2
       3
        
       export * from './useDialogFocus';

     

       3
       4
        
       export * from './useMenuFocus';

     

       4
       5
        
       export * from './useDismissable';

     

       5
       6
        
       export * from './useScrollRestoration';

     

       6
       7
        
       export * from './useStyleTransition';

     

       8
       8
       +
       export * from './useForwardedRef';

+33

src/useForwardedRef.ts

···

       1
       1
       +
       import { useRef, ForwardedRef } from 'react';

     

       2
       2
       +
       import { Ref } from './types';

     

       3
       3
       +
       

     

       4
       4
       +
       type RefWithState<T extends HTMLElement> = Ref<T> & {

     

       5
       5
       +
         _forwarded?: ForwardedRef<T>;

     

       6
       6
       +
         _current?: T | null;

     

       7
       7
       +
       };

     

       8
       8
       +
       

     

       9
       9
       +
       export function useForwardedRef<T extends HTMLElement>(

     

       10
       10
       +
         forwarded: ForwardedRef<T>

     

       11
       11
       +
       ): Ref<T> {

     

       12
       12
       +
         const ref: RefWithState<T> = useRef<T>(null);

     

       13
       13
       +
         if (ref._forwarded !== forwarded) {

     

       14
       14
       +
           ref._forwarded = forwarded;

     

       15
       15
       +
           Object.defineProperty(ref, 'current', {

     

       16
       16
       +
             enumerable: true,

     

       17
       17
       +
             configurable: true,

     

       18
       18
       +
             get() {

     

       19
       19
       +
               return this._current || null;

     

       20
       20
       +
             },

     

       21
       21
       +
             set(value: T | null) {

     

       22
       22
       +
               this._current = value;

     

       23
       23
       +
               if (typeof this._forwarded === 'function') {

     

       24
       24
       +
                 this._forwarded(value);

     

       25
       25
       +
               } else if (forwarded) {

     

       26
       26
       +
                 this._forwarded.current = value;

     

       27
       27
       +
               }

     

       28
       28
       +
             },

     

       29
       29
       +
           });

     

       30
       30
       +
         }

     

       31
       31
       +
       

     

       32
       32
       +
         return ref;

     

       33
       33
       +
       }