diff --git a/types/ink-text-input/index.d.ts b/types/ink-text-input/index.d.ts index 1d7192e1dc..9aaadd330e 100644 --- a/types/ink-text-input/index.d.ts +++ b/types/ink-text-input/index.d.ts @@ -6,7 +6,7 @@ import { Component } from 'ink'; -export interface TextInputProps { +interface TextInputProps { focus?: boolean; onChange?: (value: string) => void; onSubmit?: (value: string) => void; @@ -14,4 +14,6 @@ export interface TextInputProps { value?: string; } -export default class TextInput extends Component { } +declare class TextInput extends Component { } + +export = TextInput; diff --git a/types/ink-text-input/ink-text-input-tests.tsx b/types/ink-text-input/ink-text-input-tests.tsx index ada8ab3a83..82b63854a2 100644 --- a/types/ink-text-input/ink-text-input-tests.tsx +++ b/types/ink-text-input/ink-text-input-tests.tsx @@ -1,6 +1,9 @@ /** @jsx h */ import { h, Component } from 'ink'; import TextInput from 'ink-text-input'; +// NOTE: `import TextInput = require('ink-text-input');` will work as well +// For importing using ES6 default import as above, +// `allowSyntheticDefaultImports` flag in compiler options needs to be set to `true` interface QueryState { query: string; diff --git a/types/ink-text-input/tsconfig.json b/types/ink-text-input/tsconfig.json index f58efc92ff..2582b4325e 100644 --- a/types/ink-text-input/tsconfig.json +++ b/types/ink-text-input/tsconfig.json @@ -1,5 +1,6 @@ { "compilerOptions": { + "allowSyntheticDefaultImports": true, "jsx": "react", "module": "commonjs", "lib": [