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

rc-tabs

Package Overview
Dependencies
Maintainers
6
Versions
228
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-tabs - npm Package Compare versions

Comparing version 11.6.2 to 11.7.0

14

es/Tabs.js
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _typeof from "@babel/runtime/helpers/esm/typeof";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

@@ -58,3 +59,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

editable = _ref.editable,
animated = _ref.animated,
_ref$animated = _ref.animated,
animated = _ref$animated === void 0 ? {
inkBar: true,
tabPane: false
} : _ref$animated,
_ref$tabPosition = _ref.tabPosition,

@@ -84,2 +89,7 @@ tabPosition = _ref$tabPosition === void 0 ? 'top' : _ref$tabPosition,

};
} else if (animated === true) {
mergedAnimated = {
inkBar: true,
tabPane: true
};
} else {

@@ -89,3 +99,3 @@ mergedAnimated = _objectSpread({

tabPane: false
}, animated !== true ? animated : null);
}, _typeof(animated) === 'object' ? animated : {});
} // ======================== Mobile ========================

@@ -92,0 +102,0 @@

@@ -16,2 +16,4 @@ "use strict";

var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

@@ -82,3 +84,7 @@

editable = _ref.editable,
animated = _ref.animated,
_ref$animated = _ref.animated,
animated = _ref$animated === void 0 ? {
inkBar: true,
tabPane: false
} : _ref$animated,
_ref$tabPosition = _ref.tabPosition,

@@ -107,2 +113,7 @@ tabPosition = _ref$tabPosition === void 0 ? 'top' : _ref$tabPosition,

};
} else if (animated === true) {
mergedAnimated = {
inkBar: true,
tabPane: true
};
} else {

@@ -112,3 +123,3 @@ mergedAnimated = (0, _objectSpread2.default)({

tabPane: false
}, animated !== true ? animated : null);
}, (0, _typeof2.default)(animated) === 'object' ? animated : {});
} // ======================== Mobile ========================

@@ -115,0 +126,0 @@

2

package.json
{
"name": "rc-tabs",
"version": "11.6.2",
"version": "11.7.0",
"description": "tabs ui component for react",

@@ -5,0 +5,0 @@ "engines": {

@@ -5,18 +5,30 @@ # rc-tabs

React Tabs
React Tabs component.
[![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][coveralls-image]][coveralls-url] [![gemnasium deps][gemnasium-image]][gemnasium-url] [![npm download][download-image]][download-url]
[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![Dependencies][david-image]][david-url]
[![DevDependencies][david-dev-image]][david-dev-url]
[![npm download][download-image]][download-url]
[![bundle size][bundlephobia-image]][bundlephobia-url]
[npm-image]: http://img.shields.io/npm/v/rc-tabs.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rc-tabs
[travis-image]: https://img.shields.io/travis/react-component/tabs.svg?style=flat-square
[travis-image]: https://img.shields.io/travis/react-component/tabs/master?style=flat-square
[travis-url]: https://travis-ci.org/react-component/tabs
[circleci-image]: https://img.shields.io/circleci/react-component/tabs/master?style=flat-square
[circleci-url]: https://circleci.com/gh/react-component/tabs
[coveralls-image]: https://img.shields.io/coveralls/react-component/tabs.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/react-component/tabs?branch=master
[gemnasium-image]: http://img.shields.io/gemnasium/react-component/tabs.svg?style=flat-square
[gemnasium-url]: https://gemnasium.com/react-component/tabs
[node-url]: http://nodejs.org/download/
[david-url]: https://david-dm.org/react-component/tabs
[david-image]: https://david-dm.org/react-component/tabs/status.svg?style=flat-square
[david-dev-url]: https://david-dm.org/react-component/tabs?type=dev
[david-dev-image]: https://david-dm.org/react-component/tabs/dev-status.svg?style=flat-square
[download-image]: https://img.shields.io/npm/dm/rc-tabs.svg?style=flat-square
[download-url]: https://npmjs.org/package/rc-tabs
[bundlephobia-url]: https://bundlephobia.com/result?p=rc-tabs
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-tabs
## Screenshot

@@ -40,4 +52,4 @@

- left and up: switch to previous tab
- right and down: switch to next tab
- left and up: tabs to previous tab
- right and down: tabs to next tab

@@ -74,6 +86,6 @@ ## Usage

| activeKey | string | - | current active tabPanel's key |
| animated | boolean \| { inkBar: boolean, tabPane: boolean } | true | config animation |
| animated | boolean \| { inkBar: boolean, tabPane: boolean } | `{ inkBar: true, tabPane: false }` | config animation |
| defaultActiveKey | string | - | initial active tabPanel's key if activeKey is absent |
| destroyInactiveTabPane | `'ltr' | 'rlt'` | `'ltr'` | Layout direction of tabs component |
| direction | boolean | false | whether destroy inactive TabPane when change tab |
| destroyInactiveTabPane | boolean | false | whether destroy inactive TabPane when change tab |
| direction | `'ltr' | 'rlt'` | `'ltr'` | Layout direction of tabs component |
| editable | { onEdit(type: 'add' | 'remove', info: { key, event }), showAdd: boolean, removeIcon: ReactNode, addIcon: ReactNode } | - | config tab editable |

@@ -80,0 +92,0 @@ | locale | { dropdownAriaLabel: string, removeAriaLabel: string, addAriaLabel: string } | - | Accessibility locale help text |

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