bs5 0.0.21 → 0.0.26

data/app/views/bs5/pages/toasts.html.erb

@@ -0,0 +1,7 @@
+<h1>Toasts</h1>
+<%= render 'bs5/examples/toasts/default/example' %>
+<%= render 'bs5/examples/toasts/stacking/example' %>
+<%= render 'bs5/examples/toasts/custom_content/example' %>
+<%= render 'bs5/examples/toasts/color_schemes/example' %>
+<%= render 'bs5/examples/toasts/placement/example' %>
+<%= render 'bs5/examples/toasts/js_options/example' %>

data/app/views/layouts/bs5/pages.html.erb

@@ -4,6 +4,7 @@
   <title>Bs5</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  <%= javascript_include_tag 'bs5/application', 'data-turbolinks-track': 'reload' %>
   <%= stylesheet_pack_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
   <style><%= Rouge::Themes::Github.render(scope: '.highlight') %></style>
 </head>
@@ -21,9 +22,11 @@
             <% lg.item(active: current_page?(pages_path('button_group'))) do %><%= link_to 'Button group', pages_path('button_group') %><% end %>
             <% lg.item(active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
             <% lg.item(active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
+            <% lg.item(active: current_page?(pages_path('dropdowns'))) do %><%= link_to 'Dropdowns', pages_path('dropdowns') %><% end %>
             <% lg.item(active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
             <% lg.item(active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
             <% lg.item(active: current_page?(pages_path('spinners'))) do %><%= link_to 'Spinners', pages_path('spinners') %><% end %>
+            <% lg.item(active: current_page?(pages_path('toasts'))) do %><%= link_to 'Toasts', pages_path('toasts') %><% end %>
             <% lg.item(active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
           <%- end %>
         </div>

data/lib/bs5/engine.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require 'view_component/engine'
+require 'sprockets/railtie'
 module Bs5
   class Engine < ::Rails::Engine
     isolate_namespace Bs5
@@ -9,5 +10,10 @@ module Bs5
     config.before_configuration do |app|
       app.config.view_component.preview_paths << "#{Bs5::Engine.root}/spec/components/previews"
     end
+
+    initializer 'bs5.assets.precompile' do |app|
+      app.config.assets.paths << Rails.root.join('app/assets/javascripts')
+      app.config.assets.precompile << 'bs5/application.js'
+    end
   end
 end

data/lib/bs5/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Bs5
-  VERSION = '0.0.21'
+  VERSION = '0.0.26'
 end

data/lib/generators/bs5/install/templates/bs5.js

@@ -1,24 +1,35 @@
 import * as bootstrap from "bootstrap";
 
-function tooltipify() {
-  const tooltipTriggerList = [].slice.call(
-    document.querySelectorAll('[data-bs-toggle="tooltip"]')
-  );
-  tooltipTriggerList.map(function (tooltipTriggerEl) {
-    return new bootstrap.Tooltip(tooltipTriggerEl);
-  });
+function popoverify() {
+  document
+    .querySelectorAll('[data-bs-toggle="popover"]')
+    .forEach(function (popoverTriggerEl) {
+      new bootstrap.Popover(popoverTriggerEl);
+    });
 }
 
-function popoverify() {
-  const popoverTriggerList = [].slice.call(
-    document.querySelectorAll('[data-bs-toggle="popover"]')
-  );
-  popoverTriggerList.map(function (popoverTriggerEl) {
-    return new bootstrap.Popover(popoverTriggerEl);
+function toastify() {
+  document.querySelectorAll(".toast").forEach(function (toastNode) {
+    let autohide = new RegExp("true", "i").test(
+      toastNode.dataset["bsAutohide"] || "false"
+    );
+    let toast = new bootstrap.Toast(toastNode, {
+      autohide,
+    });
+    toast.show();
   });
 }
 
+function tooltipify() {
+  document
+    .querySelectorAll('[data-bs-toggle="tooltip"]')
+    .forEach(function (tooltipTriggerEl) {
+      new bootstrap.Tooltip(tooltipTriggerEl);
+    });
+}
+
 export function start() {
   popoverify();
+  toastify();
   tooltipify();
 }

data/lib/tasks/rubocop.rake

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-return unless RuboCop
+return unless defined?(RuboCop)
 
 require 'rubocop/rake_task'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.21
+  version: 0.0.26
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-12 00:00:00.000000000 Z
+date: 2020-12-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -100,20 +100,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 4.0.1
-- !ruby/object:Gem::Dependency
-  name: rubocop-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.8'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -139,6 +125,7 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/bs5_manifest.js
+- app/assets/javascripts/bs5/application.js
 - app/assets/stylesheets/bs5/application.css
 - app/components/bs5/accordion_component.html.erb
 - app/components/bs5/accordion_component.rb
@@ -156,12 +143,24 @@ files:
 - app/components/bs5/button_toolbar_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
+- app/components/bs5/dropdown/item_component.html.erb
+- app/components/bs5/dropdown/item_component.rb
+- app/components/bs5/dropdown_component.html.erb
+- app/components/bs5/dropdown_component.rb
 - app/components/bs5/example_component.html.erb
 - app/components/bs5/example_component.rb
 - app/components/bs5/list_group_component.html.erb
 - app/components/bs5/list_group_component.rb
 - app/components/bs5/spinner_component.html.erb
 - app/components/bs5/spinner_component.rb
+- app/components/bs5/toast/body_component.html.erb
+- app/components/bs5/toast/body_component.rb
+- app/components/bs5/toast/header_component.html.erb
+- app/components/bs5/toast/header_component.rb
+- app/components/bs5/toast_component.html.erb
+- app/components/bs5/toast_component.rb
+- app/components/bs5/toast_container_component.html.erb
+- app/components/bs5/toast_container_component.rb
 - app/controllers/bs5/application_controller.rb
 - app/controllers/bs5/pages_controller.rb
 - app/helpers/bs5/application_helper.rb
@@ -229,6 +228,36 @@ files:
 - app/views/bs5/examples/collapse/default/_example.html.erb
 - app/views/bs5/examples/collapse/default/multiple_targets.html.erb
 - app/views/bs5/examples/collapse/default/snippet.html.erb
+- app/views/bs5/examples/dropdowns/dark/_example.html.erb
+- app/views/bs5/examples/dropdowns/dark/snippet.html.erb
+- app/views/bs5/examples/dropdowns/directions/_example.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/directions/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_alignment/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_content/snippet4.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/_example.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/menu_items/snippet4.html.erb
+- app/views/bs5/examples/dropdowns/single/_example.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/single/snippet3.html.erb
+- app/views/bs5/examples/dropdowns/sizing/_example.html.erb
+- app/views/bs5/examples/dropdowns/sizing/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/sizing/snippet2.html.erb
+- app/views/bs5/examples/dropdowns/split/_example.html.erb
+- app/views/bs5/examples/dropdowns/split/snippet1.html.erb
+- app/views/bs5/examples/dropdowns/split/snippet2.html.erb
 - app/views/bs5/examples/list_group/actionable/_example.html.erb
 - app/views/bs5/examples/list_group/actionable/button.html.erb
 - app/views/bs5/examples/list_group/actionable/snippet.html.erb
@@ -278,6 +307,20 @@ files:
 - app/views/bs5/examples/spinners/size/_example.html.erb
 - app/views/bs5/examples/spinners/size/size1.html.erb
 - app/views/bs5/examples/spinners/size/size2.html.erb
+- app/views/bs5/examples/toasts/color_schemes/_example.html.erb
+- app/views/bs5/examples/toasts/color_schemes/snippet.html.erb
+- app/views/bs5/examples/toasts/custom_content/_example.html.erb
+- app/views/bs5/examples/toasts/custom_content/snippet1.html.erb
+- app/views/bs5/examples/toasts/custom_content/snippet2.html.erb
+- app/views/bs5/examples/toasts/default/_example.html.erb
+- app/views/bs5/examples/toasts/default/snippet.html.erb
+- app/views/bs5/examples/toasts/js_options/_example.html.erb
+- app/views/bs5/examples/toasts/js_options/snippet.html.erb
+- app/views/bs5/examples/toasts/placement/_example.html.erb
+- app/views/bs5/examples/toasts/placement/snippet1.html.erb
+- app/views/bs5/examples/toasts/placement/snippet2.html.erb
+- app/views/bs5/examples/toasts/stacking/_example.html.erb
+- app/views/bs5/examples/toasts/stacking/snippet.html.erb
 - app/views/bs5/examples/tooltips/default/_example.html.erb
 - app/views/bs5/examples/tooltips/default/buttons.html.erb
 - app/views/bs5/examples/tooltips/default/disabled_elements.html.erb
@@ -290,9 +333,11 @@ files:
 - app/views/bs5/pages/buttons.html.erb
 - app/views/bs5/pages/close_button.html.erb
 - app/views/bs5/pages/collapse.html.erb
+- app/views/bs5/pages/dropdowns.html.erb
 - app/views/bs5/pages/list_group.html.erb
 - app/views/bs5/pages/popovers.html.erb
 - app/views/bs5/pages/spinners.html.erb
+- app/views/bs5/pages/toasts.html.erb
 - app/views/bs5/pages/tooltips.html.erb
 - app/views/layouts/bs5/application.html.erb
 - app/views/layouts/bs5/pages.html.erb