import { centered } from '@storybook/addon-centered/angular';

martinmacko47 · May 13, 2018 · 44eb393 · 44eb393
1 parent 3475f43
commit 44eb393
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 11 deletions.
diff --git a/addons/centered/README.md b/addons/centered/README.md
@@ -77,12 +77,12 @@ storiesOf('MyComponent', module)
 example for Angular with component:
 
 ```ts
-import { ngCentered } from '@storybook/addon-centered';
+import { centered } from '@storybook/addon-centered/angular';
 import { storiesOf } from '@storybook/angular';
 import { AppComponent } from '../app/app.component';
 
 storiesOf('Addon|Centered', module)
-  .addDecorator(ngCentered)
+  .addDecorator(centered)
   .add('centered component', () => ({
     component: AppComponent,
     props: {},
@@ -93,7 +93,7 @@ storiesOf('Addon|Centered', module)
 example for Angular with template:
 
 ```ts
-import { ngCentered } from '@storybook/addon-centered';
+import { centered } from '@storybook/addon-centered/angular';
 import { moduleMetadata, storiesOf } from '@storybook/angular';
 import { AppComponent } from '../app/app.component';
 
@@ -103,7 +103,7 @@ storiesOf('Addon|Centered', module)
       declarations: [Button],
     })
   )
-  .addDecorator(ngCentered)
+  .addDecorator(centered)
   .add('centered template', () => ({
     template: `<storybook-button-component 
         [text]="text" (onClick)="onClick($event)">

diff --git a/addons/centered/angular.d.ts b/addons/centered/angular.d.ts
@@ -0,0 +1,5 @@
+import { IStory } from '@storybook/angular';
+
+declare module '@storybook/addon-centered/angular' {
+  export function centered(story: IStory): IStory;
+}
diff --git a/addons/centered/angular.js b/addons/centered/angular.js
@@ -0,0 +1,3 @@
+import fromCentered from './dist/angular';
+
+export const centered = fromCentered;
diff --git a/addons/centered/src/index.js b/addons/centered/src/index.js
@@ -1,9 +1,6 @@
 import { window } from 'global';
 import ReactCentered from './react';
 import VueCentered from './vue';
-import AngularCentered from './angular';
 
 const Centered = window.STORYBOOK_ENV === 'vue' ? VueCentered : ReactCentered;
 export default Centered;
-
-export const ngCentered = AngularCentered;
diff --git a/examples/angular-cli/src/stories/addon-centered.stories.ts b/examples/angular-cli/src/stories/addon-centered.stories.ts
@@ -1,10 +1,10 @@
-import { ngCentered } from '@storybook/addon-centered';
+import { centered } from '@storybook/addon-centered/angular';
 import { moduleMetadata, storiesOf } from '@storybook/angular';
 import { Button } from '@storybook/angular/demo';
 import { AppComponent } from '../app/app.component';
 
 storiesOf('Addon|Centered', module)
-  .addDecorator(ngCentered)
+  .addDecorator(centered)
   .add('centered component', () => ({
     component: AppComponent,
     props: {},
@@ -16,12 +16,12 @@ storiesOf('Addon|Centered', module)
       declarations: [Button],
     })
   )
-  .addDecorator(ngCentered)
+  .addDecorator(centered)
   .add('centered template', () => ({
     template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
     props: {
       text: 'Hello Button',
-      onClick: event => {
+      onClick: (event: Event) => {
         console.log('some bindings work');
         console.log(event);
       },
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import fromCentered from './dist/angular';

		export const centered = fromCentered;