@storybook/ember 7.0.0-alpha.45 → 7.0.0-alpha.47

package/dist/types/src/client/preview/render.d.ts

@@ -1,3 +1,3 @@
 import type { Store_RenderContext } from '@storybook/types';
-import { EmberFramework } from './types';
+import type { EmberFramework } from './types';
 export declare function renderToDOM({ storyFn, kind, name, showMain, showError }: Store_RenderContext<EmberFramework>, domElement: Element): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "7.0.0-alpha.45",
+  "version": "7.0.0-alpha.47",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/main/frameworks/ember",
   "bugs": {
@@ -21,6 +21,7 @@
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
@@ -30,12 +31,12 @@
     "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.45",
-    "@storybook/core-client": "7.0.0-alpha.45",
-    "@storybook/core-common": "7.0.0-alpha.45",
-    "@storybook/docs-tools": "7.0.0-alpha.45",
-    "@storybook/store": "7.0.0-alpha.45",
-    "@storybook/types": "7.0.0-alpha.45",
+    "@storybook/builder-webpack5": "7.0.0-alpha.47",
+    "@storybook/core-client": "7.0.0-alpha.47",
+    "@storybook/core-common": "7.0.0-alpha.47",
+    "@storybook/docs-tools": "7.0.0-alpha.47",
+    "@storybook/store": "7.0.0-alpha.47",
+    "@storybook/types": "7.0.0-alpha.47",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -59,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3ef14366115c56c1d45c0359ff681cc47ed50532"
+  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
 }

package/template/cli/1-Button.stories.js

@@ -0,0 +1,61 @@
+import { hbs } from 'ember-cli-htmlbars';
+import { action } from '@storybook/addon-actions';
+import { linkTo } from '@storybook/addon-links';
+
+// More on default export: https://storybook.js.org/docs/ember/writing-stories/introduction#default-export
+export default {
+  title: 'Button',
+  render: (args) => ({
+    template: hbs`<button {{action onClick}}>{{label}}</button>`,
+    context: args,
+  }),
+  // More on argTypes: https://storybook.js.org/docs/ember/api/argtypes
+  argTypes: {
+    label: { control: 'text' },
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/ember/writing-stories/introduction#using-args
+export const Text = {
+  args: {
+    label: 'Button',
+    onClick: action('onClick'),
+  },
+};
+
+export const Emoji = {
+  args: {
+    label: '😀 😎 👍 💯',
+  },
+};
+
+export const TextWithAction = {
+  render: () => ({
+    template: hbs`
+    <button {{action onClick}}>
+      Trigger Action
+    </button>
+  `,
+    context: {
+      onClick: () => action('This was clicked')(),
+    },
+  }),
+  name: 'With an action',
+  parameters: {
+    notes: 'My notes on a button with emojis',
+  },
+};
+
+export const ButtonWithLinkToAnotherStory = {
+  render: () => ({
+    template: hbs`
+    <button {{action onClick}}>
+      Go to Welcome Story
+    </button>
+  `,
+    context: {
+      onClick: linkTo('example-introduction--page'),
+    },
+  }),
+  name: 'button with link to another story',
+};