From 951eb84361b3b8c068815242f55c0ce4f5e27ee3 Mon Sep 17 00:00:00 2001
From: Peter Colapietro <petercolapietro+spacehippie@gmail.com>
Date: Sat, 16 Jul 2022 06:57:39 -0400
Subject: [PATCH] fix(storybook): add `args` to auto generate docs

see:
- https://github.com/storybookjs/storybook/issues/8104#issuecomment-932279083
- https://storybook.js.org/docs/react/writing-docs/doc-block-source
---
 .../generate/cell/templates/stories.js.template  | 16 ++++++++--------
 .../component/templates/stories.tsx.template     |  4 ++--
 .../layout/templates/stories.tsx.template        |  4 ++--
 .../generate/page/templates/stories.tsx.template |  4 ++--
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/cli/src/commands/generate/cell/templates/stories.js.template b/packages/cli/src/commands/generate/cell/templates/stories.js.template
index 82d9829a4441..b2bd74c3d80e 100644
--- a/packages/cli/src/commands/generate/cell/templates/stories.js.template
+++ b/packages/cli/src/commands/generate/cell/templates/stories.js.template
@@ -1,20 +1,20 @@
 import { Loading, Empty, Failure, Success } from './${pascalName}Cell'
 import { standard } from './${pascalName}Cell.mock'
 
-export const loading = () => {
-  return Loading ? <Loading /> : null
+export const loading = (args) => {
+  return Loading ? <Loading {...args} /> : null
 }
 
-export const empty = () => {
-  return Empty ? <Empty /> : null
+export const empty = (args) => {
+  return Empty ? <Empty {...args} /> : null
 }
 
-export const failure = () => {
-  return Failure ? <Failure error={new Error("Oh no")} /> : null
+export const failure = (args) => {
+  return Failure ? <Failure error={new Error("Oh no")} {...args} /> : null
 }
 
-export const success = () => {
-  return Success ? <Success {...standard()} /> : null
+export const success = (args) => {
+  return Success ? <Success {...standard()} {...args} /> : null
 }
 
 export default { title: 'Cells/${pascalName}Cell' }
diff --git a/packages/cli/src/commands/generate/component/templates/stories.tsx.template b/packages/cli/src/commands/generate/component/templates/stories.tsx.template
index 13ad91df87fd..108123534f7f 100644
--- a/packages/cli/src/commands/generate/component/templates/stories.tsx.template
+++ b/packages/cli/src/commands/generate/component/templates/stories.tsx.template
@@ -1,7 +1,7 @@
 import ${pascalName} from './${pascalName}'
 
-export const generated = () => {
-  return <${pascalName} />
+export const generated = (args) => {
+  return <${pascalName} {...args} />
 }
 
 export default { title: 'Components/${pascalName}' }
diff --git a/packages/cli/src/commands/generate/layout/templates/stories.tsx.template b/packages/cli/src/commands/generate/layout/templates/stories.tsx.template
index 087fbdfa0e7f..7975cb26d3fb 100644
--- a/packages/cli/src/commands/generate/layout/templates/stories.tsx.template
+++ b/packages/cli/src/commands/generate/layout/templates/stories.tsx.template
@@ -1,7 +1,7 @@
 import ${singularPascalName}Layout from './${pascalName}Layout'
 
-export const generated = () => {
-  return <${singularPascalName}Layout />
+export const generated = (args) => {
+  return <${singularPascalName}Layout {...args} />
 }
 
 export default { title: 'Layouts/${singularPascalName}Layout' }
diff --git a/packages/cli/src/commands/generate/page/templates/stories.tsx.template b/packages/cli/src/commands/generate/page/templates/stories.tsx.template
index 62a80ac0bd8f..c503e527031e 100644
--- a/packages/cli/src/commands/generate/page/templates/stories.tsx.template
+++ b/packages/cli/src/commands/generate/page/templates/stories.tsx.template
@@ -1,7 +1,7 @@
 import ${pascalName}Page from './${pascalName}Page'
 
-export const generated = () => {
-  return <${pascalName}Page ${propValueParam}/>
+export const generated = (args) => {
+  return <${pascalName}Page ${propValueParam} {...args} />
 }
 
 export default { title: 'Pages/${pascalName}Page' }