[hedron] - Add typings

This commit is contained in:
Dmytro Borysov
2017-08-22 09:55:02 +02:00
parent 58e3b294d2
commit 67010d087e
4 changed files with 92 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
import * as React from 'react';
import * as hedron from 'hedron';
<hedron.BreakpointProvider breakpoints={{ lg: 1, md: 2 }}>
<hedron.Page debug fluid tagName="div" width="10px">
<hedron.Row debug tagName="div">
<hedron.Column debug divisions={3} fluid lg={3} smShift={2}>test</hedron.Column>
</hedron.Row>
</hedron.Page>
</hedron.BreakpointProvider>;

61
types/hedron/index.d.ts vendored Normal file
View File

@@ -0,0 +1,61 @@
// Type definitions for Hedron 0.7
// Project: https://github.com/JSBros/hedron
// Definitions by: Dmytro Borysov <https://github.com/dborysov>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.4
import * as React from 'react';
export interface ColumnProps {
tagName?: string;
debug?: boolean;
divisions?: number;
fluid?: boolean;
xs?: number;
sm?: number;
md?: number;
lg?: number;
xsShift?: number;
smShift?: number;
mdShift?: number;
lgShift?: number;
}
export interface PageProps {
tagName?: string;
debug?: boolean;
fluid?: boolean;
width?: string;
}
export interface RowProps {
debug?: boolean;
tagName?: string;
divisions?: number;
alignContent?: string;
alignItems?: string;
alignSelf?: string;
justifyContent?: string;
order?: string;
}
export interface HiddenProps {
debug?: boolean;
xs?: boolean;
sm?: boolean;
md?: boolean;
lg?: boolean;
}
export interface BreakpointProviderProps {
breakpoints: { sm?: number; md?: number; lg?: number };
}
export class Column extends React.Component<ColumnProps> {}
export class Page extends React.Component<PageProps> {}
export class Row extends React.Component<RowProps> {}
export class Hidden extends React.Component<HiddenProps> {}
export class BreakpointProvider extends React.Component<BreakpointProviderProps> {}
export function withBreakpoints<T>(
wrappedComponent: React.ComponentClass<T>
): React.ComponentClass<T>;

View File

@@ -0,0 +1,20 @@
{
"files": ["index.d.ts", "hedron-tests.tsx"],
"compilerOptions": {
"module": "commonjs",
"lib": ["es6", "dom"],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"strict": true,
"noImplicitReturns": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"baseUrl": "../",
"typeRoots": ["../"],
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true,
"jsx": "preserve"
}
}

1
types/hedron/tslint.json Normal file
View File

@@ -0,0 +1 @@
{ "extends": "dtslint/dt.json" }