feat(sidebar): add focusOnClose attribute for sidebar

Co-authored-by: Eric Lim <[email protected]>
1024pix · Feb 4, 2025 · 94c21a4 · 94c21a4
1 parent df423c7
commit 94c21a4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/addon/components/pix-sidebar.hbs b/addon/components/pix-sidebar.hbs
@@ -1,7 +1,7 @@
 <div
   class="pix-sidebar__overlay {{unless @showSidebar ' pix-sidebar__overlay--hidden'}}"
   {{on "click" this.closeAction}}
-  {{trap-focus @showSidebar}}
+  {{trap-focus @showSidebar @focusOnClose}}
   {{on-escape-action @onClose}}
 >
   <div

diff --git a/app/stories/pix-sidebar.stories.js b/app/stories/pix-sidebar.stories.js
@@ -25,6 +25,16 @@ export default {
         type: { summary: 'function' },
       },
     },
+    focusOnClose: {
+      name: 'focusOnClose',
+      description: 'Après fermeture de la Sidebar, ' +
+        'active ou non le focus sur l‘élément qui a déclenché son ouverture',
+      type: { name: 'boolean', required: false },
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: true },
+      },
+    },
   },
 };
 
@@ -71,4 +81,5 @@ Default.args = {
   showSidebar: true,
   title: 'Filtrer',
   onClose: () => {},
+  focusOnClose: true,
 };