Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-responsive-tabs

Package Overview
Dependencies
Maintainers
1
Versions
57
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-responsive-tabs - npm Package Compare versions

Comparing version 0.5.2 to 0.5.3

23

lib/components/Tab.js

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -9,3 +9,3 @@ Object.defineProperty(exports, "__esModule", {

var _react = require('react');
var _react = require("react");

@@ -38,3 +38,3 @@ var _react2 = _interopRequireDefault(_react);

_createClass(Tab, [{
key: 'shouldComponentUpdate',
key: "shouldComponentUpdate",
value: function shouldComponentUpdate(nextProps) {

@@ -44,3 +44,3 @@ return this.props.children !== nextProps.children || this.props.selected !== nextProps.selected || this.props.classNames !== nextProps.classNames;

}, {
key: 'render',
key: "render",
value: function render() {

@@ -61,12 +61,13 @@ var _props = this.props;

return _react2.default.createElement(
'div',
"div",
{
ref: "tab",
role: "tab",
className: classNames,
role: 'tab',
id: id,
'aria-selected': selected ? 'true' : 'false',
'aria-expanded': selected ? 'true' : 'false',
'aria-disabled': disabled ? 'true' : 'false',
'aria-controls': panelId,
tabIndex: '0',
"aria-selected": selected ? 'true' : 'false',
"aria-expanded": selected ? 'true' : 'false',
"aria-disabled": disabled ? 'true' : 'false',
"aria-controls": panelId,
tabIndex: "0",
onClick: onTabClick(selected, onClick, originalKey),

@@ -73,0 +74,0 @@ onFocus: onFocus(originalKey),

@@ -124,3 +124,3 @@ 'use strict';

Object.keys(this.tabRefs).forEach(function (key) {
var width = _this2.tabRefs[key].offsetWidth;
var width = _this2.tabRefs[key].refs.tab.offsetWidth;
tabsWidth[key.replace(tabPrefix, '')] = width;

@@ -131,3 +131,3 @@ tabsTotalWidth += width;

var newState = { tabsWidth: tabsWidth, tabsTotalWidth: tabsTotalWidth, blockWidth: blockWidth };
var showMore = this.tabsShowMore;
var showMore = this.tabsShowMore.refs.showMore;

@@ -134,0 +134,0 @@ if (showMore) {

{
"author": "Vitalii Maslianok <maslianok@gmail.com> (https://github.com/maslianok)",
"version": "0.5.2",
"version": "0.5.3",
"bugs": {

@@ -9,3 +9,3 @@ "url": "https://github.com/maslianok/react-responsive-tabs/issues"

"peerDependencies": {
"react": "^0.14.7 || ^15.0.0"
"react": "^0.14.7 || ^15.1.0"
},

@@ -29,3 +29,3 @@ "dependencies": {

"eslint-plugin-react": "^4.1.0",
"react": "^0.15.1",
"react": "^15.1.0",
"rimraf": "^2.3.4",

@@ -32,0 +32,0 @@ "webpack": "^1.12.14"

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