@zendeskgarden/react-tabs - npm Package Compare versions

Comparing version 2.1.0-beta.88e1c2ba to 2.1.0

CHANGELOG.md

@@ -6,10 +6,13 @@ # Change Log
 
-<a name="2.1.0-beta.88e1c2ba"></a>
-# [2.1.0-beta.88e1c2ba](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-tabs@2.0.1...@zendeskgarden/react-tabs@2.1.0-beta.88e1c2ba) (2018-05-22)
+<a name="2.1.0"></a>
+# [2.1.0](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-tabs@2.0.1...@zendeskgarden/react-tabs@2.1.0) (2018-05-23)
 
 
+### Features
 
+* **tabs:** add onChange callback for selection event ([#22](https://github.com/zendeskgarden/react-components/issues/22)) ([fd5eb4c](https://github.com/zendeskgarden/react-components/commit/fd5eb4c))
 
-**Note:** Version bump only for package @zendeskgarden/react-tabs
 
+
+
 <a name="2.0.1"></a>
@@ -16,0 +19,0 @@ ## [2.0.1](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-tabs@2.0.0...@zendeskgarden/react-tabs@2.0.1) (2018-05-15)

package.json

@@ -11,7 +11,4 @@ {
   },
-  "version": "2.1.0-beta.88e1c2ba",
-  "main": "./dist/index.js",
-  "files": [
-    "dist"
-  ],
+  "version": "2.1.0",
+  "main": "./index.js",
   "scripts": {
@@ -23,15 +20,12 @@ "build": "../../utils/scripts/build.sh",
   "dependencies": {
-    "@zendeskgarden/react-selection": "^3.1.0-beta.88e1c2ba",
-    "classnames": "^2.2.5"
-  },
-  "peerDependencies": {
+    "@zendeskgarden/css-tabs": "^5.0.0",
+    "@zendeskgarden/react-selection": "^3.0.1",
     "@zendeskgarden/react-theming": "^1.0.0",
+    "classnames": "^2.2.5",
     "prop-types": "^15.6.1",
-    "react": "^0.14.0 || ^15.0.0 || ^16.0.0",
-    "react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0",
     "styled-components": "^3.2.6"
   },
-  "devDependencies": {
-    "@zendeskgarden/css-tabs": "^5.0.0",
-    "@zendeskgarden/react-theming": "^1.1.0-beta.88e1c2ba"
+  "peerDependencies": {
+    "react": "^0.14.0 || ^15.0.0 || ^16.0.0",
+    "react-dom": "^0.14.0 || ^15.0.0 || ^16.0.0"
   },
@@ -46,5 +40,3 @@ "keywords": [
     "access": "public"
-  },
-  "zendeskgarden:library": "GardenTabs",
-  "zendeskgarden:src": "src/index.js"
+  }
 }

README.md

@@ -12,5 +12,2 @@ # @zendeskgarden/react-tabs [![npm version](https://img.shields.io/npm/v/@zendeskgarden/react-tabs.svg?style=flat-square)](https://www.npmjs.com/package/@zendeskgarden/react-tabs) [![Dependency Status](https://img.shields.io/david/zendeskgarden/react-components.svg?path=packages/tabs&style=flat-square)](https://david-dm.org/zendeskgarden/react-components?path=packages/tabs) <!-- markdownlint-disable -->
 npm install @zendeskgarden/react-tabs
-
-# Peer Dependencies - Also Required
-npm install react react-dom prop-types styled-components @zendeskgarden/react-theming
 ```
@@ -21,31 +18,18 @@
 ```jsx static
-/**
- * Include tabs styling at the root of your application
- */
-import '@zendeskgarden/react-tabs/dist/styles.css';
-
-import { ThemeProvider } from '@zendeskgarden/react-theming';
-import { Tabs, TabPanel } from '@zendeskgarden/react-tabs';
-
 initialState = { selectedKey: 'Tab 1' };
 
-/**
- * Place a `ThemeProvider` at the root of your React application
- */
-<ThemeProvider>
-  <Tabs selectedKey={state.selected} onChange={setState}>
-    <TabPanel label="Tab 1" key="tab-1">
-      Tab 1 content
-    </TabPanel>
-    <TabPanel label="Tab 2" key="tab-2">
-      Tab 2 content
-    </TabPanel>
-    <TabPanel label="Disabled Tab" disabled>
-      Disabled content
-    </TabPanel>
-    <TabPanel label="Tab 3" key="tab-3">
-      Tab 3 content
-    </TabPanel>
-  </Tabs>
-</ThemeProvider>;
+<Tabs selectedKey={state.selected} onChange={selectedKey => setState({ selectedKey })}>
+  <TabPanel label="Tab 1" key="tab-1">
+    Tab 1 content
+  </TabPanel>
+  <TabPanel label="Tab 2" key="tab-2">
+    Tab 2 content
+  </TabPanel>
+  <TabPanel label="Disabled Tab" disabled>
+    Disabled content
+  </TabPanel>
+  <TabPanel label="Tab 3" key="tab-3">
+    Tab 3 content
+  </TabPanel>
+</Tabs>;
 ```

New alerts

Major refactor

Supply chain risk

Package 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

Fixed alerts

Major refactor

Supply chain risk

Package 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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

0

-100%

Number of package files

11

22.22%

Number of low quality alerts

0

-100%

Worsened metrics

Total package byte prevSize

40947

-83.21%

Dependency count

8

14.29%

Lines of code

554

-31.86%

Number of lines in readme file

34

-32%

Dependency changes

• + Added

  @zendeskgarden/css-tabs@^5.0.0

• + Added

  @zendeskgarden/react-theming@^1.0.0

• + Added

  prop-types@^15.6.1

• + Added

  styled-components@^3.2.6

• + Added

  @zendeskgarden/css-tabs@5.1.7
  (transitive)

• + Added

  @zendeskgarden/css-variables@5.2.4
  (transitive)

• Updated

  @zendeskgarden/react-selection@^3.0.1