nfg_ui 0.12.2 → 0.12.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b0ea8825884109af59da5cbe436bfb4fc5142fce0c012bf96d5fd13d20758054
-  data.tar.gz: 04bb29011a602d090d4eba4392f0213b70b05005ed73125c48b4dacee8e930d3
+  metadata.gz: 5bbafc30ea4243b1b4053b0ea9556031985f5d9f13a0800542a45d8a92c6a854
+  data.tar.gz: ea57532fe3f800a39722870962424ae6c11868d333c39292703c4df18266f8b0
 SHA512:
-  metadata.gz: d02bf2c10fb4fce63425f694b0faf4367d3d735efacfa225bfdc31f6e02a05496b109a1635cef6598a953cfa1fc2862b0f3274d0a470c1827c821f718df57eab
-  data.tar.gz: b879e58d088973854bd19fc8794f3763f8f1b7f72a2c029ba1c4aedaf8dd071102871bc01d02a99915bcb639a778b1e1ba29a7c7f7c892692d7c6e756b153bd6
+  metadata.gz: b9642aa6a7d9b14a2523bd3ced6b4a8cfa2cb905fd614f3484ba748447fec2e1f96c3dbdffe42f0baf4e9f042b45ce49cdd455b6bba56c32cbda13383465aefd
+  data.tar.gz: 65e30453eb0709ca978786c273751ad6116e823f1f5eae35439b0b832ce26f117afd010081baaf9ba8800dd0ca5d1c37e5be7736b508bad1556a854a5f17a80d

data/app/assets/javascripts/nfg_ui/collapsible_toggle.coffee

@@ -1,3 +1,6 @@
+if typeof NfgUi == "undefined"
+  window.NfgUi = {}
+
 class NfgUi.CollapsibleToggle
   constructor: (@el) ->
     @target = @collapseTarget()

data/app/assets/stylesheets/nfg_ui/network_for_good/admin/application.scss

@@ -8,6 +8,7 @@
 
 // Plugins
 @import 'nfg_ui/network_for_good/core/plugins/intercom';
+@import 'nfg_ui/network_for_good/core/plugins/multi';
 @import 'nfg_ui/network_for_good/core/plugins/turbolinks';
 @import 'nfg_ui/network_for_good/core/plugins/twitter_typeahead';
 

data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datetimepicker.scss

@@ -34,6 +34,7 @@
   //** For when the date and time pickers are side by side.
   &.timepicker-sbs {
     @include media-breakpoint-up(md) {
+      min-width: ($spacer * 20);
       max-width: ($spacer * 20);
     }
     .row { align-items: center; }

data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_multi.scss

@@ -0,0 +1,64 @@
+//** Multi plugin used in export contacts/donations modal in DM
+
+.multi-wrapper {
+  border: $border-width solid $border-color;
+  border-radius: $border-radius;
+  width: 100%;
+  .search-input {
+    border: 0;
+    border-bottom: $border-width solid $border-color;
+    border-radius: 0;
+    display: block;
+    font-size: $font-size-base;
+    margin: 0;
+    outline: 0;
+    padding: $input-btn-padding-y $input-btn-padding-x;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .item {
+    cursor: pointer;
+    display: block;
+    position: relative;
+    padding: ($spacer * .25);
+    border-radius: $border-radius;
+    &:hover { background: $gray-200; }
+  }
+  .non-selected-wrapper, .selected-wrapper {
+    box-sizing: border-box;
+    display: inline-block;
+    height: ($spacer * 8);
+    overflow-y: scroll;
+    padding: ($spacer * .5);
+    vertical-align: top;
+    width: 50%;
+  }
+  .non-selected-wrapper {
+    background: $body-bg;
+    border-right: $border-width solid $border-color;
+    .item.selected {
+      padding-right: $spacer;
+      color: inherit;
+      background: $gray-200;
+      opacity: 0.5;
+      &:hover {
+        background: $gray-200;
+        cursor: inherit;
+      }
+      &:after {
+        position: absolute;
+        top: ($spacer * .25);
+        right: 0;
+        width: $spacer;
+        font-family: "FontAwesome";
+        font-size: $font-size-base;
+        line-height: 1.5;
+        color: inherit;
+        text-align: center;
+        content: '\f00c';
+        z-index: 5;
+      }
+    }
+  }
+  .selected-wrapper { background: $white; }
+}

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

@@ -17,13 +17,13 @@ module NfgUi
         def render
           super do
             if collapsible && title
-              concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0' }, view_context).render {
+              concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0', data: { collapse_icon: collapse_icon, collapsed_icon: collapsed_icon } }, view_context).render {
                 content_tag(:div, class: 'row align-items-center') do
                   concat(content_tag(:div, class: 'col-10 text-left') {
                     NfgUi::Components::Foundations::Typeface.new({ heading: title, icon: icon, class: 'h4' }, view_context).render
                   })
                   concat(content_tag(:div, class: 'col-2 text-right') {
-                    NfgUi::Components::Foundations::Icon.new({ traits: ['caret-down fw'], tooltip: 'Show / hide additional information' }, view_context).render
+                    NfgUi::Components::Foundations::Icon.new({ traits: ["#{contextual_collapsible_icon} fw"], tooltip: 'Show / hide additional information' }, view_context).render
                   })
                 end
               })
@@ -34,6 +34,21 @@ module NfgUi
             concat((block_given? ? yield : body))
           end
         end
+
+        private
+
+        def contextual_collapsible_icon
+          return '' unless collapsible
+          collapsed ? collapsed_icon : collapse_icon
+        end
+
+        def collapse_icon
+          'caret-up'
+        end
+
+        def collapsed_icon
+          'caret-down'
+        end
       end
     end
   end

data/lib/nfg_ui/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nfg_ui
 version: !ruby/object:Gem::Version
-  version: 0.12.2
+  version: 0.12.6
 platform: ruby
 authors:
 - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-06-25 00:00:00.000000000 Z
+date: 2021-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap
@@ -149,14 +149,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.10.4
+        version: 1.11.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.10.4
+        version: 1.11.4
 - !ruby/object:Gem::Dependency
   name: browser
   requirement: !ruby/object:Gem::Requirement
@@ -530,6 +530,7 @@ files:
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datepicker.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datetimepicker.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_intercom.scss
+- app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_multi.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_select2.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_sticky_div.scss
 - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_turbolinks.scss