bs5 0.0.11 → 0.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5d45e3e9d6c5303c22f72e3637abc45b8302a2834956d9213a3cbe3300320658
-  data.tar.gz: 0c9d8ed8656a427932ba2fae5a49bb6f8110bd0a86d7af8a0f95020ae0cafd6f
+  metadata.gz: 74aab58d89e345e58ed93c1960217477600d6c0bb9c3e9af1dcb3b3542ec55f0
+  data.tar.gz: 79c1ddc04689b15bb773de0b99751045f30ffb101acd8ed62e8d816263723f8d
 SHA512:
-  metadata.gz: 149b6ad2c77ad23fcef6c02d0a6e6b147dd32e0d1299807484233b207dc7280c90d3bf2fce397c02b64376478ace48bcc30aea57de654fa9ce0a6c4a715ccc7d
-  data.tar.gz: 59471a7a2b75588e27d203e982ae52f1b1e54498ca0e26c6776bf7b5ef34166cbd7f644a80302f6ec1034b747b34f5b144d03bca836c07f84ba5808f3dbfa999
+  metadata.gz: 623342435dddb84001b2d70dfd1abc6cf6088b278d2f7c8deb0b11793778fcfcb7e531f5e6c32dcb18865ce918d5bb7a209496577ae486e85304e0d98fc590f3
+  data.tar.gz: ba822b14f63cce1ea2be57273aef6014618d1cdab09050a6e842ac8719bf68f7d40b5f04d8a27991f7905700fe35a30b75640d805460599242449b9b7d36cbf6

data/app/components/bs5/button_to_component.rb

@@ -18,15 +18,7 @@ module Bs5
       @options = options
       @html_options = html_options
 
-      if @name.is_a? Hash
-        self.button_to_options = @name
-      elsif @options.is_a? Hash
-        self.button_to_options = @options
-      else
-        @html_options ||= {}
-        self.button_to_options = @html_options
-      end
-
+      set_button_to_options
       extract_custom_options
       merge_default_options
     end
@@ -45,6 +37,17 @@ module Bs5
 
     private
 
+    def set_button_to_options
+      if @name.is_a? Hash
+        self.button_to_options = @name
+      elsif @options.is_a? Hash
+        self.button_to_options = @options
+      else
+        @html_options ||= {}
+        self.button_to_options = @html_options
+      end
+    end
+
     def button_to_options=(hash)
       @button_to_options = hash.symbolize_keys!
     end

data/app/helpers/bs5/components_helper.rb

@@ -11,6 +11,15 @@ module Bs5
       end
     end
 
+    def bs5_tooltip(title, options = nil)
+      default_options = { toggle: :tooltip }
+      options = Hash(options).symbolize_keys.merge(default_options)
+      {
+        title: title,
+        data: options
+      }
+    end
+
     private
 
     def render_component(component_clazz, *args)

data/app/views/bs5/examples/_tooltips.html.erb

@@ -0,0 +1,2 @@
+<h2>Tooltips</h2>
+<%= render 'bs5/examples/tooltips/default/example' %>

data/app/views/bs5/examples/index.html.erb

@@ -8,6 +8,7 @@
         <li>Close button</li>
         <li>Breadcrumb</li>
         <li>Buttons</li>
+        <li>Tooltips</li>
         </ul>
       </div>
     </div>
@@ -19,5 +20,6 @@
       <%= render 'close_button' %>
       <%= render 'breadcrumb' %>
       <%= render 'buttons' %>
+      <%= render 'tooltips' %>
     </div>
   </div>

data/app/views/bs5/examples/tooltips/default/_example.html.erb

@@ -0,0 +1,4 @@
+<h3>Default</h3>
+<%= bs5_example(snippet: 'tooltips/default/snippet') %>
+<%= bs5_example(snippet: 'tooltips/default/buttons') %>
+<%= bs5_example(snippet: 'tooltips/default/disabled_elements') %>

data/app/views/bs5/examples/tooltips/default/buttons.html.erb

@@ -0,0 +1,9 @@
+<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(style: :secondary)) %>

