🔖 Update version to 0.0.16 (#22)

Update version to 0.0.16

Author: stuarthendren

.drone.yml

@@ -6,7 +6,6 @@ name: components
 steps:
   - name: npm_auth
     image: robertstettner/drone-npm-auth
-    environment:
     settings:
       registry: npm.pkg.github.com
       token:
@@ -29,7 +28,6 @@ steps:
 
   - name: code-analysis
     image: committed/drone-sonarqube-node
-    detach: true
     environment:
       SONAR_HOST:
         from_secret: sonar_host
@@ -40,6 +38,9 @@ steps:
     when:
       branch:
         - master
+      event:
+        exclude:
+          - pull_request
 
   - name: slack
     image: plugins/slack
@@ -51,5 +52,18 @@ steps:
         from_secret: slack_template
     when:
       status:
-        - success
         - failure
+
+  - name: announce
+    image: plugins/slack
+    settings:
+      channel: group-dev
+      webhook:
+        from_secret: slack_webhook
+      template: >
+        :tada: New version ${DRONE_TAG} of `@commitd/components` available
+    when:
+      ref:
+        - refs/tags/v*
+      status:
+        - success

.storybook/addons.js

@@ -2,18 +2,14 @@ import '@storybook/addon-docs/register'
 import '@storybook/addon-actions/register'
 import '@storybook/addon-links/register'
 import '@storybook/addon-a11y/register'
-import { STORY_CHANGED } from '@storybook/core-events'
+import { STORIES_CONFIGURED } from '@storybook/core-events'
 
 import addonAPI from '@storybook/addons'
 
-let firstLoad = true
 addonAPI.register('committed/components', storybookAPI => {
-  // This doesn't currently work due to a bug in storybook
-  // storybookAPI.on(STORY_CHANGED, (kind, story) => {
-  //   console.log('called')
-  //   if (firstLoad) {
-  //     firstLoad = false // make sure to set this flag to false, otherwise you will never be able to look at another story.
-  //     storybookAPI.selectStory('Design System', 'Introduction')
-  //   }
-  // })
+  storybookAPI.on(STORIES_CONFIGURED, (kind, story) => {
+    if (storybookAPI.getUrlState().path === '/story/*') {
+      storybookAPI.selectStory('Design System', 'Introduction')
+    }
+  })
 })

.storybook/config.tsx

@@ -32,4 +32,4 @@ addParameters({
   }
 })
 
-configure(require.context('../src/stories', true, /\.(tsx|mdx)$/), module)
+configure(require.context('../src', true, /\.stories\.(tsx|mdx)$/), module)

README.md

@@ -50,7 +50,7 @@ const Content = () => (
         'Rejux',
         'Baleen'
       ].map((name, index) => (
-        <Post name={name} index={index} />
+        <Post key={name} name={name} index={index} />
       ))}
     </C.Flex>
     <C.Box mb={5}>

example/index.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@commitd/components",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Committed Component Library",
   "author": "Committed",
   "license": "UNLICENSED",
@@ -83,7 +83,7 @@
     "pretty-quick": "^1.11.1",
     "prop-types": "^15.7.2",
     "react": "^16.9.0",
-    "react-docgen-typescript-loader": "^3.1.1",
+    "react-docgen-typescript-loader": "^3.3.0",
     "react-dom": "^16.9.0",
     "react-scripts-ts": "^2.16.0",
     "rollup": "^0.62.0",

package.json

@@ -1,4 +1,4 @@
-import React from 'react'
+import { ComponentType, FC } from 'react'
 import { styled } from '@material-ui/styles'
 import { fonts, Theme } from '../../theme'
 import MaterialAppBar, {
@@ -7,11 +7,17 @@ import MaterialAppBar, {
 
 export type AppBarProps = MaterialAppBarProps
 
-export const AppBar = styled<React.ComponentType<AppBarProps>>(MaterialAppBar)(
+export const AppBar: ComponentType<AppBarProps> = styled(MaterialAppBar)(
   ({ theme }: { theme: Theme }) => ({
     '& h1, h2, h3, h4, h5, h6': {
       fontSize: fonts.sizes[1],
       fontWeight: theme.typography.fontWeightMedium
     }
   })
 )
+
+// For documentation only
+export type BaseAppBarProps = Pick<AppBarProps, 'position' | 'color'>
+export type RestAppBarProps = Omit<AppBarProps, keyof BaseAppBarProps>
+export const BaseAppBarDocs: FC<BaseAppBarProps> = () => null
+export const RestAppBarDocs: FC<RestAppBarProps> = () => null