Merge pull request #21 from idesigncode/storybook

Storybook improvements

Author: idesigncode

.gitignore

@@ -19,6 +19,6 @@ __snapshots__/failed/
 
 # Build files
 storybook-static/
-/exampleFunction.mjs
-/exampleStyles.css
-/ExampleComponent.mjs
+/SampleComponent.mjs
+/sampleFunction.mjs
+/sampleStyles.css

README.md

@@ -9,7 +9,7 @@ Quickly setup ESM React repositories with preconfigured functionality.
 
 ## Usage
 
-Remove/replace the example source files in the `src` directory with your own.
+Remove/replace the sample source files in `src` & `stories` with your own.
 
 When adding source files, remember to add the build output file details to the `files` & `exports` fields of [package.json](package.json) and [.gitignore](.gitignore).
 

__snapshots__/examplecomponent--example.png

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ExampleComponent Example test 1`] = `
+exports[`SampleComponent Example test 1`] = `
 <div class="example sb-unstyled">
-  <input class="ExampleComponentWithProps"
-         data-testid="ExampleComponent"
+  <input class="SampleComponent"
+         data-testid="SampleComponent"
          value="test"
   >
 </div>
@@ -42,7 +42,7 @@ exports[`ExampleComponent Example test 1`] = `
                     style="white-space: pre;"
               >
                 <span class="token string">
-                  "ExampleComponentWithProps"
+                  "SampleComponent"
                 </span>
               </code>
             </pre>
@@ -173,7 +173,7 @@ exports[`ExampleComponent Example test 1`] = `
 </div>
 `;
 
-exports[`ExampleComponent Implementation test 1`] = `
+exports[`SampleComponent Implementation test 1`] = `
 <div class="Source sb-unstyled ">
   <pre class="prismjs">
     <code class="language-jsx"
@@ -204,15 +204,15 @@ exports[`ExampleComponent Implementation test 1`] = `
         import
       </span>
       <span class>
-        ExampleComponent
+        SampleComponent
       </span>
       <span class="token keyword">
         from
       </span>
       <span class>
       </span>
       <span class="token string">
-        "template-esm-react/ExampleComponent.mjs"
+        "template-esm-react/SampleComponent.mjs"
       </span>
       <span class="token punctuation">
         ;
@@ -227,7 +227,7 @@ exports[`ExampleComponent Implementation test 1`] = `
       <span class>
       </span>
       <span class="token function-variable function">
-        ExampleComponentWithProps
+        SampleComponentExample
       </span>
       <span class>
       </span>
@@ -322,7 +322,7 @@ exports[`ExampleComponent Implementation test 1`] = `
         &lt;
       </span>
       <span class="token tag class-name">
-        ExampleComponent
+        SampleComponent
       </span>
       <span class="token tag">
       </span>
@@ -394,7 +394,7 @@ exports[`ExampleComponent Implementation test 1`] = `
         "
       </span>
       <span class="token tag attr-value">
-        ExampleComponentWithProps
+        SampleComponent
       </span>
       <span class="token tag attr-value punctuation">
         "
@@ -458,7 +458,7 @@ exports[`ExampleComponent Implementation test 1`] = `
         default
       </span>
       <span class>
-        ExampleComponentWithProps
+        SampleComponentExample
       </span>
       <span class="token punctuation">
         ;