feat(accordion): Disable content clicking (#571)

* feat(accordion): Disable content clicking

* chore: Update package version

* chore: PR review

addon/components/nrg-accordion.hbs

@@ -19,8 +19,10 @@
       {{/if}}
     </div>
     <div
-      class="{{if item.active 'active '}}content"
-      data-accordion-hash={{item.hash}}
+      class="{{if item.active 'active '~}}
+        {{unless this.closeOnContentClick 'no-click'}}
+        content"
+      data-accordion-hash={{item.contentHash}}
     >
       {{#if @freeform}}
         {{yield item.data item.active to="content"}}

addon/components/nrg-accordion.js

@@ -12,13 +12,14 @@ export default class NrgAccordionComponent extends Component {
 
   get mappedItems() {
     const items = this.args.items ?? [];
-    const { openItems } = this;
+    const { openItems, closeOnContentClick } = this;
 
     return items.map((item) => {
       const hash = stringHash(objectHash(item)).toString(36);
+      const contentHash = closeOnContentClick ? hash : undefined;
       const active = openItems.includes(hash);
 
-      return { data: item, hash, active };
+      return { data: item, hash, contentHash, active };
     });
   }
 
@@ -82,6 +83,10 @@ export default class NrgAccordionComponent extends Component {
     return this.args.forceOpen === true;
   }
 
+  get closeOnContentClick() {
+    return this.args.contentClickable !== true;
+  }
+
   openItem(item) {
     this.openItems.pushObject(item.hash);
 

addon/styles/addon.scss

@@ -44,3 +44,7 @@ textarea {
 [role='button']:not(.disabled):not([disabled]) {
   cursor: pointer;
 }
+
+.ui.accordion > div.content.no-click {
+  cursor: default;
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-nrg-ui",
-  "version": "4.7.2",
+  "version": "4.7.3",
   "description": "Opinionated UI addon based on how KUB scaffolds web applications",
   "keywords": [
     "ember-addon",