nfg_ui 5.15.3 → 5.15.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bc2e41b096acf0984f462d1c7b2058dbf4f7c14d183ced10061b70cad2c263fb
-  data.tar.gz: 044aba97d396b80d60ab7dde7b6ed598f5f70c1c4c46366ac2db3a1ed9e27b81
+  metadata.gz: cfd1fc1521c2302f7fd6778bd4b5616347cc0e427724431aa0dfda0a535c6d85
+  data.tar.gz: 2c3e03d6b15eab080f3f3c387df89f7f657988ae816573ffd935b3c579dc2419
 SHA512:
-  metadata.gz: 172b725c9ee35587851e1883b2f06c349c8cf6c438db6afe2c5b450dbd434f1bf3de610e6f64fd18e737c286beb0abe775f7a4522cc5259f4d15486c0035a93d
-  data.tar.gz: a687c3edd6dd070bf6e4d511050019d4c302ab334e40da37d20c58cd9c6bdc3333cabd7991145491247ab81a28a90b036d88d19537f88def6e2bd2c920137d53
+  metadata.gz: aaca169f1f4939b316638485ff145995a8515e7c418e7c6da059f8b751b3927b14e9af0a926e2294f929c16c98455e4d9cfb637b67841a236836587ad1f74f4c
+  data.tar.gz: 492f6fdad64b0651752512e6965b34c7914237dbb66a47bd2ddce584401aacc09bf27317d50c8c9d711014fa248281219054db86c6295f77a86e21ce7053ef51

data/app/assets/stylesheets/nfg_ui/network_for_good/public/nfg_theme/custom/_page_header.scss

@@ -33,6 +33,8 @@ $page-header-height-public: (($spacer * 6.75) + 1); // 21.7rem (adds 1px for wid
     }
 
     // this renders as body.nfg_ui_onboarder .page-header + .page-content specifying when the view is in a public onboarding status i.e. fundraiser onboarder in Fundraising Pages
-    body.nfg_ui_onboarder & + .page-content { padding-top: $page-header-height-public; }
+    body.nfg_ui_onboarder &, body.create_fundraiser & {
+      + .page-content { padding-top: $page-header-height-public; }
+    }
   }
 }

data/lib/nfg_ui/components/patterns/collapse.rb

@@ -15,16 +15,42 @@ module NfgUi
 
         include NfgUi::Components::Traits::Collapse
 
+        # Because it is common to forget to add the required :id
+        # to the component options when doing a "speed built"
+        # collapse, example:
+        # = ui.nfg :collapse, :collapsed, body: 'Collapse body content', heading: 'My Link'
+        #
+        # Send in a random string that is carried through
+        # from the speed built heading / button AND
+        # to the collapse component.
+        def component_initialize
+          # Only create and supply a random ID this when a :heading is present
+          return unless heading
+          new_id = options[:id].nil? ? random_id : options[:id]
+          options[:id] = new_id
+        end
+
         def render
           capture do
             if heading
-              opts = { collapse: "##{id}", body: heading, icon: 'caret-down', class: 'pl-0 text-left' }
+              icon = options.fetch(:icon, 'caret-down')
+              opts = { collapse: "##{html_options[:id]}", body: heading, icon: icon, class: 'pl-0 text-left' }
               opts.merge!(traits: [:link, :block])
               concat(NfgUi::Components::Elements::Button.new(opts, view_context).render)
             end
             concat(super)
           end
         end
+
+        private
+
+        # Generate a string of random letters
+        # We must insert a random letter before SecureRandom because
+        # if a css ID starts with a number, it seems to break
+        # the collapse JS functionality.
+        def random_id
+          "#{('a'..'z').to_a.sample}-#{SecureRandom.alphanumeric(6)}"
+        end
       end
     end
   end

data/lib/nfg_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module NfgUi
-  VERSION = '5.15.3'
+  VERSION = '5.15.5'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 5.15.3
+  version: 5.15.5
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-01 00:00:00.000000000 Z
+date: 2022-11-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap