bugfix for header, adding store

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-components/sidebar-form",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "sidebar to handle forms",
   "repository": {
     "type": "git",

src/sidebarFormHeader.riot

@@ -4,11 +4,23 @@
             { props.title }
         </div>
         <div class="bar__end">
-            <button class="button button--icon button--hover-icon-contrast m-top-3 m-bottom-3" type="button" onclick={ props.close }>
+            <button class="button button--icon button--hover-icon-contrast m-top-3 m-bottom-3" type="button" onclick={ () => { handleClose() } }>
                 <svg class="icon fill-danger" aria-hidden="true">
                     <use xlink:href="/symbol-defs.svg#icon-close"></use>
                 </svg>
             </button>
         </div>
     </div>
+
+    <script>
+
+        import { sidebarFormStore } from '@tiny-components/sidebar-form'
+
+        export default {
+            handleClose() {
+                sidebarFormStore.close(this.props.name)
+            }
+        }
+
+    </script>
 </tiny-sidebar-form-header>