data/app/views/bs5/examples/tooltips/default/disabled_elements.html.erb

@@ -0,0 +1,3 @@
+<%= tag.span(bs5_tooltip('Disabled tooltip').merge(class: 'd-inline-block', tabindex: 0)) do %>
+  <%= bs5_button_tag('Disabled button', disabled: true) %>
+<% end %>

data/app/views/bs5/examples/tooltips/default/snippet.html.erb

@@ -0,0 +1,7 @@
+<p class="muted">
+  Tight pants next level keffiyeh <%= link_to('you probably', '#', bs5_tooltip('Default tooltip')) %> haven't heard of them.
+  Photo booth beard raw denim letterpress vegan messenger bag stumptown.
+  Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <%= link_to('have a', '#', bs5_tooltip('Another tooltip')) %> terry richardson vinyl chambray.
+  Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray.
+  A really ironic artisan <%= link_to('whatever keytar', '#', bs5_tooltip('Another one here too')) %>, scenester farm-to-table banksy Austin <%= link_to('twitter handle', '#', bs5_tooltip('The last tip!')) %> freegan cred raw denim single-origin coffee viral.
+</p>

data/lib/bs5/version.rb

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

data/lib/generators/bs5/install/install_generator.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+
     def add_bootstrap # rubocop:disable Metrics/MethodLength
       run 'yarn add bootstrap@next popper.js'
 
@@ -9,6 +11,16 @@ module Bs5
         @import "~bootstrap/scss/bootstrap";
       HEREDOC
 
+      copy_file 'bs5.js', 'app/javascript/bs5.js'
+
+      append_file 'app/javascript/packs/application.js', <<~HEREDOC
+        import * as bs5 from "bs5";
+
+        document.addEventListener("turbolinks:load", function () {
+          bs5.start();
+        });
+      HEREDOC
+
       inject_into_file 'app/views/layouts/application.html.erb', before: '</head>' do
         <<~HEREDOC
           <%= stylesheet_pack_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
@@ -27,10 +39,6 @@ module Bs5
         HEREDOC
       end
 
-      append_file 'app/javascript/packs/application.js', <<~HEREDOC
-        import "bootstrap";
-      HEREDOC
-
       gsub_file 'config/webpacker.yml', 'extract_css: false', 'extract_css: true'
     end
   end

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

@@ -0,0 +1,14 @@
+import * as bootstrap from "bootstrap";
+
+function tooltipify() {
+  const tooltipTriggerList = [].slice.call(
+    document.querySelectorAll('[data-toggle="tooltip"]')
+  );
+  tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl);
+  });
+}
+
+export function start() {
+  tooltipify();
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.11
+  version: 0.0.12
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-27 00:00:00.000000000 Z
+date: 2020-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -153,6 +153,7 @@ files:
 - app/views/bs5/examples/_breadcrumb.html.erb
 - app/views/bs5/examples/_buttons.html.erb
 - app/views/bs5/examples/_close_button.html.erb
+- app/views/bs5/examples/_tooltips.html.erb
 - app/views/bs5/examples/accordion/default/_example.html.erb
 - app/views/bs5/examples/accordion/default/snippet.html.erb
 - app/views/bs5/examples/accordion/flush/_example.html.erb
@@ -198,6 +199,10 @@ files:
 - app/views/bs5/examples/close_button/white/_example.html.erb
 - app/views/bs5/examples/close_button/white/snippet.html.erb
 - app/views/bs5/examples/index.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
+- app/views/bs5/examples/tooltips/default/snippet.html.erb
 - app/views/layouts/bs5/application.html.erb
 - config/definitions.rb
 - config/locales/en.yml
@@ -207,6 +212,7 @@ files:
 - lib/bs5/version.rb
 - lib/generators/bs5/install/USAGE
 - lib/generators/bs5/install/install_generator.rb
+- lib/generators/bs5/install/templates/bs5.js
 - lib/tasks/bs5_tasks.rake
 - lib/tasks/ci.rake
 - lib/tasks/rubocop.rake