New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-navbar

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-navbar - npm Package Compare versions

Comparing version 2.0.0 to 3.0.0

dist/MenuElementKind.d.ts

3

dist/Dropdown.d.ts
/// <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 @@ },

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc