-
Notifications
You must be signed in to change notification settings - Fork 66
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #264 from wojtekmaj/esm
Fix module resolution issues in dual CJS/ESM setup
- Loading branch information
Showing
10 changed files
with
216 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,8 @@ | ||
| { | ||
| "private": true, | ||
| "type": "module", | ||
| "main": "../dist/cjs/UI.js", | ||
| "jsnext:main": "../dist/es2015/UI.js", | ||
| "module": "../dist/es2015/UI.js", | ||
| "types": "UI.d.ts", | ||
| "sideEffects": false | ||
| "jsnext:main": "../dist/es2015/UI.js", | ||
| "types": "./UI.d.ts" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,8 @@ | ||
| { | ||
| "private": true, | ||
| "type": "module", | ||
| "main": "../dist/cjs/sidecar.js", | ||
| "jsnext:main": "../dist/es2015/sidecar.js", | ||
| "module": "../dist/es2015/sidecar.js", | ||
| "types": "sidecar.d.ts" | ||
| "jsnext:main": "../dist/es2015/sidecar.js", | ||
| "types": "./sidecar.d.ts" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| import * as React from 'react'; | ||
| import {ReactFocusLockProps, AutoFocusProps, FreeFocusProps, InFocusGuardProps} from "./interfaces.js"; | ||
|
|
||
| /** | ||
| * Traps Focus inside a Lock | ||
| */ | ||
| declare const ReactFocusLock: React.FC<ReactFocusLockProps & { sideCar: React.FC<any> }>; | ||
|
|
||
| export default ReactFocusLock; | ||
|
|
||
| /** | ||
| * Autofocus on children on Lock activation | ||
| */ | ||
| export class AutoFocusInside extends React.Component<AutoFocusProps> { | ||
| } | ||
|
|
||
| /** | ||
| * Autofocus on children | ||
| */ | ||
| export class MoveFocusInside extends React.Component<AutoFocusProps> { | ||
| } | ||
|
|
||
| /** | ||
| * Allow free focus inside on children | ||
| */ | ||
| export class FreeFocusInside extends React.Component<FreeFocusProps> { | ||
| } | ||
|
|
||
| /** | ||
| * Secures the focus around the node | ||
| */ | ||
| export class InFocusGuard extends React.Component<InFocusGuardProps> { | ||
| } | ||
|
|
||
| /** | ||
| * Moves focus inside a given node | ||
| */ | ||
| export function useFocusInside(node: React.RefObject<HTMLElement>): void; | ||
|
|
||
| export type FocusOptions = { | ||
| /** | ||
| * enables focus cycle | ||
| * @default true | ||
| */ | ||
| cycle?: boolean; | ||
| /** | ||
| * limits focusables to tabbables (tabindex>=0) elements only | ||
| * @default true | ||
| */ | ||
| onlyTabbable?:boolean | ||
| } | ||
|
|
||
| export type FocusControl = { | ||
| /** | ||
| * moves focus to the current scope, can be considered as autofocus | ||
| */ | ||
| autoFocus():Promise<void>; | ||
| /** | ||
| * focuses the next element in the scope. | ||
| * If active element is not in the scope, autofocus will be triggered first | ||
| */ | ||
| focusNext(options?:FocusOptions):Promise<void>; | ||
| /** | ||
| * focuses the prev element in the scope. | ||
| * If active element is not in the scope, autofocus will be triggered first | ||
| */ | ||
| focusPrev(options?:FocusOptions):Promise<void>; | ||
| /** | ||
| * focused the first element in the scope | ||
| */ | ||
| focusFirst(options?: Pick<FocusOptions,'onlyTabbable'>):Promise<void>; | ||
| /** | ||
| * focused the last element in the scope | ||
| */ | ||
| focusLast(options?: Pick<FocusOptions,'onlyTabbable'>):Promise<void>; | ||
| } | ||
|
|
||
|
|
||
| /** | ||
| * returns FocusControl over the union given elements, one or many | ||
| * - can be used outside of FocusLock | ||
| * @see {@link useFocusScope} for use cases inside of FocusLock | ||
| */ | ||
| export function useFocusController<Elements extends HTMLElement=HTMLElement>(...shards: ReadonlyArray<HTMLElement | {current:HTMLElement | null}>):FocusControl; | ||
|
|
||
| /** | ||
| * returns FocusControl over the current FocusLock | ||
| * - can be used only within FocusLock | ||
| * - can be used by disabled FocusLock | ||
| * @see {@link useFocusController} for use cases outside of FocusLock | ||
| */ | ||
| export function useFocusScope():FocusControl | ||
|
|
||
|
|
||
| export type FocusCallbacks = { | ||
| onFocus():void; | ||
| onBlur():void; | ||
| } | ||
| /** | ||
| * returns information about FocusState of a given node | ||
| * @example | ||
| * ```tsx | ||
| * const {active, ref, onFocus} = useFocusState(); | ||
| * return <div ref={ref} onFocus={onFocus}>{active ? 'is focused' : 'not focused'}</div> | ||
| * ``` | ||
| */ | ||
| export function useFocusState<T extends Element>(callbacks?: FocusCallbacks ):{ | ||
| /** | ||
| * is currently focused, or is focus is inside | ||
| */ | ||
| active: boolean; | ||
| /** | ||
| * focus handled. SHALL be passed to the node down | ||
| */ | ||
| onFocus: React.FocusEventHandler<T>; | ||
| /** | ||
| * reference to the node | ||
| * only required to capture current status of the node | ||
| */ | ||
| ref: React.RefObject<T>; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| import * as React from "react"; | ||
|
|
||
| declare var sidecar: React.FC; | ||
|
|
||
| export default sidecar; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters