diff --git a/example/index.tsx b/example/index.tsx index 63e62d1..2d93f4f 100644 --- a/example/index.tsx +++ b/example/index.tsx @@ -1,4 +1,6 @@ +// @ts-types="@types/react" import * as React from 'react'; +// @ts-types="@types/react-dom" import * as ReactDOM from 'react-dom'; import App from './app'; diff --git a/jsr.jsonc b/jsr.jsonc new file mode 100644 index 0000000..c35fde2 --- /dev/null +++ b/jsr.jsonc @@ -0,0 +1,26 @@ +{ + "name": "@bureaudouble-forks/use-callback-ref", + "version": "1.3.2-forks.1", + "nodeModulesDir": false, + "compilerOptions": { + "noErrorTruncation": true, + "lib": [ + "dom", + "dom.iterable", + "dom.asynciterable", + "deno.ns" + ] + }, + "imports": { + "@types/react": "npm:types-react@^19.0.0-rc", + "@types/react-dom": "npm:types-react-dom@^19.0.0-rc", + "react": "npm:react@^19.0.0-rc", + "react-dom": "npm:react@^19.0.0-rc", + "react-style-singleton": "jsr:@bureaudouble-forks/react-style-singleton@0.0.2", + "react-remove-scroll-bar": "jsr:@bureaudouble-forks/react-remove-scroll-bar@0.0.3" + }, + "exports": { + ".": "./src/index.ts" + } + } + \ No newline at end of file diff --git a/src/assignRef.ts b/src/assignRef.ts index b67b0a7..3ada0fd 100644 --- a/src/assignRef.ts +++ b/src/assignRef.ts @@ -1,4 +1,4 @@ -import { ReactRef } from './types'; +import { ReactRef } from './types.ts'; /** * Assigns a value for a given ref, no matter of the ref format diff --git a/src/createRef.ts b/src/createRef.ts index 97fcabd..6ccd4d9 100644 --- a/src/createRef.ts +++ b/src/createRef.ts @@ -1,3 +1,4 @@ +// @ts-types="@types/react" import { RefObject } from 'react'; /** @@ -8,7 +9,7 @@ import { RefObject } from 'react'; * @see {@link useCallbackRef} * @see https://reactjs.org/docs/refs-and-the-dom.html#creating-refs */ -export function createCallbackRef(callback: (newValue: T | null, lastValue: T | null) => any): RefObject { +export function createCallbackRef(callback: (newValue: T | null, lastValue: T | null) => any): RefObject { let current: T | null = null; return { diff --git a/src/index.ts b/src/index.ts index d39c0d5..26d14b4 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,16 +1,16 @@ -export { assignRef } from './assignRef'; +export { assignRef } from './assignRef.ts'; // callback ref -export { useCallbackRef } from './useRef'; -export { createCallbackRef } from './createRef'; +export { useCallbackRef } from './useRef.ts'; +export { createCallbackRef } from './createRef.ts'; // merge ref -export { mergeRefs } from './mergeRef'; -export { useMergeRefs } from './useMergeRef'; +export { mergeRefs } from './mergeRef.ts'; +export { useMergeRefs } from './useMergeRef.ts'; // transform ref -export { useTransformRef } from './useTransformRef'; -export { transformRef } from './transformRef'; +export { useTransformRef } from './useTransformRef.ts'; +export { transformRef } from './transformRef.ts'; // refToCallback -export { refToCallback, useRefToCallback } from './refToCallback'; +export { refToCallback, useRefToCallback } from './refToCallback.ts'; diff --git a/src/mergeRef.ts b/src/mergeRef.ts index dd96829..1b1fe44 100644 --- a/src/mergeRef.ts +++ b/src/mergeRef.ts @@ -1,8 +1,9 @@ +// @ts-types="@types/react" import { MutableRefObject } from 'react'; -import { assignRef } from './assignRef'; -import { createCallbackRef } from './createRef'; -import { ReactRef } from './types'; +import { assignRef } from './assignRef.ts'; +import { createCallbackRef } from './createRef.ts'; +import { ReactRef } from './types.ts'; /** * Merges two or more refs together providing a single interface to set their value diff --git a/src/refToCallback.ts b/src/refToCallback.ts index 083504c..5de463f 100644 --- a/src/refToCallback.ts +++ b/src/refToCallback.ts @@ -1,4 +1,4 @@ -import { DefinedReactRef, ReactRef, RefCallback } from './types'; +import { DefinedReactRef, ReactRef, RefCallback } from './types.ts'; /** * Unmemoized version of {@link useRefToCallback} diff --git a/src/transformRef.ts b/src/transformRef.ts index b9003bd..d52cd28 100644 --- a/src/transformRef.ts +++ b/src/transformRef.ts @@ -1,6 +1,6 @@ -import { assignRef } from './assignRef'; -import { createCallbackRef } from './createRef'; -import { ReactRef, RefObject } from './types'; +import { assignRef } from './assignRef.ts'; +import { createCallbackRef } from './createRef.ts'; +import { ReactRef, RefObject } from './types.ts'; /** * Transforms one ref to another diff --git a/src/types.ts b/src/types.ts index 0b3dc58..384baa6 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,3 +1,4 @@ +// @ts-types="@types/react" import * as React from 'react'; export type RefCallback = (newValue: T | null) => void; diff --git a/src/useMergeRef.ts b/src/useMergeRef.ts index d3199dc..72cc30a 100644 --- a/src/useMergeRef.ts +++ b/src/useMergeRef.ts @@ -1,8 +1,9 @@ +// @ts-types="@types/react" import * as React from 'react'; -import { assignRef } from './assignRef'; -import { ReactRef } from './types'; -import { useCallbackRef } from './useRef'; +import { assignRef } from './assignRef.ts'; +import { ReactRef } from './types.ts'; +import { useCallbackRef } from './useRef.ts'; const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect; diff --git a/src/useRef.ts b/src/useRef.ts index 7542f20..63d5a38 100644 --- a/src/useRef.ts +++ b/src/useRef.ts @@ -1,3 +1,4 @@ +// @ts-types="@types/react" import { MutableRefObject, useState } from 'react'; /** diff --git a/src/useTransformRef.ts b/src/useTransformRef.ts index d5d821e..c74a3f5 100644 --- a/src/useTransformRef.ts +++ b/src/useTransformRef.ts @@ -1,6 +1,6 @@ -import { assignRef } from './assignRef'; -import { ReactRef, RefObject } from './types'; -import { useCallbackRef } from './useRef'; +import { assignRef } from './assignRef.ts'; +import { ReactRef, RefObject } from './types.ts'; +import { useCallbackRef } from './useRef.ts'; /** * Create a _lense_ on Ref, making it possible to transform ref value