@storybook/angular 7.3.2 → 7.4.0-alpha.1

package/template/stories/core/moduleMetadata/in-stories.stories.ts

@@ -1,46 +0,0 @@
-import { Meta, StoryFn } from '@storybook/angular';
-import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
-
-export const Individual1: StoryFn = () => ({
-  template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
-  props: {
-    name: 'Prop Name',
-  },
-  moduleMetadata: {
-    imports: [],
-    declarations: [TokenComponent],
-    providers: [
-      {
-        provide: ITEMS,
-        useValue: ['Joe', 'Jane'],
-      },
-    ],
-  },
-});
-
-Individual1.storyName = 'Individual 1';
-
-export const Individual2: StoryFn = () => ({
-  template: `<storybook-simple-token-component></storybook-simple-token-component>`,
-  moduleMetadata: {
-    imports: [],
-    declarations: [TokenComponent],
-    providers: [
-      {
-        provide: ITEMS,
-        useValue: ['Jim', 'Jill'],
-      },
-      {
-        provide: DEFAULT_NAME,
-        useValue: 'Provider Name',
-      },
-    ],
-  },
-});
-
-Individual2.storyName = 'Individual 2';
-
-export default {
-  // title: 'Core / ModuleMetadata / In stories',
-  component: Individual1,
-} as Meta;

package/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts

@@ -1,35 +0,0 @@
-import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
-import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
-import { CustomPipePipe } from './angular-src/custom.pipe';
-
-export const MergeWithDefaultModuleMetadata: StoryFn = () => ({
-  template: `<storybook-simple-token-component [name]="name | customPipe"></storybook-simple-token-component>`,
-  props: {
-    name: 'Prop Name',
-  },
-  moduleMetadata: {
-    declarations: [CustomPipePipe],
-    providers: [],
-  },
-});
-MergeWithDefaultModuleMetadata.storyName = 'Merge with default ModuleMetadata';
-
-export default {
-  // title: 'Core / ModuleMetadata / Merge default and story',
-  component: MergeWithDefaultModuleMetadata,
-  decorators: [
-    moduleMetadata({
-      declarations: [TokenComponent],
-      providers: [
-        {
-          provide: ITEMS,
-          useValue: ['Joe', 'Jane'],
-        },
-        {
-          provide: DEFAULT_NAME,
-          useValue: 'Provider Name',
-        },
-      ],
-    }),
-  ],
-} as Meta;

package/template/stories/core/parameters/bootstrap-options.stories.ts

@@ -1,18 +0,0 @@
-import { Meta, StoryFn } from '@storybook/angular';
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'component-with-whitespace',
-  preserveWhitespaces: true,
-  template: ` <div>
-    <p>Some content</p>
-  </div>`,
-})
-class ComponentWithWhitespace {}
-
-export default {
-  // title: 'Core / Parameters / With Bootstrap Options',
-  component: ComponentWithWhitespace,
-} as Meta;
-
-export const WithPreserveWhitespaces: StoryFn = (_args) => ({});

package/template/stories/core/styles/story-styles.stories.ts

@@ -1,50 +0,0 @@
-import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
-import Button from '../../button.component';
-
-export const TemplateStory: StoryFn = () => ({
-  template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
-  props: {
-    text: 'Button with custom styles',
-    onClick: () => {},
-  },
-  styles: [
-    `
-      storybook-button-component {
-        background-color: yellow;
-        padding: 25px;
-      }
-    `,
-  ],
-});
-TemplateStory.storyName = 'With story template';
-
-export const WithArgsStory: StoryFn = (args) => ({
-  template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
-  props: args,
-  styles: [
-    `
-  storybook-button-component {
-    background-color: red;
-    padding: 25px;
-  }
-`,
-  ],
-});
-WithArgsStory.storyName = 'With Args';
-WithArgsStory.argTypes = {
-  text: { control: 'text' },
-  onClick: { action: 'On click' },
-};
-WithArgsStory.args = {
-  text: 'Button with custom styles',
-};
-
-export default {
-  // title: 'Core / Story host styles',
-  component: TemplateStory,
-  decorators: [
-    moduleMetadata({
-      declarations: [Button],
-    }),
-  ],
-} as Meta;

package/template/stories/others/app-initializer-use-factory/app-initializer-use-factory.stories.ts

@@ -1,34 +0,0 @@
-import { moduleMetadata, Meta } from '@storybook/angular';
-import { APP_INITIALIZER } from '@angular/core';
-import { action } from '@storybook/addon-actions';
-import Button from '../../button.component';
-
-const meta: Meta<Button> = {
-  component: Button,
-  render: (args) => ({
-    props: {
-      ...args,
-    },
-  }),
-  decorators: [
-    moduleMetadata({
-      providers: [
-        {
-          provide: APP_INITIALIZER,
-          useFactory: () => {
-            return action('APP_INITIALIZER useFactory called successfully');
-          },
-          multi: true,
-        },
-      ],
-    }),
-  ],
-};
-
-export default meta;
-
-export const Default = {
-  args: {
-    text: 'Button',
-  },
-};

package/template/stories/others/issues/12009-unknown-component.stories.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryFn } from '@storybook/angular';
-import Button from '../../button.component';
-
-export default {
-  // title: 'Others / Issues / 12009 unknown component',
-  component: Button,
-} as Meta;
-
-const Template: StoryFn = (args) => ({
-  props: args,
-});
-
-export const Basic = Template.bind({});
-Basic.args = { text: 'Unknown component' };

package/template/stories/others/ngx-translate/README.stories.mdx

@@ -1,65 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-
-<Meta title="stories / frameworks / angular / others / ngx-translate" />
-
-# [ngx-translate](https://github.com/ngx-translate/core)
-
-> No real example here to avoid adding more dependency to storybook mono repository
-
-There are several ways to configure ngx-translate in storybook which will depend on your context.
-
-Here is a simple example with a storybook decorator that you can place in the `preview.ts` or locally on the stories.
-[See the doc on decorators](https://storybook.js.org/docs/angular/writing-stories/decorators)
-
-```ts
-import { HttpClient, HttpClientModule } from '@angular/common/http';
-import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { moduleMetadata, applicationConfig } from '@storybook/angular';
-
-function createTranslateLoader(http: HttpClient) {
-  return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
-}
-
-const TranslateModuleDecorator = (storyFunc, context) => {
-  const { locale } = context.globals;
-
-  return applicationConfig({
-    providers: [
-      importProvidersFrom(
-        HttpClientModule, 
-        TranslateModule.forRoot({
-          defaultLanguage: locale,
-          loader: {
-            provide: TranslateLoader,
-            useFactory: createTranslateLoader,
-            deps: [HttpClient],
-          },
-        })
-      )
-    ]
-  })(storyFunc, context);
-};
-
-// for `preview.ts`
-export const decorators = [
-  moduleMetadata({
-    imports: [TranslateModule],
-  }),
-  TranslateModuleDecorator,
-];
-```
-
-If the `TranslateModule.forRoot` is made by another module you can try to set this provider `DEFAULT_LANGUAGE`
-
-```ts
-import { DEFAULT_LANGUAGE } from '@ngx-translate/core';
-
-const TranslateModuleDecorator = (storyFunc, context) => {
-  const { locale } = context.globals;
-
-  return applicationConfig({
-    providers: [{ provide: DEFAULT_LANGUAGE, useValue: locale }],
-  })(storyFunc, context);
-};
-```