Add react-breadcrumbs-dynamic

This commit is contained in:
Mitsuru Ogawa
2017-11-15 18:17:21 +09:00
parent a9d7f1bf8b
commit 0ab783e92f
4 changed files with 105 additions and 0 deletions

View File

@@ -0,0 +1,32 @@
// Type definitions for react-breadcrumbs-dynamic 1.0
// Project: https://github.com/oklas/react-breadcrumbs-dynamic
// Definitions by: mitsuruog <https://github.com/mitsuruog>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.3
import * as React from "react";
export class BreadcrumbsProvider extends React.Component<BreadcrumbsProviderProps> {}
export class Breadcrumbs extends React.Component<BreadcrumbsProps> {}
export class BreadcrumbsItem extends React.Component<BreadcrumbsItemProps> {}
export interface BreadcrumbsProviderProps {
shouldBreadcrumbsUpdate?: (...args: any[]) => any;
}
export interface BreadcrumbsProps {
container?: string | Element | {};
containerProps?: {};
item?: string | Element | {};
finalItem?: string | Element | {};
finalProps?: {};
separator?: string | Element | {};
renameProps?: {};
duplicateProps?: {};
}
export interface BreadcrumbsItemProps {
to: string;
}

View File

@@ -0,0 +1,47 @@
import * as React from "react";
import {
BreadcrumbsProvider,
Breadcrumbs,
BreadcrumbsItem,
} from "react-breadcrumbs-dynamic";
class Test1 extends React.Component {
render() {
return (
<BreadcrumbsProvider>
<div>
<Breadcrumbs />
<BreadcrumbsItem to="/">Home</BreadcrumbsItem>
</div>
</BreadcrumbsProvider>
);
}
}
const customProps = {
yay: "yay"
};
class Test2 extends React.Component {
render() {
return (
<BreadcrumbsProvider
shouldBreadcrumbsUpdate={() => {}}
>
<div>
<Breadcrumbs
container={"nav"}
containerProps={customProps}
item={"a"}
finalItem={"strong"}
finalProps={customProps}
separator={"<span>/</span>"}
renameProps={customProps}
duplicateProps={customProps}
/>
<BreadcrumbsItem to="/">Home</BreadcrumbsItem>
</div>
</BreadcrumbsProvider>
);
}
}

View File

@@ -0,0 +1,25 @@
{
"compilerOptions": {
"module": "commonjs",
"lib": [
"es6",
"dom"
],
"noImplicitAny": true,
"noImplicitThis": true,
"strictNullChecks": true,
"strictFunctionTypes": true,
"baseUrl": "../",
"jsx": "react",
"typeRoots": [
"../"
],
"types": [],
"noEmit": true,
"forceConsistentCasingInFileNames": true
},
"files": [
"index.d.ts",
"react-breadcrumbs-dynamic-tests.tsx"
]
}

View File

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