blacklight-hierarchy 5.4.0 → 6.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9f94c79bf8bbe805effc4bec475a954cf3dc958eb6e4bed158c72432ff21c63e
-  data.tar.gz: 2f2b214a450f319ba642b309646162833a8205b6081bd03b81e8fb254cf884a1
+  metadata.gz: ee133f1b21f148557b8c40603fde045e4c79fbcf41fd6baa02883a07341c399c
+  data.tar.gz: 20badd3b19799248b0da5e8191921e49a3835e52f5c0a044f88f5c4eb27490e8
 SHA512:
-  metadata.gz: 66a38ecc4ffa59c73d6121110cf7fdb9dab24a56d5001e3b3e9a262595d3e5b47c9af52b8b7b1a38006b94d9794c2984e8a2610c698cc3432ddd6189fff0c816
-  data.tar.gz: 4b7274458273f4c9f86f3f93de9af1adbb15d5e03dc7519d12f9700763cd73ca27f7d2e5f17d18836ee537230da27dd9d7e4ac7ec785d048ca54e75a9b68a926
+  metadata.gz: b4ad69b3c7dee5a5ac12f430affc11f43f67b572533bcc9b456e2ec7321a329de7f4ac407e87679e6dacf63c3408d110fbcf4107496e4c665a2f464c2f650531
+  data.tar.gz: 6c8498f864b8b6ae8e71863d2a0cb249470000852b5907101aadc86590e6975c73c91ae6b3d5e4c6e23003a7a8cc59279fa7dde5bf258556f02a155ec94cde6a

data/.github/workflows/ruby.yml

@@ -18,7 +18,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        ruby: [2.7, 3.0]
+        ruby: [2.7, '3.0']
     steps:
     - uses: actions/checkout@v2
     - name: Set up Ruby

data/README.md

@@ -83,15 +83,17 @@ Facet fields should be added for each permutation of hierarchy key and term valu
 config.facet_display[:hierarchy].each{ |k,v| puts "#{k}_#{v}" }
 ```
 
-### Overriding the icon
-The icon is available in an engine configuration.  You can change them in an initializer in your app.
+### Changing the icons
+We store our closed/open icons as the SASS variables `$b-h-closed-icon` and `$b-h-closed-icon` in `hierarchy.scss`. By default we use SVGs provided by the [Font Awesome](https://github.com/FortAwesome/Font-Awesome) library. To change the icon, reassign these SASS variables with new SVG code. 
 
-```ruby
-Blacklight::Hierarchy::Engine.config.closed_icon = '➕'
-Blacklight::Hierarchy::Engine.config.opened_icon = '➖'
+```scss
+  /* app/assets/stylesheets/blacklight/hierarchy/hierarchy.scss */
 
+  // plus sign
+  $b-h-closed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M200 344V280H136C122.7 280 112 269.3 112 256C112 242.7 122.7 232 136 232H200V168C200 154.7 210.7 144 224 144C237.3 144 248 154.7 248 168V232H312C325.3 232 336 242.7 336 256C336 269.3 325.3 280 312 280H248V344C248 357.3 237.3 368 224 368C210.7 368 200 357.3 200 344zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z'/></svg>") !default;
 ```
 
+
 ### Aria Labels
 For screen reader purposes we have used "Toggle subgroup" as the aria-label attribute of the button.  This is internationalized using rails' i18n feature.
 

data/app/assets/stylesheets/blacklight/hierarchy/hierarchy.scss

@@ -1,3 +1,8 @@
+// plus sign
+$b-h-closed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M200 344V280H136C122.7 280 112 269.3 112 256C112 242.7 122.7 232 136 232H200V168C200 154.7 210.7 144 224 144C237.3 144 248 154.7 248 168V232H312C325.3 232 336 242.7 336 256C336 269.3 325.3 280 312 280H248V344C248 357.3 237.3 368 224 368C210.7 368 200 357.3 200 344zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z'/></svg>") !default;
+// minus sign
+$b-h-opened-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M312 232C325.3 232 336 242.7 336 256C336 269.3 325.3 280 312 280H136C122.7 280 112 269.3 112 256C112 242.7 122.7 232 136 232H312zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z'/></svg>") !default;
+
 $text-muted: #777 !default;
 
 .facet-hierarchy {
@@ -34,8 +39,21 @@ $text-muted: #777 !default;
     }
   }
 
+  .twiddle>.toggle-handle {
+    background-color: transparent;
+  }
+
+  .twiddle>.toggle-handle .toggle-icon {
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-top: 3px;
+    min-height: 20px;
+    min-width: 20px;
+  }
+
   .twiddle>.toggle-handle .closed {
-    display: inline;
+    background-image: escape-svg($b-h-closed-icon);
+    display: inline-block;
   }
 
   .twiddle>.toggle-handle .opened {
@@ -47,7 +65,8 @@ $text-muted: #777 !default;
   }
 
   .twiddle-open>.toggle-handle .opened {
-    display: inline;
+    background-image: escape-svg($b-h-opened-icon);
+    display: inline-block;
   }
 
   .h-leaf {

data/app/helpers/blacklight/hierarchy_helper.rb

@@ -22,8 +22,8 @@ module Blacklight::HierarchyHelper
                  bs_target: "##{controls}"
                },
                class: 'toggle-handle') do
-      tag.span(Blacklight::Hierarchy::Engine.config.closed_icon, :'aria-hidden' => 'true', class: 'closed') +
-      tag.span(Blacklight::Hierarchy::Engine.config.opened_icon, :'aria-hidden' => 'true', class: 'opened')
+      tag.div( :'aria-hidden' => 'true', class: 'closed toggle-icon') +
+      tag.div( :'aria-hidden' => 'true', class: 'opened toggle-icon')
     end
   end
 

data/lib/blacklight/hierarchy/engine.rb

@@ -4,8 +4,6 @@ require 'rails'
 module Blacklight
   module Hierarchy
     class Engine < Rails::Engine
-      config.closed_icon = '⊞'
-      config.opened_icon = '⊟'
     end
   end
 end

data/lib/blacklight/hierarchy/version.rb

@@ -1,5 +1,5 @@
 module Blacklight
   module Hierarchy
-    VERSION = '5.4.0'.freeze
+    VERSION = '6.0.0'.freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: blacklight-hierarchy
 version: !ruby/object:Gem::Version
-  version: 5.4.0
+  version: 6.0.0
 platform: ruby
 authors:
 - Michael B. Klein
-autorequire: 
+autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-12-06 00:00:00.000000000 Z
+date: 2022-02-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: blacklight
@@ -194,7 +194,7 @@ files:
 homepage: https://github.com/sul-dlss/blacklight-hierarchy
 licenses: []
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -209,8 +209,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
-signing_key: 
+rubygems_version: 3.2.32
+signing_key:
 specification_version: 4
 summary: Hierarchical Facets for Blacklight
 test_files: