sdr_view_components 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 69a8ea2f413d71c60cab404598d4e5f0b65c4c0bf7b4aa332e657ea4ea3fae61
-  data.tar.gz: db647210ffedcfbec61c8a16602b3a0b25de94faf04c595c5b00dfdafdbd9321
+  metadata.gz: 3a3b49086535a4be91b25b4f4a5b68f51c72fd2478f5fc72d54c2b77afe5f7cf
+  data.tar.gz: dff1e70705204abaf6202df28826379dd8993d584445506e39f905250fed4795
 SHA512:
-  metadata.gz: 1bd2d7d88d402446d0d033ba6d189eb7b211efe4357110244b908a4f603a4824e104af724d518d2e8a4b86d243e5a06e37971cdd4b526e2279e54de45e1bb8f9
-  data.tar.gz: 7bd1f0afcc43c17014331278c1e9515c4f4fd2c857ad5f02f5944327ab30074e2885fd8b7017188dd46f8f8b2b0300225e918d53666d1d0e109717bf11c77c55
+  metadata.gz: a34d248d460b3af61fdb39db821d45620e5444defed6de2505f260cce700b3c6babb9000d10063b98e59a52a171b2df7ca0162bbac8476648efa28b2ee008993
+  data.tar.gz: ed9d2ef885985c68e38f640ce30a67382be3cb9f258ac3d03946d896fdcaa651f09acd7059482b3a7f006163730748375a712f498e89832bd87dbe838a293292

data/Rakefile

@@ -26,7 +26,7 @@ begin
   desc 'Run herb against ERB files'
   task herb: :environment do
     puts 'Running ERB linter...'
-    sh('bin/herb analyze app --no-timing --non-interactive')
+    sh('bin/herb analyze app --no-timing')
   end
 
   desc 'Run all configured linters'

data/app/assets/sdr_view_components.css

@@ -116,3 +116,25 @@ table.table-data th {
 	cursor: default;
 	opacity: .5;
 }
+
+/* Toasts */
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+    max-height: 200px;
+    visibility: visible;
+  }
+  79%  { opacity: 1; }
+  80%  { max-height: 200px; }
+
+  100% {
+    opacity: 0;
+    max-height: 0;
+    visibility: hidden;
+  }
+}
+
+.toast-disappear {
+  animation: fade-out 5s ease-in forwards;
+}
+

data/app/components/sdr_view_components/elements/toast_component.html.erb

@@ -1,8 +1,4 @@
-<div
-  class="toast align-items-center show"
-  role="alert"
-  aria-live="assertive"
-  aria-atomic="true">
+<%= tag.div class: classes, role: 'alert', aria: { live: 'assertive', atomic: 'true' } do %>
   <%= tag.div class: toast_body_classes do %>
     <div class="d-flex">
       <div
@@ -29,4 +25,4 @@
       </div>
     </div>
   <% end %>
-</div>
+<% end %>

data/app/components/sdr_view_components/elements/toast_component.rb

@@ -4,15 +4,20 @@ module SdrViewComponents
   module Elements
     # Component for rendering a toast element.
     class ToastComponent < BaseComponent
-      def initialize(title:, text: nil, close_text: nil, variant: :black)
+      def initialize(title:, text: nil, close_text: nil, variant: :black, disappearing: false)
         @title = title
         @text = text
         @close_text = close_text
         @variant = variant
+        @disappearing = disappearing
         super()
       end
 
-      attr_reader :title, :text, :close_text, :variant
+      attr_reader :title, :text, :close_text, :variant, :disappearing
+
+      def classes
+        merge_classes('toast align-items-center show', ('toast-disappear' if disappearing))
+      end
 
       def toast_body_classes
         merge_classes([background_color], %w[toast-body text-white])

data/lib/sdr_view_components/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SdrViewComponents
-  VERSION = '0.3.0'
+  VERSION = '0.4.0'
 end

data/spec/components/previews/sdr_view_components/elements/toast_component_preview/disappearing.html.erb

@@ -0,0 +1,5 @@
+<%= render SdrViewComponents::Elements::ToastComponent.new(title: 'Alert!', text: 'Non-Disappearing Toast text') %>
+
+<%= render SdrViewComponents::Elements::ToastComponent.new(title: 'Alert!', text: 'Disappearing Toast text. Wait 5 secs.', disappearing: true, variant: :green) %>
+
+<%= render SdrViewComponents::Elements::ToastComponent.new(title: 'Alert!', text: 'Non-Disappearing Toast text') %>

data/spec/components/previews/sdr_view_components/elements/toast_component_preview.rb

@@ -21,6 +21,8 @@ module SdrViewComponents
       end
       # @!endgroup
 
+      def disappearing; end
+
       def with_close_text
         render SdrViewComponents::Elements::ToastComponent.new(title: 'Alert!', text: 'Black Toast text', close_text: 'Undo')
       end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sdr_view_components
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Aaron Collier
@@ -190,6 +190,7 @@ files:
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/underline_variant.html.erb
 - spec/components/previews/sdr_view_components/elements/tabs/tab_list_component_preview/with_header.html.erb
 - spec/components/previews/sdr_view_components/elements/toast_component_preview.rb
+- spec/components/previews/sdr_view_components/elements/toast_component_preview/disappearing.html.erb
 - spec/components/previews/sdr_view_components/elements/tooltip_component_preview.rb
 - spec/components/previews/sdr_view_components/elements/tooltip_component_preview/default.html.erb
 - spec/components/previews/sdr_view_components/forms/basic/basic_checkbox_component_preview.rb