react-navbar
Advanced tools
Comparing version 2.0.0 to 3.0.0
/// <reference types="react" /> | ||
import MenuElementKind from './MenuElementKind'; | ||
import { Props as ItemProps } from './Item'; | ||
export default function Dropdown(props: Props): JSX.Element; | ||
export interface Props { | ||
kind: 'dropdown'; | ||
kind: MenuElementKind.DROPDOWN; | ||
title: string; | ||
items: ItemProps[]; | ||
} |
export { default } from './Navbar'; | ||
export { default as MenuElementKind } from './MenuElementKind'; |
@@ -5,1 +5,3 @@ "use strict"; | ||
exports.default = Navbar_1.default; | ||
var MenuElementKind_1 = require("./MenuElementKind"); | ||
exports.MenuElementKind = MenuElementKind_1.default; |
/// <reference types="react" /> | ||
import MenuElementKind from './MenuElementKind'; | ||
export default function Item(props: Props): JSX.Element; | ||
export interface Props { | ||
kind: 'item'; | ||
kind: MenuElementKind.ITEM; | ||
href: string; | ||
@@ -6,0 +7,0 @@ target?: string; |
@@ -12,2 +12,3 @@ "use strict"; | ||
var React = require("react"); | ||
var MenuElementKind_1 = require("./MenuElementKind"); | ||
var Item_1 = require("./Item"); | ||
@@ -17,3 +18,3 @@ var Dropdown_1 = require("./Dropdown"); | ||
var className = 'nav navbar-nav' + (props.secondary ? ' navbar-right' : ''); | ||
return (React.createElement("ul", __assign({}, { className: className }), props.items.map(function (item, index) { return (item.kind === 'dropdown') ? | ||
return (React.createElement("ul", __assign({}, { className: className }), props.items.map(function (item, index) { return (item.kind === MenuElementKind_1.default.DROPDOWN) ? | ||
React.createElement(Dropdown_1.default, __assign({}, item, { key: index })) : | ||
@@ -20,0 +21,0 @@ React.createElement(Item_1.default, __assign({}, item, { key: index })); }))); |
{ | ||
"name": "react-navbar", | ||
"version": "2.0.0", | ||
"version": "3.0.0", | ||
"description": "React.js component rendering a translatable menu bar with Twitter Bootstrap Navbar HTML markup", | ||
@@ -51,13 +51,13 @@ "main": "dist/index.js", | ||
"devDependencies": { | ||
"@types/enzyme": "^3.1.12", | ||
"@types/enzyme": "^3.1.13", | ||
"@types/mocha": "^5.2.5", | ||
"@types/react": "^16.4.6", | ||
"@types/react-intl": "^2.3.8", | ||
"enzyme": "^3.3.0", | ||
"enzyme-adapter-react-16": "^1.1.1", | ||
"jsdom": "^11.11.0", | ||
"@types/react": "^16.4.10", | ||
"@types/react-intl": "^2.3.9", | ||
"enzyme": "^3.4.1", | ||
"enzyme-adapter-react-16": "^1.2.0", | ||
"jsdom": "^11.12.0", | ||
"mocha": "^5.2.0", | ||
"react": "^16.4.1", | ||
"react-dom": "^16.4.1", | ||
"ts-node": "^7.0.0", | ||
"react": "^16.4.2", | ||
"react-dom": "^16.4.2", | ||
"ts-node": "^7.0.1", | ||
"tslint": "^5.11.0", | ||
@@ -64,0 +64,0 @@ "typescript": "^2.9.2" |
@@ -31,23 +31,25 @@ [![Build Status](https://travis-ci.org/ikr/react-navbar.svg?branch=master)](https://travis-ci.org/ikr/react-navbar) | ||
import {IntlProvider} from 'react-intl' | ||
import * as Navbar from 'react-navbar' | ||
import {default as Navbar, MenuElementKind} from 'react-navbar' | ||
const {ITEM, DROPDOWN} = MenuElementKind | ||
const menuItems = [{ | ||
kind: 'dropdown', | ||
kind: DROPDOWN, | ||
title: 'menu.dd1', | ||
items: [ | ||
{kind: 'item', title: 'menu.i11', href: '/resource-1-1', target: '_blank'}, | ||
{kind: 'item', title: 'menu.i12', href: '/resource-1-2'} | ||
{kind: ITEM, title: 'menu.i11', href: '/resource-1-1', target: '_blank'}, | ||
{kind: ITEM, title: 'menu.i12', href: '/resource-1-2'} | ||
] | ||
}, | ||
{kind: 'item', title: 'menu.i1', href: '/resource-1'}, | ||
{kind: 'item', title: 'menu.i2', href: '/resource-2'}] | ||
{kind: ITEM, title: 'menu.i1', href: '/resource-1'}, | ||
{kind: ITEM, title: 'menu.i2', href: '/resource-2'}] | ||
const secondaryMenuItems = [{ | ||
kind: 'dropdown', | ||
kind: DROPDOWN, | ||
title: 'menu.dd2', | ||
items: [ | ||
{kind: 'item', title: 'menu.i21', href: '/resource-2-1'}, | ||
{kind: 'item', title: 'menu.i22', href: '/resource-2-2'} | ||
{kind: ITEM, title: 'menu.i21', href: '/resource-2-1'}, | ||
{kind: ITEM, title: 'menu.i22', href: '/resource-2-2'} | ||
] | ||
@@ -54,0 +56,0 @@ }, |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
13758
21
185
93
0